/*****************************************************/
/**                                                 **/
/** 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: 'PTSans-Regular';
  font-weight: normal;
  font-style: normal;
  src:  local('PT Sans'),
  		local('PTSans-Regular'), 
  		url(https://cdn.jsdelivr.net/gh/ghivarra/soul@1.5/fonts/PTSans-Regular.woff) 
  		format('woff');
  src:  local('PT Sans'),
  		local('PTSans-Regular'), 
  		url(https://cdn.jsdelivr.net/gh/ghivarra/soul@1.5/fonts/PTSans-Regular.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: 'PTSans-Regular';
  font-weight: normal;
  font-style: normal;
  src:  local('PT Sans'),
  		local('PTSans-Regular'), 
  		url(https://cdn.jsdelivr.net/gh/ghivarra/soul@1.5/fonts/PTSans-Regular.woff) 
  		format('woff');
  src:  local('PT Sans'),
  		local('PTSans-Regular'), 
  		url(https://cdn.jsdelivr.net/gh/ghivarra/soul@1.5/fonts/PTSans-Regular.woff2) 
  		format('woff2');;
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PTSans-Regular';
  font-weight: normal;
  font-style: normal;
  src:  local('PT Sans'),
  		local('PTSans-Regular'), 
  		url(https://cdn.jsdelivr.net/gh/ghivarra/soul@1.5/fonts/PTSans-Regular.woff) 
  		format('woff');
  src:  local('PT Sans'),
  		local('PTSans-Regular'), 
  		url(https://cdn.jsdelivr.net/gh/ghivarra/soul@1.5/fonts/PTSans-Regular.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: 'PTSans-Regular';
  font-weight: normal;
  font-style: normal;
  src:  local('PT Sans'),
  		local('PTSans-Regular'), 
  		url(https://cdn.jsdelivr.net/gh/ghivarra/soul@1.5/fonts/PTSans-Regular.woff) 
  		format('woff');
  src:  local('PT Sans'),
  		local('PTSans-Regular'), 
  		url(https://cdn.jsdelivr.net/gh/ghivarra/soul@1.5/fonts/PTSans-Regular.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 {
	--erks: #fec400;
	--size: 16px;
	--sans: 'PTSans-Regular', sans-serif;
};

* {transition: background-color 300ms ease, color 300ms ease;}

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

html, body {font-size: var(--size); font-family: var(--sans); background: #000;}
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;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.2;
}
.p5 {
    padding: 5px;
}
.b-black {
    background: #000;
}
.relative {
	position: relative;
	z-index: 10;
}
.bg-erks {
	background-color: var(--erks);
}
.bg-erks2 {
	background-color: #000;
}
.col-erks {
	color: var(--erks);
}
.kursor-point {
  cursor: pointer;
}
.kursor-normal {
  cursor: default;
}
.full-flex-center {
    align-items: center;
    justify-content: center;
    align-self: center;
}
#volumeicon .icon {
    fill: #ffffff;
}
#streamslider {
    width: 140px;
}
.stream .batas_768 {
    margin-left: 20px;
}
.kontrol_wrapper.kontrol_768 {
    width: calc(100% - 304px);
    justify-content: center; 
}
.status-teks {
    align-items:center; font-size: 13px; width: 84px; filter: drop-shadow(0px 2px 3px #111111); justify-content: center;
}

/** 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: absolute;
  overflow: hidden;
  background: #fff;
  top: 0;
  z-index: 50;
}
.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 */
}
.ldio-1nkt3xmsawp div { box-sizing: content-box; }
/* generated by https://loading.io/ */
.informasi #realKonten {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fafafa' href='%23s' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='2'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23e5e5e5'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23e0e0e0'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23000000'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23000000'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23000000'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}

/* LOADING SPINNER */
@keyframes ldio-iosdy0nusko {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}
.ldio-iosdy0nusko > div > div {
  transform-origin: 50px 50px;
  animation: ldio-iosdy0nusko 3.7037037037037033s linear infinite;
  opacity: 1
}
.ldio-iosdy0nusko > div > div > div {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 32px;
  height: 32px;
  border-radius: 32px 0 0 0;
  transform-origin: 50px 50px
}.ldio-iosdy0nusko > div div:nth-child(1) {
  animation-duration: 0.9259259259259258s
}
.ldio-iosdy0nusko > div div:nth-child(1) > div {
  background: #000000;
  transform: rotate(0deg);
}.ldio-iosdy0nusko > div div:nth-child(2) {
  animation-duration: 1.2345679012345678s
}
.ldio-iosdy0nusko > div div:nth-child(2) > div {
  background: #04345c;
  transform: rotate(0deg);
}.ldio-iosdy0nusko > div div:nth-child(3) {
  animation-duration: 1.8518518518518516s
}
.ldio-iosdy0nusko > div div:nth-child(3) > div {
  background: #28a745;
  transform: rotate(0deg);
}.ldio-iosdy0nusko > div div:nth-child(4) {
  animation-duration: 3.7037037037037033s
}
.ldio-iosdy0nusko > div div:nth-child(4) > div {
  background: #ffc300;
  transform: rotate(0deg);
}
.loadingio-spinner-wedges-qmhw82kaann {
    width: 42px;
    height: 42px;
    display: inline-block;
    overflow: hidden;
    background: #8bf390;
    border-radius: 50%;
    position: absolute;
    z-index: 40;
    top: -3px;
    left: calc(50% - 21px);
}
.ldio-iosdy0nusko {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.42);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-iosdy0nusko div { box-sizing: content-box; }
/* generated by https://loading.io/ */

