/*****************************************************/
/**                                                 **/
/** Created with Love by DOA IBU                    **/
/**                                                 **/
/** "There is just one evil, ignorance"             **/
/**                                                 **/
/** ERKSFM Templates                                **/
/**                                                 **/
/*****************************************************/

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  cursor: pointer;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #fec400;
  border: 0px none #ffffff;
  border-radius: 0px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffc200;
  cursor: pointer;
}
::-webkit-scrollbar-thumb:active {
  background: #ffc200;
  cursor: pointer;
}
::-webkit-scrollbar-track {
  background: #343a40;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #343a40;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kalam/v11/YA9dr0Wd4kDdMthQOCfzsw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kalam/v11/YA9dr0Wd4kDdMthfOCfzsw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kalam/v11/YA9dr0Wd4kDdMthROCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --davion: #da1d02;
  --erks: #fec400;
  --ncblue: #00d4ff;
  --dkblue: #012651;
  --banner: #fec400;
  --size: 16px;
  --dim: #f4f6f9;
  --darkdim: #c2c7d0;
  --gelap: #343a40;
  --ncborder: #dee2e6;
  --lightbg: #dfeeff;
  --mute: #6c757d;
  --twitbg: #15202b;
  --sans: 'PT Sans', sans-serif;
};

body.modal-open, .modal-open .modal {padding-right: 0 !important;}
body.modal-open, .modal-open .modal {padding-right: 0 !important;}
.modal-open .konten-wrapper {width: calc(100% - 260px);}

body, .Beranda_wrapper { max-width: 100vw; overflow-x: hidden; }

html, body {font-size: var(--size); font-family: var(--sans);}
body, div, a, p, span, section, header, nav, h1, h2, h3, h4, h5, h6, blockquote, img, audio, video, code, li, ul, ol,
i, strong, b, u, button, input, textarea, em, article, footer, summary, fieldset, form, label, select, option, optgroup,
center, cite, pre, q, strike, table, menu, caption, col, thead, tbody, td, tr, th, noscript, iframe, embed, figure, figcaption
{font-family: var(--sans);}
div, p, span, h1, h2, h3, h4, h5, h6, table, thead, tr, th, td, li, ul, ol, em, i, strong, b, u,
article, footer, cite, blockquote, summary, figcaption, col, tbody, thead, tfoot, nav, section {cursor: default;}

a p,a span,a h1,a h2,a h3,a h4,a h5,a h6,a table,a thead,a tr,a th,a td,a li,a ul,a ol,a em,a i,a strong,a b,a u,
a article,a footer,a cite,a blockquote,a summary,a figcaption,a col,a tbody,a thead,a tfoot,a nav,
a, button, a svg {cursor: pointer;}
button p,button span,button h1,button h2,button h3,button h4,button h5,button h6,button table,button thead,button tr,button th,button td,button li,button ul,button ol,button em,button i,button strong,button b,button u,
button article,button footer,button cite,button blockquote,button summary,button figcaption,button col,button tbody,button thead,button tfoot,button nav,
a, button, button svg {cursor: pointer;}

a:hover, button:hover {text-decoration: none;}

* {
  transition: color 250ms ease, background-color 250ms ease, background 250ms ease, transform 250ms ease, opacity 250ms ease;
}

.lppl_erks_main {
    min-height: calc(100vh - 419px);
    background: var(--lightbg);
    padding-bottom: 2em;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.2;
}
.relative {
  position: relative;
  z-index: 10;
}
.text-white {
    color: #ffffff;
}
.text-black {
    color: #000000;
}
.bg-black {
  background: #000000;
}
.bg-erks {
  background-color: var(--erks);
}
.bg-rss {
    background-color: #e37418;
}
.bg-erks2 {
  background-color: #000000;
}
.col-erks {
  color: var(--erks);
}
.btn-erks {
    color: #000000;
    background-color: var(--erks);
    font-weight: bold;
    border: 2px solid var(--black);
}
.btn-erks:hover,.btn-erks:focus {
    color: #000000;
    background-color: #efb800;
}
.border-md {
    border-width: 3px;
    border-style: solid;
}
.border-lg {
    border-width: 5px;
    border-style: solid;
}
.p10 {
    padding: 10px;
}
.p15 {
    padding: 15px;
}
.px15{
    padding-right: 15px;
    padding-left: 15px;
}
.z1 {
  z-index: 10;
}
.z2 {
  z-index: 20;
}
.z3 {
  z-index: 30;
}
.z4 {
  z-index: 40;
}
.z5 {
  z-index: 50;
}
.kursor-point {
  cursor: pointer;
}
.kursor-normal {
  cursor: default;
}
.custom-file-input {
    cursor: pointer;
}
.myflex {
    display: flex;
}
.full-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.full-flex-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.full-flex-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.side-shadow {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)!important;
}
.text-dim {
    color: var(--dim);
}
.text-darkdim {
    color: var(--darkdim);
}
.text-erks {
    color: var(--erks);
}
.lightbg {
    background: var(--lightbg);
}

/** KOMENTAR BOX PROFIL **/
.lppl_erks_comment_1 {
  background: #007bff
}
.lppl_erks_comment_2 {
  background: #002d54
}
.lppl_erks_comment_3 {
  background: #28a745
}
.lppl_erks_comment_4 {
  background: #dc3545
}
.lppl_erks_comment_5 {
  background: #ff8007
}
.lppl_erks_comment_6 {
  background: #17a2b8
}
.lppl_erks_comment_7 {
  background: #141415
}
.item_komentar {
  border-bottom: 1px solid #dddddd;
}
.item_komentar:last-child {
  border-bottom: none;
}
.profil_komentar {
  height: 40px;
  width: 40px;
}
.komentar_kiri {
    padding-right: 12px;
    width: 52px;
}
.komentar-kanan {
  width: calc(100% - 52px);
}

