html {font-family: 'Helvetica Neu', Arial, sans-serif; /* 1 */-ms-text-size-adjust:none; /* 2 */-webkit-text-size-adjust:none; /* 2 */font-size:14px; -webkit-font-smoothing: antialiased; font-weight:400; color:#333; background:#fff; margin:0 auto; -moz-osx-font-smoothing: grayscale;}
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: #000;}
small {font-size: 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; margin:0; display:block;}
/*svg:not(:root) {overflow: hidden;}*/
figure {margin:0;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; /* 1 */font: inherit; /* 2 */margin: 0; /* 3 */}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */ }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; /* 1 */padding: 0; /* 2 */}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
/*base*/
.videoframe{position:relative;padding-bottom:56.25%;padding-top:25px;height:0; margin:0 auto;}.videoframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.fade{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
@-webkit-keyframes come { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes come { from { opacity:0; } to { opacity:1; } }
@keyframes come { from { opacity:0; } to { opacity:1; } }
.fadeIn {	opacity:0;	-webkit-animation:come ease-in 1;	-moz-animation:come ease-in 1;	animation:come ease-in 1;	-webkit-animation-fill-mode:forwards;	-moz-animation-fill-mode:forwards;	animation-fill-mode:forwards;-webkit-animation-duration:0.3s;	-moz-animation-duration:0.3s;	animation-duration:0.3s;}
a {color: #111111;text-decoration: none;}
a:hover, a:focus {color:#0D68FF;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
body::-webkit-scrollbar {width:8px; background:rgba(255,255,255,1);}
body::-webkit-scrollbar-track {background:#eee;}
body::-webkit-scrollbar-thumb {background-color:#999; border-radius:4px;}
body::-webkit-scrollbar:horizontal {height:9px;}

#cd-lateral-nav::-webkit-scrollbar {width:8px; background:rgba(255,255,255,1);}
#cd-lateral-nav::-webkit-scrollbar-track {background:#eee;}
#cd-lateral-nav::-webkit-scrollbar-thumb {background-color:#999; border-radius:4px;}
#cd-lateral-nav::-webkit-scrollbar:horizontal {height:9px;}



.padding-no {padding:0 !important;}.padding-xs{padding:5px 15px;}.padding-sm{padding:10px 30px;}.padding-top-no {padding-top:0 !important;}.padding-top-ss {padding-top:5px !important;}.padding-top-xs {padding-top:10px !important;}.padding-top-sm {padding-top:15px !important;}.padding-top-lg {padding-top:45px !important;}.padding-top{padding-top:30px !important;}.padding-bottom-no {padding-bottom:0 !important;}.padding-bottom-ss {padding-bottom:5px !important;}.padding-bottom-xs {padding-bottom:10px !important;}.padding-bottom-sm {padding-bottom: 15px !important;}.padding-bottom-lg {padding-bottom:45px !important;}.padding-bottom {padding-bottom:30px !important;}.padding-left-no {padding-left:0 !important;}.padding-left-ss {padding-left:5px !important;}.padding-left-xs{padding-left:10px !important;}.padding-left-sm {padding-left:15px !important;}.padding-left-lg {padding-left:45px !important;}.padding-left {padding-left:30px !important;}.padding-right-no {padding-right: 0 !important;}.padding-right-ss {padding-right:5px !important;}.padding-right-xs {padding-right:10px !important;}.padding-right-sm {padding-right:15px !important;}.padding-right-lg {padding-right:45px !important;}.padding-right {padding-right:30px !important;}
.margin-no {margin:0 !important;}.margin-xs{margin:5px 15px;}.margin-sm{margin:10px 30px;}.margin-top-no {margin-top:0 !important;}.margin-top-ss {margin-top:5px !important;}.margin-top-xs {margin-top:10px !important;}.margin-top-sm {margin-top:15px !important;}.margin-top-lg {margin-top:45px !important;}.margin-top {margin-top:30px !important;}.margin-bottom-no {margin-bottom:0 !important;}.margin-bottom-ss {margin-bottom:5px !important;}.margin-bottom-xs {margin-bottom:10px !important;}.margin-bottom-sm {margin-bottom:15px !important;}.margin-bottom-lg {margin-bottom:45px !important;}.margin-bottom {margin-bottom:30px !important;}.margin-left-no {margin-left:0 !important;}.margin-left-ss {margin-left:5px !important;}.margin-left-xs {margin-left:10px !important;}.margin-left-sm {margin-left:15px !important;}.margin-left-lg {margin-left:45px !important;}.margin-left {margin-left:30px !important;}.margin-right-no {margin-right:0 !important;}.margin-right-ss {margin-right:5px !important;}.margin-right-xs {margin-right:10px !important;}.margin-right-sm {margin-right:15px !important;}.margin-right-lg {margin-right:45px !important;}.margin-right {margin-right:30px !important;}.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;}
.hidden{opacity: 0;}.visible{opacity: 1;}.left{float:left !important;}.right{float:right !important;}
.glower {-webkit-animation: glow .5s infinite alternate;}
@-webkit-keyframes glow {to {text-shadow: 1px 1px 20px rgba(0,255,255,0.5);}}
/*body*/
.hide_desktop{display:none; visibility:hidden;}
body{margin:0 auto; padding:0; display:block;}
.cd-main-content{padding-top:0; min-height:300px; background:#fff;}
.container{margin:0 auto; max-width:1200px; padding:0 15px; display:block; overflow:hidden;min-height:30px; position:relative;}
.container.full{max-width:100%;}
.nopad{padding:0;}
.container.small{max-width:1020px;}
.container.smaller{max-width:780px;}
.container-col{margin-left:-15px; margin-right:-15px;}
.container.container-cat{margin-top:300px;}
.box100{width:100%; padding:0 15px; margin:0; min-height:10px; dispay:block; clear:both;}
.box80{width:80%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box75{width:75%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box70{width:70%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box65{width:65%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box60{width:60%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box55{width:50%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box50{width:50%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box45{width:45%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box40{width:40%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box35{width:35%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box33{width:33.333%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box30{width:30%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box25{width:25%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box20{width:20%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box33{width:33.333%; float:left; padding:0 15px; margin:0; min-height:10px;}
/*color*/
.cl-white{color:#fff !important;}
.cl-black{color:#111111 !important;}
.bg-white{background:#fff !important;}
.bg-black{background:#111111 !important;}
.cl-bbb{color:#bbb !important;}
.cl-blue{color:#0D68FF !important;}
.cl-green{color:#83c03f !important;}
.cl-orange{color:#f15a23 !important;}
.bg-green{background:#83c03f !important;}
.bg-orange{background:#f15a23 !important;}
.bg-yellow{background:#f5bd16 !important;}
.bg-blue{background:#0D68FF !important;}
.dblock{display:block;}
.centering{display:flex; align-items: center; justify-content: center;}
.centering.column{flex-direction:column;}
.centering.row{flex-direction:row;}
.clear{clear:both;}
.overflow{overflow:hidden;}
/*body*/
::placeholder {color:#ccc !important;}
body{margin:0 auto; padding:0; display:block; background:#fff; /*#f0f1fc;*/ min-height: 100vh;}
.container{margin:0 auto; max-width:1200px; padding:0 15px; display:block; min-height:20px;}
.container.full{max-width:100%;}
.container.small{max-width:1020px;}
.container.smaller{max-width:800px;}
.container-col{margin-left:-15px; margin-right:-15px;}
/*element*/
.element-box button{background:transparent; border:none;}
label.small{font-size:12px; padding-bottom:5px; display:inline-flex;}
.element-box{margin:0; position:relative; height:auto;}
.element-box .icons{width:40px; height:40px; position:absolute; left:0; top:0; z-index: 2;border-right: 1px solid #cecece; display: flex; align-items:center; justify-content: center;}
.element-box .icons.small{width:30px; height:30px;}
.element-box .icons.right{right:0; left:inherit; border-right:none;border-left: 1px solid #cecece;}
.element-box input.element-input{width:100%; height:40px; padding:10px 10px 10px 50px; background:#fff; border:1px solid #cecece;font-size:14px; border-radius:4px;}
.element-box textarea.element-area{width:100%; min-height:120px; padding:10px 10px 10px 50px; background:#fff; border:1px solid #cecece;font-size:14px; border-radius:4px;}
.element-box.overinput input.element-input{padding-right:50px;}
.element-box.overinput button.sign-btn{height:30px; width:30px; background:transparent;}
.element-box .input-field{margin:0;}
.element-box .file-field{position:relative;}
.element-box .file-field .btn.upload{background:#cecece;border-radius:4px 0px 0 4px !important;cursor: pointer;display: inline-flex;align-items:center;justify-content:center;height:40px;width:40px; float:none; padding:0; position:absolute; top:0; left:0; z-index:2;}
.element-box .file-field .btn.upload i{font-size:16px;color:#333; line-height:normal;}
.element-box .file-field input[type=file]{position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity:0;filter: alpha(opacity=0); z-index:3;}
.element-box .file-field .file-path-wrapper{text-align:left;background: #fff;padding:0;width: 100%;position: relative;border:1px solid #cecece;height:40px; overflow:hidden; border-radius:4px;}
.element-box .file-field input.file-path {width: 100%;height: 40px;border: none;padding-left: 50px;font-size:16px;}
.element-box .file-field .file-path-wrapper label{width: 100%;height: 40px;display: flex;padding-left: 50px;align-items: center;    justify-content: flex-start;}
.element-box .file-field.small .btn.upload{height:30px; width:30px;}
.element-box .file-field.small .file-path-wrapper{height:30px;}
.element-box .file-field.small input.file-path{height:30px;}
.element-box .file-field.small .file-path-wrapper label{height:30px; padding-left:40px;}
button.sign-btn{width:100%;height:50px;background:#1a73e8; color:#fff;transition: all 0.3s ease-in-out;opacity:1;border:none; border-radius:4px; font-weight:500;}
.radius2{border-radius:2px !important;}
.radius4{border-radius:4px !important;}
.radius6{border-radius:6px !important;}
.element-box.overinput .sign-btn{position:absolute; right:0; top:0; width:30px; z-index:1;margin-top:0;}
button.sign-btn.minimalis{width:auto; padding:0 30px;}
button.sign-btn.medium{height:40px;}
button.sign-btn.small{height:30px; padding:0 15px;}
button.sign-btn:hover{transition: all 0.3s ease-in-out; opacity:0.9; background:#1a73e8;}
button.sign-btn.line{background:#fff; border:2px solid #1a73e8; color:#1a73e8;}
button.sign-btn.line.green{border-color:#e74c4c; color:#e74c4c;}
button.sign-btn.line.soft{border-color:#b4c2cc; color:#b4c2cc;}
button.sign-btn.line.dark{border-color:#333; color:#333;}
a.sign-btn{width:100%; height:50px; background:#1a73e8; color:#fff;transition: all 0.3s ease-in-out;opacity:1;display:flex; align-items:center; justify-content: center; border:none; border-radius:4px;}
a.sign-btn.minimalis{width:auto; padding:0 30px; display: inline-flex; margin:0;}
a.sign-btn.medium{height:40px; font-size:14px; font-weight: 500;}
a.sign-btn.small{height:30px; font-size:14px; font-weight: 500; padding:0 15px;}
a.sign-btn.line{background:#fff; border:2px solid #1a73e8; color:#1a73e8;}
a.sign-btn.line.green{border-color:#e74c4c; color:#e74c4c;}
a.sign-btn.line.soft{border-color:#b4c2cc; color:#b4c2cc;}
a.sign-btn.line.dark{border-color:#333; color:#333;}
a.sign-btn:hover{transition: all 0.3s ease-in-out; opacity:0.8;}
a.sign-btn.disable{cursor:not-allowed; background:#cecece;}
a.sign-btn.hide_desktop{display:none; visibility:hidden; height:0;}
.element-box .element-select{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
.element-box select.element-select {
	width:100%; height:40px; padding:5px 5px 5px 50px; background:#fff; border:1px solid #cecece;font-size:16px; border-radius:4px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #cecece 50%),
    linear-gradient(135deg, #cecece 50%, transparent 50%),
    linear-gradient(to right, #cecece , #cecece );
  background-position:
    calc(100% - 19px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
.element-box select.element-select.noicons, .element-box input.element-input.noicons, .element-box textarea.element-area.noicons{padding-left:10px !important; min-width:10px;}
.element-box input.element-input.small{height:30px; font-size:12px; padding-left:40px; padding:5px;}
.element-box input.element-input.small.noicons{padding:5px !important;}
.element-box input.element-input.small.search{padding-right:40px;}
.element-box textarea.element-area.small{font-size:12px; padding-left:40px;}
.element-box textarea.element-area.small.noicons{padding:5px !important;}
.element-box select.element-select.minimalis{min-width:120px; width:auto;  padding-right: 35px;}
.element-box input.element-input.minimalis{min-width:146px; width:auto;}
.element-box select.element-select.small{height:30px; font-size:12px;  background-position:
    calc(100% - 15px) calc(1em + -1px),
    calc(100% - 10px) calc(1em + -1px),
    calc(100% - 2.5em) 0.3em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em; padding-left:40px;
  background-repeat: no-repeat;}
.element-box select.element-select.small.noicons{padding:5px !important;}
.element-radio {cursor:pointer; font-size:12px;}
.element-radio.jawaban{display:inline-flex;}
.element-radio input[type="radio"]{opacity:1;border:2px solid #dddddd;background:#fff;height:20px;width:20px;position: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 #1a73e8;}
.element-radio input:checked:before{position:absolute; width:12px; height:12px;top:2px; left:2px;background:#1a73e8; border-radius:8px; content:''; z-index:2;}
.element-radio input:disabled{opacity:1; background:#fff; -webkit-appearance:none;-moz-appearance: none;appearance: none; border:2px solid #444; cursor: not-allowed;}
.element-radio input:disabled:before{font-family:'FontAwesome'; position:absolute; width:16px; height:16px;top:0px; left:0;content:'\f00d'; color:#444; font-size:12px; font-weight:normal; display:flex; align-items:center; justify-content:center; z-index:2;margin:0 auto;}
.element-radio > label {display: inline-flex !important;margin-left:30px;cursor:pointer;}

.element-check {cursor:pointer;}
.element-check input[type="checkbox"]{opacity:1;border:2px solid #dddddd;background:#fff;height:20px;width:20px;position: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 #1a73e8;-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:#1a73e8; font-size:12px; font-weight:normal; display:flex; align-items:center; justify-content:center; z-index:2;}
.element-check input:disabled{opacity:1; background:#fff; border:2px solid #d91c40;-webkit-appearance:none;-moz-appearance: none;appearance: none;cursor: not-allowed;}
.element-check input:disabled:before{font-family:'FontAwesome'; content:'\f00d'; position:absolute;  width:16px; height:16px;top:0px; left:0; color:#444; font-size:12px; display:flex; align-items:center; justify-content:center; z-index:2;}
.element-check > label {display: inline-flex !important;margin-left:30px;cursor:pointer;}

.input-number {
  width:50px;
  padding: 0 12px;
  vertical-align: top;
  text-align: center;
  outline: none;
}

.input-number,
.input-number-decrement,
.input-number-increment {
  border:none;
  height: 40px;
  user-select: none;
}

.input-number-decrement,
.input-number-increment {
  display:inline-flex; align-items:center; justify-content:center;
  width:20px;
  height:20px;
  background: #1a73e8;
  color: #fff;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  margin:10px 0;
}
.input-number-decrement:active,
.input-number-increment:active {
  background: #bbb;
}

.input-number-decrement {
  border: none;
    border-radius:10px;}
.input-number-increment {border:none;border-radius:10px;}
ul.row-list{list-style: none; list-style-position: inside; margin:0 -15px; padding:0; display: flex; align-items: flex-start; justify-content: flex-start; flex-flow:wrap;}
ul.row-list li{width:100%; padding:0 15px;}
ul.row-list.row2 li{width:50%; padding:0 15px;}
ul.row-list.row3 li{width:33.333%; padding:0 15px;}
ul.row-list.row4 li{width:25%; padding:0 15px;}
ul.row-list.row5 li{width:20%; padding:0 15px;}
ul.row-list.row6 li{width:16.666%; padding:0 15px;}
ul.row-list.row4.pad5, ul.row-list.row3.pad5, ul.row-list.row2.pad5, ul.row-list.row5.pad5,  ul.row-list.row6.pad5{margin:0 -5px;}
ul.row-list.row4.pad5 li, ul.row-list.row3.pad5 li, ul.row-list.row2.pad5 li, ul.row-list.row5.pad5 li, ul.row-list.row6.pad5 li{padding:0 5px;}
ul.row-list.row4.pad10, ul.row-list.row3.pad10, ul.row-list.row2.pad10, ul.row-list.row5.pad10,  ul.row-list.row6.pad10{margin:0 -10px;}
ul.row-list.row4.pad10 li, ul.row-list.row3.pad10 li, ul.row-list.row2.pad10 li, ul.row-list.row5.pad10 li, ul.row-list.row6.pad10 li{padding:0 10px;}
ul.row-list.list-majalah li{margin-bottom:10px;}
ul.row-list.list-pohon li{margin-bottom:10px;}
/*card news*/
.card-box{height:auto; overflow:hidden;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box .img-card{position:relative;width:100%;overflow:hidden;height:auto;margin:0 auto; padding:0; display:flex; align-items:center; justify-content:center; text-align:center;}
.card-box .img-card .center-icons{background:rgba(0,0,0,0.3);position:absolute; width:30px; height:20px; top:0; right:0; display:flex; align-items:center; justify-content:center; margin:auto; color:rgba(255,255,255,0.3);transition: all .3s ease-in-out; font-size:11px;}
.card-box:hover .center-icons{transform:scale(1.1);transition: all .3s ease-in-out;color:rgba(0,0,0,0.8);background:#ffcc00;border-color:rgba(0,0,0,0.8);}
.card-box .img-card img{width:100%; height:auto; display:block;}
.card-box .text-card{height:auto; width:auto; overflow:hidden; padding:15px 0 0 0; position:relative;}
.card-box .text-card h1.title{transition: all .3s ease-in-out;font-size:30px;line-height:34px;margin: 0;font-weight:700;}
.card-box .text-card h2.title{transition: all .3s ease-in-out;font-size:24px;line-height:28px;margin: 0;font-weight:700;}
.card-box .text-card h3.title{transition: all .3s ease-in-out;font-size:20px;line-height:24px;margin: 0;font-weight:700;}
.card-box .text-card h4.title{transition: all .3s ease-in-out;font-size:16px;line-height:20px;margin: 0;font-weight:600;}
.card-box .text-card h5.title{transition: all .3s ease-in-out;font-size:14px;line-height:18px;margin: 0;font-weight:400;}
.card-box .text-card h6.title{transition: all .3s ease-in-out;font-size:12px;line-height:16px;margin: 0;font-weight:400;}
.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 .line4{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
.card-box .text-card p{font-weight:400;margin:10px 0; letter-spacing: normal; font-size:14px; line-height:16px;}
ul.row-list.list-produk01 li{margin-bottom:10px;}
.card-box.item{padding:0; border:1px solid #f6f6f6;transition: all .2s ease-in-out; opacity:1; background:#fff; overflow:hidden;}
.card-box.item .text-card{padding:10px;}
.disc{ text-decoration:line-through !important;}
.card-box.item .text-card h4.title{height:46px; font-family:'BebasNeue-Regular'; font-size:24px; line-height:24px;}
.card-box.item:hover{opacity:0.9;transition: all .2s ease-in-out;}
.card-box.item .text-card h4.title.harga{height:auto; font-family:'BebasNeue-Regular'; font-size:20px; line-height:20px;}
.card-box.big{background:#fff; padding:15px; overflow:hidden;}
.card-box.big .img-card{float:left; margin:0 15px 0 0; width:auto; position:relative;}
.card-box.big .img-card .terbaru{width:70px; height:70px; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0;}
.card-box.big .img-card .terbaru img{width:100%; height:auto;}
.card-box.big .img-card img{width:auto; height:300px;}
.card-box.big .text-card{padding:0; min-height:300px;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
.card-box.big .text-card h1.title{transition: all .3s ease-in-out;font-size:40px;line-height:41px;margin: 0;font-weight:700;font-family:'BebasNeue-Regular';}
.card-box.big .text-card h2.title{transition: all .3s ease-in-out;font-size:30px;line-height:31px;margin: 0;font-weight:700;font-family:'BebasNeue-Regular';}
.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;}
.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-img.lines{border:1px solid #cecece;}
.square-img.bg{background:#f8f8f8; padding:5px;}
/*blockbox*/
.blockbox{margin:0 0 60px 0; overflow:hidden; position:relative;}
.blockbox .headbox{ padding:0; margin:0 0 15px 0; height:auto; position:relative;}
.blockbox .headbox h3.titlebox{font-size:30px; line-height:32px;font-family: "BebasNeue-Regular", Arial; display:inline-block;}
.blockbox .headbox a.more-link{float:right; height:32px; padding:10px 15px; display:flex; align-items:center; justify-content:center; border:1px solid #333; border-radius:2px; color:#333; font-size:14px;transition: all .3s ease-in-out; border-radius:4px;}
.blockbox .headbox a.more-link.white{border-color:#fff; color:#fff;}
.blockbox .headbox a.more-link:hover{border-color:#83c03f; color:#83c03f;transition: all .3s ease-in-out;}
.blockbox  h1.titlebox{font-size:36px; line-height:38px;font-family: "BebasNeue-Regular", Arial;}
.blockbox.wbg{margin:60px auto;}
/*header*/
.cd-main-content {
    min-height: 100%;
    position: relative;
    z-index: 2;
    padding:90px 0 0 0;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background: transparent;
}
.cd-main-content.detail{padding-top:60px;}
header {height:100px;position:fixed;top: 0;background:#fff;z-index:5;width: 100%;margin: 0 auto;transition: top .2s ease-in-out}
header .header-in{height:60px;width: 100%;padding:0 15px; position:relative;transition: all .3s ease-in-out; max-width:1200px; margin:0 auto;}
.head{width:100%; height:90px;transition: all .3s ease-in-out;}
header .header-top{background:#fff; height:30px; width:100%; margin:0 auto; border-bottom:1px solid #f6f6f6;}
.head.showbg {box-shadow:1px 1px 5px rgba(0,0,0,0.1);transition: all .3s ease-in-out;}
.header-up {top: -30px;transition: top 0.2s ease-in-out; }
h1.logo {height:60px;display: flex;align-items: center;justify-content:flex-start; float:left; padding:10px 0; width:20%;}
h1.logo img {height:40px;width: auto}
ul.hastag{list-style:none; list-style-position:inside; margin:0 auto; padding:0; display:flex; justify-content:center; align-items:center; text-align:center;}
ul.hastag li{height:60px; display:inline-flex; justify-content:center; align-items:center; margin:0 15px;}
ul.topmenu{list-style:none; list-style-position:inside; margin:0 auto; padding:0 15px; display:block;max-width:1200px;}
ul.topmenu li{height:30px; display:inline-flex; justify-content:center; align-items:center; margin:0 5px; font-size:12px; float:right; text-shadow:1px 1px 1px #fff;}
ul.topmenu li a{color:#aaa;} ul.topmenu li a:hover{color:#191919;}
ul.topmenu li:first-child{float:left;}
.box-search{width:50%; float:left; height:60px; padding:15px;}
/*nav menu*/
nav.menu {float:left; margin:0; padding:0; height:60px;width:30%;font-size:12px; position:relative;}
nav.menu i{font-size:18px;}
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:inline-table;}
nav.menu ul {list-style:none; list-style-position:inside; margin:0 auto; padding:0; height:60px; max-width:1200px;position: relative;display: inline-table;float:right;}
nav.menu ul:after {content: ""; clear: both; display: block;}
nav.menu ul li {float: left; display:flex; align-items:center; justify-content:center; height:60px;}
nav.menu ul li:hover {background:#fff;}
nav.menu ul li:hover a {color:#444;background:#f9f9f9;}
nav.menu ul li a {color:#444;font-weight:500;position:relative;padding:0 15px; height:60px;display:flex; align-items:center; justify-content:center;}
nav.menu ul li a.selected, nav.menu ul ul li a.selected:hover{color:#999; background:#fff;}
nav.menu ul ul li a.selected, nav.menu ul ul li a.selected:hover{color:#444; background:#fff;}
nav.menu ul ul {background: #fff; border-radius: 0px; padding: 0;position: absolute; top: 100%; z-index:2; right:0; max-width:100%;}
nav.menu ul ul li {float: none; height:auto; display:block;}
nav.menu ul ul li a {padding:10px;color: #444;background:#fff;justify-content:flex-start;height:auto; min-width:160px;}	
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.menu ul li .avatar{width:24px; height:24px; float:left; border-radius:12px; overflow:hidden;}
nav.menu ul li .avatar img{width:auto; height:24px;}
nav.menu ul li a.basket, nav.menu ul li a.notif{position:relative;}
nav.menu ul li a.basket .number{position:absolute; top:20%; right:10%; min-width:20px; height:20px; border-radius:10px; background:#E40003; z-index:2; border:2px solid #fff; display:flex; align-items:center; justify-content:center; font-size:9px; color:#fff;}
nav.menu ul li a.notif .alert{position:absolute; top:30%; right:10px; width:6px; height:6px; border-radius:3px; background:#E40003; z-index:2;display:flex; align-items:center; justify-content:center;}
nav.menu ul li > a.notif:after{display:none;}
nav.menu ul li ul.submenu i{font-size:12px;}
.notif-list{width:250px; height:350px !important;}
nav.menu ul.notif-list li a{display:block !important;}
.scroll-v{ overflow-y:scroll;height:350px;background:#f9f9f9;}
.scroll-v::-webkit-scrollbar {width:4px; background:rgba(255,255,255,1);}
.scroll-v::-webkit-scrollbar-track {background:#eee;}
.scroll-v::-webkit-scrollbar-thumb {background-color:#999; border-radius:4px;}
.scroll-v::-webkit-scrollbar:horizontal {height:4px;}
/*detail*/
.detail-artikel{width:100%;margin-bottom: 15px;overflow: hidden;min-height: 10px;}
.detail-artikel .detail-in{padding:15px 0;}
.detail-artikel p{font-size:16px; line-height:24px; margin:15px 0; font-weight:400;font-family:'Roboto';}
.detail-artikel p:last-child{margin-bottom:0;}
.detail-artikel p a{font-weight:500; color:#a63022 ;}
.detail-artikel p a:hover{color:#999;}
.detail-artikel ul{font-size:16px; line-height:24px;font-family:'Roboto'; padding-left:20px;}
.detail-artikel ul li {margin:0 0 10px 0;}
.detail-artikel .detail-in .box-foto-in{margin:0 0 30px 0; overflow:hidden; padding:0 120px;}
.detail-artikel .detail-in .foto-in{width:100%; height:auto;overflow:hiden; margin:0 auto;}
.detail-artikel .detail-in .foto-in img{width:100%; height:auto; }
.detail-artikel .box-foto-detail{margin:0 0 15px 0; overflow:hidden;}
.detail-artikel .foto-detail{width:100%; height:auto;overflow:hiden; margin:0 auto;}
.detail-artikel .foto-detail img{width:100%; height:auto; }
.detail-artikel .caption{font-size:12px; line-height:14px; padding:10px 0; color:#333; background:#fff; border-bottom:1px solid #ddd;}
.detail-artikel h4.title{font-size:14px; line-height:18px; margin:0; font-weight:500;}
.detail-artikel h1.title{margin:0;font-size:36px; line-height:38px; font-weight:700;font-family: "BebasNeue-Regular", Arial;}
.detail-artikel h2.title{margin:0;font-size:30px; line-height:32px; font-weight:700;font-family: "BebasNeue-Regular", Arial;}
.detail-artikel h4.date{font-size:14px; line-height:18px;  margin:0; font-weight:400;}
.detail-artikel .disc{text-decoration:line-through;}
.detail-artikel li{font-size:16px; line-height:24px; margin:15px 0;}
.box-title-detail{padding:0; overflow: hidden;}
.box-title-detail h1.title{margin:0; font-size:40px; line-height:46px; font-weight:700;font-family: "BebasNeue-Regular", Arial;}
.box-title-detail h4.title{font-size:14px; line-height:18px;  margin:0; font-weight:400; text-transform:uppercase;}
.box-title-detail p.title{font-size:18px; line-height:22px; font-weight:400; margin:0;}
/*footer*/
.footer{display:block; background:#fff; overflow:hidden; width:100%; margin:0 auto; position:relative; border-top:3px solid #83c03f;}
.footer-in{display:block; overflow:hidden; width:100%; margin:0 auto; max-width:1200px; padding:30px 15px;}
.footer-col{ display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:row; margin:0 -15px;}
.footer-in h4.title{font-size:16px; line-height:18px; font-weight:600; margin-bottom:15px;}
.footer-in p{font-size:12px; line-height:16px; margin:5px 0;}
.footer-in p a{color:#555;transition: all .2s ease-in-out;}
.footer-in p a:hover{color:#333;transition: all .2s ease-in-out;}
.footer-in .boxbox{width:16.666%; padding:0 15px;}
.logo-footer {margin:0 auto; width:auto; height:40px; display:block; align-items:center; justify-content:center; margin-bottom:10px;}
.logo-footer img{width:auto; height:40px;}
p.copy{font-size:14px; font-weight:500;padding:0; margin-top:30px;}
.footer-menu-mobile{display: flex;align-items: center;justify-content:center;flex-wrap: wrap;height:56px; position:fixed; z-index:3; bottom:0; left:0; right:0; background:#fff;}
.footer-menu-mobile a{width:25%; height:56px;display:inline-flex;align-items: center;justify-content:center; flex-direction:column; color:#333;}
.footer-menu-mobile a p{font-size:11px; margin:5px 0 0 0;}
.footer-menu-mobile a.selected{color:#83c03f ;}
.footer-menu-mobile a .img-profile{width:20px; height:20px; overflow:hidden; border-radius:10px; display:flex; align-items:center; justify-content:center;}
.footer-menu-mobile a .img-profile img{width:auto; height:20px;}
/*sosmed*/
ul.sosmed {padding: 0;margin: 0;list-style: none;list-style-position: inside;overflow: hidden;display: flex;align-items: center;    justify-content:flex-start;flex-wrap: wrap;width: 100%}
ul.sosmed li {margin:3px;width: 32px;display: flex;align-items: center;justify-content: center;}
ul.sosmed li a {width: 32px;height: 32px;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;    opacity: 1;font-size: 14px;transition: all .35s ease-in-out;border-radius: 16px;}
ul.sosmed li a:hover {    opacity: .5}
/*spinner*/
.spinner {margin:15px auto 30px auto;width:70px;text-align: center;}
.spinner > div {width:20px;height:8px;background-color: #333; border-radius:4px;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce3{background-color: #333;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;background-color: #333;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;background-color: #333;}
@-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) }40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);} 40% {-webkit-transform: scale(1.0);transform: scale(1.0);}}
/*pagging*/
ul.pagging{list-style:none; list-style-position:inside; margin:15px 0; padding:0; display:flex; align-items:center; justify-content:flex-end; flex-flow:row wrap; min-height:40px;}
ul.pagging li{min-width:40px; height:40px; display:flex; align-items:center; justify-content:center; margin:1px;}
ul.pagging li a{min-width:40px; height:40px; display:flex; align-items:center; justify-content:center; padding:5px; border:1px solid #bbb;  color:#bbb; background:#fff; border-radius:2px;}
ul.pagging li a:hover{background:#fff; color:#83c03f;border-color:#83c03f;}
ul.pagging li.selected a{background:#83c03f ; color:#fff;border-color:#83c03f ;}
ul.pagging li.disable {min-width:40px; height:40px; display:flex; align-items:center; justify-content:center;background:#ddd; color:#bbb; border-color:#bbb;padding:5px; border-radius:2px;}
ul.pagging.centerpos{justify-content: center;}
/*tab*/
#tab-container {position:relative; width:100%; display:block;overflow:hidden;margin:60px auto 0 auto;}
ul.tabs-menu {width:100%;height:60px;clear: both;list-style:none;list-style-position:inside;padding:0;margin:0 auto 30px auto;text-align:center;}
.tab-block{display:block;}
.tabs-menu li {padding:0px;color:#ccc;font-size:12px; display:inline-block; margin:0 5px;}
.tabs-menu li.current {position: relative;background-color: #fff;z-index: 5;color:rgba(0,174,256,1);}
.tabs-menu li a {display:flex; align-items:center; justify-content:center; padding:5px 30px;color: #999;text-decoration: none;height:60px; min-width:100px; border:1px solid #ddd; border-radius:6px; font-size:30px; font-weight:800;}
.tabs-menu .current a {color:#fff; background:#a63022; border-color:#a63022;}
.tab {background-color: #fff;float:left;margin-bottom:0;width:100%;}
.tab .left-tab{width:45%; float:left; display:block; padding-right:10px; overflow:hidden;}
.tab .left-tab img{width:100%; height:auto; display:block;}
.tab .right-tab{width:55%; float:left; display:block; padding-left:10px; overflow:hidden;}
.tab-content {width:auto;padding:15px;display: none; overflow:hidden;}
#tab-cas {display: block;}
/*table box*/
.table-box {margin:0px;padding:0px;width:100%;border:0px solid #fff; border-radius:6px; overflow:hidden;}
.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:#ededed ; }
.table-box tr:nth-child(even){ background-color:#fff; }
.table-box td{vertical-align:middle;border-width:0px;text-align:center;padding:8px;font-size:14px;color:#444;font-weight:400;line-height:20px; border-top:1px solid #ddd;}
.table-box thead tr td{background:#ededed; font-weight:700; color:#333;}
.table-box thead tr td a{color:#999;}
.table-box tr:first-child{border-top:none;}
.table-box tr:last-child{border-bottom:1px solid #ddd;}
.table-box tr.selected{background:#1a73e8;}
.table-box tr.selected td{font-weight:700;}
.table-box tr:hover{background-color:#eee;}
/*box title kategori*/
.box-title-kategori{height:auto; width:100%; overflow:hidden; background:#83c03f; position:fixed; top:60px; }
.box-title-kategori .box-kategori-in{display:flex; align-items:center; justify-content:flex-start;max-width:1200px; padding:0 15px; margin:0 auto; text-align:left; width:100%;height:360px;}
.box-title-kategori .box-kategori-in h1.title{font-size:72px; line-height:72px;font-family: "BebasNeue-Regular", Arial;}
.box-title-kategori .box-kategori-in.majalah{background: url(../images/bg-majalah.png) top right no-repeat; background-size:contain;}
.box-title-kategori .box-kategori-in.merc{background: url(../images/bg-merc.png) top right no-repeat; background-size:contain;}
.box-title-kategori .box-kategori-in.pohon{background: url(../images/bg-pohon.png) top right no-repeat; background-size:contain;}
/*box mobile kategori*/
.box-mkategori{width:100%; height:100vh; overflow:hidden; padding:56px 0; margin:0; position:absolute; top:0; bottom:0; left:0; right:0;}
.box-mkategori .item-mkategori{width:100%; height:33.333%; overflow:hidden; padding:30px 15px;margin:0;}
.box-mkategori .item-mkategori.majalah{background:#B4E496;}
.box-mkategori .item-mkategori.merc{background:#cdedff;}
.box-mkategori .item-mkategori.pohon{background:#FBE86A;}
.box-mkategori .item-mkategori a.item-mkategori-in{width:100%; height:100%; overflow:hidden; padding:0;display: flex;align-items: center;justify-content: flex-start;margin:0;position:relative; top:0; bottom:0; left:0; right:0;}
.box-mkategori .item-mkategori a.item-mkategori-in.majalah{background:#B4E496 url(../images/bg-majalah.png) top right no-repeat; background-size:contain;}
.box-mkategori .item-mkategori a.item-mkategori-in.merc{background:#cdedff url(../images/bg-merc.png) top right no-repeat; background-size:contain;}
.box-mkategori .item-mkategori a.item-mkategori-in.pohon{background:#FBE86A url(../images/bg-pohon.png) top right no-repeat; background-size:contain;}
.box-mkategori .item-mkategori a.item-mkategori-in h1.title{font-size:34px; line-height:34px;font-family: "BebasNeue-Regular", Arial;}
ul.row-list.list-right-menu{margin:-15px;}
ul.row-list.list-right-menu li:first-child a{border-top:none;}
ul.row-list.list-right-menu li a{padding:10px 15px; border-top:1px solid #cecece; display:block; margin:0 -15px; font-weight:500;}
ul.row-list.list-right-menu li a:hover{background:#ededed;}
.edit_detail{display:block;}
.edit_button{overflow:hidden; cursor:pointer;}
/*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-right:20px; position:relative; font-size:12px; font-weight:500; color:#83c03f;}
ul.sitemap li:before{position:absolute;font-family: 'FontAwesome';content: '\f054'; top:4px; right:5px; font-size:8px; color:#83c03f;}
ul.sitemap li a{color:#83c03f;} ul.sitemap li a:hover{color:#bbb }
ul.sitemap li:last-child{padding-right:0;}
ul.sitemap li:last-child:before{display:none;}

.box75.detail-produk{padding-right:7px;}
.box25.detail-produk{padding-left:7px;}
ul.share-konten{list-style:none; list-style-position:inside; display:flex; align-items:center; justify-content:center; flex-direction:row;  margin:0; padding:0; width:100%;}
ul.share-konten li{height:40px; width:16.666%; margin:0; background:#fff; display:flex; align-items:center; justify-content:center;border-radius:4px;}
ul.share-konten li a{color:#fff;display:flex; align-items:center; justify-content:center; flex-direction:row; width:100%; height: 100%; }
ul.share-konten li:hover {background:#ddd!important;overflow:hidden;}
ul.share-konten li img{width:35px; height:35px; display:block;}
.boxshare{display:block; position:fixed; top:56px; left:0; right:0; background:#fff; z-index:9; padding:5px 10px; border-bottom:1px solid #cecece;}

.accordion-container {
  position: relative;
  width: 100%;
  border-top: none;
  outline: 0;
  cursor: pointer
}

.accordion-container .accordion-title {
  display: block;
  position: relative;
  margin:0;
  padding:10px;
  cursor: pointer;
  border:1px solid #cecece;
  border-bottom:1px solid #cecece;
  border-radius:4px;
  background:#fff;
}

.accordion-title.accline{border-radius:4px 4px 0 0;border-bottom:none;}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
  background-color: #fff;
  color: #333;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: #333;
}

.accordion-title{
  position: relative;
}

.accordion-title:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
  display: none;
  padding:10px;
  border:1px solid #cecece;
  border-top:none;
  background:#fff;
  margin-bottom:10px;
  border-radius:0 0 4px 4px;
}
.table-div{border-top:1px solid #e2e4fc; padding:8px 0; margin:0; font-size:14px; line-height:18px; overflow: hidden;}
.table-div.noborder{border:none;}
.table-div .left-div{width:30%; float:left; padding:0 15px 0 0;}
.table-div .right-div{width:70%; float:left; padding:0 0 0 15px;}
.table-div .full-div{width:100%; float:none; padding:0;}
.cmd-icon {float: right;height: 19px;overflow: hidden;}
.table-div .title-items{font-size:12px;}
.box-histori{display:block; margin-bottom:15px; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.box-histori .histori-head{display:flex; padding:10px 15px; justify-content:space-between; border-bottom:1px solid #ddd;}
.box-histori h4.small{font-size:12px; line-height:16px;font-weight:400;}
.box-histori h4.medium{font-size:14px; line-height:18px;font-weight:400;}
.box-histori h4.big{font-size:16px; line-height:20px;font-weight:400;}
.box-histori .histori-body{display:block; overflow:hidden; padding:0 15px;}
.box-histori .histori-body .histori-items{display:block; margin:15px 0;}
.box-histori .histori-body .histori-items .histori-img{width:60px; height:60px; float:left; margin-right:10px; overflow:hidden; display:flex; align-items:center; justify-content:center; border-radius:4px; background:#ededed;}
.box-histori .histori-body .histori-items .histori-img img{width:auto; height:60px;}
.box-histori .histori-body .histori-items .histori-text{overflow:hidden; min-height:60px; display:flex; justify-content:center; flex-direction:column; align-items:flex-start;}
.gagal-btn{position:relative; cursor:pointer;}