.kontrol_768 #streamloader768 {
    left: calc(100% - 82px);
}

/**** STREAM *****/
#myPCStream {
    height: 150px;
    margin-bottom: 20px;
    padding: 0 5px;
}
#pcstream_wrapper {
    background: #616161;
    padding: 5px;
}
.streamshadow.shd1 {
    height: 90px; 
    margin-bottom: 2px; 
    border: 1px solid #000; 
}
.imagestream_wrapper {
    height: 80px;
    width: 80px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #333;
    border: 4px solid #111;
}
.streamlogo {
    border-radius: 50%;
    width: 65px;
    left: 4px;
    top: 4px; 
    z-index: 40
}
.streamlogo2 {
    border: 4px solid #000;
    border-radius: 50%;
    width: 65px;
    left: 4px;
    top: 4px;
    z-index: 42;
    filter: brightness(1.5);
}
.stream.judul_wrapper {
    width: calc(100% - 80px);
}
.stream.judul_wrapper h1 {
    top: 6px; 
    left: 4px;
    font-size: 16px;
    cursor: default;
    color: #fec400;
    font-weight: bold;
    padding-left: 5px;
}
.stream.judul_wrapper p {
    top: 35px;left: 4px;font-size: 16px;cursor: default;color: #ffffff; padding-left: 5px;
}
.stream.judul_wrapper .text_wrapper {
    height: 55px;
}
.shd2 {
    height: 38px; border: 1px solid #000;border-bottom-width: 2px;
}
.shd2 .kontrol_wrapper {
    width: calc(100% - 304px); justify-content: center;
}
.thew1 {
    width: 1px;
}