/** PRELOADER **/
@keyframes ldio-1nkt3xmsawp {
   0% { transform: translate(12px,80px) scale(0); }
  25% { transform: translate(12px,80px) scale(0); }
  50% { transform: translate(12px,80px) scale(1); }
  75% { transform: translate(80px,80px) scale(1); }
 100% { transform: translate(148px,80px) scale(1); }
}
@keyframes ldio-1nkt3xmsawp-r {
   0% { transform: translate(148px,80px) scale(1): }
 100% { transform: translate(148px,80px) scale(0); }
}
@keyframes ldio-1nkt3xmsawp-c {
   0% { background: #000000 }
  25% { background: #fec400 }
  50% { background: #000000 }
  75% { background: #fec400 }
 100% { background: #000000 }
}
.ldio-1nkt3xmsawp div {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translate(80px,80px) scale(1);
  background: #000000;
  animation: ldio-1nkt3xmsawp 1.4492753623188404s infinite cubic-bezier(0,0.5,0.5,1);
}
.ldio-1nkt3xmsawp div:nth-child(1) {
  background: #fec400;
  transform: translate(148px,80px) scale(1);
  animation: ldio-1nkt3xmsawp-r 0.3623188405797101s infinite cubic-bezier(0,0.5,0.5,1), ldio-1nkt3xmsawp-c 1.4492753623188404s infinite step-start;
}.ldio-1nkt3xmsawp div:nth-child(2) {
  animation-delay: -0.3623188405797101s;
  background: #000000;
}.ldio-1nkt3xmsawp div:nth-child(3) {
  animation-delay: -0.7246376811594202s;
  background: #fec400;
}.ldio-1nkt3xmsawp div:nth-child(4) {
  animation-delay: -1.0869565217391304s;
  background:  #fec400;
}
#preload {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  background: #ffffff;
  top: 0;
  z-index: 450;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ldio-1nkt3xmsawp {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.login .ldio-1nkt3xmsawp {
    right: 0;
}
.ldio-1nkt3xmsawp div { box-sizing: content-box; }
/* generated by https://loading.io/ */
@keyframes ldio-r132n5bjozm {
  0% { background: #000000 }
  12.5% { background: #000000 }
  12.625% { background: #fec400 }
  100% { background: #fec400 }
}
.ldio-r132n5bjozm div {
  position: absolute;
  width: 29px;
  height: 29px;
  background: #fec400;
  animation: ldio-r132n5bjozm 1s linear infinite;
}
.loadingio-spinner-blocks-fwghhbw0uhs {
  width: 100px;
  height: 100px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-r132n5bjozm {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-r132n5bjozm div { box-sizing: content-box; }
.com_1 {
    left:5.5px;top:5.5px;animation-delay:0s;
}
.com_2 {
    left:35.5px;top:5.5px;animation-delay:0.125s;
}
.com_3 {
    left:65.5px;top:5.5px;animation-delay:0.25s;
}
.com_4 {
    left:5.5px;top:35.5px;animation-delay:0.875s;
}
.com_5 {
    left:65.5px;top:35.5px;animation-delay:0.375s;
}
.com_6 {
    left:5.5px;top:65.5px;animation-delay:0.75s;
}
.com_7 {
    left:35.5px;top:65.5px;animation-delay:0.625s;
}
.com_8 {
    left:65.5px;top:65.5px;animation-delay:0.5s;
}
/* generated by https://loading.io/ */

@keyframes ldio-bqheuicwqgs {
  0% { transform: rotate(0) }
  100% { transform: rotate(360deg) }
}
.ldio-bqheuicwqgs div { box-sizing: border-box!important }
.ldio-bqheuicwqgs > div {
  position: absolute;
  width: 91px;
  height: 91px;
  top: 4.5px;
  left: 4.5px;
  border-radius: 50%;
  border: 9px solid #ffffff;
  border-color: #fec400 transparent #fec400 transparent;
  animation: ldio-bqheuicwqgs 1s linear infinite;
}

.ldio-bqheuicwqgs > div:nth-child(2), .ldio-bqheuicwqgs > div:nth-child(4) {
  width: 71px;
  height: 71px;
  top: 14.5px;
  left: 14.5px;
  animation: ldio-bqheuicwqgs 1s linear infinite reverse;
}
.ldio-bqheuicwqgs > div:nth-child(2) {
  border-color: transparent #fff transparent #fff
}
.ldio-bqheuicwqgs > div:nth-child(3) { border-color: transparent }
.ldio-bqheuicwqgs > div:nth-child(3) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
.ldio-bqheuicwqgs > div:nth-child(3) div:before, .ldio-bqheuicwqgs > div:nth-child(3) div:after { 
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  top: -9px;
  left: 32px;
  background: #fec400;
  border-radius: 50%;
  box-shadow: 0 82px 0 0 #fec400;
}
.ldio-bqheuicwqgs > div:nth-child(3) div:after {
  left: -9px;
  top: 32px;
  box-shadow: 82px 0 0 0 #fec400;
}

.ldio-bqheuicwqgs > div:nth-child(4) { border-color: transparent; }
.ldio-bqheuicwqgs > div:nth-child(4) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
.ldio-bqheuicwqgs > div:nth-child(4) div:before, .ldio-bqheuicwqgs > div:nth-child(4) div:after {
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  top: -9px;
  left: 22px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 62px 0 0 #ffffff;
}
.ldio-bqheuicwqgs > div:nth-child(4) div:after {
  left: -9px;
  top: 22px;
  box-shadow: 62px 0 0 0 #ffffff;
}
.loadingio-spinner-double-ring-w1eh5i9s8b9 {
  width: 50px;
  height: 50px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-bqheuicwqgs {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.5);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-bqheuicwqgs div { box-sizing: content-box; }
/* generated by https://loading.io/ */

@keyframes ldio-1ehiuf6g1vb { 0% { transform: rotate(0) } 100% { transform: rotate(360deg); } }
.ldio-1ehiuf6g1vb > div {
  animation: ldio-1ehiuf6g1vb 1s infinite linear;
  transform-origin: 50px 50px;
}
.ldio-1ehiuf6g1vb > div div { position: absolute; }
.ldio-1ehiuf6g1vb > div div:nth-child(1), .ldio-1ehiuf6g1vb > div div:nth-child(2) {
  width: 97px;
  height: 97px;
  border: 11px solid;
  border-radius: 50%;
  border-color: transparent #fec400 #fec400 #fec400;
  box-sizing: border-box;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50px 50px;
}
.ldio-1ehiuf6g1vb > div div:nth-child(1) {
  transform: rotate(45deg) translate(1.5px, 1.5px);
}
.ldio-1ehiuf6g1vb > div div:nth-child(2) {
  transform: rotate(-10.799999999999997deg) translate(1.5px, 1.5px);;
}
.ldio-1ehiuf6g1vb > div div:nth-child(3) {
  width: 0;
  height: 0;
  border: 12px solid;
  border-color: transparent transparent transparent #fec400;
  transform: translate(50px, -4.5px);
}
.loadingio-spinner-reload-njeikx823m {
  width: 100px;
  height: 100px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-1ehiuf6g1vb {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-1ehiuf6g1vb div { box-sizing: content-box; }
/* generated by https://loading.io/ */

.frontend-erks {
    overflow-x: hidden;
}

/** HEADER **/
.Timeline-Berita #topHeader {
    margin-bottom: 1.5em;
}
.inner-header {
    padding: 0 25px;
}
.streambutton {
    padding: 4px;
    background: rgb(0,0,0);
    background: -webkit-linear-gradient(bottom left, rgba(0,0,0,1) 0%, rgba(255,195,0,1) 52%);
    background: -o-linear-gradient(bottom left, rgba(0,0,0,1) 0%, rgba(255,195,0,1) 52%);
    background: linear-gradient(to top right, rgba(0,0,0,1) 0%, rgba(255,195,0,1) 52%);
    border-radius: 20px;
}
.streambutton span {
    color: var(--dark);
    font-weight: bold;
    padding: 5px 7px;
    background-color: #ffffff;
    font-size: 14px;
    border-radius: 20px;
    position: relative;
    bottom: 1px;
}
.streambutton:hover span {
    color: var(--erks);
}
.erksfm.navbar a {
    color: var(--dark);
    text-decoration: none;
    margin: 0 5px;
}
.erksfm.navbar a:hover {
    border: 2px solid var(--erks);
}
.erksfm.navbar a.aktif {
    background: url(/icon/bg-crayon-black.jpg);
    color: var(--erks);
    border: none;
    font-weight: bold;
}
.header_menu_wrapper {
    display: none;
    align-items: center;
    padding-right: 1em;
    width: 80px;
}
#header_menu_btn {
    height: 40px;
    width: 40px;
    background: #000000;
    border-radius: 50%;
    padding: 0;
    border: none;
}
#header_menu_btn:hover,#header_menu_btn:focus {
    border: none;
    outline: none;
}
.hamburger_line {
    opacity: 100;
    width: 20px;
    height: 2px;
    background: var(--erks);
    margin: 4px;
    transition: all 350ms ease;
    position: relative;
}
.erksfm_hamburger.aktif .hamburger_line {
    margin: 0;
}
.erksfm_hamburger.aktif #hamburger_satu {
    transform: rotate(45deg);
    top: 2px;
}
.erksfm_hamburger.aktif #hamburger_tiga {
    transform: rotate(315deg);
    bottom: 2px;
}
.erksfm_hamburger.aktif #hamburger_dua {
    opacity: 0;
}
#hamburger_menu {
    top: 50px; z-index: 2000; padding-top: 30px; background: var(--twitbg);
}
#hamburger_menu ul  {
    padding: 20px;
    padding-top: 0;
    margin: 0;
}
#hamburger_menu ul li {
    list-style: none;
    text-decoration: none;
}
#hamburger_menu ul li a {
    display: flex;
    background: #ffffff;
    padding: 5px;
}
#hamburger_menu ul span {
    width: calc(100% - 38px);
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
}
#hamburger_menu ul li a .d-flex.mr-2 {
    border-radius: 4px;
}
#hamburger_menu h3 {
    padding: 0 20px 10px;
}
.hamburgerMenu .icon {
    width: 1em;
    height: 1em;
    fill: var(--dark);
    position: relative;
}
.hamburgerMenu  {
    width: 0;
    transition: all 200ms ease;
    overflow: hidden;
}
.hamburgerMenu.aktif {
    width: 100%;
}
.beranda-wrap {
    background: var(--erks);
}
.berita-wrap {
    background: #b0e0e6;
}
.bts-wrap {
    background: #9acd32;
}
.bts_album_hero {
  padding-right: 25px;
  padding-left: 25px;
}
.acara-wrap {
    background: #ff8c00;
}
.kontak-wrap {
    background: #f08080;
}
#topHeader {
    height: 50px; justify-content: center; z-index: 500;
}
#topHeader .inner-header {
    width: 1200px;
}
.image_bts {
  filter: drop-shadow(2px 4px 2px #444);
  margin-bottom: 15px;
}
.logoheader {
    align-items: center; 
    width: 92px;
}
.link-menu-wrapper {
    width: 30px;
    height: 30px;
}

/** ROW WRAPPER **/
#allWrapper {
    display: flex;
    justify-content: center;
}
#innerWrapper {
    width: 1100px;
    display: flex;
}
#kontenWrapper {
    width: calc(100% - 380px);
    padding: 0 25px;
}
#sideWrapper {
    width: 380px;
    padding-right: 25px;
}
#navWrapper {
    width: calc(100% - 204px);
}
.navbar.erksfm .btn-link:first-child {
    width: 95px
}
.navbar.erksfm .btn-link:last-child {
    width: 85px
}
.navbar.erksfm .btn-link:nth-child(2), .navbar.erksfm .btn-link:nth-child(4) {
    width: 84px
}
.navbar.erksfm .btn-link:nth-child(3) {
   width: 60px 
}
.erks-grad-bg {
    background: rgb(0,0,0);
    background: -webkit-linear-gradient(326deg, rgba(0,0,0,1) 0%, rgba(0,123,255,1) 48%, rgba(255,195,0,1) 100%);
    background: -o-linear-gradient(326deg, rgba(0,0,0,1) 0%, rgba(0,123,255,1) 48%, rgba(255,195,0,1) 100%);
    background: linear-gradient(56deg, rgba(0,0,0,1) 0%, rgba(0,123,255,1) 48%, rgba(255,195,0,1) 100%);
}
.erks-grad-bg-inv {
    background: rgb(255,195,0);
    background: -webkit-linear-gradient(326deg, rgba(255,195,0,1) 0%, rgba(0,123,255,1) 48%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(326deg, rgba(255,195,0,1) 0%, rgba(0,123,255,1) 48%, rgba(0,0,0,1) 100%);
    background: linear-gradient(56deg, rgba(255,195,0,1) 0%, rgba(0,123,255,1) 48%, rgba(0,0,0,1) 100%);
}

/** SIDEBAR **/
aside .icon-search{
    fill: #888;
    width: 1.25em;
    height: 1.25em;
    right: 15px;
    top: calc(50% - .5em);
}
aside .iklan_acara  {
    filter: grayscale(1);
    transition: all 300ms ease;
}
aside .iklan_acara:hover {
    filter: none;
}
.form_pencarian .form-control {
    padding: 5px 10px;
    border-radius: 20px;
}
#sideWrapper section header {
    background: #ddd;
    padding: 10px 15px;
}
#sideWrapper section header h5 {
    margin: 0;
    color: #444;
}
.form_pencarian {
    padding: 10px;
    background: var(--erks);
    border-radius: 40px;
    top: 78px;
}
.side_dish {
    z-index: 70;
    margin-bottom: 32px;
}
.weekly_top_item {
    border-bottom: 1px solid #ddd;
}
.weekly_top_item, .berita_populer_item {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.no_urut {
    padding-right: 20px;
    color: #999;
    font-size: 22px;
    display: flex;
    align-items: center;
    font-weight: bold;
}
.detail_weekly {
    width: calc(100% - 85px);
}
.berita_populer_item .detail_weekly {
    width: calc(100% - 46px);
}
.player_weekly_btn {
    height: 35px;
    width: 35px;
    padding: 0;
    justify-content: center;
    align-items: center;
    background: #f80000 !important;
}
.player_weekly_btn:hover {
    transform: scale(1.1);
}
.judul_weekly {
    margin: 0;
    font-weight: bold;
    background: linear-gradient(90deg,#424242,#ff930d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none;
    display: inline-block;
}
.song_weekly {
    display: block;
}
.berita_populer_item {
    border-bottom: 1px solid #ddd;
}
.berita_populer_item .judul_weekly {
    font-size: 15px;
    background: none;
    -webkit-text-fill-color: #333;
    color: #333;
}
.berita_populer_item .url_populer:hover .judul_weekly {
    background: linear-gradient(90deg,#424242,#ff930d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none;
}
.sticky_wrapper {
    height: 1000px;
}
.ikon_setel {
    width: 1.15em;height: 1.15em;position: relative;left: 2px;fill: #ffffff;
}
.ikon_musik, .ikon_pop {
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
    fill: var(--erks);
    margin-right: 12px;
}
.weekly_top_header, .berita_populer_header {
    padding: 10px;
    background: var(--secondary);
}
.sidebar_stick {
    top: 80px;
}

/** FOOTER **/
#erksfm_footer {
    border-top: 4px solid var(--erks);
    padding-top: 20px;
    background: #111;
    display: flex;
    justify-content: center;
}
.the_footer.stream_on {
  padding-bottom: 70px
}
.copyright {
  margin-bottom: 25px;
}
.the_footer.stream_on .copyright {
  margin-bottom: 0;
}
.menu_footer {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.footer_top {
  border-bottom: 1px solid var(--light)
}
.info_erksfm_left {
    display: none;
}
.inner_footer {
    width: 1200px;
    padding: 0 20px;
}
.menu_footer {
  width: calc(100% - 350px);
}
.footer_image {
  width: 350px
}
.sosmed_wrapper {
    display: flex;
    width: 35px;
    height: 35px;
    margin-left: 10px;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
}
.sosmed_wrapper .icon {
    fill: var(--light);
    width: 1em;
    height: 1em;
}
.sosmed_wrapper:hover {
    transform: scale(1.1);
}
.bg-facebook {
  background: #3a5895
}
.bg-twitter {
  background: #1c9dec
}
.bg-instagram {
    background: rgb(247,188,99);
background: -webkit-linear-gradient(bottom left, rgba(247,188,99,1) 0%, rgba(244,79,52,1) 32%, rgba(198,38,155,1) 53%, rgba(75,89,214,1) 87%);
background: -o-linear-gradient(bottom left, rgba(247,188,99,1) 0%, rgba(244,79,52,1) 32%, rgba(198,38,155,1) 53%, rgba(75,89,214,1) 87%);
background: linear-gradient(to top right, rgba(247,188,99,1) 0%, rgba(244,79,52,1) 32%, rgba(198,38,155,1) 53%, rgba(75,89,214,1) 87%);
}
.info_erksfm_left {
  width: calc(100% - 350px); justify-content: flex-end;
}
.list_footer_item.btn, .kontak_erks, .info_erksfm {
  font-size: 14px;
}
.info_erksfm_right {
  width: calc(100% - 295px);
}
.sosmed_wrapper .icon-footer-youtube {
  fill: red;
}
.sosmed_wrapper img {
  width: 35px;
  height: 35px;
}

/********************************************************/
/*********************** PENCARIAN **********************/
/********************************************************/
body.pencarian_album {
    background: var(--lightbg);
}
.bg_pencarian_null {
    z-index: 30;
    width: 100%;
    height: 553px;
    overflow: hidden;
    background: url('/aset/img/1600-tugu_sumedang-min.jpg');
    background-position: top;
    background-repeat: no-repeat;
}
.bg_pencarian_null img {
    object-position: top;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.form_pencarian_wrappper {
    z-index: 45;
}
.tipe_pencarian {
    border-style: solid;
}
.prepend_form_cari {
    width: 111px;
    background: #000000;
    color: var(--erks);
}
.tipe_pencarian {
    width: 140px;
    flex: 0 1 auto !important;
}
.form_outer_wrapper {
    width: 100%;
    max-width: 500px;
    overflow: hidden; 
}
.form_pencarian_wrappper {
    padding: 20px 15px;
    z-index: 60;
}
.the_form_bg {
    z-index: 50;
    opacity: .7;
}
.cari_form_wrapper {
    width: 100%;
    max-width: 1150px;
    padding: 10px;
    background: #000000;
    margin-bottom: 32px;
}
.konten_wrapper.cari{
    padding-right: 32px;
}
.hasil_image_wrapper {
    width: 180px;
}
.hasil_meta_wrapper {
    width: calc(100% - 180px);
    padding-left: 15px;
}
.hasil_cari_title {
    font-size: 26px;
}
.hasil_meta_judul {
    font-size: 20px;
}
.hasil_cari_item {
    padding: 15px;
    background: #ffffff;
}
#searchCount {
    bottom: 0;
    left: 0;
}
.hasil_wrapper {
    width: 100%;
    max-width: 1150px;
}
.hasil_wrapper .pasangan_album {
    padding-top: 20px;
    padding-left: 0;
}
.hasil_wrapper .album_card {
    filter: none;
}
.cari_hasil_title {
    width: 100%;
    height: 40px;
}
.hasil_inner_title {
    top: -5px;
    left: 17px;
}
.hasil_inner_title h1 {
    font-size: 28px;
}
.hasil_title_bg {
    background: rgb(254,196,0);
background: -webkit-linear-gradient(326deg, rgba(254,196,0,1) 50%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(326deg, rgba(254,196,0,1) 50%, rgba(0,0,0,1) 100%);
background: linear-gradient(56deg, rgba(254,196,0,1) 50%, rgba(0,0,0,1) 100%);
}

.hasil_wrapper .bts_all_foto {
    background: none;
}
.hasil_wrapper .item_foto.lazy {
    filter: none;
}
.hasil_wrapper .erksfm_masonry_box {
    margin: 0;
}

/********************************************************/
/*********************** SINGLE POST ********************/
/********************************************************/

.halaman_berita {
    background: var(--lightbg);
}
.single_post_header {
    padding: 100px 0 380px;
}
.single_post_wrapper {
    margin-bottom: -215px;
}
.white_strip {
    bottom: 0;
    left: 0;
}
.article_wrapper, .inner_single_post_header {
    width: 1024px;
}
.article_image_wrapper img {
    width: 100%;
    height: 600px;
    object-position: center;
    object-fit: cover;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.single_post_body {
    bottom: 300px;
}
#beritaCarousel .berita_indikator {
    bottom: -46px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.icon_action {
    width: 2em;
    height: 2em;
    margin-right: 10px;
}
.icon_like {
    z-index: 120;fill: #000000;margin-right: 17px;
}
.icon_komen_wrapper {
    z-index: 120; bottom: 2px; left: 1px;
}
.icon_komen {
    fill: #000000;
    top: 3px;
}
.icon_bagikan {
    z-index: 120; top: 1px; fill: #000000;
}
.before_post {
    padding: 12px;
    justify-content: space-between;
    align-items: center;
}
.go_timeline {
    border: 2px solid #000000;
}
.the_post {
    padding: 0 15px;
}
.the_post h3 {
    font-size: 16px;
    font-weight: normal;
}
.the_post .kronologi_berita {
    font-size: 16px;
    font-weight: normal;
}
.the_post p {
    font-size: 16px;
    color: var(--dark);
}
.icon_komentar_bot {
    fill: var(--success);
    height: 1em;
    width: 1em;
    bottom: 3px;
}
button:hover .icon_komentar_bot {
    fill: #ffffff;
}
.group_komen {
    display: flex;
    margin-bottom: 10px;
}
.group_komen .form-control {
    border: 2px solid #ddd;
}
.form-control[name=komen_nama] {
    margin-right: 5px;
}
.form-control[name=komen_email] {
    margin-left: 5px;
}
#box_komen {
    padding-top: 10px;
    padding-bottom: 10px;
}
.selesai_komen {
    width: 100%;
    margin-right: 5px;
}
.tutup_komen {
    width: 100%;
    margin-left: 5px;
}
.terkait_img_wrapper img {
    width: 240px;
    height: 160px;
    object-fit: cover;
}
.terkait_meta_wrapper {
    padding-left: 15px;
}
.related_btn {
    padding: 2px 10px;
    border-radius: 30px;
}
.related_btn small {
    bottom: 1px;
}
.judul_terkait {
    font-size: 17px;
}
.post_subtitle {
    border-left: 5px solid var(--erks);
    padding-left: 7px;
}
.single_post_wrapper {
  
}
.starred {
  fill: var(--erks);
  stroke: black;
  stroke-width: 2px;
}
.shareicon {
  filter: drop-shadow(3px 5px 4px #ddd); width: 2em; height: 2em; 
}
.icon-whatsapp {
  fill: #00be30;
}
.icon-twitter {
  fill: #1da1f2;
}
.icon-facebook {
  fill: #4064ad;
}
.icon-email {
  fill: #d64a3f;
}

/********************************************************/
/*********************** TIMELINE ***********************/
/********************************************************/
body.timeline_berita {
    background: var(--lightbg);
}
#news_showcase {
    width: 100%;
    max-width: 1150px;
    padding-top: 32px;
}
.showcase_img {
    object-position: center;
    object-fit: cover;
}
.left_showcase {
    width: calc(55% - 5px);
    margin-right: 5px;
    height: 400px;
}
.right_showcase {
    width: calc(45% - 5px);
    margin-left: 5px;
}
.small_showcase_top {
    height: calc(50% - 5px);
    margin-bottom: 10px;
}
.small_showcase_bot {
    height: calc(50% - 5px);
}
.image_3 {
    width: calc(50% - 5px);
    margin-right: 5px;
}
.image_4 {
    width: calc(50% - 5px);
    margin-left: 5px;
}

.carousel-item {
    transition: transform 500ms ease, opacity .5s ease-out;
}
.all_wrapper {
    width: 1200px;
    padding: 0 25px;
}
.erks_sidebar {
    width: 380px;
}
.konten_wrapper {
    width: calc(100% - 380px);
}
.timeline_berita_wrapper {
    justify-content: center;
    padding-top: 25px;
}
.timeline_berita_wrapper .konten_wrapper {
    padding-right: 32px;
}
.item_berita {
    margin-bottom: 25px;
    overflow: hidden;
}
.item_berita:last-child {
    margin-bottom: 0;
}
.item_berita_header {
    background: #000000 !important;
    padding: 5px 10px;
}
.item_berita_header h4 {
    font-size: 16px;
}
.item_berita_header img {
    height: 25px;
    width: 25px;
}
.item_berita_gambar img {
    width: 100%;
    height: 400px;
    object-position: center;
    object-fit: cover;
}
.item_berita .berita_indikator {
    bottom: -46px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.carousel-indicators li.active {
    opacity: 1;
    background-color: var(--erks);
}
.carousel-indicators li {
    height: .5em;
    width: .5em;
    background-color: var(--dark);
}
.go_post {
    font-size: 14px;
    border: 2px solid #000000;
}
.item_judul {
    font-size: 20px;
}
.item_waktu {
    font-size: 14px;
}
.real_post {
    padding: 0 15px;
}
.seemore {
    position: relative;
    bottom: 4px;
}
#icon_cari {
    fill: #000000; width: 1em; height: 1em;
}
.pencarian_form {
    border-radius: 40px;padding: 5px;
}


/**** MODAL SHARE ****/
.shareWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.shareWrapper .icon {
    margin: 0 1em;
}
blockquote.shareBlock {
    padding: .5em;
    background-color: #daeaf9;
    border-left: 2px solid #000000;
}

/********************************************************/
/*********************** BTS 88888***********************/
/********************************************************/
.bts_hero {
    height: 560px;
}
.bts_hero_bg {
    height: 100%; width: 100%; object-fit: cover;z-index: 30;object-position: left;
}
.bts_hero_info {
    z-index: 35; width: 50%; padding-right: 10vw;
}
.bts_hero_info_bg {
    display: none;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 0;
    left: 0;
    border-radius: 8px;
    z-index: -1;
    opacity: .5
}
#icon_cari_bts {
    height: 22px;
    width: 22px;
    right: 10px;
    top: 8px;
}
.bts_nav {
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}
.erks-kontak:first-child,.erks-kontak:nth-child(2),.erks-kontak:nth-child(3) {
    display: none;
}
.bts_pills {
    border-radius: 20px;
}
.bts_sides {
    width: 350px;
    padding: 10px;
}
.bts_all_foto {
    width: calc(100% - 350px);
    width: 100%;
    background: #15202b;
}
.foto_foto_title {
    filter: drop-shadow(2px 4px 6px #444);
}
.foto_erks_bts_1 {
    height: 300px;
    object-fit: cover;
}
.foto_erks_bts_2 {
    height: 450px;
    object-fit: cover;
}
.foto_erks_bts_3 {
    height: 200px;
    object-fit: cover;
}
.erksfm_masonry_box {
    margin: 0 auto;
}
.erksfm_masonry_box:after {
    content: '';
  display: block;
  clear: both;
}
.erksfm_masonry_item {
    width: 300px;
    margin-bottom: 20px;
    border: 1px solid #444;
    border-radius: 5px;
}
.the_sticker {
    top: 77px;
}
.album_item_text {
    color: #777;
    font-size: 20px;
}
.album_item_text:hover, .album_item_text:focus {
    color: var(--dark);
}
.bts_navbar {
    position: relative;
    z-index: 99;
    -webkit-box-shadow: 0px -8px 16px 0px rgba(0,0,0,.15);
    -moz-box-shadow: 0px -8px 16px 0px rgba(0,0,0,.15);
    box-shadow: 0px -8px 16px 0px rgba(0,0,0,.15);
}
.bts_navbar {
    padding: 35px 25px 20px;
}
.bottom_bar {
    width: 100%;
    max-width: 500px;
    padding: 0 15px;
}
.bottom_bar div {
    height: 5px;
}
.album_pill {
    border-radius: 40px;
}
.hero_inner_img {
    width: 150px;
    height: 150px;
    filter: drop-shadow(2px 4px 6px #444);
    border-radius: 50%;
    object-fit: cover;
}
.check_printr {
    background: var(--lightbg);
}
.list_album_wrapper {
    width: 1200px;
}
.pasangan_album {
    display: flex;
    padding-left: 20px;
}
.album_card {
    width: calc(33% - 20px);
    margin-right: 20px;
    overflow: hidden;
    border-radius: 8px;
    filter: brightness(0.9);
    transition: all 250ms ease;
}
.album_card:hover, .album_card:focus {
    filter: brightness(1);
}
.album_img_top {
    border-bottom: 1px solid #ddd;
    height: 250px;
    object-fit: cover;
}
.tag_album {
    font-size: 12px;
    opacity: .7;
}
.bts_album_hero {
  border-bottom: 1px solid #dddddd;
}
.bts_open_album {
    position: absolute;
    bottom: 16px;
}
.bts_album_body {
    padding-bottom: 54px;
}
.divider_album {
    top: 8px;
}
.tag_btn {
  background: #e2e6ea;
}
.tag_btn:hover, .tag_btn:focus {
  background: #c2c4c5;
}
.bts_album_foto {
    background: #15202b;
    padding-top: 35px !important;
}
.item_foto.lazy {
    filter: brightness(0.8);
    transition: all 250ms ease;
}
.item_foto.lazy:hover, .item_foto.lazy:focus {
    filter: brightness(1);
}

/******* STATIC PAGES *****/
.about_erks {
  width: 1200px;
  margin: 0 auto;
  padding: 20px;
  background: #ffffff;
}
.icon_about {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-left: 5px;
  fill: var(--secondary);
  transition: all 250ms ease;
}
.icon_about:hover {
  fill: #000000;
}
.header_text {
  font-size: 20px;
  margin-bottom: 0;
  top: 3px;
}
.about_erks_header {
  justify-content: space-between;
}
.follow_text {
  font-size: 16px;
}
.profil_wrapper .hero_inner {
    width: 1200px;
    padding: 0 20px;
}
.manajemen_profil_tag .erksfm_masonry_box {
    margin:0;
}
.manajemen_posisi, .kontak_title {
    font-size: 18px;
}
.kontak_title_outside {
    filter: drop-shadow(1px 2px 2px #ddd);
}
iframe#google_maps {
    width: 100% !important;
    border-radius: 7px;
    overflow: hidden;
}
.manajemen.frontend-erks p.text-dark {
  color: var(--primary) !important;
}
.manajemen.frontend-erks p.text-dark:hover {
  text-decoration: underline !important;
}
#modal_kontak {
    z-index: 20000;
}
.cp_kontak {
    width: 250px;
    justify-content: space-between;
}
.cp_btn {
    padding: 4px 7px;
}
#modal_kontak .icon {
    height: 40px;
    width: 40px;
}
#modal_kontak .icon.icon-phone {
    fill: var(--primary);
}

/******* ERKS ********/
.banner_inner {
  padding-left: 20px;
}
.banner_erks {
  background: none;
}
.banner_erks .b_1 {
  background: #000000;
  width: 30px;
  height: 120px;
  transform: skewX(-24deg);
  opacity: .7;
  position: relative;
  z-index: 12;
}
.banner_erks .b_2 {
  background: #ffffff;
  width: calc(100% - 50px);
  margin-left: 0;
  transform: skewX(-24deg);
  padding-left: 90px;
  z-index: 10;
}
.banner_erks .b_3 {
  background: var(--banner);
  width: 20px;
  height: 90px;
  transform: skewX(-24deg);
  opacity: .7;
  left: 10px;
  top: -35px;
}
.banner_erks .b_4 {
  background: var(--banner);
  width: 20px;
  height: 90px;
  transform: skewX(-24deg);
  opacity: .4;
  left: -17px;
  top: 0px;
}
.banner_erks .ribbon {
    background: var(--banner);
    width: 30px;
    height: 160px;
    left: 25px;
    top: -20px;
}
.banner_erks .label {
    width: 170px;
    background: var(--dark);
    height: 40px;
    right: 75px;
    top: -20px;
}
.banner_judul {
    color: var(--dark);
    transform: skewX(24deg);
}
.banner_label {
    font-size: 20px;
    transform: skewX(24deg);
}
.about_erks_wrapper {
    padding: 20px 0 40px;
}
.konten_sidenav {
    width: 200px;
    top: 60px;
    z-index: 100;
}
.konten_isi {
    width: calc(100% - 200px);
    padding-left: 40px;
}
.sidenav_item {
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}
.sidenav_item p {
    color: var(--dark);
}
.icon_sidenav {
    width: 14px;
    height: 14px;
    top: 5px;
    fill: var(--dark);
}
.sidenav_item:hover p, .sidenav_item:focus p, .sidenav_item.aktif p {
    color: var(--erks);
}
.sidenav_item:hover .icon_sidenav, .sidenav_item:focus .icon_sidenav, .sidenav_item.aktif .icon_sidenav {
    fill: var(--erks);
}

/******** BERANDA *******/
.beranda_hero {
    padding: 100px 0;
    width: 100%;
}
.beranda_erks_bg_1 {
    background: url('/aset/img/lppl-erks-hero-bg-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.beranda_erks_bg_2 {
    background: url('/aset/img/lppl-erks-hero-bg-2-dan-stark.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* Photo by Dan Start from www.unsplash.com */
}
.beranda_erks_bg_3 {
    background: url('/aset/img/lppl-erks-hero-bg-3-austin-neill.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* Photo by Austin Neill from www.unsplash.com */
}
.lefthero_image_wrapper img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: center;
}
.streaming_box {
    width: 400px;
    height: 55px;
    border-radius: 50px;
    background: url(/aset/img/metalic-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 16px;
}
.stream_btn {
    width: 40px;
    height: 40px;
    filter: drop-shadow(1px 4px 9px #777);
}
.stream_btn svg {
    fill: #ffffff;
    height: 20px;
    width: 20px;
    position: relative;
    bottom: 2px;
}
.stream_btn:hover {
    transform: scale(1.1);
    transition: none;
}
#start_stream svg {
    left: 2px;
}
#stop_stream svg {
    bottom: 3px;
}
.streamslider{border:2px solid var(--erks);border-radius:20px; width: 100px}
.streamslider .ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min{background:var(--primary);border:1px solid var(--primary)}
.streamslider span.ui-slider-handle{border-radius:50%;border:2px solid #000}
.streamslider .ui-state-default {left: 100%;}
.vol-icon svg {
    height: 20px;
    width: 20px;
    fill: #000000;
    position: relative;
    bottom: 3px;
    margin-right: 6px;
}
.streaming_left {
    width: 40px;
}
.streaming_center {
    width: 75px;
}
.streaming_right {
    width: calc(100% - 115px);
    padding-right: 10px;
}
#streamloader {
    top: 4px;
}
.jargon, .citeblock {
    background-color: var(--erks);
}
.jargon {
    padding: 60px 45px;
}
.kutipan_wrapper {
    padding: 25px;
    border: 3px solid #000000;
    z-index: 20;
}
.kutipan_erks {
    font-family: 'Kalam';
}
.kutipan_erks, .pemilik_kutipan {
    z-index: 25;
}
.the_quotes {
    font-size: 35px;
}
.citeblock {
    height: 10px;
    width: 10px;
    z-index: 22;
    position: absolute;
}
.citeblock svg {
    height: 30px;
    width: 30px;
    fill: #000000;
}
.citebox_1 {
    top: -8px;
    right: -10px;
    width: 15%;
    height: 30px;
}
.citebox_2 {
    bottom: -8px;
    left: -10px;
    width: 15%;
    height: 30px;
}
.citebox_3 {
    left: -21px;
    top: -8px;
    height: 40px;
    width: 50px;
    padding-right: 11px;
}
.citebox_4 {
    right: -22px;
    bottom: -22px;
    height: 40px;
    width: 50px;
    padding-left: 11px;
}
.weekly_top.beranda {
    width: 440px;
}
.weekly_top.beranda .weekly_top_header {
    background-color: #000000;
}
.weekly_top_home, .latest_news_home {
    padding: 66px 25px 50px;
}
.weekly_top_home {
    padding-top: 100px;
}
.music_top .ikon_musik {
    height: 32px;
    width: 32px;
    top: 0;
    right: 2px;
    margin-right: 0;
}
.latest_news_header {
    padding: 10px 20px;
    min-width: 440px;
}
.latest_news_image {
    padding-right: 20px;
}
.latest_news_image img {
    width: 100px;
}
.latest_news_box {
    width: 500px;
}
.youtube_beranda {
    width: 100%;
    max-width: 1150px;
    /*background: #c4302b;*/
    background: #181818;
    padding-left: 48px;
    padding-right: 48px;
}
.Beranda_wrapper {
    background: var(--light);
    padding-bottom: 50px;
}
.left_yt_erks {
    padding-right: 16px;
}
.yt_id {
    top: 0;
    right: 0;
}
.btn-youtube {
    background: #ff0000;
    color: #ffffff;
    padding: 4px 10px;
}
.btn-youtube:hover, .btn-youtube:focus {
    background: #cc181e;
    color: #ffffff;
}
.yt_channel_name .icon-bell {
    width: 20px;
    height: 20px;
    position: relative;
    fill: #ffffff;
    bottom: 5px;
}
.play_yt {
    width: 80px;
    height:54px;
    background: #ff0000;
    top: calc(50% - 27px);
    left: calc(50% - 40px);
    border-radius: 15px;
    display: flex;
    opacity: .7;
    align-items: center;
    justify-content: center;
    transition: all 200ms ease;
}
.play_thumb_yt {
    width: 50px;
    height:35px;
    background: #ff0000;
    top: calc(50% - 22px);
    left: calc(50% - 25px);
    border-radius: 7px;
}
.thumb_yt_wrapper {
    position: relative;
}
.yt_url_wrapper:hover .play_yt, .thumb_yt_wrapper:hover .play_yt, .yt_url:hover .play_yt {
    opacity: 1;
}
#ytplay {
    width: 35px;
    height: 35px;
}
.yt_url_wrapper {
    text-align: right;
}
.yt_url_wrapper img {
    height: 270px;
    object-fit: cover;
    object-position: center;
    width: calc(100% - 10px);
}
.thumb_yt_wrapper img {
    height: 170px;
    width: 250px;
    object-fit: cover;
}
.first_wrapper, .second_wrapper {
    width: 50%;
    justify-content: space-between;
}
.first_wrapper {
    padding-right: 10px;
}
.second_wrapper {
    padding-left: 10px;
}
.thumb_yt_wrapper {
    width: calc(50% - 10px);
}

/******* STREAMING ******/
.streamhost {
    background: url(/aset/img/inner-bg-player.png);box-shadow: 0 -.5rem 3rem rgba(0,0,0,.175);
}
.streaminside {
    justify-content: space-between;
}
.inside_right_text {
    align-self: center; font-size: 13px;
}
.ikon_volume {
    fill: #ffffff;
}
#streamslider {
    width: 140px; align-self: center;
}
.ikon_kontrol {
    fill: var(--light); bottom: 2px; 
}
#kontrol-play {
    right: 2px;
}
#kontrol-stop {
    right: 4px;
}
#streamhide .icon {
    fill: var(--danger); width: 1em; height: 2em;
}
#streamshow .icon {
    fill: var(--success); width: 1em; height: 2em;
}

