/*--------------------------------------------------------------------------------*/
/*EXTENDS*/
/*--------------------------------------------------------------------------------*/
.user-log__login, .user-log__name, .nav-framebar .nav, .nav-framebar__title { font-weight: 500; }

.box-overlay__header, .box-overlay__header .user-log__name { font-weight: 700; }

.nav-framebar__title { font-family: "Montserrat", Montserrat-FF, Arial, Tahoma, sans-serif; }

.box-overlay { border-radius: 4px; }

.box-overlay { position: fixed; overflow: visible; top: 53px; right: 0; bottom: 0; left: 0; margin: 12px; z-index: 100; background: #fdf7fa; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); }

.box-overlay__header { position: relative; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; align-items: center; background: #f179ac; /* Old browsers */ background: -moz-linear-gradient(-270deg, #f179ac 0%, #ffa6a6 100%); /* FF3.6+ */ background: -webkit-linear-gradient(-270deg, #f179ac 0%, #ffa6a6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-270deg, #f179ac 0%, #ffa6a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); /* IE6-9 */ color: white; padding: 16px; }

.box-overlay__header-nav { position: absolute; right: 20px; }

.box-overlay__header-nav .icon { font-size: 24px; }

.box-overlay--arrow-logo:after { content: ""; position: absolute; width: 0; height: 0; top: 0; left: 104px; border: 8px solid black; border-color: transparent transparent #f584aa  #f584aa; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.02); }

.box-overlay__body { position: absolute; top: 80px; bottom: 8px; overflow-x: scroll !important; overflow-y: scroll !important; padding: 0 12px; -webkit-overflow-scrolling: touch; }

.box-menu { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }

.js-menu-active .box-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100); }

.user-log .media__author { margin: 0; }

.user-log .media__author-image-avatar { width: 35px; height: 35px; }

.user-log__login { color: #FFFFFF; font-size: 14px; }

.nav-framebar { padding: 8px 0; }

.nav-framebar .nav { font-size: 16px; }

.nav-framebar .nav__item { display: inline-block; width: 100%; vertical-align: top; white-space: normal; }

.nav-framebar .nav__item a { padding: 8px 4px; color: #666666; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }

.nav-framebar .nav__item-new { display: inline-block; padding: 0 4px; font-size: 8px; margin-left: 4px; line-height: normal; background: #FF0000; color: #FFFFFF; }

.nav-framebar .nav__item .nav { padding-left: 20px; position: relative; }

.nav-framebar .nav__icon { width: 23px; height: 23px; display: inline-block; margin-right: 4px; }

.nav-framebar .nav__icon img { width: 100%; }

.nav-framebar .nav ul { margin: 0; padding-left: 8px; list-style: none; }

.nav-framebar .nav--two-col { columns: 2; -webkit-columns: 2; -moz-columns: 2; -webkit-column-gap: 0; /* Chrome, Safari, Opera */ -moz-column-gap: 0; /* Firefox */ column-gap: 0; }

.nav-framebar .nav.pl15 { padding-left: 15px; -webkit-column-gap: 5px; /* Chrome, Safari, Opera */ -moz-column-gap: 5px; /* Firefox */ column-gap: 5px; }

.nav-framebar__title { padding: 4px; margin-bottom: 8px; font-size: 14px; color: #333333; }

.nav-framebar__logo { margin: 0 -12px; padding: 0 12px; margin-top: 8px; border-top: 1px solid #f2c0d9; padding-top: 8px; }

.nav-framebar__logo img { width: 160px; }

.js-overlay { position: fixed; top: 0; width: 100%; height: 100%; z-index: 25; background: #000; /* The Fallback */ background: rgba(0, 0, 0, 0.6); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }

.js-menu-active .js-overlay { opacity: 1; filter: alpha(opacity=100); }

.search-overlay { position: absolute; width: 100%; background: white; z-index: 26; top: 0; padding: 10px 10px; -webkit-transform: translateY(-260px); -moz-transform: translateY(-260px); -ms-transform: translateY(-260px); -o-transform: translateY(-260px); transform: translateY(-260px); -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }

.search-overlay-close { color: #f179ac; }

.search-open .search-overlay { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

.footer__jaringan { padding: 10px 0; line-height: 1.25; }

.footer__jaringan a { text-align: center; padding: 6px 0; font-size: 18px; display: inline-block; margin-right: 8px; }

.footer__jaringan img { width: 32px; height: 32px; }

.footer__jaringan div { margin-bottom: 14px; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; }

.footer__social div { margin-bottom: 14px; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; }