@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Titillium+Web:wght@200;300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@font-face {
	font-family: 'vesterbro';
	src: url('../fonts/TRYVesterbro-Regular.otf') format('truetype'),
	url('../fonts/TRYVesterbro-Regular.otf') format('woff');
}

@font-face {
	font-family: 'publico';
	src: url('../fonts/PublicoTextWebRegular.ttf') format('truetype'),
	url('../fonts/PublicoTextWebRegular.ttf') format('woff');
}

@font-face {
	font-family: 'glober';
	src: url('../fonts/Fontfabric-GloberRegular.otf') format('truetype'),
	url('../fonts/Fontfabric-GloberRegular.ttf') format('woff');
}

html {font-family:'Open Sans', Arial, sans-serif; /* 1 */-ms-text-size-adjust:none; /* 2 */-webkit-text-size-adjust:none; /* 2 */font-size:14px; line-height:20px; line-height:normal; -webkit-font-smoothing: antialiased;  color:#424242 ;margin:0 auto; background:#fefefe;}
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;}
i{font-style:normal;}

/*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;}
::placeholder { color: #747474;}
/*
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;}
*/
/*base*/
.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%;}
.podcastframe{position:relative;padding-bottom:0;padding-top:0;height:161px; width:100%; margin:0;}.podcastframe iframe{position:absolute;top:0;left:0; bottom:0; right: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;}

body {
	margin:0 auto; 
	padding:0; 
	display:block; 
	background:#fefefe; /*#f0f1fc;*/ 
	min-height: 100vh;

	font-size: 1.125rem;
	line-height: 1.25;
	letter-spacing: 0;
}