/**** WIDGET COVID ****/
.bg-covid {
    background: #262c49;
}
.bg-box-covid {
    background: #10163a;
    padding: 20px;
}
.bg-title-covid {
    background: var(--light);
    padding: 20px;
}
.covid_left h3 {
    font-size: 18px;
}
.covid_left p {
    font-size: 14px;
}
.erks_covid {
    width: 100%;
    max-width: 1150px;
    padding-top: 80px;
}
.erks_covid .text-light {
    color: #d9dada !important;
}
.covid_positif {
    padding: 15px;
    border-right: 1px solid #555555;
}
.covid_positif h3 {
    font-size: 48px;
}
.covid_positif h5 {
    font-size: 30px;
}
.cvd_little {
    padding: 15px;
}
.covid_sembuh {
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
}
.covid_gejala {
    margin-bottom: 20px;
}
.covid_gejala .antiflex {
    width: 110px;
}
.covid_gejala, .covid_info {
    height: calc(50% - 10px);
}
.covid_simtom {
    border-right: 1px solid #555555;
}
.covid_info {
    background: #181818;
    padding: 20px;
}
.covid_inner_top {
    justify-content: space-evenly;
}
.covid_bottom {
    display: none;
}

/**** ANIMASI *****/
.animasi_erks {
    transition: all 500ms ease;
    opacity: 0;
}
.animasi_fly {
    transition: all 1s ease;
}
.animasi_done {
    opacity: 1;
}
.animasi_erks[data-animasi=zoom_in] {
    transform: scale(0);
}
.animasi_erks[data-animasi=fly_right] {
    transform: translateX(-100vw);
}
.animasi_erks[data-animasi=fly_left] {
    transform: translateX(100vw);
}
#editorial {
    overflow: hidden;
}
.bg-editorial {
    left: 0;
    top: 0;
    z-index: 3;
}
.editorial1 {
    background: url(/aset/img/lppl-erks-hero-bg-1.jpg);
    background-color: #222;
    background-size: cover;
    filter: brightness(0.4);
}
.editorial2 {
    background: url(/aset/bg/600-400-free-to-use-sounds-cjpAdkPWqGM-unsplash-min.jpg);
    background-color: #222;
    background-size: cover;
    filter: brightness(0.2);
    /* photo by Free to Sounds @ unsplash */
    /* kindly visit them at => https://unsplash.com/@freetousesoundscom?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText */
}
.editorial3 {
    background: url(/aset/bg/600-400-jasper-van-der-meij-sRQ0MJsWXvE-unsplash-min.jpg);
    background-color: #222;
    background-size: cover;
    filter: brightness(0.2);
    /* photo by Jasper Van der Meij @ unsplash */
    /* kindly visit them at => https://unsplash.com/@jaspervandermeij?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText */
}
.editorial4 {
    background: url(/aset/bg/600-400-derek-story-Ss8067hJ6aM-unsplash-min.jpg);
    background-color: #222;
    background-size: cover;
    filter: brightness(0.2);
    /* photo by Derek Story @ unsplash */
    /* kindly visit them at => https://unsplash.com/@derekstory?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText */
}
.editorial5 {
    background: url(/aset/bg/600-400-luana-de-marco-PF1l1F1hzoU-unsplash-min.jpg);
    background-color: #222;
    background-size: cover;
    filter: brightness(0.2);
    /* photo by Luana de Marco @ unsplash */
    /* kindly visit them at => https://unsplash.com/@luana_dmc?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText */
}
.editorial6 {
    background: url(/aset/bg/600-400-pisauikan-uMc1EkFZgag-unsplash-min.jpg);
    background-color: #222;
    background-size: cover;
    filter: brightness(0.1);
    /* photo by Pisau Ikan @ unsplash */
    /* kindly visit them at => https://unsplash.com/@pisauikan?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText */
}
.editorial7 {
    background: url(/aset/bg/600-400-hanandito-adi-aW_8P809WCY-unsplash-min.jpg);
    background-color: #222;
    background-size: cover;
    filter: brightness(0.2);
    /* photo by Hanandito Adi @ unsplash */
    /* kindly visit them at => https://unsplash.com/@hndi?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText */
}
.ontopbg {
    position: relative;
    z-index: 10;
}
#editorial h5.editheader {
    color: #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
}
#editorial .editjudul {
    color: var(--erks);
    transition: all 250ms ease;
}
#editorial .editjudul:hover, #editorial .editjudul:focus {
    color: var(--light) !important;
}
#editorial img {
    width: 200px;
    height: 200px;
    object-fit: cover;
}
#editorial .rightside {
    padding-left: 1.5rem;
}
#editorial .editspoiler{
    color: #ccc;
}
#editorial .img_second {
    display: none;
}
svg.erks-youtube {
    position: relative;
    height: 25px;
    width: 25px;
    top: 2px;
}

