html {font-family:'Roboto', Arial, sans-serif; /* 1 */-ms-text-size-adjust:none; /* 2 */-webkit-text-size-adjust:none; /* 2 */font-size:16px; line-height:normal; -webkit-font-smoothing: antialiased;  color:#444;margin:0 auto;} div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} article,aside,details,time,caption,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;} audio,canvas,progress,video {display: inline-block; /* 1 */vertical-align: baseline; /* 2 */}audio:not([controls]) {display: none;height: 0;} [hidden],template {display: none;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}dfn {font-style: italic;}mark {background: #ff0;color: #111;}small {font-size: 80%; line-height:80%;}sub,sup {font-size:60%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;left:1px;}sub {bottom: -0.25em;}img {border: 0; display:block;}/*svg:not(:root) {overflow: hidden;}*/figure {margin:0;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}pre {overflow: auto;}code,kbd,pre,samp {font-size: 1em;}button,input,optgroup,select,textarea {color: inherit; /* 1 */font: inherit; /* 2 */margin: 0; /* 3 */}button {overflow: visible;}button,select {text-transform: none;}button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}button[disabled],html input[disabled] {cursor: default;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}input {line-height: normal;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */ }input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; /* 1 */padding: 0; /* 2 */}textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-collapse: collapse;border-spacing: 0;}td,th {padding: 0;}
*, *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*
body::-webkit-scrollbar {width:6px; background:#ccc; border-radius:0 0 0 0;}
body::-webkit-scrollbar-track { border-radius:0 0 0 0;}
body::-webkit-scrollbar-thumb {background-color:#555555; border-radius:0;}
body::-webkit-scrollbar:horizontal {height:6px;}
body::-webkit-scrollbar:vertical {width:6px;}
*/
a {color: #444;text-decoration: none;}
a:hover, a:focus {color:rgba(0,0,0,0.5);}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
/*padding & Margin*/
.padding-no {padding:0 !important;}.padding-ss{padding:5px !important;}.padding-xs{padding:10px !important;}.padding-sm{padding:15px !important;}.padding-top-no {padding-top:0 !important;}.padding-top-ss {padding-top:5px !important;}.padding-top-xs {padding-top:10px !important;}.padding-top-sm {padding-top:15px !important;}.padding-top-lg {padding-top:45px !important;}.padding-top{padding-top:30px !important;}.padding-bottom-no {padding-bottom:0 !important;}.padding-bottom-ss {padding-bottom:5px !important;}.padding-bottom-xs {padding-bottom:10px !important;}.padding-bottom-sm {padding-bottom: 15px !important;}.padding-bottom-lg {padding-bottom:45px !important;}.padding-bottom {padding-bottom:30px !important;}.padding-left-no {padding-left:0 !important;}.padding-left-ss {padding-left:5px !important;}.padding-left-xs{padding-left:10px !important;}.padding-left-sm {padding-left:15px !important;}.padding-left-lg {padding-left:45px !important;}.padding-left {padding-left:30px !important;}.padding-right-no {padding-right: 0 !important;}.padding-right-ss {padding-right:5px !important;}.padding-right-xs {padding-right:10px !important;}.padding-right-sm {padding-right:15px !important;}.padding-right-lg {padding-right:45px !important;}.padding-right {padding-right:30px !important;}
.margin-no {margin:0 !important;}.margin-xs{margin:5px 15px;}.margin-sm{margin:10px 30px;}.margin-top-no {margin-top:0 !important;}.margin-top-ss {margin-top:5px !important;}.margin-top-xs {margin-top:10px !important;}.margin-top-sm {margin-top:15px !important;}.margin-top-lg {margin-top:45px !important;}.margin-top {margin-top:30px !important;}.margin-bottom-no {margin-bottom:0 !important;}.margin-bottom-ss {margin-bottom:5px !important;}.margin-bottom-xs {margin-bottom:10px !important;}.margin-bottom-sm {margin-bottom:15px !important;}.margin-bottom-lg {margin-bottom:45px !important;}.margin-bottom {margin-bottom:30px !important;}.margin-left-no {margin-left:0 !important;}.margin-left-ss {margin-left:5px !important;}.margin-left-xs {margin-left:10px !important;}.margin-left-sm {margin-left:15px !important;}.margin-left-lg {margin-left:45px !important;}.margin-left {margin-left:30px !important;}.margin-right-no {margin-right:0 !important;}.margin-right-ss {margin-right:5px !important;}.margin-right-xs {margin-right:10px !important;}.margin-right-sm {margin-right:15px !important;}.margin-right-lg {margin-right:45px !important;}.margin-right {margin-right:30px !important;}
/*social media*/
.bg-twitter{background:#77cbef !important;}.bg-facebook{background:#537abd !important;}.bg-google{background:#ea5d4b !important;}.bg-linkedin{background:#1384c8 !important;}.bg-daily{background:#0064dc !important;}.bg-youtube{background:#c8302a !important;}.bg-instagram{background:#444 !important;}.bg-whatsapp{background:#2ab200 !important;}.bg-line{background:#4ecd00 !important;}.bg-tumblr{background:#395976 !important;}.cl-twitter{color:#77cbef !important;}.cl-facebook{color:#537abd !important;}.cl-google{color:#ea5d4b !important;}.cl-linkedin{color:#1384c8 !important;}.cl-daily{color:#0064dc !important;}.cl-youtube{color:#c8302a !important;}.cl-instagram{color:#444 !important;}.cl-whatsapp{color:#2ab200 !important;}.bg-line{color:#4ecd00 !important;}.cl-tumblr{color:#395976 !important;}
/*command*/
.videoframe{position:relative;padding-bottom:56.25%;padding-top:25px;height:0; margin:0;}.videoframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;}.fade{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.t-center{text-align:center !important;}.t-right{text-align:right !important;}.t-left{text-align:left !important;}.left {float: left !important;} .right {float: right !important;}.hidden{opacity: 0;}.visible{opacity: 1;}.left{float:left !important;}.right{float:right !important;}.boxshadow{box-shadow: 1px 1px 6px rgba(0,0,0,0.1);}.overflow-hidden {overflow: hidden;}.hide_desktop{display:none; visibility:hidden;}.dblock{display:block;}.centering{display: flex !important;align-items: center !important;justify-content: center !important;}.centering.column{flex-direction:column;}.centering.row{flex-direction:row;}.clear{clear:both;}.overflow{overflow:hidden;}
/*color*/
.cl-white{color:#fff !important;}
.cl-black{color:#444 !important;}
.cl-red{color:#bf000c !important;}
/*bg*/
.bg-white{background:#fff !important;}
.bg-black{background:#444 !important;}
.bg-red{background:#bf000c !important;}
/*body*/
body{margin:0 auto; padding:0; display:block; background:#fff; /*#f0f1fc;*/ min-height: 100vh;}
.cd-main-content {min-height: 100%;position: relative;z-index: 2;padding:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;background:transparent; padding-top:141px;}
.container{margin:0 auto; max-width:1200px; padding:0 15px; display:block; min-height:20px;}
.container.full{max-width:100%;}
.container.small{max-width:1020px;}
.container.smaller{max-width:910px;}
.container-col{margin-left:-15px; margin-right:-15px;}
.container.video-detail{padding:15px;}
.col100{padding:0 15px; width:100%; float:none;}.col90{padding:0 15px; width:90%; float:left;}.col80{padding:0 15px; width:80%; float:left;}.col70{padding:0 15px; width:70%; float:left;}.col60{padding:0 15px; width:60%; float:left;}.col50{padding:0 15px; width:50%; float:left;}.col55{padding:0 15px; width:55%; float:left;}.col45{padding:0 15px; width:45%; float:left;}.col40{padding:0 15px; width:40%; float:left;}.col33{padding:0 15px; width:33.333%; float:left;}.col30{padding:0 15px; width:30%; float:left;}.col25{padding:0 15px; width:25%; float:left;}.col20{padding:0 15px; width:20%; float:left;}.col15{padding:0 15px; width:15%; float:left;}.col10{padding:0 15px; width:10%; float:left;}
/*element*/
.element-box button{background:transparent; border:none;}
label.small{font-size:12px; padding-bottom:5px; display:inline-flex;}
.element-box{margin:0; position:relative; height:auto;}
.element-box .icons{width:40px; height:40px; position:absolute; left:0; top:0; z-index: 2;border-right: 1px solid #cecece; display: flex; align-items:center; justify-content: center;}
.element-box .icons.small{width:30px; height:30px;}
.element-box .icons.right{right:0; left:inherit; border-right:none;border-left: 1px solid #cecece;}
.element-box input.element-input{width:100%; height:40px; padding:10px 10px 10px 50px; background:#fff; border:1px solid #cecece;font-size:14px;}
.element-box textarea.element-area{width:100%; min-height:120px; padding:10px 10px 10px 50px; background:#fff; border:1px solid #cecece;font-size:14px;}
.element-box.overinput input.element-input{padding-right:50px; padding-left:10px;}
.element-box.overinput button.sign-btn{height:40px; width:40px;border:1px solid #cecece;}
.element-box .input-field{margin:0;}
.element-box .file-field{position:relative;}
.element-box .file-field .btn.upload{background:#cecece;border-radius:4px 0px 0 4px !important;cursor: pointer;display: inline-flex;align-items:center;justify-content:center;height:40px;width:40px; float:none; padding:0; position:absolute; top:0; left:0; z-index:2;}
.element-box .file-field .btn.upload i{font-size:16px;color:#444; line-height:normal;}
.element-box .file-field input[type=file]{position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity:0;filter: alpha(opacity=0); z-index:3;}
.element-box .file-field .file-path-wrapper{text-align:left;background: #fff;padding:0;width: 100%;position: relative;border:1px solid #cecece;height:40px; overflow:hidden; border-radius:4px;}
.element-box .file-field input.file-path {width: 100%;height: 40px;border: none;padding-left: 50px;font-size:16px;}
button.sign-btn{width:100%;height:50px;background:#1a73e8; color:#fff;transition: all 0.3s ease-in-out;opacity:1; margin-top:15px;border:none;}
.element-box .file-field .file-path-wrapper label{width: 100%;height: 40px;display: flex;padding-left: 50px;align-items: center;justify-content: flex-start;}
.radius6{border-radius:4px !important;}
.no-radius{border-radius:0 !important;}
.element-box.overinput .sign-btn{position:absolute; right:0; top:0; width:30px; z-index:1;margin-top:0;}
button.sign-btn.minimalis{width:auto; padding:0 30px;}
button.sign-btn.medium{height:40px;}
button.sign-btn.small{height:30px;}
button.sign-btn:hover{transition: all 0.3s ease-in-out; opacity:0.9; background:#1a73e8;}
a.sign-btn{width:100%; height:50px; background:#1a73e8; color:#fff;transition: all 0.3s ease-in-out;opacity:1; margin-top:15px; display:flex; align-items:center; justify-content: center; border:none; border-radius:4px;}
a.sign-btn.minimalis{width:auto; padding:0 30px; display: inline-flex; margin:0;}
a.sign-btn.medium{height:40px; font-size:14px; font-weight: 500;}
a.sign-btn.small{height:36px; font-size:14px; font-weight: 500; padding:0 15px;}
a.sign-btn.line{background:#fff; border:1px solid #222; color:#222;}
a.sign-btn.line.red{border-color:#e74c4c; color:#e74c4c;}
a.sign-btn.line.soft{border-color:#ddd; color:#444;}
a.sign-btn.soft{background:#bbb; color:#444;}
a.sign-btn.line.dark{border-color:#444; color:#444;}
a.sign-btn.line.fb{border-color:#537abd; color:#537abd;}
a.sign-btn.line.gg{border-color:#ea5d4b ; color:#ea5d4b ;}
a.sign-btn:hover{transition: all 0.3s ease-in-out; opacity:0.8;}
a.sign-btn.disable{cursor:not-allowed; background:#cecece;}
.element-box .element-select{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
.element-box select.element-select {
	width:100%; height:40px; padding:5px 5px 5px 50px; background:#fff; border:1px solid #cecece;font-size:16px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;
  background-image:
linear-gradient(45deg, transparent 50%, #cecece 50%),
linear-gradient(135deg, #cecece 50%, transparent 50%),
linear-gradient(to right, #cecece , #cecece );
  background-position:
calc(100% - 19px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
  background-size:
5px 5px,
5px 5px,
1px 1.5em;
  background-repeat: no-repeat;
}
.element-box select.element-select.noicons, .element-box input.element-input.noicons, .element-box textarea.element-area.noicons{padding-left:10px !important; min-width:10px;}
.element-box input.element-input.small{height:30px; font-size:12px; padding-left:40px; padding:5px;}
.element-box input.element-input.small.search{padding-right:40px;}
.element-box textarea.element-area.small{font-size:12px; padding-left:40px;}
.element-box select.element-select.minimalis{min-width:120px; width:auto;  padding-right: 35px;}
.element-box input.element-input.minimalis{min-width:146px; width:auto;}
.element-box select.element-select.small{height:30px; font-size:12px;  background-position:
calc(100% - 15px) calc(1em + -1px),
calc(100% - 10px) calc(1em + -1px),
calc(100% - 2.5em) 0.3em;
  background-size:
5px 5px,
5px 5px,
1px 1.5em; padding-left:40px;
  background-repeat: no-repeat;}
.element-radio {cursor:pointer; font-size:12px;}
.element-radio.jawaban{display:inline-flex;}
.element-radio input[type="radio"]{opacity:1;border:2px solid #dddddd;background:#fff;height:20px;width:20px;position:absolute;top:0;cursor:pointer;-webkit-appearance:none;-moz-appearance: none;appearance: none;border-radius:10px;display:inline-flex; margin-right:5px;}
.element-radio input:checked{opacity:1; background:#fff; -webkit-appearance:none;-moz-appearance: none;appearance: none; border:2px solid #444;}
.element-radio input:checked:before{position:absolute; width:12px; height:12px;top:2px; left:2px;background:#444; border-radius:8px; content:''; z-index:2;}
.element-radio input:disabled{opacity:1; background:#fff; -webkit-appearance:none;-moz-appearance: none;appearance: none; border:2px solid #444; cursor: not-allowed;}
.element-radio input:disabled:before{font-family:'FontAwesome'; position:absolute; width:16px; height:16px;top:0px; left:0;content:'\f00d'; color:#444; font-size:12px; font-weight:normal; display:flex; align-items:center; justify-content:center; z-index:2;margin:0 auto;}
.element-radio > label {display: inline-flex !important;margin-left:30px;cursor:pointer;}
.element-check {cursor:pointer;}
.element-check input[type="checkbox"]{opacity:1;border:2px solid #dddddd;background:#fff;height:20px;width:20px;position:absolute;top:0;cursor:pointer;-webkit-appearance:none;-moz-appearance: none;appearance: none;border-radius:4px;display:inline-flex; margin-right:5px;}
.element-check input:checked{opacity:1; background:#fff; border:2px solid #444;-webkit-appearance:none;-moz-appearance: none;appearance: none;}
.element-check input:checked:before{font-family:'FontAwesome'; position:absolute; width:16px; height:16px;top:0px; left:0;content:'\f00c'; color:#444; font-size:12px; font-weight:normal; display:flex; align-items:center; justify-content:center; z-index:2;}
.element-check input:disabled{opacity:1; background:#fff; border:2px solid #d91c40;-webkit-appearance:none;-moz-appearance: none;appearance: none;cursor: not-allowed;}
.element-check input:disabled:before{font-family:'FontAwesome'; content:'\f00d'; position:absolute;  width:16px; height:16px;top:0px; left:0; color:#444; font-size:12px; display:flex; align-items:center; justify-content:center; z-index:2;}
.element-check > label {display: inline-flex !important;margin-left:30px;cursor:pointer;}
ul.row-list{list-style: none; list-style-position: inside; margin:0 -15px; padding:0; display: flex; align-items: flex-start; justify-content: flex-start; flex-flow:wrap;}
ul.row-list li{width:100%; padding:0 15px;}
ul.row-list.row2 li{width:50%; padding:0 15px;}
ul.row-list.row3 li{width:33.333%; padding:0 15px;}
ul.row-list.row4 li{width:25%; padding:0 15px;}
ul.row-list.row5 li{width:20%; padding:0 15px;}
ul.row-list.row6 li{width:16.666%; padding:0 15px;}
ul.row-list.row8 li{width:12.5%; padding:0 15px;}
ul.row-list.row9 li{width:11.1%; padding:0 15px;}
ul.row-list.row4.pad5, ul.row-list.row3.pad5, ul.row-list.row2.pad5, ul.row-list.row5.pad5,  ul.row-list.row6.pad5,ul.row-list.row8.pad5,ul.row-list.row9.pad5 li{margin:0 -5px;}
ul.row-list.row4.pad5 li, ul.row-list.row3.pad5 li, ul.row-list.row2.pad5 li, ul.row-list.row5.pad5 li, ul.row-list.row6.pad5 li, ul.row-list.row8.pad5 li, ul.row-list.row9.pad5 li{padding:0 5px;}
ul.row-list.row4.pad10, ul.row-list.row3.pad10, ul.row-list.row2.pad10, ul.row-list.row5.pad10,  ul.row-list.row6.pad10, ul.row-list.row8.pad10, ul.row-list.row9.pad10{margin:0 -10px;}
ul.row-list.row4.pad10 li, ul.row-list.row3.pad10 li, ul.row-list.row2.pad10 li, ul.row-list.row5.pad10 li, ul.row-list.row6.pad10 li, ul.row-list.row8.pad10 li, ul.row-list.row9.pad10 li{padding:0 10px;}
/*card news*/
.card-box{height:auto; overflow:hidden;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box .img-card{position:relative;width:100%;overflow:hidden;height:auto;margin:0 auto; padding:0; display:flex; align-items:center; justify-content:center; text-align:center;}
.card-box .img-card img{width:100%; height:auto; display:block;}
.card-box .text-card{height:auto; width:auto; overflow:hidden; padding:15px 0; position:relative;}
.card-box .text-card h1.title{font-family:'Noto Serif','Roboto';transition: all .3s ease-in-out;font-size:30px;line-height:32px;margin: 0;font-weight:700;}
.card-box .text-card h2.title{font-family:'Noto Serif','Roboto';transition: all .3s ease-in-out;font-size:24px;line-height:26px;margin: 0;font-weight:700;}
.card-box .text-card h3.title{font-family:'Noto Serif','Roboto';transition: all .3s ease-in-out;font-size:20px;line-height:22px;margin: 0;font-weight:700;}
.card-box .text-card h4.title{font-family:'Noto Serif','Roboto';transition: all .3s ease-in-out;font-size:16px;line-height:18px;margin: 0;font-weight:700;}
.card-box .text-card h5.title{text-transform:uppercase;font-family:'Noto Serif','Roboto';transition: all .3s ease-in-out;font-size:14px;line-height:16px;margin: 0;font-weight:700;}
.card-box .text-card h4.date{text-transform:uppercase; font-size: 12px;line-height: 14px; font-weight:400; margin:10px 0 0 0;word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; height:16px;transition: all .3s ease-in-out;}
.card-box .text-card .line2{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.card-box .text-card p{font-weight:400;margin:10px 0; letter-spacing: normal; font-size:16px; line-height:22px;}
.card-box.thumb{padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #222;}
.card-box.thumb .img-card{width:200px; height:auto; float:left;}
.card-box.thumb .text-card{padding:0 0 0 30px;min-height:112.59px;display: flex;flex-direction: column;justify-content: center;}
/*header*/
header {height:141px;position:fixed;top: 0;background: #fff;z-index:5;width: 100%;margin: 0 auto;transition: top .2s ease-in-out;	box-shadow:1px 1px 12px rgba(0,0,0,0.1);}
header .header-top {height:85px;width: 100%;background: #fff;border-bottom: 1px solid #222}
header .header-bottom{height:56px;width: 100%;background: #fff; padding:0 56px; position:relative;}
header.showhead {display: block}
h1.logo {padding:15px;height: 85px;display: flex;align-items: center;justify-content:center;}
h1.logo img {height:55px;width: auto}
.fix-head {height: 45px}
.header-up {top: -85px;transition: top .2s ease-in-out;}
.header-down {}
ul.hastag{list-style:none; list-style-position:inside; margin:0 auto; padding:0; display:flex; justify-content:center; align-items:center; text-align:center;}
ul.hastag li{height:56px; display:inline-flex; justify-content:center; align-items:center; margin:0 15px;}
/*box thumbnails*/
.boxthumb{overflow:hidden; display:block; margin-bottom:30px;}
.boxthumb .boxthumb-in{padding-right:30%;}
.boxthumb .title-head{position:relative; min-height:30px; border-bottom:1px solid #222; padding-bottom:15px; margin-bottom:15px;}
.boxthumb .title-head h2.title{font-size:20px; line-height:24px; display:inline-flex;}
.boxthumb .title-head a.lihat{position:absolute; right:0; top:0; height:30px; font-size:14px; font-weight:bold; display:inline-flex; align-items:center; justify-content:center;}
.boxthumb .card-box.thumb:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}
.box-banner{display:flex; align-items:center; justify-content:center; margin:0 auto 30px auto; text-align:center;}
.col70.list-utama .card-box .text-card{padding-top:60px;}
.col30.list-utama .card-box:first-child{margin-bottom:30px;}
.header-bottom .searchbox{width:100%; position:absolute; right:0; top:56px; padding:15px 0; left:0; height:auto; background:#222; z-index:9;}
/*sitemap*/
ul.sitemap{list-style:none; list-style-position:inside; margin:0 0 15px 0; padding:0; display:flex; align-items:center; }
ul.sitemap li{float:left; padding-right:20px; position:relative; font-size:11px; font-weight:500; text-transform:uppercase; color:#222;}
ul.sitemap li:before{position:absolute;content: '/'; top:0; right:6px; color:#222;}
ul.sitemap li a{color:#bf000c;} ul.sitemap li a:hover{color:rgba(0,0,0,0.5); }
ul.sitemap li:last-child{padding-right:0;}
ul.sitemap li:last-child:before{display:none;}

.col-penulis{overflow:hidden; display:block; margin:15px 0;}
.col-penulis .img-penulis{width:40px; height:40px; overflow:hidden; border-radius:20px; float:left;}
.col-penulis .img-penulis img{width:40px; height:40px;}
.col-penulis .title-penulis{min-height:40px; padding-left:10px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;}
.col-penulis .title-penulis h4.name{font-size:12px; line-height:16px;margin:0; font-weight:600;}
.col-penulis .title-penulis p.title{font-size:12px; line-height:16px; margin:0; color:#999; max-width:280px;}

.col-penulis-detail{overflow:hidden;font-family: 'Noto Serif','Roboto';display:block; margin:15px 0;border: 1px solid #ddd;
  padding: 13px 10px;}
.col-penulis-detail .img-penulis{width:70px; height:70px; overflow:hidden; border-radius:50%; float:left;}
.col-penulis-detail .img-penulis img{width:70px; height:70px;}
.col-penulis-detail .title-penulis{min-height:70px; padding-left:30px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;}
.col-penulis-detail .title-penulis h4.name{font-family: 'Noto Serif','Roboto'; font-size:20px; line-height:16px;margin:0; font-weight:600;}
.col-penulis-detail .title-penulis p.title{font-family: 'Noto Serif','Roboto'; font-size:12px; line-height:16px; margin:0; color:rgb(7, 6, 6); max-width:280px;}
.col-penulis-detail .title-penulis p.desc{
  font-family: 'Noto Serif','Roboto';
    padding: 10px 10px 10px 10px;
    line-height: 1.2;
    background: #ddd;
    font-size: 12px;
    margin-top: 10px;
    
}
/*detail*/
.detail-artikel{width:100%;margin-bottom: 15px;background: #fff;overflow: hidden;min-height: 10px;}
.detail-artikel .detail-in{padding:0;}
.detail-artikel p, .detail-artikel ol{font-size:16px; line-height:28px; margin:0 0 30px 0; font-weight:400;font-family:'Noto Serif','Roboto';}
.detail-artikel p:last-child{margin-bottom:0;}
.detail-artikel p a{font-weight:500; /*pointer-events: none;
  cursor: default; /*color:#bf000c ;*/}
.detail-artikel p a:hover{color:#bbb;}
.detail-artikel .detail-in .box-foto-in{margin:0 0 30px 0; overflow:hidden; padding:0 120px;}
.detail-artikel .detail-in .foto-in{width:100%; height:auto;overflow:hiden; margin:0 auto;}
.detail-artikel .detail-in .foto-in img{width:100%; height:auto; }
.detail-artikel .box-foto-detail{margin:0 0 15px 0; overflow:hidden;}
.detail-artikel .foto-detail{width:100%; height:auto; position:relative; margin:0 auto;}
.detail-artikel .foto-detail img{width:100%; height:auto; }
.detail-artikel .caption{font-size:12px; line-height:14px; padding:10px 0; color:#444; background:#fff; border-bottom:1px solid #ddd;}
.detail-artikel h2.detail{font-size:36px; line-height:36px; margin:0 0 15px 0; }
.box-title-detail{/*padding:0 60px 15px 60px;*/     margin-bottom: 15px; padding:0; overflow: hidden;}
.box-title-detail h1.title{/*margin:0 0 15px 0;*/ font-size:36px; line-height:40px; font-weight:500;font-family:'Noto Serif','Roboto'; font-weight:700;}
.box-title-detail h4.date{font-size:16px; line-height:18px;  margin:0 0 10px 0; font-weight:400; text-transform:uppercase;}
.box-title-detail h4.writer{ text-transform:uppercase; font-size:14px; line-height:18px;  margin:15px 0 10px 0; font-weight:400;}
.box-title-detail p.wdesc{
  padding: 10px 10px 10px 10px;
  line-height: 1.2;
  background: #ddd;
  font-size: 14px;
  margin-top: 10px;
  max-width:600px;
  
}
/* .photo p{padding:15px;} */
.box-title-detail p.title{font-size:14px; line-height:22px; font-weight:400; margin:15px 0 0 0; padding: 0;}
/*footer*/
.footer{display:block; border-top:1px solid #222; overflow:hidden; width:100%; margin:0 auto;}
.footer-menu{max-width:910px; padding:0 15px 50px 15px; margin:0 auto;}
.box-footer{display:block; padding-top:15px;}
.box-footer h4.fsub-menu{font-size:14px; line-height:18px; color:#bf000c;}
.box-footer p.fmenu{margin:5px 0 0 0; font-size:12px; line-height:14px;}
.footer2{display:block; border-top:1px solid #222; overflow:hidden; width:100%; margin:0 auto;}
.footer-bot{max-width:910px; padding:15px; margin:0 auto; display:flex; align-items:center; justify-content:center;}
.footer-bot a{padding:0 10px; text-align:center; font-weight:600; font-size:14px;opacity:1;}
.footer-bot a:hover{opacity:0.6;}

 /*ticker*/
 .tickers a{color:#444;  transition: all .35s ease-in-out;}
 /*.tickers a:hover{color:rgba(255,255,255,0.5);}*/
 .tickers-wrapper,.tickers-wrapper *{box-sizing:border-box}.tickers-wrapper{display:inline-block;position:relative;width:100%;height:30px;vertical-align:top;overflow:hidden}.tickers-wrapper ul{z-index: 5; position:absolute;left:0;top:0;height:100%;margin:0;padding:0;list-style:none; white-space:nowrap;font-size:0;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.tickers-wrapper.tickers-initialized ul{opacity:1}.tickers-wrapper ul li{color:#fff; font-weight:600;margin:0 5px;display:inline-block;font-size:16px; padding:12px 5px 0;}.tickers-label{display:inline-block}
.box-ggs .box-ajakan {
    overflow: hidden;
    padding: 10px;
    min-height: 86px;
    text-align: center;
    font-size: 14px;
}
.centering {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
.bg-red {
    background: #F91A02!important;
}
.box-ggs {
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
}

.box-search {
    height: 80px;
    max-width: 800px;
    margin: 0 auto;
    padding: 15px;
    background: 0 0;
    position: fixed;
    z-index: 35;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    margin-top: -50px;
}
.out-login {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    padding: 60px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.box-login {
    min-height: 340px;
    width: 400px;
    margin: 0 auto;
    padding: 40px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 6px rgb(48 51 130 / 10%);
}
.block-all2 {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(48,51,130,.95);
    z-index: 33;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tim-redaksi .card-redaksi {text-align:center; margin-bottom:15px;}
.tim-redaksi .card-redaksi img {margin:0 auto;width: 170px;height: 170px;object-fit: cover;border-radius: 50%;}
.tim-redaksi .card-redaksi_name {margin: 10px 0 5px 0; font-weight: bold;}
.tim-redaksi .card-redaksi_position {font-style: italic; font-size: 14px;}
.tim-redaksi .card-redaksi_description {font-size: 14px; opacity: 0.7;}