/**** GET REAL ****/
.allHero {
    width: 1150px;
    display: flex;
    justify-content: space-between;
}
.myflexbox {
    position: relative;
    z-index: 50;
    width: 500px;
    padding: 40px;
}
.acaraWrapper img {
    border-radius: 10px;
    filter: drop-shadow(2px 4px 6px #584505);
    margin: 10px;
    max-width: 80%;
    max-height: 100%;
}
a.fancybox {
    text-align: center;
    margin-bottom: 20px;
}
.flex1, .flex2 {
    width: 420px;
}
.image.logoquote {
    width: calc(100% - 500px);
    padding: 40px;
}
.kutipan-hero {
    color: #dc6262;
    font-size: 26px;
    line-height: 1.5;
    padding-bottom: 10px;
    border-bottom: 1px solid;
}
.blockquote-hero {
    padding: 40px 0;
}
.topBG {
    height: calc(100vh - 176px);
}
.gradient {
    background: rgb(238,238,238);
    background: -webkit-linear-gradient(rgba(238,238,238,0) 0%, rgba(254,196,0,0) 90%, rgba(254,196,0,1) 100%);
    background: -o-linear-gradient(rgba(238,238,238,0) 0%, rgba(254,196,0,0) 90%, rgba(254,196,0,1) 100%);
    background: linear-gradient(rgba(238,238,238,0) 0%, rgba(254,196,0,0) 90%, rgba(254,196,0,1) 100%);
}
footer h1 {
    font-size: 16px;
    margin: 0;
    position: relative;
    bottom: 4px;
}
footer {
    background: #000000;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;

}
.coverup {
    opacity: 0;
    transition: all 500ms ease;
    position: absolute;
}
iframe#radioIframe {
    background: #000000;
    left: 0;
    opacity: 0;
    transition: all 500ms ease;
}
iframe#radioIframe:hover {
    cursor: default;
}
div#tutupan {
    height: 20px;
    width: 200px;
    bottom: 96px;
    left: 115px;
    color: #fff;
    border-radius: 5px;
    cursor: default;
    background: rgb(51,51,51);
    background: -webkit-linear-gradient(bottom, #272727 0%, rgb(41, 40, 40) 50%, rgb(43, 43, 43) 100%);
    background: -o-linear-gradient(bottom, #272727 0%, rgb(41, 40, 40) 50%, rgb(43, 43, 43) 100%);
    background: linear-gradient(to top, #272727 0%, rgb(41, 40, 40) 50%, rgb(43, 43, 43) 100%);
}
div#tutupan2 {
    height: 20px;
    width: 200px;
    background: #3c3a3a;
    bottom: 155px;
    left: 115px;
    color: #fec400;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
    cursor: default;
    background: rgb(51,51,51);
    background: -webkit-linear-gradient(bottom, rgb(58, 53, 53) 0%, rgb(60, 57, 57) 50%, rgb(60, 58, 58) 100%);
    background: -o-linear-gradient(bottom, rgb(58, 53, 53) 0%, rgb(60, 57, 57) 50%, rgb(60, 58, 58) 100%);
    background: linear-gradient(to top, rgb(58, 53, 53) 0%, rgb(60, 57, 57) 50%, rgb(60, 58, 58) 100%);
}
div#tutupan3 {
    height: 20px;
    width: 200px;
    background: #3c3a3a;
    bottom: 133px;
    left: 115px;
    color: #fec400;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
    cursor: default;
    background: rgb(51,51,51);
    background: -webkit-linear-gradient(bottom, rgb(51, 48, 48) 0%, rgb(51, 50, 50) 50%, rgb(53, 53, 53) 100%);
    background: -o-linear-gradient(bottom, rgb(51, 48, 48) 0%, rgb(51, 50, 50) 50%, rgb(53, 53, 53) 100%);
    background: linear-gradient(to top, rgb(51, 48, 48) 0%, rgb(51, 50, 50) 50%, rgb(53, 53, 53) 100%);
}
div#tutupan4 {
    text-transform: uppercase;
    height: 20px;
    width: 42px;
    background: #3c3a3a;
    bottom: 53px;
    left: 19px;
    color: #fec400;
    font-weight: bold;
    font-size: 11px;
    border-radius: 5px;
    cursor: default;
    background: rgb(51,51,51);
    background: -webkit-linear-gradient(bottom, #292929 0%, rgba(54,53,53,1) 50%, rgba(60,58,58,1) 100%);
    background: -o-linear-gradient(bottom, #292929 0%, rgba(54,53,53,1) 50%, rgba(60,58,58,1) 100%);
    background: linear-gradient(to top, #292929 0%, rgba(54,53,53,1) 50%, rgba(60,58,58,1) 100%);
}
img#tutupLogo {
    border: 5px solid #000;
    border-radius: 50%;
    bottom: 100px;
    left: 28px;
    width: 70px;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
.rotating {
  -webkit-animation: rotating 4s linear infinite;
  -moz-animation: rotating 4s linear infinite;
  -ms-animation: rotating 4s linear infinite;
  -o-animation: rotating 4s linear infinite;
  animation: rotating 4s linear infinite;
}


/**** HOME ****/

#preload {
    z-index: 20000;
}
.myflexbox {
    justify-content: center;
    align-items: center;
}
#thesvgWrap {
    bottom: 0;
    z-index: 17;
}
#footerCopy {
    color: #000;
    padding-top: 20px;
}
#copyright {
    font-size: 16px;
}

/**** OPTIMASI ****/

@media screen and (max-width: 1170px) {
    .allHero {
        width: 100%;
    }
    .image.logoquote, .myflexbox {
        width: 50%;
    }
}
@media screen and (max-width: 1024px) {
    .flex1, .flex2 {
        width: 100%;
    }
    .kutipan-hero {
        font-size: 20px;
    }
    .acaraWrapper.h-100 {
        padding-top: calc(40px - 2vw);
    }
}
@media screen and (max-width: 768px) {
    .allHero {
        display: block;
    }
    .image.logoquote img {
        height: 70px;
        margin: 0 auto;
        display: block;
    }
    .image.logoquote, .myflexbox {
        width: 100%;
        padding: 1em;
    }
    .blockquote-hero {
        padding-bottom: 0;
        padding-top: 20px;
        margin-bottom: 0;
    }
    .acaraWrapper.h-100 {
        padding-top: 0;
        display: flex;
    }
    .kutipan-hero {
        font-size: 16px;
    }
    .image.logoquote p {
        font-size: 14px;
    }
}
@media screen and (max-width: 550px) {
    .topBG {
        height: calc(100vh - 232px);
    }
    footer h1 {
        top: 7px;
    }

}

@media screen and (max-width: 450px) {
    .acaraWrapper.h-100 {
        display: block;
    }
    .acaraWrapper.h-100 .flex2 {
        display: none !important;
    }
    .myflexbox {
        padding-top: 0;
    }
    .image.logoquote {
        padding-bottom: 0;
    }
    .acaraWrapper img {
        max-height: 120px;
    }
}
@media screen and (max-width: 400px) {
    .ldio-1nkt3xmsawp {
        right: 10vh;
    }
    .ldio-1nkt3xmsawp img {
        width: 210px;
        left: 10vh;
        position: relative;
    }
    .ldio-1nkt3xmsawp div {
        width: 25px;
        height: 25px;
    }
}

@media screen and (max-height: 590px) {
    .topBG {
        height: calc(100vh - 145px);
    }
    #copyright {
        padding-bottom: 15px;
    }
}