/* APLIKASI */
#promptImg {
  bottom: 1px;
}

/**** OPTIMASI ****/
@media screen and (max-width: 1200px) {
    .erks_sidebar {
        width: 300px;
    }
    .konten_wrapper {
        width: calc(100% - 250px);
    }
    .list_album_wrapper, .about_erks {
        width: 100%;
    }
    .about_erks_wrapper {
        padding-bottom: 0;
    }
    .about_erks {
        padding-bottom: 45px;
    }
    .inner_footer {
        width: 100%;
        padding: 0 20px;
    }
    .hasil_pencarian .all_wrapper {
        width: 100%;
    }
    .hasil_wrapper  {
        padding-left: 25px;
        padding-right: 25px;
    }
    .Beranda_wrapper {
        padding-bottom: 0;
    }
    .youtube_beranda {
        border-radius: 0 !important;
        max-width: 1200px;
    }
    .thumb_yt_wrapper img {
        width: calc(100% - 4px);
    }
    .erks_covid {
        width: 100%;
        max-width: 1200px;
        padding-top: 0; 
    }
    .bg-covid {
        border-radius: 0 !important;
    }
}
@media screen and (max-width: 1100px) {
    .inner-header {
        width: 100% !important;
    }
    .wt_right {
        justify-content: flex-end;
    }
    .thumb_yt_wrapper img {
        height: 120px;
    }
}
@media screen and (max-width: 1024px) {
    .article_wrapper, .inner_single_post_header {
        width: 100%;
    }
    .inner_single_post_header {
        padding: 0 15px;
    }
    .album_card, .item_foto.lazy {
        filter: brightness(1);
    }
    .wt_left img {
        width: 80%;
        position: relative;
        right: 40px;
    }
}
@media screen and (max-width: 1015px) {
    #allWrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #innerWrapper {
        display: block;
    }
    #kontenWrapper, #sideWrapper, #innerWrapper {
        width: 650px;
        margin: 0;
        padding: 0;
    }
    #sideWrapper section.erksfm {
        margin-left: 0 !important;
    }
    .weekly_top_item .judul_weekly, .berita_populer_item .judul_weekly {
        font-size: 18px;
    }
}
@media screen and (max-width: 950px) {
    .covid_right.top {
        display: none;
    }
    .covid_bottom {
        display: block;
    }
    .covid_inner_top {
        justify-content: center;
    }
    .covid_center .bg-box-covid, .bg-title-covid {
        width: 320px;
    }
    .covid_left {
        margin-right: 30px;
    }
    .covid_inner_top {
        margin-bottom: 30px;
    }
    .covid_bottom.covid_right {
        width: 670px;
        margin: 0 auto;
    }
    .covid_gejala {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 940px) {
    .album_item_text {
        font-size: 18px;
    }
    .all_wrapper {
        display: block;
    }
    .konten_wrapper, .erks_sidebar {
        width: 100%
    }
    .konten_wrapper {
        padding-right: 0 !important;
    }
    .loadmore_btn {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 900px) {
    .info_erksfm_right {
        display: none !important;
    }
    .info_erksfm_left {
        display: flex;
        justify-content: center !important;
        width: 100% !important;
        margin: 2em 0;
    }
    .footer_btm {
        display: block !important;
    }
    .inner_left_info .d-block.text-right {
        text-align: center !important;
    }
    .info_erksfm {
        text-align: center;
    }
    .list_footer_item.btn:first-child {
      margin-left: 0 !important;
    }
    .bts_hero {
        justify-content: center;
    }
    .bts_hero_info {
        width: 100%;
        max-width: 500px;
        padding: 20px;
        border-radius: 7px;
    }
    .bts_hero_info_bg {
        display: block;
    }.hero-title {
        color: var(--light)
    }
    .hero-title-info {
        color: #ffffff !important;
    }
    .pasangan_album {
        display: block;
        padding: 0 20px;
    }
    .album_card {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .album_img_top {
        height: 320px;
    }
    .konten_sidenav {
        width: 145px;
    }
    .konten_isi {
        width: calc(100% - 145px);
    }
    #searchCount {
        display: none;
    }
    .hasil_wrapper .pasangan_album {
        padding-right: 0;
    }
}

@media screen and (max-width: 800px) {
    .thumb_yt_wrapper img {
        height: 100px;
    }
    .yt_url_wrapper img {
        height: 200px;
    }
}

@media screen and (max-width: 768px) {
    .hero_inner_img {
        display: none;
    }
    .hero_inner_profil .hero_inner_img {
        display: block;
    }
    .hero_inner_profil {
        margin-right: 20px;
    }
    .hero_inner_info {
        padding-left: 0 !important;
    }
    .hero_inner {
        width: 100%;
        padding: 0 15px !important;
    }
    .banner_erks .label {
        right: 40px;
        width: 160px;
        height: 35px;
        top: -17px;
    }
    .banner_label {
        font-size: 18px;
    }
    .about_erks {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .banner_judul {
        font-size: 32px;
    }
    .weekly_top_home {
        display: block;
    }
    .wt_left, .wt_right, .latest_left, .latest_right {
        width: 100% !important;
    }
    .wt_left {
        margin-bottom: 35px;
    }
    .wt_right {
        justify-content: center;
    }
    .wt_left img {
        right: 0;
    }
    .latest_left {
        margin-bottom: 30px;
    }
    .latest_news_home {
        display: block;
    }
    .weekly_top.beranda {
        width: 500px;
    }
    .yt_inner {
        display: block;
    }
    .logo_yt_wrapper {
        width: 100% !important;
        padding-bottom: 35px;
    }
    .yt_latest {
        width: 100% !important;
    }
    .yt_url_wrapper img {
        height: 365px;
        width: 100%;
    }
    .thumb_outer {
        display: block;
    }
    .first_wrapper, .second_wrapper {
        width: 100%;
        padding: 0;
    }
    .first_wrapper {
        margin-bottom: 30px;
    }
    .thumb_yt_wrapper img {
        height: 200px;
    }
    .covid_inner_top, .covid_bottom.covid_right {
        display: block;
        padding: 0 30px;
    }
    .covid_left {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .covid_center .bg-box-covid, .bg-title-covid, .covid_bottom.covid_right {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .erksfm.navbar, #navWrapper {
        display: none !important;
    }
    .header_menu_wrapper {
        display: flex;
    }
    .logoheader {
        width: calc(100% - 192px) !important;
        justify-content: center;
    }
    .newsimage {
        height: calc(100vw * 75 / 100 - 20px);
    }
}

@media screen and (max-width: 700px) {
    #innerWrapper {
        padding: 0 20px;
    }
    #kontenWrapper, #sideWrapper, #innerWrapper {
        width: 100%;
    }
    .article_image_wrapper img {
      height: 350px;
    }
    .item_berita_gambar img {
        height: 350px;
    }
    .all_wrapper {
        padding: 0;
    }
    .konten_sidenav {
        display: none;
    }
    .konten_isi {
        width: 100%;
        padding: 0;
    }
    .hasil_wrapper  {
        padding-left: 15px;
        padding-right: 15px;
    }
    .item_berita {
        border-radius: 0 !important;
    }
    #editorial {
        border-radius: 0 !important;
    }
}

@media screen and (max-width: 650px) {
    .item_berita_gambar img {
        height: 300px;
    }
    .hasil_top_wrapper {
        display: block;
    }
    .hasil_image_wrapper {
        width: 100%;
    }
    .hasil_image_wrapper .sm_img {
        display: none;
    }
    .hasil_image_wrapper .md_img {
        display: block !important;
    }
    .hasil_meta_wrapper {
        width: 100%;
        padding: 15px 0 0;
    }
    .thumb_yt_wrapper img {
        height: 150px;
    }
}

@media screen and (max-width: 629px) {
    .erksfm_masonry_box {
        width: 100% !important;
        padding: 15px;
    }
    .erksfm_masonry_item {
        width: calc(100% - 30px);
    }
}

@media screen and (max-width: 600px) {
    #innerWrapper {
        padding: 0;
    }
    .w-news {
        border-radius: 0 !important;
    }
    .w-news h1 {
        font-size: 18px;
    }
    .w-news .spoiler p {
        font-size: 14px;
    }
    #stream_image {
        display: none;
    }
    .right_hero {
        padding-left: 0 !important;
    }
    .beranda_hero {
        padding-left: 15px;
        padding-right: 15px;
    }
    #editorial img {
        width: 150px;
        height: 200px;
        object-fit: cover;
    }
}

