<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&amp;family=Open+Sans:wght@300;400;500;600;700;800&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&amp;display=swap');
html {font-family:'Haas_Roman', Arial, sans-serif; /* 1 */-ms-text-size-adjust:none; /* 2 */-webkit-text-size-adjust:none; /* 2 */font-size:16px; line-height:26px; -webkit-font-smoothing: antialiased;color:#000;margin:0 auto; background:#fff;}
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:700;}
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;}

::-moz-selection {color:#a0afa5;background:#ccf8ac;}
::selection {color:#a0afa5;background:#ccf8ac;}
*/
/*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:98px; 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:#fff;min-height: 100vh;}
.cl-black{color:#000 !important;}
.cl-white{color:#fff !important;}
.cl-soft{color:#767676 !important;}
.cl-gray{color:#767676 !important;}
.cl-orange{color:#f26f24 !important;}
.cl-yellow{color:#fab617 !important;}
.cl-red{color:#ce1f43 !important;}
.cl-purle{color:#6360aa !important;}
.cl-blue {color:#1488c9 !important;}
.cl-blue2{color:#295d97 !important;}
.cl-green{color:#000000 !important;}
.cl-green2{color:#129e17 !important;}
.cl-dark-green{color:#767676 !important;}
.bg-black{background:#000 !important;}
.bg-white{background:#FFFFFF !important;}
.bg-clean {background:transparent !important;}
.bg-orange{background:#f26f24 !important;}
.bg-yellow{background:#fab617 !important;}
.bg-red{background:#ce1f43 !important;}
.bg-purle{background:#6360aa !important;}
.bg-blue {background:#1488c9 !important;}
.bg-blue2 {background:#295d97 !important;}
.bg-green{background:#000000 !important;}
.bg-dark-green{background:#a0afa5 !important;}
.bg-f9{background:#f9f9f9 !important;}
.fo-light{font-family:'Haas_Light', Arial, sans-serif !important;}
.fo-rom{font-family:'Haas_Roman', Arial, sans-serif !important;}
.fo-med{font-family:'Haas_Medium', Arial, sans-serif !important;}
.fo-bold{font-family:'Haas_Bold', Arial, sans-serif !important;}
.fo-black{font-family:'Haas_Black', Arial, sans-serif !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;}
.radius0{border-radius:0px !important;}
.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;}
.radius20{border-radius:20px !important;}
.roboto{font-family:'Roboto', Arial !important;}
/*.promoteks{font-family:'Haas_Roman', Arial !important; font-weight:700 !important;}*/
h1{font-size:32px; line-height:40px; margin:0 0 16px 0; font-weight:700;}
h2{font-size:24px; line-height:32px; margin:0 0 16px 0; font-weight:700;}
h3{font-size:18px; line-height:26px; margin:0 0 16px 0; font-weight:700;}
h4{font-size:16px; line-height:24px; margin:0 0 16px 0; font-weight:700;}
h5{font-size:14px; line-height:22px; margin:0 0 16px 0; font-weight:700;}
h6{font-size:12px; line-height:20px; margin:0 0 16px 0; font-weight:700;}
a {color: #000;text-decoration: none;transition: all .2s ease-in-out}
a:hover, a:focus {color:#202020;transition: all .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-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-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-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-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;}

.fw4{font-weight:400 !important;}.fw5{font-weight:500 !important;}.fw6{font-weight:600 !important;}.fw7{font-weight:700 !important;}
.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:#e3008b !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:#e3008b !important;}.cl-whatsapp{color:#2ab200 !important;}.cl-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:14px; line-height:14px;}
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:40px; height:40px; 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:#fff; border:1px solid #424242;font-size:14px; color:#252932;}
.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:50px;}
.element-box.overinput button.sign-btn{position:absolute; right:0; top:0; width:40px; height:40px; z-index:1;margin-top:0; border:none; background:transparent; padding:0;}
/*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: #fff;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:#fff; border:1px solid #424242;font-size:14px; color:#252932;}
.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:#252932;width:100%; height:40px; padding:5px 5px 5px 50px; background:#fff; border:1px solid #424242;font-size:16px; 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%, #424242 50%),
linear-gradient(45deg, #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.medium {
	color:#252932;width:100%; height:36px; padding:5px 5px 5px 50px; background:#fff; 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:32px; 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:#fff;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:#fff; -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:#fff; -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 &gt; 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:#fff;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:#fff; 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:#fff; 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 &gt; label {display: inline-flex !important;margin-left:30px;cursor:pointer;}
/*button*/
button.sign-btn{width:100%;height:40px;background:#1488c9; color:#fff;transition: all 0.3s ease-in-out;opacity:1;border:none;display:flex; align-items:center; justify-content: center; font-size:16px; font-weight:500; padding:0 30px;}
button.sign-btn.medium{height:36px; font-size:14px;}
button.sign-btn.minimalis{width:auto; padding:0 30px;}
button.sign-btn.small{height:32px;font-size:14px;}
button.sign-btn:hover{transition: all 0.3s ease-in-out; opacity:0.8;}
button.sign-btn.line{background:transparent; border:1px solid #252932; color:#252932;}
a.sign-btn{width:100%; height:40px; background:#1488c9; color:#fff;transition: all 0.3s ease-in-out;opacity:1; display:flex; align-items:center; justify-content: center; border:none; text-align:center; font-weight:500;font-size:16px; padding:0 30px;}
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 #000; color:#000;}
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:#000;}
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.row7 li{width:14.28571428571429%; padding:0 8px;}
ul.row-list.row8 li{width:12.5%; 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,ul.row-list.row7.pad4, ul.row-list.row8.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, ul.row-list.row7.pad4 li, ul.row-list.row8.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, ul.row-list.row7.pad16, ul.row-list.row8.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, ul.row-list.row7.pad16 li,ul.row-list.row8.pad16 li{padding:0 16px;}
/*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;opacity:1; border-radius:6px;}
.card-box .img-card .right-icons{display:flex; justify-content:center; align-items:center;width:24px; height:24px; position:absolute; right:0; bottom:0; background:rgba(0,0,0,0.5); color:#fff; font-size:11px;z-index:2; border-radius:6px 0 6px 0;}
.card-box .img-card img{width:100%; height:auto; display:block;transition: all .3s ease-in-out; opacity:1;}
.card-box:hover .img-card img{transition: all .3s ease-in-out; opacity:0.8;}
.card-box .text-card{height:auto; width:auto; overflow:hidden; padding:0; position:relative;}
.card-box .text-card h1.title{transition: all .2s ease-in-out;font-size:32px;line-height:40px;margin: 0; font-family:'Haas_Black', Arial, sans-serif;}
.card-box .text-card h2.title{transition: all .2s ease-in-out;font-size:24px;line-height:32px;margin: 0; font-family:'Haas_Black', Arial, sans-serif;}
.card-box .text-card h3.title{transition: all .2s ease-in-out;font-size:20px;line-height:28px;margin: 0; font-family:'Haas_Bold', Arial, sans-serif;}
.card-box .text-card h4.title{transition: all .2s ease-in-out;font-size:18px;line-height:26px;margin: 0; font-family:'Haas_Bold', Arial, sans-serif;}
.card-box .text-card h5.title{transition: all .2s ease-in-out;font-size:16px;line-height:24px;margin: 0; font-family:'Haas_Bold', Arial, sans-serif;}
.card-box .text-card h6.title{transition: all .2s ease-in-out;font-size:14px;line-height:22px;margin: 0; font-family:'Haas_Roman', Arial, sans-serif;}
.card-box .text-card p{font-weight:400;margin:16px 0 0 0; letter-spacing: normal; font-size:16px; line-height:24px;font-family:'Haas_Roman', Arial, sans-serif;}
.line1{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.line2{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.line3{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.line4{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
.card-box .text-card h1.title:hover, .card-box .text-card h2.title:hover, .card-box .text-card h3.title:hover, .card-box .text-card h4.title:hover, .card-box .text-card h5.title:hover{ text-decoration:underline;}
/*top title*/
.card-box.toptitle{border-radius:6px;}
.card-box.toptitle .img-card{margin:0;}
.card-box.toptitle .text-card{position:absolute; bottom:0; left:0; right:0; z-index:2; padding:32px;
display:flex; justify-content:flex-end; flex-direction:column;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.9) 100%);}
.card-box.toptitle .text-card a{color:#fff;}
.card-box.toptitle .text-card a:hover{color:#b3e3ff;}
/*card box 110*/
.card-box.ft110{overflow:hidden;height:auto;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box.ft110 .img-card{float:left;position:relative;width:110px; height:80px; overflow:hidden;margin:0; padding:0; display:flex; justify-content:center; align-items:center;}
.card-box.ft110 .img-card img{width:auto; height:100%; display:block;}
.card-box.ft110 .text-card{padding:0 0 0 12px; min-height:80px;display: flex;flex-direction: column;justify-content: center;}
/*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:170px; height:140px; overflow:hidden;margin:0; padding:0; display:flex; justify-content:center; align-items:center;}
.card-box.ft150 .img-card img{width:auto; height:100%; display:block;}
.card-box.ft150 .text-card{padding:0 0 0 16px; min-height:140px;display: flex;flex-direction: column;justify-content: center;}
/*card box kotak*/
.card-box.ft90{overflow:hidden;height:auto;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box.ft90 .img-card{float:left;position:relative;width:90px; height:90px; overflow:hidden;margin:0; padding:0; display:flex; justify-content:center; align-items:center;}
.card-box.ft90 .img-card img{width:auto; height:100%; display:block;}
.card-box.ft90 .text-card{padding:0 0 0 16px; min-height:90px;display: flex;flex-direction: column;justify-content: center;}
/*base*/
.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; padding-top:0;}
.cd-main-content .inside-main{max-width:1366px; position:relative; margin:0 auto;display:flex; flex:2;flex-direction:row; min-height:100vh;}
.cd-main-content .inside-main.no-adskin{display:block;}
.cd-main-content .main-with-background{background:url(../images/bg_body.jpg) bottom right no-repeat; background-attachment:scroll;}
.cd-main-content .main-no-background{overflow:hidden; background:none;}
.cd-main-content .main-with-background.artikel{background:url(../images/bg_body_artikel.jpg) bottom right no-repeat;}
.cd-main-content .main-no-background.artikel{background:none;}
.cd-main-content .main-login-background{/*background:url(../images/bg_full.jpg) bottom right no-repeat;*/ background-attachment:fixed; overflow:hidden; min-height:100vh; display:flex; justify-content:center; align-items:center; backgrund:#fff;}
.overflow-hidden {overflow: hidden;}
.container{margin:0 auto; width:100%; max-width:1100px; padding:0 16px; position:relative;}
.container.big{padding:0 46px;}
.container.full{max-width:100%;}
.container.medium{max-width:1080px;}
.container.small{max-width:800px;}
.container-col{margin-left:-16px; margin-right:-16px;}
.col12{padding:0 16px; width:100%; float:none;}
.col11{padding:0 16px; width:91.66666666666666%; float:left;}
.col10{padding:0 16px; width:83.33333333333333%; float:left;}
.col9{padding:0 16px; width:75%; float:left;}
.col8{padding:0 16px; width:66.66666666666666%; float:left;}
.col7{padding:0 16px; width:58.33333333333333%; float:left;}
.col6{padding:0 16px; width:50%; float:left;}
.col5{padding:0 16px; width:41.66666666666667%; float:left;}
.col3{padding:0 16px; width:25%; float:left;}
.col4{padding:0 16px; width:33.33333333333333%; float:left;}
.col2{padding:0 16px; width:16.66666666666667%; float:left;}
.col1{padding:0 16px; width:8.333333333333333%; float:left;}
.col8.homepage_left{width:760px;}
.col4.homepage_right{width:340px;}
.col8.detail_left{width:760px;}
.col4.detail_right{width:340px;}
.block-all{position:fixed; background:rgba(0,0,0,0.7); top:0; left:0; right:0; bottom:0; z-index:8;}
/*nav menu
nav.bg-nav{background:#111111; height:46px; width:100%; position:relative;}
.bg-nav.fixed_nav{position:fixed; top:0; left:0; right:0; z-index:10;}
.bg-nav.rem_nav{position:relative;}
.menu {margin:0 auto; padding:0; height:46px;width:100%; font-size:14px;font-family:'Haas_Roman', Arial, sans-serif;}
.menu ul li &gt; a:after {display:none; content:' \f107'; font-family: 'FontAwesome'; font-size:12px; margin-left:10px; top:0; position:relative;}
.menu ul li &gt; a:only-child:after { content: ''; margin:0;}
.menu ul ul {display: none;}
.menu ul li:hover &gt; ul {display: block;}
.menu ul {list-style:none; list-style-position:inside; margin:0 auto; padding:0; height:46px; max-width:1100px;position: relative;display:flex; justify-content:space-between; width:100%;}
.menu ul:after {content: ""; clear: both; display: block;}
.menu ul li {float: left; position:relative;}
.menu ul li:hover {background: #191919;}
.menu ul li:hover a {color:#ddd;background: #191919;}
.menu ul li a {color:#fff;position:relative;padding:0 13px; height:46px;display:flex; align-items:center; justify-content:center; }
.menu ul li a.selected, .menu ul ul li a.selected{color:#fff; background:#000;}
.menu ul ul {background: #193c62; border-radius: 0px; padding: 0;position: absolute; top: 100%;width: auto;max-width: none;right:0;z-index: 3;}
.menu ul ul li {float: none;}
.menu ul ul li a {padding:8px 16px;color: #fff;background: #000;justify-content:flex-start;height:auto;}	
.menu ul ul li a:hover {background: #000;}
.menu ul ul ul {position: absolute; left: 100%; top:0;}
.menu ul li.search{float:right;}
.menu ul li.search a{background:#000000;}
nav.bg-nav .box-search {height:50px;width:100%;margin: 0 auto; position:absolute; top:46px; left:0; right:0; z-index:3; background:#000000;}
.menu ul li.home a{width:73px; position:relative;}
.menu ul li.home img{width:46px; height:46px;}
.menu ul li.home a span.home-icon{position:absolute; left:auto; right:auto; top:0; bottom:0;}
*/
/*mega menu*/
nav.bg-nav{background:#fff; height:48px; width:100%; position:relative; border-top:1px solid #000; border-bottom:1px solid #000;}
nav.bg-nav.fixed_nav{position:fixed; top:0; left:0; right:0; z-index:10;}
nav.bg-nav.rem_nav{position:relative;}
.menucontainer {
	margin: auto;
	width: 100%;
	list-style:none;
	list-style-position:inside;
	margin:0 auto;
	padding:0;
	max-width:1100px;
	display:flex; justify-content:space-between;
}
nav {
	font-size: 0;
	position: relative;
    
}

nav &gt; ul &gt; li {
  	font-size: 16px;
  	padding: 0;
  	position: relative;
	height:46px;
	display:inline-block;
}

nav &gt; ul &gt; li &gt; a {
	color: #000;
  	height:46px;
  	padding: 0 13px;
    transition: all .2s ease;
	display:flex; justify-content:center; align-items:center;
}
nav &gt; ul &gt; li:hover &gt; a {
	color: #000; 
	background:#fff;
	font-weight: bold;
}
nav &gt; ul &gt; li &gt; a.selected{color:#000; background:#fff; position:relative; font-weight: bold;}
nav &gt; ul &gt; li &gt; a.selected::before{content:'';position:absolute; left:13px; right:13px; bottom:0; height:3px; background:#000; z-index:3;}
.mega-menu {
	background: #fff;
	border:1px solid #000;
  	visibility: hidden;
    opacity: 0;
  	position: absolute;
  	left: 0;
  	width: 100%;
    padding-bottom: 20px;
	z-index:5;
	top:46px;
	min-height:250px;
	padding:16px 0;
}
.normaldd {position: static;}

.normaldd:hover .normal-menu {
    visibility: visible;
    opacity: 1;
}
.normaldd .normal-menu {
	background: #fff;
	border:1px solid #000;
  	visibility: hidden;
    opacity: 0;
  	position: absolute;
  	width:auto;
	z-index:5;
	top:46px;
	height:auto;
}
.normaldd .normal-menu a{display:block; padding:6px 20px; color:#000;}
.normaldd .normal-menu a:hover{color:#000; text-decoration:underline;}
.mega-menu h3 {color: #444;}
.mega-menu .container {display: flex;}
.mega-menu .item {flex-grow: 1;margin: 0 10px;}
.mega-menu .item img {width: 100%;}
.mega-menu a {display: block;	 color:#000;}
.mega-menu a:hover {color: #000; text-decoration:underline;}
.dropdown {position: static;}
.dropdown:hover .mega-menu {visibility: visible;opacity: 1;}
/*mulai*/
.header{height:78px;margin:0 auto; position:relative; background:#000; border-top:1px solid #000;}
.header .header-in{width:100%; max-width:1100px; padding:0 16px; margin:0 auto;display: flex;justify-content: space-between;}
h1.logo{height:80px; margin:0; float:left; padding:12px 32px 12px 0;}
h1.logo img{width:auto; height:56px;}
/*search*/
.box-search {height:36px;width:400px;margin:21px 0; float:left;}
.box-search-in{position:relative; height:36px; width:100%; max-width:1100px; padding:0; margin:0 auto;}
.box-search-in input.search {width: 100%;height:36px;padding: 5px 40px 5px 10px;background: #fff;border:1px solid #000;border-radius: 4px;font-size:14px;}
.box-search-in button.search-btn {width:36px;height:36px;border: 1px solid transparent;position: absolute;right:0;top:0;background: 0 0; color:#252932;}
.box-search-in input.search:focus{box-shadow: 0px 0px 6px rgba(176,0,220,0.7);}
/*box login*/
.out-login{dislay:block;}
.box-login{width:380px; height:auto; background:rgba(255,255,255,0.7); border-radius:10px 10px 0 0; padding:32px; margin:0 auto;/*backdrop-filter: blur(3px);*/ border:1px solid #000;}
.box-login.bottom{border-radius:0 0 10px 10px;}
.box-login.full{border-radius:10px;}
.box-login h1.logo{margin:0 auto; height:40px; width:auto; display:block; padding:0;}
.box-login h1.logo img{width:auto; height:40px;}
/*box market front*/
.market-in{width:100%; max-width:1100px; padding:16px; margin:0 auto;}
.market-item{position:relative; padding:8px; background:#fff; overflow:hidden; border-radius:4px; display:block; min-height:70px; box-shadow:1px 1px 5px rgba(0,0,0,0.05);}
.market-item .market-logo{width:40px; height:40px; overflow:hidden; border-radius:20px; float:left; display:flex; justify-content:center; align-items:center; margin-right:8px;}
.market-item .market-logo img{width:40px; height:40px;}
.market-item .market-info{padding-left:8px;}
.market-item .market-info h6{font-weight:400; margin:0; line-height:18px; word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;} 
ul.row-list.list-market li.more .market-item{align-items:center; justify-content:center;}
ul.row-list.list-market li.more .market-item .market-logo{float:right; margin:0;order:2;}
ul.row-list.list-market li.more .market-item .market-info{padding:0 8px 0 0; text-align:center; float:right; min-height:40px; display:flex; justify-content:flex-end; align-items:center;order:1;}
ul.row-list.list-baca-juga{margin-bottom:0; padding:0;}
ul.row-list.list-baca-juga li{margin:0; position:relative; min-height:70px;}
ul.row-list.list-baca-juga li::before{content:''; position:absolute; top:0; bottom:0; right:0; width:1px; background:#ccc;}
ul.row-list.list-baca-juga li:last-child::before{display:none;}
/*banner*/
.mainhome{position:relative; min-height:100vh;}
.ad728{width:728px; height:auto;}
.ad728.top{float:right; margin:16px auto;}
.ad728 img{width:728px; height:auto;}
.ad300{width:300px; height:auto; margin:0 auto 32px auto;}
.ad300 img{width:300px; height:auto;}
.ad320{width:320px; height:auto; margin:0 auto 32px auto;}
.ad320 img{width:320px; height:auto;}
.ad970{width:970px; height:auto; margin:16px auto 0 auto;}
.ad970 img{width:970px; height:auto;}
.adskin-left{float:left;width:120px; height:600px;display:flex; justify-content:flex-start; align-items:center;}
.adskin-left img{width:100%; height:auto;}
.adskin-right{float:left;width:120px; height:600px;display:flex; justify-content:flex-start; align-items:center;}
.adskin-right img{width:100%; height:auto;}
.sticky-ad{position:sticky; overflow:hidden;z-index:3;top:46px;}
.sticky-right{position:sticky;z-index:3;bottom:0;}
/*blockbox*/
.blockbox{display:block; position:relative; margin:0; padding:0;}
.blockbox h2.titlebox{min-height:24px; font-size:20px; line-height:24px; font-weight:700; display:flex; align-items:center; margin-bottom:16px; padding-right:30px; position:relative;font-family:'Haas_Bold', Arial, sans-serif;}
.blockbox h2.titlekanal{min-height:34px; font-size:30px; line-height:38px; font-weight:700; display:flex; align-items:center; margin-bottom:16px; padding-right:30px; position:relative;font-family:'Haas_Bold', Arial, sans-serif;}
.blockbox h2.titlebox .selengkapnya{font-size:14px; font-weight:400; position:absolute; width:24px; height:24px; top:0; right:0; display:flex; justify-content:center; align-items:center;font-family:'Haas_Light', Arial, sans-serif;}
.blockbox.bignews{ overflow:hidden; border-radius:6px; background:#182958;}
.blockbox.noborder{padding-top:0; border-top:none;}
/*detail*/
.detail-artikel{width:100%;margin-bottom:24px;min-height: 10px; padding-bottom:24px; border-bottom:3px solid #ccc;}
.detail-artikel .detail-in{padding:24px 0 0 0;font-family:"Lora", Georgia, serif;}
.detail-artikel p{font-size:20px; line-height:32px; margin:0 0 30px 0;font-family:"Lora", Georgia, serif;}
.detail-artikel p a{font-weight:700; color:#1488c9;}
.detail-artikel p a:hover{color:#9f9f9f;}
.detail-artikel h1{margin:0 0 30px 0;font-size:32px; line-height:40px;}
.detail-artikel h2{margin:0 0 30px 0;font-size:20px; line-height:30px;}
.detail-artikel ul, .detail-artikel ol{margin:0 0 30px 0; padding-left:20px;}
.detail-artikel ul li, .detail-artikel ol li{font-size: 18px;line-height: 28px; margin:15px 0; padding-left:5px;}
.box-title-detail{padding:15px 0; overflow: hidden;}
ul.share{padding:8px; margin:0 auto; list-style:none; list-style-position:inside; text-align:center; overflow:hidden; display:inline-flex; align-items:center; justify-content:flex-end; width:100%; background:rgba(255,255,255,0.9); z-index:300;}
ul.share li{margin:0 0 0 2px; width:40px; padding:0;}
ul.share li a{width:40px; height:40px;color:#fff; border-radius:6px; text-align:center; font-size:16px;display:flex; align-items:center; justify-content:center;}
ul.share li.title{width:auto; font-size:14px; font-weight:600; padding-right:12px;}
ul.share li a:hover{color:rgba(255,255,255,0.5);}
ul.share li.cp-link {width:auto;}
ul.share li.cp-link a{width:auto; padding:0 12px;}
/*detail - baca juga*/
.detail-artikel .detail-in .baca-juga{padding-left:16px; margin:0 0 24px 0;}
.detail-artikel .detail-in .baca-juga h5.title{font-size:16px; line-height:20px; font-weight:700; margin:0 0 8px 0;}
.detail-artikel .detail-in .baca-juga h4.title{border-left:4px solid #000000; font-size:18px; line-height:22px; font-weight:600; padding:4px 8px; margin-bottom:8px; background:#f9f9f9;}
.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 */
.box-foto-artikel{margin:0 0 15px 0; overflow:hidden;}
.box-foto-artikel .foto-artikel{width:100%; height:auto;overflow:hidden; margin:0; border-radius:8px;}
.box-foto-artikel .foto-artikel img{width:100%; height:auto;}
.box-foto-artikel .caption{font-size:12px; line-height:20px; color:#9f9f9f; padding:12px 0; border-bottom:1px solid #ddd;}
/*detail judul */
.judul-artikel{padding:0; overflow: hidden;margin:0 0 30px 0;}
.judul-artikel h1.title{margin:0; font-size:40px; line-height:50px;font-family:'Haas_Bold', Arial, sans-serif;}
.judul-artikel h3.title{font-size:14px; line-height:20px;margin:0; font-weight:700; color:#9E9E9E;}
.judul-artikel h4.date{font-size:12px; line-height:18px;margin:0; font-weight:400; color:#9E9E9E;font-family:'Haas_Roman', Arial, sans-serif;}
/*detail - tag*/
.box-tag{display:block;}
.box-tag a{display:inline-flex; align-items:center; justify-content:center;border-radius:4px; padding:4px 8px 4px 0; margin:0 5px 5px 0; color:#000; font-size:16px; line-height:22px;font-family:'Haas_Bold', Arial, sans-serif;}
.box-tag a:hover{color:#767676;}
.breakpage{height:32px; width:100%; display:flex; justify-content:center; align-items:center; position:relative;}
.breakpage::before{content:''; position:absolute; height:2px; left:0; right:0; top:15px; background:#767676;}
.breakpage h6.title{position:absolute; height:32px; background:#fff; text-align:center; display:inline-flex; justify-content:center; align-items:center; font-size:12px; padding:0 16px; z-index:2; margin:0; color:#767676; font-weight:500;}
/*top istilah*/
.top-istilah{display:block;}
.top-istilah a{display:inline-flex; align-items:center; justify-content:center; background:#f9f9f9; border-radius:4px; padding:3px 12px; margin:0 5px 5px 0; border:1px solid #000; color:#000; font-size:14px; font-weight:400;}
.top-istilah a:hover{border-color:#767676; color:#767676; background:#fff;}
/*breadcrumbs*/
.breadcrumbs{margin:0 auto; display:block; padding:0 0 10px 0; overflow:hidden;}
ul.sitemap{list-style:none; list-style-position:inside; margin:0; padding:0; display:flex; align-items:center; }
ul.sitemap li{float:left;padding:0 32px 0 0;position:relative; font-size:14px; font-weight:600; text-transform:uppercase; color:#9f9f9f; margin:0;font-family:'Haas_Medium', Arial, sans-serif;}
ul.sitemap li:before{position:absolute;font-family: 'FontAwesome';content: '\f054'; top:0; right:10px; font-size:10px; color:#000;}
ul.sitemap li a{color:#000;} ul.sitemap li a:hover{ text-decoration:underline;}
ul.sitemap li:last-child{padding-right:0;}
ul.sitemap li:last-child:before{display:none;}
/*sumber / penulis */
.box-sumber{background:#fff; padding:10px 0; overflow:hidden; position:relative;display: flex; align-items: flex-start; justify-content: flex-start; flex-flow:wrap; z-index:2;}
.box-sumber .avatar-sumber{width:40px; height:40px; overflow:hidden; float:left; margin-right:10px; border-radius:25px; border:1px solid #ddd;}
.box-sumber .avatar-sumber img{width:auto; height:40px;}
.box-sumber .text-sumber{min-height:40px; display:flex; align-items:flex-start; justify-content:center; flex-direction:column;}
.box-sumber .text-sumber h5.title{font-size:14px; line-height:18px; margin:0;font-family:'Haas_Medium', Arial, sans-serif;}
/*footer*/
.footer{/*background:url(../images/bg_footer.jpg) bottom right no-repeat;*/background-color:#fff; padding:0; overflow:hidden;font-size:14px; color:#fff; position:relative; height:auto; margin-top:16px; border-top:1px solid #000;}
.footer img.footer-bg{width:100%; height:auto;}
.footer .footer-in{padding:24px 16px; max-width:1100px; width:100%; margin:0 auto; overflow:hidden; bottom:0; left:0; right:0; height:auto;}
.footer a.link{font-size:12px; line-height:24px;color:#000; display:inline-flex; font-weight:600; font-weight:400; padding-right:8px; margin-right:8px;}
.footer a.link:hover{text-decoration:underline;}
.footer .logo-footer{width:auto; height:40px; display:flex;}
.footer .logo-footer img{width:auto; height:40px;}
.footer .bottom-footer{border-top:1px solid #ededed; overflow:hidden; padding:16px 0 0 0;}
ul.sosmed{padding:0; margin:0; list-style:none; list-style-position:inside; display:flex; justify-content:flex-end; align-items:flex-start; overflow:hidden;}
ul.sosmed li{display:inline-flex;margin:0 3px;width:40px; height:40px;}
ul.sosmed li a{ width:40px; height:40px; color:#000; background:#fff; border-radius:20px; text-align:center; line-height:34px; font-size:18px; display:inline-flex; justify-content:center; align-items:center; border:1px solid #000;}
ul.sosmed li a:hover{opacity:0.7;}
ul.sosmed li:first-child{margin-left:0;}
.footer .col3.right{min-height:165px; display:flex; justify-content:flex-end; align-items:flex-end;}
.footer p.copy{padding:0; margin:0; text-align:right;color:#000; font-size:12px;}
.footer .container{padding-top:32px; padding-bottom:32px;}
/*pagging*/
ul.pagging {list-style: none;list-style-position: inside;margin: 15px 0 30px;padding: 0;display: flex;align-items: center;justify-content: flex-start;min-height:40px}
ul.pagging li {min-width: 40px;height: 40px;text-align: center;line-height: 30px;margin:2px}
ul.pagging li a {min-width:40px; height: 40px;display: block;padding: 5px;border: 1px solid #000;color: #000;background: #fff;border-radius: 4px; font-size:14px; font-weight:600;}
ul.pagging li a:hover {background: #fff;color: #767676;border: 1px solid #767676;}
ul.pagging li.selected a {background: #000;color: #fff;border: 1px solid #000; }
ul.pagging.centerpos {justify-content: center}
/*tambah2*/
ul.row-list.list-utama li{margin-bottom:12px;}
ul.row-list.list-utama li:last-child{margin-bottom:0;}
ul.row-list.list-terpopuler li{margin-bottom:32px;}
/*list kanal di home page v1*/
ul.row-list.list-front-kanal li{margin-bottom:16px;}
ul.row-list.list-front-kanal li:nth-child(3),ul.row-list.list-front-kanal li:nth-child(4){margin-bottom:0;}
/*list kanal di home page v2*/
ul.row-list.list-front-kanal2 li{margin-bottom:32px;}
ul.row-list.list-front-kanal2 li:first-child .card-box .img-card{width:100%; height:auto; margin:0 0 12px 0;}
ul.row-list.list-front-kanal2 li:first-child .card-box .img-card img{width:100%; height:auto;}
ul.row-list.list-front-kanal2 li:first-child .card-box .text-card{padding-left:0; width:100%;}
ul.row-list.list-front-kanal2 li:first-child .card-box .text-card h3.title{font-size: 18px;line-height: 26px;}
/*list kanal di home page v3*/
ul.row-list.list-front-kanal3 li{margin-bottom:32px;}
.box-terkait-utama{padding:16px 16px 16px 152px; background:#fff; overflow:hidden; border:1px solid #000000; border-top:none; border-radius:0 0 6px 6px; position:relative;}
.box-terkait-utama .title-utama{display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0;bottom:0; padding:16px; color:#fff; background:#000000; width:136px;font-family:'Haas_Bold', Arial, sans-serif;}
.box-pilihan{border-top:1px solid #ededed; border-bottom:1px solid #ededed; background:#f9f9f9;}
.box-terkini .card-box.ft150 .text-card h2.title{font-size:24px; line-height:28px;}
.tag h3.title{display:block; margin:0; padding:12px 0; border-top:1px solid #ddd;font-family:'Haas_Bold', Arial, sans-serif;}
.tag h3.title a{font-size:16px; line-height:24px; padding:0; display:flex; justify-content:flex-start; align-items:center; margin:0;font-weight:600; color:#000;}
.tag h3.title a:hover{color:#101010;}
.smallbox-pilihan{overflow:hidden; border:1px solid #000000;padding:0 16px 16px 16px; border-radius:4px; background:#fff;}
.smallbox-pilihan.box-baca{background:#f8f8f8;}
.smallbox-pilihan h3.title{color:#1488c9;font-size:16px; line-height:22px; font-weight:700; margin:16px 0;font-family:'Haas_Bold', Arial, sans-serif;}
.smallbox-pilihan h3.title a{color:#1488c9;transition: all .2s ease-in-out}
.smallbox-pilihan h3.title a:hover{color:#9f9f9f;transition: all .2s ease-in-out}
/*spinner*/
.lds-ring {display: inline-block;position: relative;width: 50px;height: 50px;}
.lds-ring div {box-sizing: border-box;display: block;position: absolute;width: 40px;height: 40px;margin: 8px;border: 8px solid #767676;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: #767676 transparent transparent transparent;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
/*cover profile*/
.box-cover-profile{width:100%; height:346px; overflow:hidden; padding:0 0 46px 0; position:relative;}
.box-cover-profile .bg-cover{width:100%; height:300px;}
.box-cover-profile .bg-top{backdrop-filter: blur(12px); position:absolute; top:0; left:0; right:0; bottom:46px; z-index:2; background:rgba(0,0,0,0.2);}
.box-cover-profile .box-penulis{width:100%; max-width:1100px; height:auto; position:absolute; z-index:3; left:0; right:0; bottom:16px;  margin:0 auto; padding:0 16px; display:flex; flex-direction:row; flex-flow:nowrap;}
.box-cover-profile .box-penulis .foto-penulis{width:auto; height:236px; overflow:hidden; float:left;border:6px solid #fff;border-radius:4px;}
.box-cover-profile .box-penulis .foto-penulis img{width:170px; height:auto;}
.box-cover-profile .box-penulis .text-penulis{height:236px; padding-left:32px; padding-bottom:60px; display:flex; flex-direction:column; justify-content:flex-end;}
/*warning bg*/
.warning-bg{width:100%; height:100vh; overflow:hidden; position:fixed;}
.warning-bg img{width:100%; height:auto;}
.warning-bg .warning-text{position:absolute; bottom:0; left:0; right:0; padding:16px; width:100%; max-width:1100px; margin:0 auto; z-index:2; text-align:center;}
.warning-bg .warning-text h1{font-size:60px; line-height:68px; font-weight:800;}
/*box time*/
.box-time{padding:0 0 16px 0; margin:0 0 32px 0; overflow:hidden;}
.box-time .time-item{padding:16px 0; border-bottom:1px solid #ddd;}
.box-time .time-left{width:100px; float:left;}
.box-time .time-right{padding-left:100px;}
.box-time h2.date{ font-size:24px; line-height:32px; margin:0;}
.box-time p{padding:0; margin:0; font-size:18px; line-height:26px; font-weight:500;}
/*table box*/
.table-box {margin:0px;padding:0px;width:100%;border:0px solid #fff;}
.table-box .t-left{text-align:left;}
.table-box .t-right{text-align:right;}
.table-box table{width:100%;height:100%;margin:0px;padding:0px;}
.table-box tr:nth-child(odd){ background-color:rgba(246,246,246,0.8);}
.table-box tr:nth-child(even){ background-color:rgba(255,255,255,0.8);}
.table-box td{vertical-align:baseline;border:1px solid #ddd;border-width:0px;text-align:left;padding:8px;font-size:14px;color:#333;font-weight:400;line-height:20px; font-weight:600;}
.table-box tr.red td{color:#ce1f43;}
.table-box tr.green td{color:#000000;}
.table-box tr td:first-child{color:#1488c9}
.table-box tr:hover{background:#cffcb1;}
.table-box thead tr th{border-bottom:1px solid #000000; background:#000000; font-weight:700; color:#fff; padding:8px;font-size:14px; text-align:left;}
.table-box thead tr th a{color:#999;}
.table-box tr:last-child td{border-bottom:1px solid #000000;}
.table-box tr {border-top:1px solid #000000;}
.table-box tr td:last-child{padding-right:16px;}
.table-box tr td:first-child{padding-left:16px;}
.table-box tr.selected{background:#000000;}
.table-box tr.selected td{font-weight:700;}
/*Disclaimer*/
.box-disclaimer{padding:10px; border:1px solid #000; color:#000; font-size:14px; line-height:20px; margin:16px auto;}
/*quote*/
.box-quote{width:250px; float:left; margin:0 16px 16px 0; position:relative; padding:30px 16px 30px 0; border-right:1px solid #767676;}
.box-quote h3.title-quote{font-size:22px; line-height:28px; padding:0; margin:0 0 8px 0;}
.box-quote h6.title-quote{position:relative;font-size:14px; line-height:20px; padding:0 0 0 32px; margin:0; color:#767676;}
.box-quote h6.title-quote::before{content:'';position:absolute; left:0; top:9px; width:24px; height:1px; background:#767676;}
.box-quote::before{content:'\f10d'; font-size:18px; position:absolute; left:0; top:0;font-family:'FontAwesome';}
.box-quote::after{content:'\f10e'; font-size:18px; position:absolute; left:0; bottom:0;font-family:'FontAwesome';}
/*technopedia*/
.box-az{border:1px solid #ddd; padding:16px; overflow:hidden; border-radius:6px; background:#f8f8f8;}
ul.list-az{list-style:none; list-style-position:inside; padding:0; margin:0; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-left:-4px; margin-right:-4px;}
ul.list-az li{width:60px; margin:4px;}
ul.list-az li a{width:60px; height:40px; border:1px solid #767676; border-radius:4px;display:flex; justify-content:center; align-items:center; color:#000;}
ul.list-az li a:hover{color:#000; border-color:#767676; background:#fff;}
ul.list-az li a.selected{border-color:#000; background:#000; color:#fff;}
.box-istilah{border:1px solid #ddd; padding:16px; overflow:hidden; border-radius:6px;}
.box-istilah .head-istilah{margin-right:-16px; margin-top:-16px; margin-left:-16px;display:flex; justify-content:space-between;align-items:center; height:90px;}
.box-istilah .head-istilah .huruf{width:70px; height:90px; overflow:hidden; border-radius:0 0 6px 0; background:#000; color:#fff; font-size:50px; display:flex; justify-content:center; align-items:center;}
.box-istilah .head-istilah .pageinfo{width:auto; height:90px; overflow:hidden; border-radius:0 0 0 6px;  color:#767676; font-size:16px; display:flex; justify-content:center; align-items:center; padding:0 16px;}
.box-istilah h6{margin:16px 0; font-size:18px; line-height:24px; font-weight:500;}
.box-istilah h6 a:hover{text-decoration:underline;}
@media only screen and (max-width:1152px) {
.adskin-left{display:none !important;}
.adskin-right{display:none !important;}
}
@media only screen and (max-width:1152px) {
.col8.homepage_left{padding:0 16px; width:66.66666666666666%; float:left;}
.col4.homepage_right{padding:0 16px; width:33.33333333333333%; float:left;}
.col8.detail_left{padding:0 16px; width:66.66666666666666%; float:left;}
.col4.detail_right{padding:0 16px; width:33.33333333333333%; float:left;}
}
/*businessweek*/
ul.row-list.list-boxutama{margin:0 -1px;}
ul.row-list.list-boxutama li{padding:0 1px; margin-bottom:2px;}
ul.row-list.list-boxutama li .square-img{padding:0; border-radius:0;}
.blockbox h1.bigtitle{font-size:60px; line-height:66px; margin:0; font-weight:400;font-family:'Haas_Bold', Arial, sans-serif;}
.blockbox.bottom-line{border-bottom:1px solid #000; padding-bottom:32px; margin-bottom:32px;}
/*card box ft50% left position*/
.card-box.ft50{overflow:hidden;height:auto;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box.ft50 .img-card{float:left;position:relative;width:50%; height:auto; overflow:hidden;margin:0; padding:0; display:flex; justify-content:center; align-items:center;}
.card-box.ft50 .img-card img{width:120%; height:auto; display:block;}
.card-box.ft50 .text-card{padding:0 0 0 16px;width:50%; min-height:197px;display: flex;flex-direction: column;justify-content: center;}
/*card box ft50% right position*/
.card-box.ft50.right-pos{overflow:hidden;height:auto;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box.ft50.right-pos .img-card{float:right;position:relative;width:50%; height:auto; overflow:hidden;margin:0; padding:0; display:flex; justify-content:center; align-items:center;}
.card-box.ft50.right-pos .img-card img{width:120%; height:auto; display:block;}
.card-box.ft50.right-pos .text-card{padding:0 16px 0 0;width:50%; min-height:197px;display: flex;flex-direction: column;justify-content: center;}
ul.row-list.list-bw3 li .card-box .img-card img{width:120%;}
ul.row-list.list-bw3.text li{margin-bottom:32px;}
/*slider issues*/
.slider-issues {padding-bottom:25px;}
.slider-issues .slick-dots{text-align:center;}
.blockbox h2.titlebox.center{justify-content:center;}</pre></body></html>