/* Main layout and footer styles */
.contener{width:1110px;height:100%;margin-left:auto;margin-right:auto}.img-page{display:block;margin-left:auto;margin-right:auto}.text-start{overflow:auto}.footer{bottom:0;margin-top:120px;position:relative}.footer i{font-size:20px;margin-right:20px;margin-top:27px}.footer h6{font-style:normal;font-weight:normal;font-size:14px;line-height:17px;position:absolute;left:0;bottom:0;color:#A0A4A8}.footer button{display:inline;position:absolute;right:0;bottom:0;border-radius:16px;background:#A0A4A8;flex:none;order:1;flex-grow:0;margin:0 16px}.right-foot{color:#A0A4A8;font-style:normal;font-weight:normal;font-size:14px;line-height:17px;text-align:justify;left:250px}.right-foot td{padding-left:96px}.left-foot{position:relative;float:left;color:#A0A4A8;font-style:normal;font-weight:normal;font-size:14px;line-height:17px;width:224px;text-align:justify;left:0}.left-foot img{height:40px;margin-bottom:24px;margin-right:104px}
/* Modal styles */
.modal-dialog{max-width:800px;margin:30px auto}.modal-body p{font-weight:300;line-height:26px;color:black;letter-spacing:0.25px}.close{position:absolute;right:-30px;top:0;z-index:999;font-size:2rem;font-weight:normal;color:#fff;opacity:1}.masthead{height:100vh;min-height:500px;background-image:url('https://source.unsplash.com/BtbjCFUvBXs/1920x1080');background-size:cover;background-position:center;background-repeat:no-repeat}
/* Sorting and divider styles */
.sortby{font-weight:300;font-size:14px;line-height:20px;display:flex;letter-spacing:0.25px;color:#A0A4A8}.sortby p{font-weight:400;font-size:14px;line-height:20px;display:inline;letter-spacing:0.25px;color:#000000}.buton-short{color:black!important;font-style:normal;font-weight:400}.pemisah{height:1px;background:#E8E8E8}.pemisah-dash{height:1px;border-bottom:1px dashed #E8E8E8}
/* About section styles */
.about h1{font-weight:500;font-size:36px;line-height:44px;letter-spacing:0.25px;color:#25282B}.about h2{font-weight:500;font-size:36px;line-height:44px;letter-spacing:0.25px;color:#25282B}.about h3{font-weight:500;font-size:36px;line-height:44px;letter-spacing:0.25px;color:#25282B}.about p{font-weight:400;font-size:16px;line-height:26px;letter-spacing:0.25px;color:#52575C}.width-360{width:360px!important}
/* Autocomplete menu styles */
ul.ui-autocomplete.ui-menu{font-weight:300;font-size:14px;line-height:20px;border-radius:12px;letter-spacing:0.25px;z-index:399999999;color:#000000;padding-top:20px;padding-bottom:4px;background-color:#FFFFFF;cursor:pointer}ul.ui-autocomplete.ui-menu li{margin-left:18px;margin-right:18px;margin-bottom:16px;cursor:pointer;caret-color:white}.ui-menu-item.ui-state-focus{background-color:none!important}
/* Navigation styles */
.navigasi{background-color:#FFFFFF;border-radius:12px}.navigasi h1{font-weight:500;font-size:20px;line-height:28px;letter-spacing:0.15px;color:#000000;border-bottom:3px solid #9E0620;padding-bottom:5px;margin-bottom:15px}.navigasi h2{font-weight:500;font-size:16px;line-height:26px;letter-spacing:0.25px;color:#25282B}.navigasi h3{font-weight:300;font-size:14px;line-height:20px;letter-spacing:0.25px;color:#A0A4A8}.navigasi h4{font-weight:500;font-size:28px;line-height:36px;color:#000000}.navigasi p{font-weight:300;font-size:16px;line-height:26px;letter-spacing:0.25px;color:#52575C}
/* Blog styles */
.blog h1{font-weight:500;font-size:12px;line-height:16px;letter-spacing:0.2px;color:#9E0620}.blog h2{font-weight:500;font-size:20px;line-height:28px;letter-spacing:0.15px;color:#25282B}.blog h3{font-weight:300;font-size:14px;line-height:20px;letter-spacing:0.25px;color:#A0A4A8}.blog h3.s12-500{font-weight:500;font-size:12px;line-height:18px}.blog h3.s14-400{font-weight:400;font-size:14px;line-height:18px}.blog h4{font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.25px;color:#000000}.blog h5{font-weight:500;font-size:20px;line-height:28px;letter-spacing:0.15px;color:#000000}.blog p{font-weight:300;font-size:14px;line-height:20px;letter-spacing:0.25px;color:#52575C}.blog-caption{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
/* Pagination styles */
.page-item{margin-right:8px}.page-link{border-radius:12px!important;color:black!important;background-color:white!important}.disabled .page-link{display:none}.pointer{cursor:pointer}
/* Blog detail styles */
.detail-blog h1{font-weight:500;font-size:42px;line-height:120%;letter-spacing:0.25px;color:#25282B}.detail-blog h2{display:inline;font-weight:300;font-size:14px;line-height:20px;letter-spacing:0.25px;color:#A0A4A8}.detail-blog h3{display:inline;font-weight:300;font-size:14px;line-height:20px;letter-spacing:0.25px;color:#000000}.detail-blog p{font-weight:300;font-size:16px;line-height:26px;letter-spacing:0.25px;color:#52575C}.artikel-terkait h1{border-bottom:3px solid #9E0620;font-weight:500;font-size:20px;line-height:28px;letter-spacing:0.15px;color:#000000}.artikel-terkait h2{font-weight:500;font-size:16px;line-height:26px;letter-spacing:0.25px;color:#25282B;display:block}.artikel-terkait h3{display:block;font-weight:300;font-size:14px;line-height:20px;letter-spacing:0.25px;color:#A0A4A8}
/* Card effects */
.card{box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);transition:0.3s}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}.contents button{border-style:none}
/* Background patterns */
.Pattern{background-image:url('../assets/img/pattern.png');background-repeat:no-repeat;background-size:cover;background-position:left}.PatternBG{background-image:url('../img/patternbg.png');background-repeat:no-repeat;background-size:cover;background-position:left}.detail-bar{background-image:url('../img/bg.png');background-repeat:no-repeat;background-size:cover;background-position:center}.profile-top-score{background-image:url('../img/background-stats.png');background-repeat:no-repeat;background-size:cover;background-position:center}.expand-kompetisi-mobile{border:none!important;padding-top:0!important;margin-top:0!important}.mt-24{margin-top:24px!important}.mb-32{margin-top:32px!important}
/* Smart banner */
.smart-banner-container{position:fixed;bottom:0;width:100%;min-height:100px;color:#fff;line-height:20px;padding-left:10px;padding-right:10px;font-size:14px;background:#0D1926;z-index:120;cursor:pointer;display:none}.smart-banner-container>.smart-banner-content{padding-top:40px;padding-left:50px;padding-right:50px}.smart-banner-device{width:100%;height:auto;bottom:0}.smart-banner-close{float:right;width:60px;height:60px;cursor:pointer}.smart-banner-title{font-size:36pt;margin-top:20px;margin-left:20px}.smart-banner-subtitle{font-size:20pt;margin-top:25px;margin-bottom:50px;margin-left:20px;display:block}.smart-banner-btn{margin-left:20px;text-decoration:none;color:#fff;background-color:#00AAEE;font-size:20pt;padding:14px 24px;border-radius:16px}
/* Smart banner media queries */
@media all and (min-width:768px) and (max-width:1024px){.smart-banner-container{display:block}}@media all and (min-width:768px) and (max-width:1023px){.smart-banner-container>.smart-banner-content{padding-top:30px;padding-left:40px;padding-right:40px}.smart-banner-device{width:auto;height:250px}.smart-banner-close{width:45px;height:45px}.smart-banner-title{font-size:26pt;margin-top:10px}.smart-banner-subtitle{font-size:16pt;margin-top:16px;margin-bottom:45px}.smart-banner-btn{font-size:16pt}}@media all and (min-width:480px) and (max-width:768px){.smart-banner-container{display:block}.smart-banner-container>.smart-banner-content{padding-top:30px;padding-left:40px;padding-right:40px}.smart-banner-device{width:auto;height:250px}.smart-banner-close{width:45px;height:45px}.smart-banner-title{font-size:26pt;margin-top:10px}.smart-banner-subtitle{font-size:16pt;margin-top:16px;margin-bottom:45px}.smart-banner-btn{font-size:16pt}}@media all and (max-width:480px){.smart-banner-container{display:block}.smart-banner-left,.smart-banner-right{padding:0!important}.smart-banner-container>.smart-banner-content{padding-top:20px;padding-left:30px;padding-right:30px}.smart-banner-device{width:95%;height:auto}.smart-banner-close{width:25px;height:25px}.smart-banner-title{font-size:16pt;margin-top:10px;margin-left:10px}.smart-banner-subtitle{font-size:10pt;margin-left:10px;margin-top:10px;margin-bottom:22px}.smart-banner-btn{font-size:10pt;margin-left:10px;padding:8px 16px;border-radius:10px}}@media all and (min-width:360px) and (max-width:375px){.smart-banner-title{font-size:14pt;margin-top:10px;margin-left:10px}.smart-banner-subtitle{font-size:10pt;margin-left:10px;margin-top:10px;margin-bottom:18px}.smart-banner-btn{font-size:10pt;margin-left:10px;padding:6px 14px;border-radius:8px}}@media all and (max-width:350px){.smart-banner-title{font-size:11pt;margin-top:8px;margin-left:10px}.smart-banner-subtitle{font-size:8pt;margin-left:10px;margin-top:0;margin-bottom:12px}.smart-banner-btn{font-size:8pt;margin-left:10px;padding:6px 14px;border-radius:8px}}