@media screen and (max-width: 550px) {
    .list_footer_item {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .inner-header {
        padding: 0 1em;
    }
    #topHeader {
        height: 60px !important;
        justify-content: center;
        z-index: 2500;
        align-items: flex-end !important;
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    .berita_populer_item .judul_weekly {
        font-size: 16px;
    }
    .streambutton:first-child {
        display: none !important;
    }
    .streambutton:last-child {
        display: block !important;
    }
    .logoheader {
        width: calc(100% - 130px) !important;
        justify-content: center;
    }
    .terkait_item {
      display: block;
      border-bottom: 1px solid #ddd;
      padding-bottom: 15px;
    }
    .terkait_item:last-child {
      border-bottom: none;
    }
    .terkait_img_wrapper img {
      width: 100%;
      height: 300px;
      margin-bottom: 15px;
    }
    .terkait_meta_wrapper {
      padding-left: 0;
    }
    .hero_inner_info h1 {
        font-size: 28px;
    }
    .follow_erks_header {
        display: none;
    }
    .latest_right img {
        width: 100%;
    }
    .thumb_yt_wrapper img {
        height: 100px;
    }
    .youtube_beranda {
        padding: 30px 20px !important;
    }
    #editorial .btn-sm {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .footer_top {
        display: block !important;
        text-align: center;
    }
    .footer_image {
        width: 100% !important;
        margin-bottom: 2em;
    }
    .menu_footer {
        width: 100% !important;
        justify-content: center;
        margin-bottom: 1em;
    }
    .menu_footer p.text-light {
      text-align: center !important;
    }
    .list_footer_item.btn {
      min-height: 60px;
    }
    .inner_left_info .full-flex-right {
      justify-content: center;
    }
    .judul_berita {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .meta_berita {
        display: block;
        text-align: center;
    }
    .divider_berita {
        display: none;
    }
    .go_timeline, .go_post {
        font-size: 12px;
    }
    .icon_action {
        width: 1.5em;
        height: 1.5em;
        margin-right: 10px;
    }
    .icon_komen {
        top: 0px;
    }
    #beritaCarousel .berita_indikator {
        bottom: -41px;
    }
    .judul_again {
        font-size: 24px;
    }
    .bts_hero_info {
        width: calc(100% - 30px);
    }
    .streaming_box {
        width: 100%;
        min-width: 350px;
    }
    .kutipan_erks {
        font-size: 22px;
    }
    .yt_url_wrapper img {
        height: 100%;
    }
}