.cl-black{color:#212121 !important;}
.cl-white{color:#FEFEFE !important;}
.cl-white2{color:#FEFEFE !important;}
.cl-dark{color:#757575 !important;}
.cl-red {color:#AD120A  !important;}
.cl-green {color:#00796B  !important;}
.cl-yellow {color:#F9A825  !important;}
.cl-text{color:#424242 !important;}
.cl-gray{color:#9E9E9E !important;}
.cl-blue {color:#323C9F !important;}

.bg-black{background:#212121 !important;}
.bg-white{background:#FFFFFF !important;}
.bg-white2{background:#FEFEFE !important;}
.bg-dark{background:#757575 !important;}
.bg-red {background:#AD120A  !important;}
.bg-green {background:#00796B  !important;}
.bg-yellow {background:#F9A825  !important;}
.bg-text{background:#424242 !important;}
.bg-gray{background:#9E9E9E !important;}
.bg-trans{background:transparent !important;}
/*cmd*/
.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;}
.hide_desktop{display:none; visibility:hidden;}
.hide_mobile{display:block; visibility:visible;}
.radius2{border-radius:2px !important;}
.radius4{border-radius:4px !important;}
.radius6{border-radius:6px !important;}
.radius8{border-radius:8px !important;}
.radius10{border-radius:10px !important;}
.fo12{font-size:12px !important; line-height:20px !important;}
.fo14{font-size:14px !important; line-height:24px !important;}
.fo16{font-size:16px !important; line-height:26px !important;}
.fo18{font-size:18px !important; line-height:29px !important;}
.fo36{font-size:36px !important; line-height:56px !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}
a {color: #212121;text-decoration: none;transition: all 0.2s ease-in-out}
a:hover, a:focus {color:rgba(0,0,0,0.7);transition: all 0.2s ease-in-out}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

.padding-no {padding:0 !important;}
.padding-ss{padding:4px !important;}
.padding-xs{padding:8px !important;}
.padding-sm{padding:16px !important;}
.padding-lg{padding:24px !important;}
.padding-xl{padding:32px !important;}
.padding-top-no {padding-top:0 !important;}
.padding-top-ss {padding-top:5px !important;}
.padding-top-xs {padding-top:8px !important;}
.padding-top-smx {padding-top:12px !important;}
.padding-top-sm {padding-top:16px !important;}
.padding-top-lg {padding-top:24px !important;}
.padding-top-xl {padding-top:32px !important;}
.padding-bottom-no {padding-bottom:0 !important;}
.padding-bottom-ss {padding-bottom:4px !important;}
.padding-bottom-xs {padding-bottom:8px !important;}
.padding-bottom-smx {padding-bottom:12px !important;}
.padding-bottom-sm {padding-bottom:16px !important;}
.padding-bottom-lg {padding-bottom:24px !important;}
.padding-bottom-xl {padding-bottom:32px !important;}
.padding-left-no {padding-left:0 !important;}
.padding-left-ss {padding-left:4px !important;}
.padding-left-xs{padding-left:8px !important;}
.padding-left-sm {padding-left:16px !important;}
.padding-left-lg {padding-left:24px !important;}
.padding-left-xl {padding-left:32px !important;}
.padding-right-no {padding-right: 0 !important;}
.padding-right-ss {padding-right:4px !important;}
.padding-right-xs {padding-right:8px !important;}
.padding-right-sm {padding-right:16px !important;}
.padding-right-lg {padding-right:24px !important;}
.padding-right-xl {padding-right:32px !important;}
.margin-no {margin:0 !important;}
.margin-xs{margin:8px !important;}
.margin-ss{margin:4px !important;}
.margin-sm{margin:16px !important;}
.margin-lg{margin:24px !important;}
.margin-xl{margin:32px !important;}
.margin-top-no {margin-top:0 !important;}
.margin-top-ss {margin-top:4px !important;}
.margin-top-xs {margin-top:8px !important;}
.margin-top-smx {margin-top:12px !important;}
.margin-top-sm {margin-top:16px !important;}
.margin-top-lg {margin-top:24px !important;}
.margin-top-xl {margin-top:32px !important;}
.margin-bottom-no {margin-bottom:0 !important;}
.margin-bottom-ss {margin-bottom:4px !important;}
.margin-bottom-xs {margin-bottom:8px !important;}
.margin-bottom-smx {margin-bottom:12px !important;}
.margin-bottom-sm {margin-bottom:16px !important;}
.margin-bottom-lg {margin-bottom:24px !important;}
.margin-bottom-xl {margin-bottom:32px !important;}
.margin-left-no {margin-left:0 !important;}
.margin-left-ss {margin-left:4px !important;}
.margin-left-xs {margin-left:8px !important;}
.margin-left-sm {margin-left:16px !important;}
.margin-left-lg {margin-left:24px !important;}
.margin-left-xl {margin-left:32px !important;}
.margin-right-no {margin-right:0 !important;}
.margin-right-ss {margin-right:4px !important;}
.margin-right-xs {margin-right:8px !important;}
.margin-right-sm {margin-right:16px !important;}
.margin-right-lg {margin-right:24px !important;}
.margin-right-xl {margin-right:32px !important;}
.icon-xs{width:29px; height:29px; display:inline-flex; align-items:center; justify-content:center; overflow:hidden;}
.icon-xs img, .icon-xs svg{width:29px; height:29px;}
.svg-light{stroke:#212121; fill:none;}
.svg-light-fill{stroke:#212121; fill:#212121;}
.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;}
*, *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.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;}
.square {position: relative;width:100%;display:flex; align-items:center; justify-content: center;}
.square:after {content: "";display: block;padding-bottom: 100%;}
.square-img {position: absolute;width: 100%;height:100%; overflow: hidden; border-radius:4px;display:flex; align-items:center; justify-content: center; flex-direction:column; padding:5px;}
.square-img a{display:flex; align-items:center; justify-content: center; height:100%; width:100%;}
.square-img img{width:auto; height:100%; margin:0 auto;}
.square-img.flat{border-radius:0;}
.square.lines{border:1px solid #eeeeee; border-radius:6px;}
/*element*/
.element-box button{background:transparent; border:none;}
label.small{font-size:12px; display:inline-flex; min-height:20px;}
label.medium{font-size:14px; display:inline-flex; font-weight:600; min-height:30px;}
.element-box{margin:0; position:relative; height:auto;}
/*icons*/
.element-box .icons{width:36px; height:36px; position:absolute; left:0; top:0; z-index: 2;border-right: 1px solid #eeeeee; display: flex; align-items:center; justify-content: center;}
.element-box .icons.small{width:32px; height:32px;}
.element-box .icons.right{right:0; left:inherit; border-right:none;border-left: 1px solid #424242;}
/*input*/
.element-box input.element-input{width:100%; height:40px; padding:10px 10px 10px 46px; background:#fefefe; border:1px solid #424242;font-size:14px; color:#212121;}
.element-box input.element-input.darkline{border-color:#424242;}
.element-box input.element-input.small{height:32px; font-size:12px; padding-left:40px; padding:8px;}
.element-box input.element-input.medium{height:36px; font-size:14px; padding-left:40px; padding:8px;}
.element-box input.element-input.minimalis{min-width:146px; width:auto;}
.element-box.overinput input.element-input{padding-right:40px;}
.element-box.overinput button.sign-btn{position:absolute; right:0; top:0; width:36px; height:36px; z-index:1;margin-top:0; border:none;}
.element-box.search-top{width:200px;}
.element-box.search-top input{background:#3D3D3D; border-color:#3d3d3d; color:#fefefe;}
.element-box.search-top ::placeholder{color:#747474;}
.element-box.overinput.search-top button.sign-btn{position:absolute; right:0; top:0; width:32px; height:32px; z-index:1;margin-top:0; border:none;}
.element-box.search-top .search-popular{display:none;position:absolute; z-index:5; top:101%; left:0; width:420px; padding:16px; background:#fefefe;box-shadow:1px 1px 3px rgba(0,0,0,0.1);}
.element-box.search-top .search-result{display:none;position:absolute; z-index:5; top:101%; left:0; width:420px; padding:16px; background:#fefefe;box-shadow:1px 1px 3px rgba(0,0,0,0.1);}

/*upload*/
.element-box .input-field{margin:0;}
.element-box .file-field{position:relative;}
.element-box .file-field .btn.upload{background:#c9c9c9;border-radius:2px 0px 0 2px !important;cursor: pointer;display: inline-flex;align-items:center;justify-content:center;height:36px;width:36px; float:none; padding:0; position:absolute; top:0; left:0; z-index:2;}
.element-box .file-field .btn.upload i{font-size:16px;color:#424242; 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: #fefefe;padding:0;width: 100%;position: relative;border:1px solid #c9c9c9;height:36px; overflow:hidden; border-radius:2px;}
.element-box .file-field .file-path-wrapper label{width: 100%;height:36px;display:flex;padding-left: 46px;align-items: center;justify-content: flex-start; font-size:14px;}
.element-box .file-field input.file-path {width: 100%;height:36px;border: none;padding-left: 50px;font-size:16px;}
/*textarea*/
.element-box textarea.element-area{width:100%; min-height:120px; padding:10px 10px 10px 50px; background:#fefefe; border:1px solid #424242;font-size:14px; color:#212121;}
.element-box textarea.element-area.small{font-size:12px; padding-left:32px;}
/*select*/
.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 {
color:#212121;width:100%; height:40px; padding:5px 5px 5px 50px; background:#fefefe; border:1px solid #424242;font-size:14px; font-weight:600;
-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%, #424242 50%),
linear-gradient(135deg, #424242 50%, transparent 50%),
linear-gradient(to right, #424242 , #424242 );
background-position:
calc(100% - 19px) calc(50% + 1px),
calc(100% - 14px) calc(50% + 1px),
calc(100% - 36px) 0px;
background-size:
5px 5px,
5px 5px,
0px 36px;
background-repeat: no-repeat;
}
.element-box select.element-select:disabled{border-color:#9e9e9e; color:#9e9e9e;background-image:
linear-gradient(45deg, transparent 50%, #9e9e9e 50%),
linear-gradient(135deg, #9e9e9e 50%, transparent 50%),
linear-gradient(to right, #9e9e9e , #9e9e9e );}
.element-box select.element-select:focus{
background-image:
linear-gradient(135deg, transparent 50%, #9E9E9E 50%),
linear-gradient(45deg, #9E9E9E 50%, transparent 50%),
linear-gradient(to right, #ccc , #9E9E9E );
background-position:
calc(100% - 14px) 1em,
calc(100% - 19px) 1em,
calc(100% - 36px) 0px;
background-size:
5px 5px,
5px 5px,
0px 36px;
background-repeat: no-repeat;
}
.element-box select.element-select.medium {
color:#212121;width:100%; height:36px; padding:5px 5px 5px 50px; background:#fefefe; border:1px solid #424242;font-size:14px; font-weight:600;
-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%, #424242 50%),
linear-gradient(135deg, #424242 50%, transparent 50%),
linear-gradient(to right, #424242 , #424242 );
background-position:
calc(100% - 19px) calc(50% + 1px),
calc(100% - 14px) calc(50% + 1px),
calc(100% - 36px) 0px;
background-size:
5px 5px,
5px 5px,
0px 36px;
background-repeat: no-repeat;
}
.element-box select.element-select.minimalis{min-width:120px; width:auto;  padding-right:46px;}
.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,
0px 1.5em; padding-left:40px;
background-repeat: no-repeat;}
.element-box select.element-select.fw400{font-weight:400;}
.element-radio {cursor:pointer; font-size:12px;}
.element-radio.jawaban{display:inline-flex;}
.element-radio input[type="radio"]{opacity:1;border:2px solid #424242;background:#fefefe;height:20px;width:20px;position:relative;top:5px;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:#fefefe; -webkit-appearance:none;-moz-appearance: none;appearance: none; border:2px solid #424242;}
.element-radio input:checked:before{position:absolute; width:8px; height:8px;top:4px; left:4px;background:#424242; border-radius:8px; content:''; z-index:2;}
.element-radio input:disabled{opacity:1; background:#fefefe; -webkit-appearance:none;-moz-appearance: none;appearance: none; border:2px solid #424242; cursor: not-allowed;}
.element-radio input:disabled:before{font-family:'FontAwesome'; position:absolute; width:16px; height:16px;top:0px; left:0;content:'\f00d'; color:#424242; 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 #424242;background:#fefefe;height:20px;width:20px;position:relative;top:5px;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:#fefefe; border:2px solid #424242;-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:#424242; font-size:12px; font-weight:normal; display:flex; align-items:center; justify-content:center; z-index:2;}
.element-check input:disabled{opacity:1; background:#fefefe; border:2px solid #424242;-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;}

/* The switch - the box around the slider */
.theme-switch {
position: relative;
display: inline-block;
width: 36px;
height:18px;
}

.theme-switch input {
opacity: 0;
width: 0;
height: 0;
}

.switchslider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.switchslider:before {
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .switchslider {
background-color: #212121;
}

input:focus + .switchslider {
box-shadow: 0 0 1px #212121;
}

input:checked + .switchslider:before {
-webkit-transform: translateX(18px);
-ms-transform: translateX(18px);
transform: translateX(18px);
}

/* Rounded sliders */
.switchslider.round {
border-radius: 12px;
}

.switchslider.round:before {
border-radius:12px;
}
/*button*/
button:disabled, button[disabled]{ background-color: #757575 !important; }
button.sign-btn{width:100%;height:40px;background:#1a73e8; color:#fefefe;transition: all 0.3s ease-in-out;opacity:1;border:none;display:flex; align-items:center; justify-content: center; font-size:14px; font-weight:600;}
button.sign-btn.big{height:46px;}
button.sign-btn.minimalis{width:auto; padding:0 30px;}
button.sign-btn.medium{height:36px;}
button.sign-btn.small{height:32px;}
button.sign-btn:hover{transition: all 0.3s ease-in-out; opacity:0.8;}
button.sign-btn.line{background:transparent; border:1px solid #212121; color:#212121;}
a.sign-btn{width:100%; height:50px; background:#1a73e8; color:#fefefe;transition: all 0.3s ease-in-out;opacity:1; display:flex; align-items:center; justify-content: center; border:none; text-align:center; font-weight:600;font-size:14px;}
a.sign-btn.big{height:60px;}
a.sign-btn.minimalis{width:auto; padding:0 30px; display: inline-flex; margin:0; text-align:center;}
a.sign-btn.medium{height:36px; font-size:14px;}
a.sign-btn.small{height:32px; font-size:14px;padding:0 15px;}
a.sign-btn.line{background:transparent; border:1px solid #fefefe; color:#fefefe;}
a.sign-btn.line.red{border-color:#e74c4c; color:#e74c4c;}
a.sign-btn.line.soft{border-color:#b4c2cc; color:#b4c2cc;}
a.sign-btn.line.dark{border-color:#444; color:#444;}
a.sign-btn.line.fb{border-color:#537abd; color:#537abd;}
a.sign-btn.line.clean{border-color:transparent; color:#212121;}
a.sign-btn:hover{transition: all 0.3s ease-in-out; opacity:0.8;}
a.sign-btn.disable{cursor:not-allowed; background:#eeeeee;}
.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;}
ul.row-list{list-style: none; list-style-position: inside; margin:0 -8px; padding:0; display: flex; align-items: flex-start; justify-content: flex-start; flex-flow:wrap;}
ul.row-list li{width:100%; padding:0 8px;}
ul.row-list.row2 li{width:50%; padding:0 8px;}
ul.row-list.row3 li{width:33.333%; padding:0 8px;}
ul.row-list.row4 li{width:25%; padding:0 8px;}
ul.row-list.row5 li{width:20%; padding:0 8px;}
ul.row-list.row6 li{width:16.666%; padding:0 8px;}
ul.row-list.row4.pad4, ul.row-list.row3.pad4, ul.row-list.row2.pad4, ul.row-list.row5.pad4,  ul.row-list.row6.pad4{margin:0 -4px;}
ul.row-list.row4.pad4 li, ul.row-list.row3.pad4 li, ul.row-list.row2.pad4 li, ul.row-list.row5.pad4 li, ul.row-list.row6.pad4 li{padding:0 4px;}
ul.row-list.row4.pad16, ul.row-list.row3.pad16, ul.row-list.row2.pad16, ul.row-list.row5.pad16,  ul.row-list.row6.pad16{margin:0 -16px;}
ul.row-list.row4.pad16 li, ul.row-list.row3.pad16 li, ul.row-list.row2.pad16 li, ul.row-list.row5.pad16 li, ul.row-list.row6.pad16 li{padding:0 16px;}
ul.row-list.row4.pad12, ul.row-list.row3.pad12, ul.row-list.row2.pad12, ul.row-list.row5.pad12,  ul.row-list.row6.pad12{margin:0 -12px;}
ul.row-list.row4.pad12 li, ul.row-list.row3.pad12 li, ul.row-list.row2.pad12 li, ul.row-list.row5.pad12 li, ul.row-list.row6.pad12 li{padding:0 12px;}
/*card box*/
.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 12px auto; padding:0;transition: all .3s ease-in-out;}

.card-box .img-card .bottom-label-left{position:absolute; z-index:2; width:auto; left:4px; bottom:4px; border-radius:2px; display:inline-flex; padding:2px 4px; color:#fefefe; font-size:12px; font-weight:600; justify-content:center; align-items:center; background:rgba(0,0,0,0.7);}
.card-box .img-card .bottom-label-right{position:absolute; z-index:2; width:auto; right:4px; bottom:4px; border-radius:2px; display:inline-flex; padding:2px 4px; color:#fefefe; font-size:12px; font-weight:600; justify-content:center; align-items:center; background:rgba(0,0,0,0.7);}
.card-box .img-card img{width:100%; height:auto; display:block;}
.card-box .text-card{height:auto; width:auto; overflow:hidden; padding:12px 0 0 0; position:relative;}
.card-box .text-card h1.title{font-family:'Titillium Web';transition: all .3s ease-in-out;font-size:28px;line-height:30px;margin: 0;color:#212121; font-weight:900;}
.card-box .text-card h1.top-title{font-family:'Georgia'  !important;transition: all .3s ease-in-out;font-size:32px;line-height:48px;margin: 0;color:#212121; font-weight:400;}
.card-box .text-card h2.title{transition: all .3s ease-in-out;font-size:24px;line-height:28px;margin: 0;color:#212121; font-weight:900;}
.card-box .text-card h3.title{transition: all .3s ease-in-out;font-size:16px;line-height:24px;margin: 0;color:#212121; font-weight:600;}
.card-box .text-card h4.title{transition: all .3s ease-in-out;font-size:14px;line-height:20px;margin: 0;color:#212121; font-weight:900;}
.card-box .text-card h4.subtitle{transition: all .3s ease-in-out;font-size:14px;line-height:20px;margin: 0;color:#212121; font-weight:600;}
.fftw{font-family:'Titillium Web' !important;}
.ffos{font-family:'Open Sans' !important;}
.fw7{font-weight:700 !important;}
.card-box .text-card p{font-weight:400;margin:12px 0 0 0; letter-spacing: normal; font-size:18px; line-height:28px;color:#424242; font-family:Georgia, serif}
.card-box .text-card .caption{font-weight:400;font-size:18px;line-height:29px;margin:0;}
.card-box .text-card p.fo14{font-size:14px; line-height:24px;}
.card-box .text-card p.fo16{font-size:16px; line-height:24px;}
.fw6{font-weight:600 !important;}
.card-box .text-card h4.date{color:#9E9E9E; font-size: 12px;line-height: 14px; font-weight:400; margin:12px 0 0 0;word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}

.card-box .text-card .line1{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.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 .line3{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.card-box .text-card .line4{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
.card-box .text-card h4.date span.sumber{display:inline-flex; padding-right:20px; position:relative; font-weight:600;}
.card-box .text-card h4.date span.sumber::before{content:'|';position:absolute; right:7px; top:0;color:#9E9E9E;}
.card-box .text-card h4.date span.kanal{display:inline-flex; padding-right:20px; position:relative; font-weight:600;}
.card-box .text-card h4.date span.kanal::before{content:'\f111';position:absolute; right:7px; top:0;font-family: 'FontAwesome'; font-size:8px; color:#9E9E9E;}
.card-box.indikator .text-card h3.title{font-weight:400;}
.card-box .text-card .box-bottom-icons{display:flex; justify-content:flex-start; align-items:center;}
.card-box .text-card .box-bottom-icons a.bottom-link{display:inline-flex;justify-content: flex-start;align-items: center; border:none; background:transparent;padding:0; color:#757575;}
.card-box .text-card .box-bottom-icons a.bottom-link:hover{opacity:0.7;}
.card-box .text-card .box-bottom-icons .icon-bot{width:24px; height:24px; display:inline-flex; justify-content:center; align-items:center;}
.card-box .text-card .box-bottom-icons .icon-bot .svg-light{stroke:#757575; fill:none;}
.card-box .text-card .box-bottom-icons .icon-bot svg{width:24px; height:24px;}
.card-box .text-card .box-bottom-icons p.bot{font-size:14px; line-height:20px; margin:0 0 0 8px; font-weight:400; display:inline-flex; color:#757575; font-family:'Open Sans';}
/*card box tag*/
.card-box.tag .text-card{padding:0;}
.card-box.tag .text-card h2.title{font-size:16px; line-height:21.79px;}
/*card box 240*/
.card-box.ft240{overflow:hidden;height:auto;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box.ft240 .img-card{float:left;position:relative;width:240px; height:135px; overflow:hidden;margin:0; padding:0;}
.card-box.ft240 .img-card img{width:100%; height:auto; display:block;}
.card-box.ft240 .text-card{padding:0 0 0 12px;}
/*card box 150*/
.card-box.ft150{overflow:hidden;height:auto;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box.ft150 .img-card{float:left;position:relative;width:150px; height:84px; overflow:hidden;margin:0; padding:0;}
.card-box.ft150 .img-card img{width:100%; height:auto; display:block;}
.card-box.ft150 .text-card{padding:0 0 0 12px;}
/*card box 160*/
.card-box.ft160{overflow:hidden;height:auto;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box.ft160 .img-card{float:left;position:relative;width:160px; height:90px; overflow:hidden;margin:0; padding:0;}
.card-box.ft160 .img-card img{width:100%; height:auto; display:block;}
.card-box.ft160 .text-card{padding:0 0 0 12px;}
/*card box 366*/
.card-box.ft366{overflow:hidden;height:auto;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box.ft366 .img-card{float:left;position:relative;width:366px; height:206px; overflow:hidden;margin:0; padding:0;}
.card-box.ft366 .img-card img{width:100%; height:auto; display:block;}
.card-box.ft366 .text-card{padding:0 0 0 12px;}
.card-box.ft366 .text-card p{font-size:16px; line-height:26px;}
/*base layout*/
.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;margin:0 auto; max-width:1366px; padding-top:96px;}
.main-left{width:660px; padding-right:8px; float:left;}
.main-right{width:326px; margin:0 auto; float:left; padding-left:8px;}
.main-full{width:100%;}
.overflow-hidden {overflow: hidden;}
.container{margin:0 auto; width:100%; max-width:1200px; padding:0 8px; position:relative;}
.container.full{max-width:100%;}
.container.small{max-width:986px;}
.container.smaller{max-width:800px;}
.container-col{margin-left:-8px; margin-right:-8px;}
.col12{padding:0 8px; width:100%; float:none;}
.col11{padding:0 8px; width:91.66666666666666%; float:left;}
.col10{padding:0 8px; width:83.33333333333333%; float:left;}
.col9{padding:0 8px; width:75%; float:left;}
.col8{padding:0 8px; width:66.66666666666666%; float:left;}
.col7{padding:0 8px; width:58.33333333333333%; float:left;}
.col6{padding:0 8px; width:50%; float:left;}
.col5{padding:0 8px; width:41.66666666666667%; float:left;}
.col4{padding:0 8px; width:33.33333333333333%; float:left;}
.col3{padding:0 8px; width:25%; float:left;}
.col2{padding:0 8px; width:16.66666666666667%; float:left;}
.col1{padding:0 8px; width:8.333333333333333%; float:left;}
.container-col.c12{margin-left:-12px; margin-right:-12px;}
.container-col.c12 .col4{padding:0 12px; width:33.33333333333333%; float:left;}
.container-col.c12 .col8{padding:0 12px; width:66.66666666666666%; float:left;}
.container-col.c12 .col6{padding:0 12px; width:50%; float:left;}
.col-left-profile{padding:0 12px 0 0; width:33.33333333333333%; float:left;}
.col-center-profile{padding:0 12px; width:33.33333333333333%; float:left;}
.col-right-profile{padding:0 0 0 12px; width:33.33333333333333%; float:left;}
.col-center-right-profile{padding:0 0 0 12px; width:66.66666666666666%; float:left;}
.col-center-right-profile .col-right-profile{padding:0 0 0 12px; width:50%; float:left;}
.col-center-right-profile .col-center-profile{padding:0 12px 0 0; width:50%; float:left;}
.container.small .download-apps{width:986px; height:63px; border:1px solid #EEEEEE; background:#fafafa; position:fixed; top:146px; left:auto; right:auto; z-index:3; padding:12px 63px 12px 12px;}
.container.small .download-apps .close-tempo-apps{width:39px; height:39px;position:absolute; top:12px; right:12px; z-index:3; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.container.small .download-apps .icon-tempo-apps{width:39px; height:39px;float:left;}
.container.small .download-apps .icon-tempo-apps img{width:39px; height:39px;}
.container.small .download-apps .box-text-apps{padding-left:8px;height:39px; display:inline-flex; flex-direction:column; justify-content:center; align-items:flex-start; float:left;}
.container.small .download-apps h4.title{font-size:14px; line-height:19px; font-weight:600;}
.container.small .download-apps p{font-size:12px; line-height:16px; margin:0;}
/*banner*/
.fix-left{float:left; width:180px; height:616px; margin:0 auto; display:flex;}
.fix-right{float:left; width:180px; height:616px; margin:0 auto; display:flex;}
.adskins{background:#fafafa; width:136px; height:616px; padding:8px; margin:0 auto;}
.adskins img{width:120px; height:600px; margin:0 auto;}
.banner970x250{width:100%; height:auto; padding:8px; background:#fafafa;}
.banner970x250 img{width:970px; height:250px;}
.banner970x120{width:100%; height:auto; padding:8px; background:#fafafa;}
.banner970x120 img{width:970px; height:120px;}
.banner300x250{width:100%; height:auto; padding:8px; background:#fafafa;}
.banner300x250 img{width:300px; height:250px;}
.banner300x600{width:100%; height:auto; padding:8px; background:#fafafa;}
.banner300x600 img{width:300px; height:600px;}
.block-all{position:fixed; background:rgba(0,0,0,0.7); top:0; left:0; right:0; bottom:0; z-index:8;}
/*mulai*/
.header{height:80; width:100%; margin:0 auto; position:fixed; top:0; left:0; right:0; z-index:20; background:#212121; box-shadow:1px 1px 3px rgba(0,0,0,0.1);}
.header .header-in{width:100%; margin:0 auto; max-width:986px; height:auto;}
.header .header-in .top-head{height:80px; margin:0 auto; padding:24px 8px; display:flex; flex:1; justify-content:space-between;}
.header .header-in .top-head .logo{height:32px; width:auto; float:left;}
.header .header-in .top-head .logo img{height:32px; width:auto;}
.header .header-in .top-head .lang{display:flex;height:32px; position:relative;}
.header .header-in .top-head .lang::before{content:''; position:absolute; height:32px; width:1px; background:#eeeeee; top:0; bottom:0; left:50%;}
.header .header-in .top-head .lang .id{padding:0 8px 0 0; height:32px;}
.header .header-in .top-head .lang .uk{padding:0 0 0 8px; height:32px; opacity:0.5;}
.header .header-in .top-head .lang img{width:32px; height:32px;}
.header .header-in .top-head .lang a img{transition: all 0.2s ease-in-out; opacity:1;}
.header .header-in .top-head .lang a:hover img{opacity:0.8;transition: all 0.2s ease-in-out;}
.header a.top-berlangganan{transition: all 0.2s ease-in-out; opacity:1; font-size:12px; height:32px; display:inline-flex; align-items:center; justify-content:center;background:#AD120A; color:#fefefe; padding:0 16px; border-radius:2px;}
.header a.top-berlangganan:hover{opacity:0.8;transition: all 0.2s ease-in-out;}
.header .header-in .menu-head{width:100%; overflow-y:scroll; height:50px;}
.header .header-bot{width:100%; margin:0 auto; max-width:1086px; height:auto;}
/*nav menu*/
nav.menu {margin:0; padding:0; height:50px;font-size:14px; font-weight:600;width:100%; min-width:1366px; position:relative; z-index:2;}
nav.menu ul li > a:after { content:  ' \f107'; font-family: 'FontAwesome'; font-size:12px; margin-left:10px; top:0; position:relative;}
nav.menu ul li > a:only-child:after { content: ''; margin:0;}
nav.menu ul ul {display: none;}
nav.menu ul li:hover > ul {display: block;}
nav.menu ul {list-style:none; list-style-position:inside; margin:0 auto; padding:0; height:50px;position: relative;display: inline-table;}
nav.menu ul:after {content: ""; clear: both; display: block;}
nav.menu ul li {float: left;}
nav.menu ul li:hover {background: #0094bc;}
nav.menu ul li:hover a {color:#fefefe;background: #0094bc;}
nav.menu ul li a {color:#212121;font-weight:600;position:relative;padding:0 16px; height:50px;display:flex; align-items:center; justify-content:center;}
nav.menu ul li a.selected, nav.menu ul ul li a.selected{color:#212121;}
nav.menu ul ul {background: #0094bc; border-radius: 0px; padding: 0;position: absolute; top: 100%;}
nav.menu ul ul li {float: none;}
nav.menu ul ul li a {padding: 15px 30px;color: #fefefe;background:#0094bc;justify-content:flex-start;height:auto;}
nav.menu ul ul li a:hover {background:rgba(0,0,0,0.1);}
nav.menu ul ul ul {position: absolute; left: 100%; top:0;}

nav .items {
position: relative;
width:100%;
overflow-x: scroll;
height:50px;
/*overflow-y: inherit;*/
white-space: nowrap;
transition: all 0.2s;
transform: scale(0.98);
will-change: transform;
user-select: none;
cursor: pointer;
}
nav{position:relative;max-width:1086px; padding:0 50px;}
nav .left-button{width:50px; height:50px; position:absolute; left:0; background:#fefefe; border:none; display:flex; align-items:center; justify-content:center; z-index:2; padding:0;transition: all .2s ease-in-out; opacity:1;}
nav .right-button{width:50px; height:50px; position:absolute; right:0; background:#fefefe; border:none; display:flex; align-items:center; justify-content:center; z-index:2; padding:0;transition: all .2s ease-in-out; opacity:1;}
nav .left-button:hover, nav .right-button:hover{opacity:0.5;transition: all .2s ease-in-out;}

.items::-webkit-scrollbar {width:0; background:#ccc; border-radius:0 0 0 0;}
.items::-webkit-scrollbar-track { border-radius:0 0 0 0;}
.items::-webkit-scrollbar-thumb {background-color:#555555; border-radius:0;}
.items::-webkit-scrollbar:horizontal {height:0;}
.items::-webkit-scrollbar:vertical {width:0;}
nav .items .boxitem{width:auto;}
nav .items .item {display:inline-flex;min-height:50px;width:auto;margin:0 auto;position:relative;}
nav .items .item.selected{position:relative;}
nav .items .item.selected::before{position:absolute;content:''; left:0; right:0; bottom:0; height:2px; background:#AD120A;}
nav .items .item a{padding:0 16px; height:50px; display:flex; align-items:center; justify-content:center;font-size:14px;font-weight:600; position:relative;}

/*menu dropdown*/
.item-menu{height:50px; width:auto;position:relative;}
.item-menu a{height:50px; width:auto; display:flex; align-items:center; justify-content:center; padding:0 16px; font-size:14px; font-weight:600; position:relative; margin:0;}
.item-menu a.selected{position:relative;}
.item-menu a.selected::before{position:absolute;content:''; left:0; right:0; bottom:0; height:2px; background:#AD120A;}
.item-menu.wsub a{position:relative;padding:0 24px 0 16px;}
.item-menu.wsub .subbox{display:none;position:absolute; width:auto; top:100%; background:#fefefe; min-height:auto;
box-shadow: 1px 1px 3px rgba(0,0,0,0.1); min-width:160px; z-index:5;}
.item-menu.wsub .subbox.active{display:block;}
.item-menu.wsub .icon-menu{position:absolute; right:4px; top:0; bottom:0; width:16px; height:auto; display:flex; align-items:center; justify-content:center;font-family: 'FontAwesome';}
.item-menu.wsub .item-submenu a{height:50px; width:auto; display:flex; align-items:center; justify-content:flex-start; padding:0 16px; font-size:14px; font-weight:600; position:relative; background:#212121}
.item-menu.wsub .item-submenu a:hover /*, .item-menu.wsub .item-menu a.selected*/{background:#191919;}
.item-menu.wsub .item-submenu a.selected::before{display:none;}
.item-menu.wsub a.click-sub{ cursor:pointer;}
.item-menu.single-dropdown.wsub {height:32px;}
.item-menu.single-dropdown a{height:32px; color:#FEFEFE;}
.item-menu.single-dropdown a .img-profile{width:32px; height:32px; overflow:hidden; display:flex; align-items:center; justify-content:center; border-radius:16px; border:1px solid #212121;}
.item-menu.single-dropdown a img.img-profile{width:auto; height:32px;}
.item-menu.wsub .subbox.dd-profile{width:310px; margin:0 auto;  left: 50%;
transform: translate(-50%, 0);}
.item-menu.wsub .subbox h3.title{font-size:16px; line-height:21px;}
.item-menu.wsub .subbox p{font-size:14px; line-height:24px; font-weight:400;}
.menu-dd-profile {padding:0;}
.menu-dd-profile .no-link{font-size:14px; height:auto !important; padding:10px 16px !important; display:flex; justify-content:flex-start; align-items:center; color:#212121 !important; font-weight:400; position:relative;}
.menu-dd-profile .no-link .switchTheme{position:absolute; top:16px; right:16px;}
.menu-dd-profile a{font-weight:400; font-size:14px; height:auto !important; padding:10px 16px !important; display:flex; justify-content:flex-start; align-items:center; color:#212121 !important;}
.menu-dd-profile a:hover{color:rgba(0,0,0,0.7) !important; background:#f5f5f5;}
.menu-dd-profile .icons{width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; margin-right:16px;transition: all .2s ease-in-out; opacity:1;}
.menu-dd-profile .icons img, .menu-dd-profile .icons svg{width:24px; height:24px;}
.menu-dd-profile:hover .icons{transition: all .2s ease-in-out; opacity:0.7;}

/*blockbox*/
.blockbox{display:block; position:relative; margin:0 0 32px 0;}
.blockbox.wtline{border-top:4px solid #F5F5F5; padding-top:32px;}
.blockbox h2.titlebox{padding-left:8px; border-left:4px solid #AD120A; height:25px; font-size:18px; font-weight:700; display:flex; align-items:center; margin-bottom:16px;}
.blockbox h1.titlebox{height:40px; font-size:24px; font-weight:700; display:flex; align-items:center; margin-bottom:16px;}
.blockbox h2.titlebox.fullred{font-family:'Titillium Web';border-left:none; background:#AD120A; font-size:14px; display:inline-flex; color:#fefefe; padding:0 16px; height:48px; opacity:1; transition: all .2s ease-in-out;}
.blockbox h2.titlebox.fullblack{font-family:'Titillium Web';border-left:none; background:#212121; font-size:14px; display:inline-flex; color:#fefefe; padding:0 16px; height:48px; opacity:1; transition: all .2s ease-in-out;}
.blockbox h2.titlebox.black{border-color:#212121;}
.blockbox .redline{border:none; font-size:18px; display:flex; color:#AD120A; padding:0 16px; height:48px; background:#fefefe; padding:0; position:relative; margin-bottom:16px;}
.blockbox .redline::before{content:''; position:absolute; left:0; right:0; top:23px; height:2px; background:#AD120A;}
.blockbox .redline h2.titlebox{border-left:none; color:#AD120A; font-size:18px; display:inline-flex; background:#fefefe; padding:0 16px 0 0; height:48px; position:relative; z-index:3; margin:0;}
.blockbox h2.titlebox:hover{opacity:0.9;transition: all .2s ease-in-out;}
.blockbox .thelogo{width:auto; height:32px; margin-bottom:16px;}
.blockbox .thelogo img{width:auto; height:32px;}
.blockbox .thelogo.full{width:100%; height:auto; margin-bottom:16px;}
.blockbox .thelogo.full img{width:100%; height:auto;}
.blockbox h4.title{font-size:14px; line-height:20px; color:#757575; font-weight:600;}
ul.row-list.list-tiga-kolom li{margin-bottom:16px;}
ul.row-list.list-tiga-kolom li .card-box .img-card{height:116px;}
ul.row-list.list-dua-kolom li{margin-bottom:16px;}
ul.row-list.list-berita-lainnya li{margin-bottom:24px;}
ul.row-list.list-berita-pilihan li{margin-bottom:24px;}
ul.row-list.list-hasil-pilihan li{margin-bottom:32px;}
ul.row-list.list-search-popular{display:inline-flex;}
ul.row-list.list-search-popular li{width:auto;}
ul.row-list.list-search-popular li a{font-size:14px; display:flex; justify-content:center; align-content:center; padding:8px 12px; border:1px solid #212121; border-radius:2px; font-weight:600; margin:0 0 16px 0;}
ul.row-list.list-search-popular li a:hover{background:#f5f5f5; border-color:#757575;}
ul.row-list.list-empat-kolom li{margin-bottom:16px;}
ul.row-list.list-empat-kolom li .card-box .img-card{height:86px;}
/*pagging*/
ul.pagging {list-style: none;list-style-position: inside;margin:32px 0;padding: 0;display: flex;align-items: center;justify-content: center;min-height:36px; overflow:hidden; width:100%;}
ul.pagging li {min-width: 36px;height: 36px;margin:0 3px;display:flex; align-items:center; justify-content:center; font-size:18px;}
ul.pagging li a {min-width: 36px;height: 36px;display:flex; align-items:center; justify-content:center;padding: 5px;color: #212121;}
ul.pagging li a:hover {color:#9E9E9E;}
ul.pagging li.select a {color: #AD120A; font-weight:600;}
/*detail*/
.detail-artikel{width:100%;margin-bottom: 24px;}
.detail-artikel.berikutnya{position:relative; padding-top:16px;}
.detail-artikel.berikutnya::before{content:''; position:absolute; left:0; top:0; width:50%; height:4px; background:#F5F5F5;}
.detail-artikel .detail-in{padding:0;}

.detail-artikel .detail-in p a{font-weight:600; color:#323C9F;}
.detail-artikel .detail-in p a:hover{color:#323C9F;opacity:0.7;}
.firstchar {float: left;  font-size: 75px;line-height: 60px;padding-top: 4px;padding-right: 8px;padding-left: 3px;}
.detail-artikel .detail-in p.sumber{font-size:14px; line-height:20px; font-family:'Open Sans' !important; font-weight:600; color:#757575;}
.detail-artikel .detail-in p.sumber span{margin-right:16px;}
/*detail - baca juga*/
.detail-artikel .detail-in .baca-juga{border-left:2px solid #eee; padding-left:12px; margin:0 0 32px 0;}
.detail-artikel .detail-in .baca-juga h4.title{font-size:16px; line-height:21px; font-weight:600;}
.detail-artikel .detail-in .baca-juga a{color:#323C9F; font-size:18px; line-height:29px; margin:16px 0; font-weight:600;}
.detail-artikel .detail-in .baca-juga a:hover{opacity:0.7;}
/*detail - foto utama */
.foto-detail{width:100%; height:auto;overflow:hidden; margin:0;z-index: 10}
.foto-detail figure img{width:100%; height:auto;}
/*.foto-detail figcaption{font-size:12px; line-height:20px; color:#747474;}*/
.foto-detail figcaption {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #757575;
}
/*detail judul */
.detail-title{padding:0; overflow: hidden;}
.detail-title h1.title{margin:0; font-size:36px; line-height:48px; font-weight:900; font-family:'Titillium Web';}
.detail-title h4.date{font-size:12px; line-height:16px;  margin:0; font-weight:400; color:#9E9E9E;}
.detail-title h3.title{font-size:18px; line-height:28px;  margin:0; font-weight:400; font-family:Georgia, serif;}
/*detail - tag*/
.box-tag-detail{display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
/*.box-tag-detail a {
	padding:8px 12px; border:1px solid #00796B; display:inline-flex; justify-content:center; align-items:center; color:#00796B; font-size:14px; font-weight:600; margin:0 16px 16px 0;
}*/
.box-tag-detail a {
	padding: 8px 12px;
	border: 1px solid #AD120A;
	margin: 0 16px 16px 0;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	text-align: center;
	color: #AD120A;
}
.box-tag-detail a:hover{ color:#747474; border-color:#747474;}
.box-tag-detail.favorit a{color:#212121; border-color:#212121;}
/*rating*/
.box-rating{padding:16px; background:#fafafa; overflow:hidden;}
.box-rating h4.title{font-weight:600; font-size:14px; line-height:20px;}
.success-box {margin:4px 0;font-size:12px;}
.success-box > div {vertical-align:top;display:inline-block;color:#757575;}
.rating-stars ul {list-style-type:none;padding:0;-moz-user-select:none;-webkit-user-select:none;margin:0; height:31px; margin-top:3px;}
.rating-stars ul > li.star {display:inline-block;}
.rating-stars ul > li.star > i.fa {font-size:35px;color:#ccc;}
.rating-stars ul > li.star.hover > i.fa {color:#FFCC36;}
.rating-stars ul > li.star.selected > i.fa {color:#FF912C;}
/*newsletter*/
.box-newsletter{padding:16px; background:#fafafa; overflow:hidden;}
.box-newsletter h4.title{font-weight:600; font-size:14px; line-height:20px;}
.box-newsletter p{font-weight:400; font-size:14px; line-height:20px;}
/*breadcrumbs*/
.breadcrumbs{margin:0; display:block; padding:0; overflow:hidden;}
ul.sitemap{list-style:none; list-style-position:inside; margin:0; padding:0; display:flex; align-items:center; }

/*avatar*/
.block-avatar{overflow:hidden; display:flex; justify-content:flex-start; align-items:center;}
.box-avatar{display:inline-flex; justify-content:flex-start; align-items:flex-start;}
.box-avatar .avatar{width:36px; height:36px; overflow:hidden; background:#fefefe; display:inline-flex; justify-content:center; align-items:center; border-radius:18px;}
.box-avatar .avatar img{height:36px; width:auto;}
.box-avatar.s54 .avatar{width:54px; height:54px; overflow:hidden; background:#fefefe; display:inline-flex; justify-content:center; align-items:center; border-radius:27px;}
.box-avatar.s54 .avatar img{height:54px; width:auto;}
.box-avatar .text-avatar{min-height:36px; padding-left:12px;}
.box-avatar .text-avatar h3.title{margin:0; font-size:16px; line-height:21px; color:#424242; font-weight:600;}
.box-avatar .text-avatar h4.title{margin:0; font-size:12px; line-height:16px; color:#757575; font-weight:400;}
.box-avatar .text-avatar h4.title.bold{font-weight:600;}
/*.box-avatar .text-avatar a{color:#757575;}*/
.box-avatar .text-avatar a {
	color: #AD120A;
}
.box-avatar .text-avatar a:hover{opacity:0.7;}
.box-avatar.s54 .text-avatar h4.title{font-size:16px; line-height:21px;}
.box-avatar.s40 .avatar{width:40px; height:40px; overflow:hidden; background:#fefefe; display:inline-flex; justify-content:center; align-items:center; border-radius:20px;}
.box-avatar.s40 .avatar img{height:40px; width:auto;}
.box-avatar.s70 .avatar{width:70px; height:70px; overflow:hidden; background:#fefefe; display:inline-flex; justify-content:center; align-items:center; border-radius:35px;}
.box-avatar.s70 .avatar img{height:70px; width:auto;}
/*komentar*/
.box-komentar{display:block; position:relative; margin-bottom:16px; overflow:hidden;border-bottom:2px solid #F5F5F5;}
.box-komentar.balas{border-bottom:none; padding-bottom:0;}
.box-komentar .isi-komentar{padding-left:52px;}
.box-komentar .isi-komentar p{font-size:14px; line-height:24px; margin:0 0 16px 0;}
.box-komentar .isi-komentar .box-balas{display:flex; justify-content:flex-start; align-items:center;}
.box-komentar .isi-komentar .box-balas button.balas{display:inline-flex;justify-content: flex-start;align-items: center; border:none; background:transparent;padding:0;}
.box-komentar .isi-komentar .box-balas button.balas:hover{opacity:0.7;}
.box-komentar .isi-komentar .box-balas .icon-balas{width:16px; height:16px; display:inline-flex; justify-content:center; align-items:center;}
.box-komentar .isi-komentar .box-balas .icon-balas svg{width:16px; height:16px;}
.box-komentar .isi-komentar .box-balas p{font-size:14px; line-height:20px; margin:0 0 0 8px; font-weight:600;}
.box-komentar .isi-komentar .box-balas p.balasan{position:relative;font-size:14px; line-height:20px;font-weight:600; margin:0; padding:0 0 0 32px;}
.box-komentar .isi-komentar .box-balas p.balasan:before{content:'\f111';position:absolute; left:14px; top:0;font-family: 'FontAwesome'; font-size:8px;}
.all-balasan-komentar{overflow:hidden;}
.all-balasan-komentar.active{display:block;}
.box-komentar a.click-balasan{ cursor:pointer;}
.box-komentar .box-balasan{display:none;width:100%; background:#fefefe; min-height:auto; overflow:hidden;}
.box-komentar .box-balasan.active{display:block;}
.box-komentar a.click-input-balasan{cursor:pointer; display:flex; align-items:center; justify-content:center;}
.box-komentar .box-input-balasan{display:none;width:100%; background:#fefefe; min-height:auto; overflow:hidden;}
.box-komentar .box-input-balasan.active{display:block;}
/*share*/
.box-share-top{height:24px; width:100%; display:block; justify-content:space-between; align-items:center;}
.box-share-top a.top-comment{height:24px; padding:4px 8px; display:inline-flex; justify-content:center; align-items:center; font-size:12px; color:#757575; background:#F5F5F5; float:left;}
.box-share-top a.top-comment .icon-comment{width:16px; height:16px;display:flex; justify-content:flex-start; align-items:center;}
.box-share-top a.top-comment .icon-comment svg.svg-light{stroke:#757575; fill:none; width:16px; height:16px;}
.box-share-top .share-link{height:24px; float:right;display: flex;flex-direction: row;}
.box-share-top .share-link a.top-share{margin-left:8px;width:24px; height:24px; padding:0;display:flex; justify-content:center; align-items:center;}
.box-share-top .share-link a.top-share svg.svg-light{stroke:#757575; fill:none;}
.box-share-top a:hover{opacity:0.7;}
.box-share-top .share-link a.top-share.sr-whatsapp{color:#fefefe; font-size:16px;}
.box-share-top .share-link a.top-share.sr-facebook{color:#fefefe; font-size:16px;}
.box-share-top .share-link a.top-share.sr-twitter{color:#fefefe; font-size:16px;}
p.top-share {
    color: var(--neutral-900, #757575);
    text-align: center;
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-top: 5px;
}
/*profil*/
.box-info-profile{border:1px solid #F5F5F5; overflow:hidden;}
.box-inside{padding:24px 16px; border-top:1px solid #F5F5F5;}
.box-inside.noborder{border-top:none;}
.box-inside h1.title{font-size:24px; line-height:40px; color:#212121; font-weight:700; margin:0; position:relative;}
.box-inside h2.title{font-size:18px; line-height:29px; color:#212121; font-weight:600; margin:0; position:relative;}
.box-inside h3.title{font-size:16px; line-height:21px; color:#424242; font-weight:400; margin:0; position:relative;}
.box-inside h3.title.bold{font-weight:600;}
.box-inside p{font-size:14px; line-height:19px;}
.box-inside a.selected{color:#AD120A; font-weight:600;}
.box-inside a:hover{opacity:0.7;}
.box-inside h1.title .edit {font-size:16px !important;color:#AD120A;position:relative; display:inline-flex; justify-content:center; align-items:center;}
.box-inside h1.title .edit .icons {margin-right:4px; display:inline-flex; justify-content:center; align-items:center; width:22px; height:22px;}
.box-inside h1.title .edit a{color:#AD120A; font-size:16px !important; line-height:21px; font-weight:600;}
.box-inside h3.title .edit {color:#AD120A;position:relative; display:inline-flex; justify-content:center; align-items:center; bottom:-4px;}
.box-inside h3.title .edit .icons {margin-right:4px; display:inline-flex; justify-content:center; align-items:center; width:22px; height:22px;}
.box-inside h3.title .edit a{color:#AD120A;}
/*footer*/
.footer{background:#212121; padding:32px 0; overflow:hidden; color:#fefefe;font-size:14px; font-weight:600;}
.footer h3.title{font-size:18px; line-height:25px; font-weight:bold;}
.footer a.link{color:#fefefe; display:block;}
.footer a.link:hover{color:#9E9E9E;}
ul.sosmed{padding:0; margin:0 auto; list-style:none; list-style-position:inside; display:flex; justify-content:flex-start; align-items:flex-start; overflow:hidden;}
ul.sosmed li{display:inline-flex;margin:0 3px;width:32px; height:32px;}
ul.sosmed li a{ width:32px; height:32px; border:2px solid #fefefe; color:#fefefe; border-radius:16px; text-align:center; line-height:34px; font-size:16px; display:inline-flex; justify-content:center; align-items:center; font-size:14px;}
ul.sosmed li a:hover{color:#9E9E9E; border-color:#9E9E9E;}
ul.apps{padding:0; margin:0 auto; list-style:none; list-style-position:inside; display:flex; justify-content:flex-start; align-items:flex-start; overflow:hidden;}
ul.apps li{display:inline-flex;margin:0 3px;width:auto; height:40px;}
ul.apps li img{width:130px; height:40px;transition: all .2s ease-in-out; opacity:1;}
ul.apps li:hover img{transition: all .2s ease-in-out; opacity:0.7;}

.multi-select-container {display: flex;position: relative;}
.multi-select-menu {position: absolute;left: 0;top: 0;z-index: 1;float: left;min-width: 100%;background: #fefefe;margin: 36px 0 0 0;border: 1px solid #aaa;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);display: none;	padding:0 0 16px 0;	height:200px;	overflow-y:scroll;}
#menu-favorit .multi-select-menu {display: flex;}
#menu-minat .multi-select-menu {top:-200px; margin:0 0 36px 0;}
.multi-select-menu::-webkit-scrollbar {width:6px; background:#ccc; border-radius:0 0 0 0;}
.multi-select-menu::-webkit-scrollbar-track { border-radius:0 0 0 0;}
.multi-select-menu::-webkit-scrollbar-thumb {background-color:#555555; border-radius:0;}
.multi-select-menu::-webkit-scrollbar:horizontal {height:6px;}
.multi-select-menu::-webkit-scrollbar:vertical {width:6px;}

.multi-select-menuitem {display: block;font-size:14px;padding: 12px 12px 12px 30px;white-space: nowrap;color:#424242;}
.multi-select-menuitem--titled:before {display: block;font-weight: bold;content: attr(data-group-title);margin: 0 0 0.25em -20px;}
.multi-select-menuitem--titledsr:before {display: block;font-weight: bold;content: attr(data-group-title);border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.multi-select-menuitem + .multi-select-menuitem {padding-top: 0;}
.multi-select-presets {border-bottom: 1px solid #ddd;}
.multi-select-menuitem input {position: absolute;margin-top: 0.25em;margin-left: -20px;}
.multi-select-button {
width:100%;
min-width:100%;
max-width:100%;
word-break: break-word;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
cursor: default;
color:#212121;height:36px; padding:5px 50px 5px 5px; background:#fefefe; border:1px solid #424242;font-size:14px; font-weight:400;
-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%, #424242 50%),
linear-gradient(135deg, #424242 50%, transparent 50%),
linear-gradient(to right, #424242 , #424242 );
background-position:
calc(100% - 19px) calc(50% + 1px),
calc(100% - 14px) calc(50% + 1px),
calc(100% - 36px) 0px;
background-size:
5px 5px,
5px 5px,
0px 36px;
background-repeat: no-repeat;
line-height:25px;

}
.multi-select-container--open .multi-select-menu {display: block;}
.multi-select-container--open .multi-select-button:after {border-width: 0 0.4em 0.4em 0.4em;border-color: transparent transparent #999 transparent;}
.multi-select-container--positioned .multi-select-menu {box-sizing: border-box;}
.multi-select-container--positioned .multi-select-menu label {white-space: normal;}
.box-alert{width:100%; position:fixed; left:0; right:0; top:0;margin:0; z-index:9999; background:#CF0205; display:none;}
.box-alert .alert-in{margin:0 auto; max-width:1070px; padding:8px 32px 8px 8px; position:relative;}
.box-alert .alert-in .alert-cls{width:16px; height:16px; position:absolute; right:8px; top:8px; display:flex; justify-content:center; align-items:center; font-size:14px; background:transparent; border:none; color:#fff;}
.box-alert .alert-in p{font-size:12px; line-height:16px; color:#fefefe;}
/*paywall*/
.pw-container{font-family:'Roboto';max-width:500px; margin:16px auto; box-shadow:1px 1px 9px rgba(0,0,0,0.1); padding:16px; font-size:14px; font-weight:600;}
.pw-container .color-merah{color:#AD120A !important;}
.pw-container h2.title{font-family:'Roboto';font-size:16px; line-height:22px;font-weight:500; margin:0 0 16px 0;}
.pw-container .ovw{overflow:hidden; margin-bottom:32px;}
.pw-container .left-col{width:50%; float:left; padding-right:4px;}
.pw-container .right-col{width:50%; float:left; padding-left:4px;}
.pw-container  p{font-family:'Roboto' !important;}
.checker{font-family:'Roboto';width:14px; height:24px; display:flex; justify-content:center; align-items:center; float:left; margin-right:10px; border-radius:12px; background:transparent; color:#43bf28; font-weight:bold; font-size:16px;}
.teks{padding:0; border-radius:6px; min-height:36px; margin-bottom:10px;}
.teks p.info{font-family:'Roboto';padding-left:24px; font-size:16px; line-height:20px !important; font-weight:500; margin:0; padding-top:3px; color:#333;}
.pw-container a.pay-btn{width:100%; height:36px; background:#AD120A; color:#fefefe;transition: all 0.3s ease-in-out;opacity:1; display:flex; align-items:center; justify-content: center; border:none; text-align:center; font-weight:600;font-size:14px;font-family:'Roboto';}
.pw-container  a.pay-btn:hover{transition: all 0.3s ease-in-out; opacity:0.8;}
.pw-container .pw-bottom-box{border:1px solid #9e9e9e; border-radius:2px; overflow:hidden; padding:8px; margin-top:32px;}
.pw-container .pw-bottom-box p{font-family:'Roboto';font-size:13px; line-height:16px; margin:0;}

/*fix ribbon*/
.outfixed{z-index:98;font-family:'Roboto';position:fixed;width:100%; left:0; right:0; bottom:-300px;height:auto;padding:0; margin:0;transition: all 0.3s ease-in-out;}
.outfixed.open{bottom:0; left:0; right:0;width:100%;min-height:auto;overflow:hidden;background:#191919; padding:15px 0;padding-bottom:72px;transition: all 0.3s ease-in-out;}
.arrowup, .arrowdw{position:relative;}
.arrowup:before{top:-2px;content:"\2191";font-size:16px; color:#333; width:40px; height:40px; z-index:2; position:relative; display:flex; align-items:center; justify-content:center;}
.arrowdw:before{top:-2px;content:"\2193";font-size:16px; color:#333; width:40px; height:40px; z-index:2; position:relative; display:flex; align-items:center; justify-content:center;}
.login-btn{text-align:center;display:inline-flex !important;}
.bigbox{padding-bottom:60px; height:auto;}
.bigbox.bukaopen{height:auto; min-height:auto; overflow:hidden; padding-bottom:75px;}
.btn-edits{padding:0 10px !important; font-size:12px !important; height:30px !important;}
.outfixed .fix-login{height:60px;}
.container-ribbon{width:100%; max-width:986px; margin:0 auto; padding:0 8px;}
.container-ribbon p{font-size:13px; line-height:16px; color:#fff; margin:0;font-family:'Roboto';}

.rb-login{position:fixed; z-index:99; left:0; right:0; bottom:0;height:56px; overflow:hidden;background:#101010;color:#dedede;}
.rb-login .rb-login-in{width:100%; max-width:986px; margin:0 auto; padding:10px 8px; position:relative;}
.rb-login a.rb-btn{font-family:'Roboto';width:auto; padding:0 16px; height:36px; background:#AD120A; color:#fefefe;transition: all 0.3s ease-in-out;opacity:1; display:inline-flex; align-items:center; justify-content: center; border:none; text-align:center; font-weight:500;font-size:14px; border-radius:2px;}
.rb-login a.rb-btn:hover{transition: all 0.3s ease-in-out; opacity:0.8;}
.rb-login .rb-login-in button.bukatutup{position:absolute; right:16px; bottom:10px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; background:#fff; color:#000; border-radius:20px; z-index:12; cursor:pointer; border:none;}
.text-center {text-align: center;}

/*Paywall Update*/
.pw-containers{font-family:'Roboto';max-width:600px;font-size:14px;font-weight:600;margin:auto}.pw-cards{padding:20px;margin-bottom:10px}.pw-grey{background:#FAFAFA;border:2px solid #EEE}.pw-containers h2{font-family:'Publico Text Web';font-style:normal;font-weight:700;font-size:20px;line-height:30px;text-align:center;color:#212121}.pw-cards h1{font-family:'Open Sans';font-style:normal;font-weight:700;font-size:20px;line-height:27px;color:#424242}h5.strike{font-family:'Open Sans';font-style:normal;font-weight:600;font-size:14px;line-height:19px;color:#757575;text-decoration:line-through}h4.price{font-family:'Open Sans';font-style:normal;font-weight:700;font-size:20px;line-height:27px;color:#212121}.pw-cards ul{padding-inline-start:0;margin-block-start:5px;margin-block-end:0}.text-right{text-align:right}.pw-grey-outline{border:2px solid #EEE;border-radius:2px}.pw-containers h3 a{font-family:'Open Sans';font-style:normal;font-weight:600;font-size:14px;line-height:19px;text-align:center;color:#424242}.posrel{position:relative}.pw-cards .row{margin-top:10px}.ribbon{position:absolute;right:0;top:15px}.ribbon-text{text-align:center;position:relative;text-transform:uppercase!important;padding-top:5px;padding-left:20px;margin:0;display:inline-block;font-family:'Open Sans';font-style:normal;font-weight:600;font-size:12px;line-height:22px;color:#212121}
/*.ribbon-arrow {
	padding-right: 20px;
}*/
.ribbon-arrow{width:130px;height:30px;position:relative;display:inline-block;float:left;background-color:#F9A825;margin-right:0px!important;font-size:14px!important;line-height:20px!important;padding-right:10px}.ribbon-arrow:after{position:absolute;content:'';background-color:transparent;right:100%;top:0;border-top:15px solid #F9A825;border-left:15px solid transparent;border-bottom:15px solid #F9A825}.ribbon-arrow:before{position:absolute;content:'';left:100%;top:0;margin-right:15px;border-color:transparent;border-top:15px solid transparent;border-left:0 solid #F9A825;border-bottom:15px solid transparent}.pt-10{padding-top:10px}.forlogin h5{font-family:'Publico Text Web';font-style:normal;font-weight:700;font-size:16px;line-height:16px;color:#424242;text-align:center;margin-bottom:20px}

/*Newstyle*/
.newstyleskonten{font-family:'publico'}h1{font-weight:400;font-size:.875rem;line-height:1.25;letter-spacing:0;margin-bottom:10px}h2{font-weight:700;font-size:2rem;line-height:1.25;letter-spacing:0;margin-bottom:10px}h3{font-weight:700;font-size:1.75rem;line-height:1.25;letter-spacing:0;margin-bottom:10px}h4{font-weight:700;font-size:1.5rem;line-height:1.25;letter-spacing:0;margin-bottom:10px}h5{font-weight:700;font-size:1.125rem;line-height:1.25;letter-spacing:0;margin-bottom:10px}
p.upper_deck {
	letter-spacing: 0;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 125%;
	color: #757575;
	margin-bottom: 2px;
}
p.main_title{font-weight:700;font-size:2.25rem!important;line-height:1.25;letter-spacing:0;margin-bottom:16px;color: #212121;}p.date{font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#9E9E9E}
.title p {
	font-family: 'publico';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
/*	text-transform: capitalize;*/
	color: #424242;
}
h1.main_title{font-weight:700;font-size:2.25rem!important;line-height:1.25;letter-spacing:0;margin-bottom:16px;color: #212121;}
.has-dropcap:first-letter {
	font-family: "publico";
	float: left;
	font-size: 55px;
	line-height: 0.55;
	margin: 0.26em 0.15em 0em 0;
}


/* https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html */
.sr-only:not(:focus):not(:active) {
	clip: rect(0 0 0 0); 
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap; 
	width: 1px;
}
.text-avatar p.title .bold{font-style:normal;font-weight:600;font-size:12px;line-height:16px;color:#757575}
/*.text-avatar p.title{font-family:'Open Sans';font-style:normal;font-weight:600;font-size:12px;line-height:16px;color:#757575}*/
.text-avatar p.title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #AD120A;
}
.text-avatar p.titles a{font-family:'Open Sans';font-style:normal;font-weight:600;font-size:12px;line-height:16px;color:#9E9E9E}
.text-avatar p.titles a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #424242;
}
/*.penymbangbahan p{font-style:normal;font-weight:600;font-size:14px;line-height:19px;color:#757575}*/
.penymbangbahan p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: #424242;
}
.penymbangbahan div a {
	background: #E91E63;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 19px;
	color: #FEFEFE;
	padding: 4px;
	white-space: pre;
	margin: auto;
}
.pl-4 {
	padding-left: 4px;
}
.penymbangbahan div p span:after {
    content: "|";
    padding-left: 4px;
}
.penymbangbahan div p span:last-child:after {
    content: "";
    padding-left: 4px;
}
.penymbangbahan{margin-bottom:24px; display: flex;background: #FAFAFA;border: 1px solid #E0E0E0;border-radius: 2px;padding: 12px;}
.penymbangbahan div {
	display: inline-flex;
}
.penymbangbahan p span{margin-right:0px;margin-left:0px}
p.title_widget{border-left:none;color:#AD120A;font-size:18px;display:inline-flex;background:#fefefe;padding:0 16px 0 0;height:48px;position:relative;z-index:3;margin:0;font-weight:700;font-size:1.125rem;line-height:1.25;letter-spacing:0;margin-top:12px}
/*.list-berita-lainnya .card-box .text-card p{margin:0 0 12px 0;line-height:1.25;letter-spacing:0;font-size:1.125rem;font-weight:700!important}*/
.list-berita-lainnya .card-box .text-card p {
    margin: 0 0 12px 0;
    letter-spacing: 0;
    font-weight: 700!important;
    font-style: normal;
    font-size: 16px;
    line-height: 125%;
    color: #212121;
}
.koreksi p{font-family:'Open Sans';font-style:normal;font-weight:600;font-size:12px;line-height:16px;color:#9E9E9E;margin-bottom:5px}.box-newsletter p.title{font-weight:600;font-size:14px;line-height:20px}.box-rating p.title{font-weight:600;font-size:14px;line-height:20px}.list-konten-eksklusif p{font-family:'Open Sans';font-style:normal;font-weight:600!important;font-size:14px!important;line-height:19px!important}.detail-artikel .detail-in h2{font-family:'publico';font-size:20px;line-height:24px;margin:0 0 16px 0}.forlogin p{font-family:'publico'!important;font-style:normal;font-weight:700!important;font-size:16px!important;line-height:16px!important;color:#424242!important;text-align:center;margin-bottom:20px!important}.pw-containers h3{font-family:'publico'!important;font-style:normal;font-weight:700;font-size:16px;line-height:22px;text-align:center;color:#212121;margin-bottom:10px}p.pilihpaket{font-family:'publico'!important;font-style:normal;font-weight:700!important;font-size:16px!important;line-height:22px!important;text-align:center;color:#212121!important;margin-bottom:10px!important}.pw-cards p.bln{font-family:'publico'!important;font-style:normal;font-weight:700;font-size:20px;line-height:27px;color:#424242;margin-bottom:0px!important}.pw-cards p.price{font-family:'publico'!important;font-style:normal;font-weight:700;font-size:20px;line-height:27px;color:#212121;margin-bottom:0px!important}.pw-cards p.strike{font-family:'publico'!important;font-style:normal;font-weight:600;font-size:14px;line-height:19px;color:#757575;text-decoration:line-through;margin:0px!important}.pw-cards ul li{font-family:'publico'!important;font-style:normal;font-weight:700;font-size:10px;line-height:17px;list-style:none;color:#00796B}.pw-grey-outline a.btn.btn-red{background:transparent;border:1px solid #AD120A;color:#AD120A;font-family:'publico'!important}a.btn.btn-red{background:#AD120A;border-radius:2px;padding:10px 15px;color:#fff;border:1px solid #AD120A;font-family:'publico'!important}.ribbon-text{text-align:center;position:relative;text-transform:uppercase!important;padding-top:5px;padding-left:20px;margin:0;display:inline-block;font-style:normal;font-weight:600;line-height:22px;color:#212121}.ribbon-text{font-family:'publico'!important;font-size:10px}.pw-containers h3 a{font-family:'publico'!important;font-style:normal;font-weight:600;font-size:14px;line-height:19px;text-align:center;color:#424242}p.tambahanh5{font-weight:700;font-size:1.125rem;line-height:1.25;letter-spacing:0}ul.list-berita-lainnya1 p{transition:all .3s ease-in-out;font-size:1rem!important;line-height:24px!important;margin:0!important;color:#212121!important;font-weight:600!important}ul.row3.list-berita-pilihan p{margin:0 0 12px 0;transition:all .3s ease-in-out;font-size:1.125rem;line-height:1.25;letter-spacing:0;margin:0;color:#212121;font-weight:700!important}.card-box .text-card p.date{color:#9E9E9E;font-size:12px!important;line-height:14px!important;font-weight:400!important;margin:0px!important;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-family:'publico'}ul.row3.list-berita-pilihan .card-box .text-card p.date{color:#9E9E9E;font-size:12px;line-height:14px;font-weight:400;margin:12px 0 0 0;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-family:'publico'}.card-box .text-card p.date span.sumber{display:inline-flex;padding-right:20px;position:relative;font-weight:600}.card-box .text-card p.date span.sumber::before{content:'|';position:absolute;right:7px;top:0;color:#9E9E9E}.card-box .text-card p.date span.kanal{display:inline-flex;padding-right:20px;position:relative;font-weight:600;font-family:'publico'}.card-box .text-card p.date span.kanal::before{content:'\f111';position:absolute;right:7px;top:0;font-family:'FontAwesome';font-size:8px;color:#9E9E9E}
ul.sitemap li{float:left;position:relative;font-size:16px;font-weight:400;color:#757575;padding-right:12px}
ul.sitemap li a{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #AD120A;
} 
ul.sitemap li a:hover{color:#AD120A; }
ul.sitemap li a.selected {
    color: #AD120A;
    font-family: 'Open Sans';
    font-style: normal;
    color: #424242;
}
ul.sitemap li:last-child{padding-right:0;}
ul.sitemap li:last-child:before{display:none;}
ul.sitemap li:before {
	position:absolute;
	font-family: 'FontAwesome';
/*	content: '\f105'; */
/*	top:-5px; */
	right:4px; 
/*	font-size:24px; */
	color:#D9D9D9;
}
ul.sitemap li:before{top:0px;font-size:20px;content:'|'}.card-box .img-card a:hover{opacity:.5;transition:all .3s ease-in-out}.card-box .img-card a{opacity:.9;transition:all .3s ease-in-out}p.changeh2pop{font-weight:700;font-size:2rem;line-height:1.25;letter-spacing:0}.footer p.title{font-size:18px;line-height:25px;font-weight:700}.search-popular p{font-weight:700;font-size:2rem;line-height:1.25;letter-spacing:0;margin-bottom:10px}.detail-in p{font-family:'publico'!important;font-size:1.125rem;font-weight:400;line-height:1.5;letter-spacing:0}
.detail-artikel .detail-in p{font-size:1.125rem;line-height:1.5;margin:0 0 16px 0;font-weight:400;color:#424242;font-family:'publico'!important}
.pw-container p.title{font-family:'publico';font-size:16px;line-height:22px;font-weight:500;margin:0 0 16px 0}.item-menu.wsub .subbox p.title{font-size:16px;line-height:21px;font-weight:700;margin-bottom:10px}.fixbox .header p.title{font-size:20px;color:#fefefe!important}.box-langganan p.title{font-size:16px;line-height:21px;font-weight:700;letter-spacing:0}.icon-menu p.title{font-size:12px;font-weight:400;line-height:20px;margin:0;text-align:center}.pops-header p.title{font-size:12px;line-height:16px;margin:0 auto;font-weight:500}.white-popup-block .pops-header p.title{font-size:12px;line-height:16px;margin:0 auto;font-weight:500}.blockbox .redline p.titlebox{border-left:none;color:#AD120A;font-size:18px;display:inline-flex;background:#fefefe;padding:0 16px 0 0;height:48px;position:relative;z-index:3;margin:0}.blockbox p.titlebox{padding-left:8px;border-left:4px solid #AD120A;height:25px;font-size:18px;font-weight:700;display:flex;align-items:center;margin-bottom:16px}.blockbox p.titlebox.clean{padding-left:0;border-left:none;height:21px;font-size:16px;font-weight:700;display:flex;align-items:center;margin-bottom:16px}
.sitemap h1{font-size:16px;padding-top:2px;font-weight:600;line-height:22px;letter-spacing:0;margin-bottom:0;margin-top: -2px;}
.sitemap p {
    font-size: 16px;
    padding-top: 2px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: -2px;
}
/* PWcontain */
.newblur-pwcontain{margin-top:-90px;margin-bottom:24px;z-index:9;background:rgba(255,255,255,.2);border-radius:0;padding:140px 0 0 0;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);position:relative;height:auto;background:-moz-linear-gradient(top,hsla(0,0%,100%,0) 0,#fff 20%);background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff 20%);background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 20%);filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr=" #0ff ", endColorstr=" #fff ",GradientType=0 )"}.newblur-pwcontain .pw-containers{background:#fff;border:1px solid #F5F5F5;border-radius:4px;padding:24px;max-width:600px;margin:auto}p.silahkanberlangganan{font-family:'vesterbro'!important;color:#212121!important;font-weight:700!important;font-size:20px!important;margin:0 0 16px 0!important;font-style:normal;line-height:150%!important;text-align:center}p.smallers img{display:inline-block;width:16px;margin-right:6px;margin-bottom:0;vertical-align:text-top}p.smallers{font-style:normal;font-weight:400!important;font-size:12px!important;line-height:16px!important;color:#424242!important;text-align:center}p.smallers a{color:#424242!important}.is_pwl p.title{font-family:'Open Sans'!important;font-style:normal;font-weight:700;font-size:20px;line-height:27px;color:#212121;margin-bottom:2px!important}.is_pwl p.smal{font-family:'Open Sans'!important;font-style:normal;font-weight:600;font-size:10px;line-height:14px;color:#757575;margin-bottom:16px}.is_pwl ul li{font-family:'Open Sans'!important;font-style:normal;font-weight:600!important;font-size:12px!important;line-height:150%;color:#212121}.btn-red-pwl{background:#AD120A;border-radius:2px;color:#FEFEFE;padding:14px 34px}.btn-round-pwl{background:transparent;border-radius:2px;color:#424242;padding:14px 34px;border:1px solid #424242}.red-pwl{text-align:right;margin-top:40px}.is_pwl ul{margin-bottom:0;margin-top:0;padding-inline-start:0}.is_pwl ul li{list-style:none}
.ribbons{border-width:2px 0;position:relative;display:block;padding:.75em 0 .75em .5em}.ribbons:before{content:"";display:inline-block;border-bottom-width:2px;border-left-width:2px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;position:absolute;top:-50%;bottom:50%;left:1.6em;right:0}.ribbons:after{content:"";display:inline-block;border-bottom-width:2px;border-right-width:2px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;position:absolute;top:-50%;bottom:50%;left:0;right:1.6em}p.paketlainnya{text-align:center;margin:0px!important}
/*p.paketlainnya a {
	font-family: 'publico' !important;
	font-style: normal;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 19px !important;
	text-align: center;
	color: #424242 !important;
}*/
p.paketlainnya a{font-family:'Open Sans'!important;font-style:normal;font-weight:600;font-size:14px;line-height:19px;align-items:center;text-align:center;color:#424242 !important;margin:16px 0}.mt16{margin-top:16px}
/*.pw-akun {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	padding: 20px 50px;
	color: #424242;
}*/
/*.pw-akun {
	font-family: 'publico' !important;
}*/
.pw-akun{font-family:'Open Sans'!important;font-style:normal;font-weight:400;font-size:14px;line-height:150%;text-align:center;color:#424242;margin-bottom:0;background:#FAFAFA;border:1px solid #EEE;border-radius:2px;padding:12px}.bgmodal,.bgmodals{position:fixed;top:0;left:0;background:rgba(33,33,33,.5);width:100%;height:100%;color:#fff;z-index:21}.isiLogin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;background:#fff;z-index:22}.bgmodal .card-head,.bgmodals .card-head{padding:16px;text-align:center;margin:auto;background:#FAFAFA;position:relative}.btnclosed{position:absolute;top:10px;right:20px}.btnclosed img{width:20px;height:auto!important}.bgmodal img,.bgmodals img{height:40px;margin:auto;text-align:center;margin-bottom:0}.bgmodal .card-head p,.bgmodals .card-head p{font-family:'Open Sans';font-style:normal;font-weight:400;font-size:12px;line-height:24px;color:#424242}.bgmodal .form-control,.bgmodals .form-control{border:1px solid #424242;border-radius:2px;padding:5px;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:14px;line-height:19px;color:#757575;width:100%;margin-bottom:5px}.bgmodal label.form-label,.bgmodals label.form-label{font-family:'Open Sans';font-style:normal;font-weight:600;font-size:14px;line-height:19px;color:#212121;display:block}.bgmodal .card-body,.bgmodals .card-body{padding:16px}.bgmodal .mb-3,.bgmodals .mb-3{margin-bottom:12px}.w-100{width:100%}.bgmodal .btn-black,.bgmodals .btn-black,.bgmodals .btn-black,.bgmodals .btn-black{background:#212121;border-radius:2px;font-family:'Open Sans';font-style:normal;font-weight:600;font-size:14px;line-height:19px;text-align:center;color:#FEFEFE;padding:8px;width:100%;display:block}.bgmodal .card-body p,.bgmodals .card-body p,.bgmodals .card-body p,.bgmodals .card-body p{font-family:'Open Sans';font-style:normal;font-weight:400;font-size:14px;line-height:24px;color:#424242;margin-bottom:16px;margin-top:16px}.hovpointer:hover{cursor:pointer}.pw-containers img{text-align:center;margin:0 auto 10px}.pw-containers .col.col-md-6{width:49%;display:inline-block;vertical-align:top}.pw-akun a:hover{cursor:pointer}
/* end: PWcontain */
a.masukDisini:hover{cursor:pointer}a.daftarDisini:hover{cursor:pointer}
/*Accordion*/
.faq{width:100%;margin-bottom:32px}.faq__title{font-size:20px;text-transform:uppercase;color:#8b7197}.faq__subtitle{font-size:20px}.faq__question{margin:0;background-color:#FAFAFA!important;border:1px solid #EEE;border-radius:8px;cursor:pointer;padding:16px;width:100%;text-align:left;outline:none;font-size:14px;font-weight:500;line-height:1.5;position:relative;padding-left:48px;transition:all 0.2s ease;font-family:'Open Sans';font-style:normal;font-weight:700;font-size:18px;line-height:125%;color:#AD120A}.faq__question:after{position:absolute;left:24px;font-size:24px!important;content:"\f0da";display:inline-block;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased}.faq__question_active:after{position:absolute;left:24px;font-size:24px!important;content:"\f0d7";display:inline-block;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased}.faq__panel_active ul{padding-left:48px}.faq__subtitle{font-size:18px;font-weight:400;line-height:1.55;padding-top:8px;padding-bottom:10px}.faq__panel{display:none;text-align:left;font-size:14px;line-height:1.5;padding-left:0%;max-width:100%;overflow:hidden;background:#FAFAFA;border:1px solid #EEE;border-top:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.faq__question:hover{background-color:#8b7197}.faq__panel_active{display:block}.faq__panel p{font-family:'publico'!important;font-style:normal!important;font-weight:400!important;font-size:18px!important;line-height:150%!important;color:#424242!important;margin-bottom:24px!important}.faq__question.faq__question_active{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0px!important}.faq__panel.faq__panel_active ul li::marker{color:#AD120A;font-size:2em;line-height:10px}
/*end: Accordion*/
.podcastframe{position:relative;padding-bottom:0;padding-top:0;height:102px;width:405px;margin:0}
.fred{color:#AD120A;font-weight:600}
@media (max-width: 768px) {
	.pw-containers .col.col-md-6 {
		width: 48.6%;
		display: inline-block;
		vertical-align: top;
	}
}



.fglober {
	font-family: 'glober';
}

.fpublico {
	font-family: 'publico';
}

.fvesterbo {
	
	font-family: 'vesterbro' !important;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 5px;
}

.ui-datepicker-calendar {
	display: none;
}

.ui-widget-header {
	border: transparent;
	background: transparent;
	color: #222222;
	font-weight: bold;
	font-family: 'publico';
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
	display: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #212121;
	background: #212121;
	font-weight: normal;
	color: #fefefe;
}

.detail-title .avatar {
	display: none;
}

.detail-title .text-avatar {
    padding: 0px;
    min-height: 0px;
}

.detail-title .block-avatar.margin-bottom-sm {
	margin-bottom: 0px !important;
}

.majalah-konten h2 {
	font-family: 'vesterbro' !important;
	font-weight: 700 !important;
	font-size: 2rem !important;
	line-height: 1.25 !important;
	letter-spacing: 0;
	font-style: normal;
	margin-bottom: 24px;
	color: #212121;
}
.majalah-konten h3 {
	font-family: 'vesterbro' !important;
	font-weight: 700 !important;
	letter-spacing: 0;
	margin-bottom: 24px;
	font-style: normal;
	font-size: 28px !important;
	line-height: 125% !important;
	color: #212121;
}
.majalah-konten h4 {
	font-family: 'vesterbro' !important;
	letter-spacing: 0;
	margin-bottom: 24px;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 24px !important;
	line-height: 125% !important;
	color: #212121;
}
.majalah-konten h5 {
	font-family: 'vesterbro' !important;
	letter-spacing: 0;
	margin-bottom: 24px;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 125% !important;
	color: #212121;
}
.koran-konten h2 {
	font-family: 'glober' !important;
	font-weight: 700 !important;
	font-size: 2rem !important;
	line-height: 1.25 !important;
	letter-spacing: 0;
	margin-bottom: 10px;
}
.koran-konten h3 {
	font-family: 'glober' !important;
	font-weight: 700 !important;
	font-size: 1.75rem !important;
	line-height: 1.25 !important;
	letter-spacing: 0;
	margin-bottom: 10px;
}
.koran-konten h4 {
	font-family: 'glober' !important;
	font-weight: 700 !important;
	font-size: 1.5rem !important;
	line-height: 1.25 !important;
	letter-spacing: 0;
	margin-bottom: 10px;
}
.koran-konten h5 {
	font-family: 'glober' !important;
	font-weight: 700 !important;
	font-size: 1.125rem !important;
	line-height: 1.25 !important;
	letter-spacing: 0;
	margin-bottom: 10px;
}

.up80 {
	margin-top: 80px;
}

.detail-in span.has-dropcap {
	display: block;
	font-size: 1.125rem;
	line-height: 1.5;
	margin: 0 0 16px 0;
}
.detail-in span.has-dropcap:first-letter {
	float: left;
	font-size: 55px;
	line-height: 0.55;
	margin: 0.26em 0.15em 0em 0;
	text-transform: capitalize;
}


/*Baru*/
.avtar {
    border-bottom: 2px solid #F5F5F5;
}

p.wrd-mn {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 150% !important;
	color: #424242;
}

p.wrd-mn strong {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 150%;
    color: #424242;
}

p.wrd-mn a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    padding: 0px !important;
    color: #AD120A !important;
    display: initial !important;
}

.img-avtar {
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 50px;
    display: inline-block;
}

.img-avtar img {
	width: 100%;
}

.cnt-avtar {
    display: inline-block;
    margin-left: 12px;
    vertical-align: top;
}

p.nm-avtar {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 125% !important;
    color: #424242;
}

p.eml-avtar {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 125% !important;
    color: #757575;
    margin-top: 4px;
}

p.id-avtar {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 125% !important;
    color: #757575;
    margin-top: 4px;
}

.item-menu.wsub .subbox p.title {
	font-size: 16px;
	line-height: 21px;
	font-weight: 700;
	margin-bottom: 12px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
	color: #212121;
}

p.title-tmp-vip {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 19px;
    color: #424242;
    margin-bottom: 8px;
}

p.duration-tm {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    display: flex;
    align-items: center;
    text-align: center;
    color: #0059DC;
    margin-top: 8px;
}

p.wrd-mn span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #AD120A;
}

.item-menu.wsub .subbox.dd-profile {
	width: 360px !important;
}

.bor-bot {
	border-bottom: 2px solid #F5F5F5;
}

a.date {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	color: #757575;
}

div#div-gpt-ad-2554422-2 {
    width: 100%;
}

.detail-in {
    border-bottom: 2px solid #AD120A;
}

.majalah-konten p:last-child:after {
	margin-left: 4px;
/*	content: url("../../images/icon-tempo.svg");*/
	content: url("../../../assets/images/icon-tempo.svg");
	opacity: 1;
}

.majalah-konten p:last-of-type:after {
	margin-left: 4px;
	content: url("../../../assets/images/icon-tempo.svg");
	opacity: 1;
}

.w700 {
	width: 700px;
	margin: auto;
}


p.berita_kat {
	font-style: normal;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 125%;
	color: #AD120A !important;
	margin-bottom: 8px !important;
}

.lihat-selengkapnya a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 125%;
	color: #AD120A;
}

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

.list-berita-lainnya p.title {
	height: 60px;
	margin-bottom: 0px !important;
	overflow: hidden;
}

.list-berita-lainnya1 p.title {
	height: 70px;
	margin-bottom: 0px !important;
	overflow: hidden;
}

.box-avatar {
	width: 33%;
}

a.sign-btn.minimalis {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	text-align: center;
	color: #FEFEFE !important;
}

.at-share-btn-elements a {
    background-color: #424242 !important;
    border-radius: 2px !important;
}


/* New Style Pop Up */
.modal {
	display: none;
	position: fixed;
	z-index: 20;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 5% auto;
	padding: 16px;
	border: 1px solid #888;
	width: 360px;
}

.close {
	color: #aaa;
	float: right;
	font-size: 20px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.formmodal p.title {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 27px;
	color: #212121;
	margin-bottom: 8px;
}

.formmodal p.desc {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: #424242;
	margin-bottom: 12px;
}

.newsso a.sign-btn {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 20px;
	text-align: center;
	color: #212121;
	border: 1px solid #212121;
	height: unset;
	padding: 10px;
	margin-bottom: 12px;
}

.newsso a.sign-btn:last-child {
	margin-bottom: 0px;
}

p.devideseparat {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #757575;
	text-align: center;
	position: relative;
}

p.devideseparat:before {
	content: " ";
	display: block;
	height: 1px;
	width: 100px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #F5F5F5;
}

p.devideseparat:after {
	content: " ";
	height: 1px;
	width: 100px;
	background: #F5F5F5;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
}

p.gunakan {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: #424242;
}

label.new_medium {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 150%;
	color: #212121;
}

.new_element_box {
	margin-top: 8px;
}

.alrt-pass {
	background: #FFF6F6;
	border: 1px solid #D89C98;
	border-radius: 2px;
	padding: 11px 12px;
	margin-top: 8px;
	display: flex;
}

.alrt-pass p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 12px !important;
	line-height: 150% !important;
	color: #424242;
	display: inline-block;
}

.alrt-pass svg {
	display: inline-block;
	margin-right: 10px;
}

small.dangernotif {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	margin-top: 4px;
	color: #C62828;
}

.next-pass {
	position: absolute;
	right: 10px;
	top: 11px;
}

.rememberlupa div {
	display: inline-block;
}

.rememberlupa label {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	color: #424242;
}

.rememberlupa p {
	display: inline-block;
	float: right;
}

.rememberlupa a.buka-popup {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #AD120A;
}

.newsso .icon-login-sosmed img {
    width: auto;
    height: 24px;
}

.newsso a:hover {
	cursor: pointer;
}
/* end: New Style Pop Up */

/* Reset */
.header .header-in .top-head .logo-reset img {
	height: 24px !important;
	text-align: center;
	margin: auto;
}
.header .header-reset .top-head {
	height: 56px;
	padding: 16px;
	display: block;
	text-align: center;
	margin: auto;
}
.header .header-in .top-head .logo-reset {
	height: 24px;
	float: unset !important;
	margin: auto;
	text-align: center;
}
.new_header {
	background: #FFFFFF !important;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
}
.main-reset {
	height: 100vh;
	background: #FAFAFA;
	padding-top: 60px;
	position: relative;
}
.head-form-mid p.title {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 150%;
	text-align: center;
	color: #212121;
	margin-bottom: 12px;
}
.head-form-mid p.desc {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	color: #616161;
}
.head-form-mid label.medium {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 150%;
	color: #212121;
	min-height: auto;
	margin-bottom: 8px;
}
.head-form-mid input {
	background: #FFFFFF !important;
	border: 1px solid #EEEEEE !important;
	border-radius: 2px !important;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
}
.head-form-mid .btn-red {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
	padding: 8px;
	background: #AD120A;
	border-radius: 2px;
	border: unset;
	width: 100%;
}
.head-form-mid {
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	padding: 16px;
	width: 331px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
/* end: Reset */

/*Majalah Edisi*/
.adsfull-eds {
	background: #FAFAFA;
	margin-bottom: 24px;
	overflow: hidden;
	width: 986px;
	height: 136px;
	padding: 8px;
}

.adsfull-eds .inner-adsfull-eds {
	overflow: hidden;
	/*width: 970px;
	height: 120px;*/
}

.inner-adsfull-eds img {
	width: 970px;
	height: 120px;
}

.main-700 {
	width: 700px;
	margin: auto;
}

p.newtitlebox {
	font-size: 18px !important;
	font-family: Open Sans;
	font-weight: 700 !important;
	color: #212121 !important;
	margin-bottom: 12px !important;
}

h1.top-title-new {
	color: #212121;
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
	text-transform: capitalize;
}

p.top-desc {
	color: #424242;
	font-size: 18px;
	font-family: Publico Text Web;
	line-height: 125%;
}

p.top-desc {
	color: #424242 !important;
	font-size: 18px !important;
	font-family: Publico Text Web !important;
	line-height: 125% !important;
}

figure.cover-image {
	width: 335px;
	max-height: 595px;
	margin: 0px;
	overflow: hidden;
}

p.separate-info {
	margin: 0 0 8px 0 !important;
	color: #AD120A !important;
	font-size: 14px !important;
	font-family: Open Sans !important;
	font-weight: 700 !important;
}

.main-700 .blockbox {
	margin-bottom: 24px !important;
}

.main-700 .blockbox.wtline {
	padding-top: 24px !important;
}

a.title-cat {
	border-radius: 2px;
	background: #AD120A;
	display: block;
	padding: 13px 24px 14px 24px;
	width: fit-content;
	color: #FEFEFE;
	font-size: 14px;
	font-family: Titillium Web;
	font-weight: 700;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.mt-0 {
	margin-top: 0px !important;
}

.main-700 .list-hasil-pilihan p.title {
	color: #212121 !important;
	text-align: center;
	font-size: 16px !important;
	font-family: Open Sans !important;
	line-height: 150% !important;
	font-weight: 400 !important;
}

/*end: Majalah Edisi*/

/*Koran Edisi*/
.kmain-700 {
	width: 700px !important;
	margin: auto;
}

.kmain-700 p.newtitlebox {
	font-size: 18px !important;
	font-family: Open Sans;
	font-weight: 700 !important;
	color: #212121 !important;
	margin-bottom: 12px !important;
}

.kmain-700 p.top-desc {
	color: #424242 !important;
	font-size: 18px !important;
	font-family: Publico Text Web !important;
	line-height: 125% !important;
}

.kmain-700 figure.cover-image {
	width: 335px;
	max-height: 595px;
	margin: 0px;
	overflow: hidden;
}

.kmain-700 p.separate-info {
	margin: 0 0 8px 0 !important;
	color: #AD120A !important;
	font-size: 14px !important;
	font-family: Open Sans !important;
	font-weight: 700 !important;
}

.kmain-700 .blockbox {
	margin-bottom: 24px !important;
}

.kmain-700 .blockbox.wtline {
	padding-top: 24px !important;
}

.kmain-700 a.title-cat {
	border-radius: 2px;
	background: #AD120A;
	display: block;
	padding: 13px 24px 14px 24px;
	width: fit-content;
	color: #FEFEFE;
	font-size: 14px;
	font-family: Titillium Web;
	font-weight: 700;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.mt-0 {
	margin-top: 0px !important;
}

.kmain-700 .list-hasil-pilihan p.title {
	color: #212121 !important;
	text-align: center;
	font-size: 16px !important;
	font-family: Open Sans !important;
	line-height: 150% !important;
	font-weight: 400 !important;
}

.kmain-700 p.subtitle {
	color: #212121 !important;
	font-size: 18px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 600 !important;
	line-height: 26px !important;
}

.kmain-700 .borderbottom {
	border-bottom: 4px solid #F5F5F5;
	padding-bottom: 12px;
	margin-bottom: 24px;
}

.kmain-700 h2.titlebox {
	color: #212121 !important;
	font-size: 18px;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 150%;
	border-left: 4px solid #AD120A !important;
}

.kmain-700 p.cat-box {
	margin: 0px !important;
	color: #212121 !important;
	font-size: 14px !important;
	font-family: Open Sans !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 150% !important;
}

.kmain-700 h1.top-title-new {
	color: #212121 !important;
	font-size: 24px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	line-height: 125% !important;
	text-transform: capitalize;
}

.kmain-700 figure.cover-image img {
	height: auto;
	width: 100%;
}

.kmain-700 .borderbottom p {
    color: #424242 !important;
    font-size: 18px !important;
    font-family: 'publico' !important;
    line-height: 125% !important;
}

.kmain-700 .container-col .col335 {
	padding: 0px;
	float: left;
	width: 335px;
}

.kmain-700 .container-col .col340 {
	padding: 0px;
	width: 341px;
/*    width: 354px;*/
	float: left;
	margin-left: 24px;
}

.kmain-700 .blockbox h2.titlebox.fullblack {
	border-left: none !important;
	color: #fefefe !important;
}

.kmain-700 .fullblack {
	border-radius: 2px;
	background: #212121 !important;
}

.kmain-700 .dflex {
	display: flex;
	margin: 0px;
}

.kmain-700 h2.nob {
    color: #AD120A !important;
    font-size: 18px !important;
    font-family: Titillium Web;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal;
    border-left: 0px !important;
}

.kmain-700 .listborderedisi .img-card img {
	border-left: 12px solid #c61d22;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.kmain-700 .borderbottomleft {
	background: #900d12;
	width: 100%;
	height: 12px;
	border-left: 12px solid #818286;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top: 12px solid #900d12;
}

.kmain-700 .listborderedisi .card-box .img-card:hover {
	opacity: .5;
	transition: all .3s ease-in-out;
}
/*end: Koran Edisi*/

.w450 {width: 450px !important;}
.w380 {width: 380px !important;}
.langkoran {display: none !important;}

.detail-artikel .detail-in .bacajuga{background:#fafafa;border:1px solid #eee;border-radius:2px;padding:16px;margin-bottom:24px;margin-top:8px}.detail-artikel .detail-in .inbacajuga{border-left:4px solid #212121;padding-left:12px}.detail-artikel .detail-in .inbacajuga p a{font-family:vesterbro;font-style:normal;font-weight:700!important;font-size:18px;line-height:125%;color:#ad120a!important;margin-bottom:0}.detail-artikel .detail-in .inbacajuga p{margin-bottom:8px!important;color:var(--neutral-1100,#424242)!important;font-family:'Open Sans'!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:normal!important}.detail-artikel .detail-in .inbacajuga p:after,.is_pwl p.smal:after,p.paketlainnya:after{content:''!important}.detail-artikel .detail-in .inbacajuga p:last-child{margin-bottom:0!important}
.detail-artikel .detail-in .bacajuga .inbacajugakoran p a { font-family: 'glober' !important; }

p.mgzdt {
	font-family: 'Open Sans' !important;
}


/*Ads Koran*/
/*Top*/
.adshtml.full {
	background: #FFF;
}
.bgwhite-ads-toplead {
    display: flex;
    width: 100%;
    height: 68px;
    padding: 12px 16px;
    border-radius: 2px;
    background: var(--neutral-200, #FCFCFC);
}
.toplead-left {
	display: inline-block;
	width: 85%;
}
.toplead-left p.first-class {
	color: var(--primary-main,#ad120a);
	whitespace: nowrap;
	font-size: 16px;
	font-weight: 700;
}
.toplead-left p.first-class {
	line-height: 150%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Open Sans;
	font-style: normal;
}
.toplead-left p.second-class {
	color: var(--neutral-1200,#212121);
	whitespace: nowrap;
	font-size: 14px;
	font-weight: 400;
}
.toplead-right {
	display: inline-block;
	margin-top: 10px;
}
.toplead-right a.btn {
	border-radius: var(--default,2px);
}
.toplead-right a.btn {
	color: var(--neutral-100,#fff);
	font-family: Open Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	background: var(--primary-main,#ad120a);
	text-align: center;
	padding: 8px 12px;
}
.adshtml button.ncls-head-banner {
	width: unset;
	height: unset;
	overflow: hidden;
	border-radius: 12px;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 2;
	border: none;
	font-size: 10px;
}
.adshtml button.ecls-head-banner {
	width: unset;
	height: unset;
	overflow: hidden;
	border-radius: 12px;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 2;
	border: none;
	font-size: 10px;
}
.newadded {
	margin-top: 60px;
}
/*end: Top*/
/*Mid*/
.bgwhite-mid-ads {
	border-radius: 2px;
	border: 1px solid var(--neutral-600, #E0E0E0);
	background: var(--neutral-200, #FCFCFC);
	position: relative;
	padding: 12px 16px;
	text-align: center;
}
.bgwhite-mid-ads .toplead-left {
	display: inline-block;
	width: 100%;
}
.bgwhite-mid-ads .toplead-left p.first-class {
	overflow: hidden;
	color: var(--primary-main, #AD120A);
	text-overflow: ellipsis;
	font-family: Open Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 4px;
	text-align: center;
}
.bgwhite-mid-ads .toplead-left p.second-class {
	overflow: hidden;
	color: var(--neutral-1200, #212121);
	text-align: center;
	text-overflow: ellipsis;
	whitespace: nowrap;
	font-family: Open Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.bgwhite-mid-ads button.bcls-mid-banner {
	background: transparent;
	border: unset;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.bgwhite-mid-ads .toplead-right {
	display: inline-block;
	margin-top: 60px;
	margin-bottom: 8px;
}
.ads-mid-html p.second-class:after {
    content: '' !important;
}

.watermark {
	font-size: 8px;
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    font-family: Open Sans;
    text-transform: uppercase;
    bottom: 5px;
    right: 5px;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1px;
    border-radius: 2px;
}

.foto-detail figure {
    position: relative;
}

#listbacajuga li:nth-of-type(1n+6) {
	display: none;
}

ul#listbacajuga {
    padding-inline-start: 0px;
    margin: 0px;
}

ul#listbacajuga li {
    list-style: none;
    margin-top: 12px;
}

ul#listbacajuga li:first-child {
    margin-top: 0px;
}

figure.cover-image img {
    width: 100%;
}

/* p.top-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.text-card .margin-bottom-lg p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
} */

/*end: Mid*/
/*end: Ads Koran*/