@media screen and (max-width: 480px) {
    .banner_erks .b_1 {
        width: 20px;
        height: 85px;
    }
    .banner_erks .ribbon {
        width: 22px;
        left: 15px;
        height: 125px;
    }
    .banner_erks .b_2 {
        padding-left: 60px;
        width: calc(100% - 25px);
    }
    .banner_inner {
        padding-left: 25px;
    }
    .banner_label {
        font-size: 14px;
    }
    .banner_erks .label {
        height: 30px;
        width: 130px;
        right: 25px;
    }
    
}

@media screen and (max-width: 460px) {
    #editorial img {
        display: none;
    }
    #editorial .rightside img {
        display: block;
        width: 28px;
        height: 28px;
        border-radius: 50% !important;
        margin-right: 10px;
    }
    #real_editorial {
        display: block;
    }
    #editorial .rightside {
        padding: 0 !important;
    }
    #editorial .editjudul {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .item_berita_gambar img {
        height: 250px;
    }
    .banner_judul {
        font-size: 23px;
    }
    .weekly_top_item.berita {
        display: block !important;
    }
    .latest_news_image img {
        width: 100%;
    }
    .latest_news_image {
        padding-right: 0;
        padding-bottom: 20px;
    }
    .latest_news_box .detail_weekly {
        width: 100%;
    }
    .first_wrapper, .second_wrapper {
        display: block;
    }
    .thumb_yt_wrapper {
        width: 100%;
        margin-bottom: 20px;
    }
    .thumb_yt_wrapper img {
        height: 100%;
    }
}

@media screen and (max-width: 400px) {
    .inner_left_info .full-flex-right {
        display: block;
    }
    .list_footer_item.btn {
        margin-left: 0 !important;
        margin-bottom: 15px;
    }
    #beritaCarousel .berita_indikator {
        left: 20px;
    }
    .album_img_top {
        height: 225px;
    }
    .erks_covid h6, .erks_covid p {
        font-size: 14px;
    }
    .covid_positif h5 {
        font-size: 24px;
    }
}
@media screen and (max-width: 375px) {
    .streaming_box {
        min-width: 315px;
    }   
}