@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?es3i9v");
  src: url("../fonts/icomoon.eot?es3i9v#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?es3i9v") format("truetype"), url("../fonts/icomoon.woff?es3i9v") format("woff"), url("../fonts/icomoon.svg?es3i9v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }
  .icon-notifikasi, .icon-login {
    font-size: 23px;
    color: #a9aaaa; }
    .icon-notifikasi:hover, .icon-login:hover {
      color: #125ba8; }
  .icon-login {
    vertical-align: -webkit-baseline-middle; }
  .icon-search {
    color: #bcbdbd; }
    .icon-search:hover {
      color: #125ba8; }
  .icon-like {
    width: 15px;
    height: 9px; }
  .icon-dibaca {
    width: 14px;
    height: 14px;
    vertical-align: text-top; }
  .icon-like {
    width: 14px;
    height: 11px;
    vertical-align: text-top; }
  .icon-comment {
    width: 14px;
    height: 14px; }
  .icon-blue {
    color: #61c3f1; }
  .icon-green {
    color: #63c665; }
  .icon-menu {
    font-size: 18px;
    padding-right: 5px;
    float: left;
    margin-top: -2px; }
  .icon-login {
    background-size: cover;
    width: 23px;
    height: 23px;
    position: relative; }
  .icon-home {
    width: 18px;
    height: 15px;
    vertical-align: top;
    position: relative;
    bottom: 1px; }
  .icon-report {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background: #2376ba; }
    .icon-report:before, .icon-report:after {
      content: "";
      display: block;
      position: absolute; }
    .icon-report:before {
      top: 20%;
      left: 42%;
      height: 8px;
      width: 3px;
      border: solid #fff;
      border-width: 0 3px 0 0; }
    .icon-report:after {
      top: 70%;
      left: 42%;
      height: 2px;
      width: 3px;
      border: solid #fff;
      border-width: 0 3px 0 0;
      border-radius: 10px; }

.icon-login {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAAH2U1dRAAAAMFBMVEUAAACpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqoVD2bmAAAAD3RSTlMAECAwQFBgcICPn6+/3++glGfDAAAA7UlEQVQoz2NggIAOKN1wgKG/A0QyufgzMHAwJICIx0CJ//+hKvhdHBgYWICQgYUPyGXJ6GhgYOFigIrx//8AZDJ1dHQogBS3APERKOMAlPHKxQVkRAvDOoiBQCkDsFQrTDEm4AAaCGb8cHHxugBifIBiZAZzAJRhD9H1gfkL0C6gQz7wnwAaUACS+gyVYuA3KMBlDpQx/////wkM+AHbfwh4DBPob4DQ9w1gAg4Q+rwDXgG7rwx9CkgCdt+QbAEK2EEt+v8PKsD1PwBVBQPXPwNUAQau7wz7HYh2R/7LDhDo+icAM0QNLNCmgN3vAOiKZwbcqKzSAAAAAElFTkSuQmCC); }
  .icon-login-black {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.9 21.1' xml:space='preserve'%3E%3Cpath d='M2.9 20.6c-1.3 0-2.3-1.1-2.3-2.3V2.9C.6 1.6 1.7.6 2.9.6h15.3c1.3 0 2.3 1 2.3 2.3V6H19V2.9c0-.4-.3-.8-.8-.8H2.9c-.4 0-.8.4-.8.8v15.3c0 .4.3.8.8.8h15.3c.4 0 .8-.4.8-.8v-3.1h1.6v3.1c0 1.3-1 2.3-2.3 2.3H2.9zm3.5-10 4.9-4.9 1.1 1.1-3 3h11.2v1.6H9.4l3 3-1.1 1.1-4.9-4.9z' fill='%23292929'/%3E%3C/svg%3E"); }

.fa.fa-tiktok {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDQ0OCA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ0OCwyMDkuOTFhMjEwLjA2LDIxMC4wNiwwLDAsMS0xMjIuNzctMzkuMjVWMzQ5LjM4QTE2Mi41NSwxNjIuNTUsMCwxLDEsMTg1LDE4OC4zMVYyNzguMmE3NC42Miw3NC42MiwwLDEsMCw1Mi4yMyw3MS4xOFYwbDg4LDBhMTIxLjE4LDEyMS4xOCwwLDAsMCwxLjg2LDIyLjE3aDBBMTIyLjE4LDEyMi4xOCwwLDAsMCwzODEsMTAyLjM5YTEyMS40MywxMjEuNDMsMCwwLDAsNjcsMjAuMTRaIi8+PC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  height: 13px;
  width: 13px; }

.icon-notif {
  width: 30px;
  height: 30px;
  top: -2px;
  position: relative;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjY4NjkgMjYuMjVDMTkuNjg2OSAyNi40OTg2IDE5LjU4ODEgMjYuNzM3MSAxOS40MTIzIDI2LjkxMjlDMTkuMjM2NSAyNy4wODg3IDE4Ljk5OCAyNy4xODc1IDE4Ljc0OTQgMjcuMTg3NUgxMS4yNDk0QzExLjAwMDcgMjcuMTg3NSAxMC43NjIzIDI3LjA4ODcgMTAuNTg2NCAyNi45MTI5QzEwLjQxMDYgMjYuNzM3MSAxMC4zMTE5IDI2LjQ5ODYgMTAuMzExOSAyNi4yNUMxMC4zMTE5IDI2LjAwMTQgMTAuNDEwNiAyNS43NjI5IDEwLjU4NjQgMjUuNTg3MUMxMC43NjIzIDI1LjQxMTMgMTEuMDAwNyAyNS4zMTI1IDExLjI0OTQgMjUuMzEyNUgxOC43NDk0QzE4Ljk5OCAyNS4zMTI1IDE5LjIzNjUgMjUuNDExMyAxOS40MTIzIDI1LjU4NzFDMTkuNTg4MSAyNS43NjI5IDE5LjY4NjkgMjYuMDAxNCAxOS42ODY5IDI2LjI1Wk0yNS44ODA3IDIyLjQ5OTZDMjUuNzE4MiAyMi43ODYgMjUuNDgyMyAyMy4wMjM5IDI1LjE5NzMgMjMuMTg4OEMyNC45MTIyIDIzLjM1MzYgMjQuNTg4NCAyMy40Mzk1IDI0LjI1OTIgMjMuNDM3NUg1LjczOTU1QzUuNDA5OSAyMy40MzcxIDUuMDg2MTkgMjMuMzQ5NyA0LjgwMTA3IDIzLjE4NDNDNC41MTU5NSAyMy4wMTg4IDQuMjc5NDkgMjIuNzgxMSA0LjExNTUzIDIyLjQ5NTFDMy45NTE1OCAyMi4yMDkxIDMuODY1OTIgMjEuODg1IDMuODY3MiAyMS41NTUzQzMuODY4NDggMjEuMjI1NyAzLjk1NjY2IDIwLjkwMjIgNC4xMjI4MyAyMC42MTc1QzQuODE4NTcgMTkuNDIwNCA1LjY0ODE0IDE3LjE0ODggNS42NDgxNCAxMy4xMjVWMTIuMTg3NUM1LjY0NSA5LjcwNDI5IDYuNjI4NDIgNy4zMjE1NCA4LjM4MjA1IDUuNTYzNEMxMC4xMzU3IDMuODA1MjUgMTIuNTE1OSAyLjgxNTczIDE0Ljk5OTEgMi44MTI1TDE1LjA3MDYgMi44MTI3M0MyMC4xODgyIDIuODUwNyAyNC4zNTE1IDcuMTAzNjcgMjQuMzUxNSAxMi4yOTM0VjEzLjEyNUMyNC4zNTE1IDE3LjE0OSAyNS4xODA2IDE5LjQyMDggMjUuODc2MSAyMC42MThDMjYuMDQ0MSAyMC45MDI5IDI2LjEzMzEgMjEuMjI3NCAyNi4xMzM5IDIxLjU1ODJDMjYuMTM0NyAyMS44ODg5IDI2LjA0NzMgMjIuMjEzOSAyNS44ODA3IDIyLjQ5OTZaTTI0LjI1OTIgMjEuNTYyNUMyMy40NDM1IDIwLjE2MzMgMjIuNDc2NSAxNy41NjY0IDIyLjQ3NjUgMTMuMTI1VjEyLjI5MzRDMjIuNDc2NSA4LjEzIDE5LjE0NzkgNC43MTgwOSAxNS4wNTY3IDQuNjg3NzNDMTUuMDM3NiA0LjY4NzYgMTUuMDE4NiA0LjY4NzUyIDE0Ljk5OTYgNC42ODc1QzEzLjAxMzYgNC42OTA2NCAxMS4xMTAyIDUuNDgyNTcgOS43MDgwOCA2Ljg4OTA5QzguMzA1OTggOC4yOTU2MSA3LjUyMDAzIDEwLjIwMTUgNy41MjMxNCAxMi4xODc1VjEzLjEyNUM3LjUyMzE0IDE3LjU2NjQgNi41NTU1MyAyMC4xNjMzIDUuNzQzNzcgMjEuNTU5OEwyNC4yNTkyIDIxLjU2MjVaIiBmaWxsPSIjNDU0NTQ1Ii8+Cjwvc3ZnPgo="); }

/**
* * base
*/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?es3i9v");
  src: url("../fonts/icomoon.eot?es3i9v#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?es3i9v") format("truetype"), url("../fonts/icomoon.woff?es3i9v") format("woff"), url("../fonts/icomoon.svg?es3i9v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }
  .icon-notifikasi, .icon-login {
    font-size: 23px;
    color: #a9aaaa; }
    .icon-notifikasi:hover, .icon-login:hover {
      color: #125ba8; }
  .icon-login {
    vertical-align: -webkit-baseline-middle; }
  .icon-search {
    color: #bcbdbd; }
    .icon-search:hover {
      color: #125ba8; }
  .icon-like {
    width: 15px;
    height: 9px; }
  .icon-dibaca {
    width: 14px;
    height: 14px;
    vertical-align: text-top; }
  .icon-like {
    width: 14px;
    height: 11px;
    vertical-align: text-top; }
  .icon-comment {
    width: 14px;
    height: 14px; }
  .icon-blue {
    color: #61c3f1; }
  .icon-green {
    color: #63c665; }
  .icon-menu {
    font-size: 18px;
    padding-right: 5px;
    float: left;
    margin-top: -2px; }
  .icon-login {
    background-size: cover;
    width: 23px;
    height: 23px;
    position: relative; }
  .icon-home {
    width: 18px;
    height: 15px;
    vertical-align: top;
    position: relative;
    bottom: 1px; }
  .icon-report {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background: #2376ba; }
    .icon-report:before, .icon-report:after {
      content: "";
      display: block;
      position: absolute; }
    .icon-report:before {
      top: 20%;
      left: 42%;
      height: 8px;
      width: 3px;
      border: solid #fff;
      border-width: 0 3px 0 0; }
    .icon-report:after {
      top: 70%;
      left: 42%;
      height: 2px;
      width: 3px;
      border: solid #fff;
      border-width: 0 3px 0 0;
      border-radius: 10px; }

.icon-login {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAAH2U1dRAAAAMFBMVEUAAACpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqoVD2bmAAAAD3RSTlMAECAwQFBgcICPn6+/3++glGfDAAAA7UlEQVQoz2NggIAOKN1wgKG/A0QyufgzMHAwJICIx0CJ//+hKvhdHBgYWICQgYUPyGXJ6GhgYOFigIrx//8AZDJ1dHQogBS3APERKOMAlPHKxQVkRAvDOoiBQCkDsFQrTDEm4AAaCGb8cHHxugBifIBiZAZzAJRhD9H1gfkL0C6gQz7wnwAaUACS+gyVYuA3KMBlDpQx/////wkM+AHbfwh4DBPob4DQ9w1gAg4Q+rwDXgG7rwx9CkgCdt+QbAEK2EEt+v8PKsD1PwBVBQPXPwNUAQau7wz7HYh2R/7LDhDo+icAM0QNLNCmgN3vAOiKZwbcqKzSAAAAAElFTkSuQmCC); }
  .icon-login-black {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.9 21.1' xml:space='preserve'%3E%3Cpath d='M2.9 20.6c-1.3 0-2.3-1.1-2.3-2.3V2.9C.6 1.6 1.7.6 2.9.6h15.3c1.3 0 2.3 1 2.3 2.3V6H19V2.9c0-.4-.3-.8-.8-.8H2.9c-.4 0-.8.4-.8.8v15.3c0 .4.3.8.8.8h15.3c.4 0 .8-.4.8-.8v-3.1h1.6v3.1c0 1.3-1 2.3-2.3 2.3H2.9zm3.5-10 4.9-4.9 1.1 1.1-3 3h11.2v1.6H9.4l3 3-1.1 1.1-4.9-4.9z' fill='%23292929'/%3E%3C/svg%3E"); }

.fa.fa-tiktok {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDQ0OCA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ0OCwyMDkuOTFhMjEwLjA2LDIxMC4wNiwwLDAsMS0xMjIuNzctMzkuMjVWMzQ5LjM4QTE2Mi41NSwxNjIuNTUsMCwxLDEsMTg1LDE4OC4zMVYyNzguMmE3NC42Miw3NC42MiwwLDEsMCw1Mi4yMyw3MS4xOFYwbDg4LDBhMTIxLjE4LDEyMS4xOCwwLDAsMCwxLjg2LDIyLjE3aDBBMTIyLjE4LDEyMi4xOCwwLDAsMCwzODEsMTAyLjM5YTEyMS40MywxMjEuNDMsMCwwLDAsNjcsMjAuMTRaIi8+PC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  height: 13px;
  width: 13px; }

.icon-notif {
  width: 30px;
  height: 30px;
  top: -2px;
  position: relative;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjY4NjkgMjYuMjVDMTkuNjg2OSAyNi40OTg2IDE5LjU4ODEgMjYuNzM3MSAxOS40MTIzIDI2LjkxMjlDMTkuMjM2NSAyNy4wODg3IDE4Ljk5OCAyNy4xODc1IDE4Ljc0OTQgMjcuMTg3NUgxMS4yNDk0QzExLjAwMDcgMjcuMTg3NSAxMC43NjIzIDI3LjA4ODcgMTAuNTg2NCAyNi45MTI5QzEwLjQxMDYgMjYuNzM3MSAxMC4zMTE5IDI2LjQ5ODYgMTAuMzExOSAyNi4yNUMxMC4zMTE5IDI2LjAwMTQgMTAuNDEwNiAyNS43NjI5IDEwLjU4NjQgMjUuNTg3MUMxMC43NjIzIDI1LjQxMTMgMTEuMDAwNyAyNS4zMTI1IDExLjI0OTQgMjUuMzEyNUgxOC43NDk0QzE4Ljk5OCAyNS4zMTI1IDE5LjIzNjUgMjUuNDExMyAxOS40MTIzIDI1LjU4NzFDMTkuNTg4MSAyNS43NjI5IDE5LjY4NjkgMjYuMDAxNCAxOS42ODY5IDI2LjI1Wk0yNS44ODA3IDIyLjQ5OTZDMjUuNzE4MiAyMi43ODYgMjUuNDgyMyAyMy4wMjM5IDI1LjE5NzMgMjMuMTg4OEMyNC45MTIyIDIzLjM1MzYgMjQuNTg4NCAyMy40Mzk1IDI0LjI1OTIgMjMuNDM3NUg1LjczOTU1QzUuNDA5OSAyMy40MzcxIDUuMDg2MTkgMjMuMzQ5NyA0LjgwMTA3IDIzLjE4NDNDNC41MTU5NSAyMy4wMTg4IDQuMjc5NDkgMjIuNzgxMSA0LjExNTUzIDIyLjQ5NTFDMy45NTE1OCAyMi4yMDkxIDMuODY1OTIgMjEuODg1IDMuODY3MiAyMS41NTUzQzMuODY4NDggMjEuMjI1NyAzLjk1NjY2IDIwLjkwMjIgNC4xMjI4MyAyMC42MTc1QzQuODE4NTcgMTkuNDIwNCA1LjY0ODE0IDE3LjE0ODggNS42NDgxNCAxMy4xMjVWMTIuMTg3NUM1LjY0NSA5LjcwNDI5IDYuNjI4NDIgNy4zMjE1NCA4LjM4MjA1IDUuNTYzNEMxMC4xMzU3IDMuODA1MjUgMTIuNTE1OSAyLjgxNTczIDE0Ljk5OTEgMi44MTI1TDE1LjA3MDYgMi44MTI3M0MyMC4xODgyIDIuODUwNyAyNC4zNTE1IDcuMTAzNjcgMjQuMzUxNSAxMi4yOTM0VjEzLjEyNUMyNC4zNTE1IDE3LjE0OSAyNS4xODA2IDE5LjQyMDggMjUuODc2MSAyMC42MThDMjYuMDQ0MSAyMC45MDI5IDI2LjEzMzEgMjEuMjI3NCAyNi4xMzM5IDIxLjU1ODJDMjYuMTM0NyAyMS44ODg5IDI2LjA0NzMgMjIuMjEzOSAyNS44ODA3IDIyLjQ5OTZaTTI0LjI1OTIgMjEuNTYyNUMyMy40NDM1IDIwLjE2MzMgMjIuNDc2NSAxNy41NjY0IDIyLjQ3NjUgMTMuMTI1VjEyLjI5MzRDMjIuNDc2NSA4LjEzIDE5LjE0NzkgNC43MTgwOSAxNS4wNTY3IDQuNjg3NzNDMTUuMDM3NiA0LjY4NzYgMTUuMDE4NiA0LjY4NzUyIDE0Ljk5OTYgNC42ODc1QzEzLjAxMzYgNC42OTA2NCAxMS4xMTAyIDUuNDgyNTcgOS43MDgwOCA2Ljg4OTA5QzguMzA1OTggOC4yOTU2MSA3LjUyMDAzIDEwLjIwMTUgNy41MjMxNCAxMi4xODc1VjEzLjEyNUM3LjUyMzE0IDE3LjU2NjQgNi41NTU1MyAyMC4xNjMzIDUuNzQzNzcgMjEuNTU5OEwyNC4yNTkyIDIxLjU2MjVaIiBmaWxsPSIjNDU0NTQ1Ii8+Cjwvc3ZnPgo="); }

.icon-event-loc {
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 5px;
  font-size: 20px;
  width: 20px;
  height: 20px; }

.icon-event-date {
  font-size: 20px;
  margin: 5px auto;
  width: 20px;
  height: 20px; }

.icon-event-index {
  width: 20px;
  height: 20px;
  float: right; }

.icon-tiktok {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDQ0OCA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ0OCwyMDkuOTFhMjEwLjA2LDIxMC4wNiwwLDAsMS0xMjIuNzctMzkuMjVWMzQ5LjM4QTE2Mi41NSwxNjIuNTUsMCwxLDEsMTg1LDE4OC4zMVYyNzguMmE3NC42Miw3NC42MiwwLDEsMCw1Mi4yMyw3MS4xOFYwbDg4LDBhMTIxLjE4LDEyMS4xOCwwLDAsMCwxLjg2LDIyLjE3aDBBMTIyLjE4LDEyMi4xOCwwLDAsMCwzODEsMTAyLjM5YTEyMS40MywxMjEuNDMsMCwwLDAsNjcsMjAuMTRaIi8+PC9zdmc+); }

/* file size: 1.1ko | optimized file size: 1ko | base64 size: 1.3ko */
.icon-event-date-blue {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjguNCA2OC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2OC40IDY4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMzk4MkNFO308L3N0eWxlPjx0aXRsZT5Bc3NldCAxPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiI+PGcgaWQ9IkxheWVyXzEtMiI+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM0LjIsNjguNEMxNS4zLDY4LjQsMCw1MywwLjEsMzQuMVMxNS40LDAsMzQuMywwczM0LjIsMTUuNCwzNC4xLDM0LjNjMCwwLDAsMC4xLDAsMC4xQzY4LjMsNTMuMiw1Myw2OC40LDM0LjIsNjguNHogTTM0LjMsNy4zQzE5LjQsNy4zLDcuMywxOS4zLDcuMywzNC4yYzAsMTQuOSwxMi4xLDI2LjksMjYuOSwyNi45YzE0LjgsMCwyNi45LTEyLDI2LjktMjYuOEM2MS4yLDE5LjQsNDkuMSw3LjMsMzQuMyw3LjN6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxLDI1LjNjMC0zLjUsMC03LjEsMC0xMC42YzAtMS41LDEuMy0yLjgsMi44LTIuOGMwLjUsMCwxLjEsMC4yLDEuNSwwLjVjMC45LDAuNSwxLjMsMS41LDEuMywyLjVjMCw1LjEsMCwxMC4yLDAsMTUuNGMwLDAuOCwwLDEuNiwwLDIuNGMwLDAuNSwwLjEsMC42LDAuNiwwLjZjNC44LDAsOS42LDAsMTQuNCwwYzAuNCwwLDAuOSwwLDEuMywwLjJjMS41LDAuNSwyLjMsMi4xLDEuOCwzLjVjLTAuNCwxLjItMS41LDEuOS0yLjcsMS45Yy0xLjcsMC0zLjMsMC01LDBIMzQuMmMtMS41LDAuMi0yLjktMS0zLjEtMi41YzAtMC4yLDAtMC40LDAtMC42QzMxLDMyLjIsMzEsMjguNywzMSwyNS4zeiIvPjwvZz48L2c+PC9zdmc+); }

/* file size: 1.1ko | optimized file size: 1ko | base64 size: 1.3ko */
.icon-event-date-white {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjguNCA2OC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2OC40IDY4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjx0aXRsZT5Bc3NldCAxPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiI+PGcgaWQ9IkxheWVyXzEtMiI+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM0LjIsNjguNEMxNS4zLDY4LjQsMCw1MywwLjEsMzQuMVMxNS40LDAsMzQuMywwczM0LjIsMTUuNCwzNC4xLDM0LjNjMCwwLDAsMC4xLDAsMC4xQzY4LjMsNTMuMiw1Myw2OC40LDM0LjIsNjguNHogTTM0LjMsNy4zQzE5LjQsNy4zLDcuMywxOS4zLDcuMywzNC4yYzAsMTQuOSwxMi4xLDI2LjksMjYuOSwyNi45YzE0LjgsMCwyNi45LTEyLDI2LjktMjYuOEM2MS4yLDE5LjQsNDkuMSw3LjMsMzQuMyw3LjN6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxLDI1LjNjMC0zLjUsMC03LjEsMC0xMC42YzAtMS41LDEuMy0yLjgsMi44LTIuOGMwLjUsMCwxLjEsMC4yLDEuNSwwLjVjMC45LDAuNSwxLjMsMS41LDEuMywyLjVjMCw1LjEsMCwxMC4yLDAsMTUuNGMwLDAuOCwwLDEuNiwwLDIuNGMwLDAuNSwwLjEsMC42LDAuNiwwLjZjNC44LDAsOS42LDAsMTQuNCwwYzAuNCwwLDAuOSwwLDEuMywwLjJjMS41LDAuNSwyLjMsMi4xLDEuOCwzLjVjLTAuNCwxLjItMS41LDEuOS0yLjcsMS45Yy0xLjcsMC0zLjMsMC01LDBIMzQuMmMtMS41LDAuMi0yLjktMS0zLjEtMi41YzAtMC4yLDAtMC40LDAtMC42QzMxLDMyLjIsMzEsMjguNywzMSwyNS4zeiIvPjwvZz48L2c+PC9zdmc+); }

/* file size: 1ko | optimized file size: 0.9ko | base64 size: 1.2ko */
.icon-event-index {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0NDQ0NDQzt9PC9zdHlsZT48dGl0bGU+aW5kZXg8L3RpdGxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zLjEsMTcuMUMxLjQsMTcuMSwwLDE1LjcsMCwxNHMxLjQtMy4xLDMuMS0zLjFzMy4xLDEuNCwzLjEsMy4xQzYuMSwxNS43LDQuNywxNy4xLDMuMSwxNy4xeiBNMy4xLDExLjljLTEuMiwwLTIuMSwxLTIuMSwyLjFzMSwyLjEsMi4xLDIuMXMyLjEtMSwyLjEtMi4xUzQuMiwxMS45LDMuMSwxMS45eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMy44LDE3LjFjLTEuNywwLTMuMS0xLjQtMy4xLTMuMXMxLjQtMy4xLDMuMS0zLjFzMy4xLDEuNCwzLjEsMy4xUzE1LjUsMTcuMSwxMy44LDE3LjF6IE0xMy44LDExLjljLTEuMiwwLTIuMSwxLTIuMSwyLjFzMSwyLjEsMi4xLDIuMXMyLjEtMSwyLjEtMi4xUzE1LDExLjksMTMuOCwxMS45eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC45LDE3LjFjLTEuNywwLTMuMS0xLjQtMy4xLTMuMXMxLjQtMy4xLDMuMS0zLjFTMjgsMTIuMywyOCwxNEMyOCwxNS43LDI2LjYsMTcuMSwyNC45LDE3LjF6IE0yNC45LDExLjljLTEuMiwwLTIuMSwxLTIuMSwyLjFzMSwyLjEsMi4xLDIuMXMyLjEtMSwyLjEtMi4xUzI2LjEsMTEuOSwyNC45LDExLjl6Ii8+PC9zdmc+); }

/* file size: 1.8ko | optimized file size: 1.6ko | base64 size: 2.1ko */
.icon-event-loc-blue {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjguNCA2NS4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2OC40IDY1LjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMzk4MkNFO308L3N0eWxlPjx0aXRsZT5Bc3NldCAyPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiI+PGcgaWQ9IkxheWVyXzEtMiI+PHBhdGggY2xhc3M9InN0MCIgZD0iTTUxLjUsMTkuMWMwLDIuNC0wLjQsNC44LTEuMSw3LjFjLTIuMSw2LjYtNS40LDEyLjgtOS42LDE4LjNjLTEuMywxLjgtMi45LDMuNS00LjcsNWMtMS43LDEuNC0yLjUsMS40LTQuMiwwYy0yLjQtMi4xLTQuNC00LjUtNi4yLTcuMmMtMy40LTQuNy02LjEtOS45LTcuOS0xNS41Yy0wLjktMi43LTEuMy01LjUtMS4zLTguM2MwLjEtMy44LDEuMS03LjYsMy0xMC45YzIuMy0zLjksNi4zLTYuNiwxMC44LTcuMmMzLjItMC42LDYuNC0wLjQsOS41LDAuNWM1LjMsMS42LDguNiw1LjMsMTAuNCwxMC40QzUxLjEsMTMuOCw1MS41LDE2LjQsNTEuNSwxOS4xeiBNMzQsMjUuNmM0LjUsMC4xLDguMy0zLjUsOC40LThjMC4xLTQuNS0zLjUtOC4zLTgtOC40cy04LjMsMy41LTguNCw4YzAsMC4xLDAsMC4xLDAsMC4yQzI2LDIxLjksMjkuNSwyNS41LDM0LDI1LjZ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMzLjQsNTkuN2M2LjMsMC4xLDEyLjYtMC42LDE4LjctMi4zYzIuNy0wLjcsNS4zLTEuOSw3LjctMy40YzAuOS0wLjYsMS43LTEuMywyLjQtMi4xYzEuMi0xLjIsMS4yLTMsMC4xLTQuMmMtMS4yLTEuNC0yLjYtMi41LTQuMy0zLjJjLTIuOC0xLjQtNS44LTIuNC04LjktMy4xYy0wLjUtMC4xLTAuNS0wLjItMC4zLTAuNmMwLjgtMS4zLDEuNS0yLjYsMi4yLTMuOWMwLjEtMC4zLDAuMy0wLjQsMC42LTAuM2M0LjUsMS4yLDksMi43LDEyLjcsNS43YzEuNywxLjIsMi45LDIuOSwzLjcsNC44YzEuMSwzLDAuNCw2LjMtMS44LDguNmMtMi4xLDIuMi00LjYsNC03LjUsNS4xYy00LjIsMS43LTguNSwyLjktMTMsMy42Yy00LjMsMC42LTguNiwwLjktMTMsMC44Yy03LjEsMC0xNC4xLTEuMi0yMC44LTMuNWMtMy4yLTEtNi4yLTIuNy04LjctNWMtMS45LTEuNi0zLTMuOS0zLjItNi40YzAtMi44LDEuMi01LjUsMy40LTcuM2MzLTIuNSw2LjQtNC4zLDEwLjEtNS40YzEtMC4zLDItMC42LDMuMS0wLjljMC4yLTAuMSwwLjQsMCwwLjUsMC4yYzAsMCwwLDAsMCwwLjFjMC43LDEuNCwxLjUsMi44LDIuMyw0LjFjMC4yLDAuMywwLjEsMC40LTAuMiwwLjVjLTIuNiwwLjYtNS4yLDEuNC03LjYsMi41Yy0xLjYsMC43LTMuMSwxLjYtNC40LDIuN2MtMC40LDAuNC0wLjgsMC44LTEuMSwxLjJjLTEuMSwxLjItMSwzLDAuMSw0LjFjMC44LDEsMS45LDEuOCwzLDIuNWMzLjEsMS43LDYuNCwzLDkuOCwzLjdDMjMuNyw1OS4xLDI4LjUsNTkuNywzMy40LDU5Ljd6Ii8+PC9nPjwvZz48L3N2Zz4=); }

/* file size: 1.8ko | optimized file size: 1.6ko | base64 size: 2.1ko */
.icon-event-loc-white {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjguNCA2NS4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2OC40IDY1LjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjx0aXRsZT5Bc3NldCAyPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiI+PGcgaWQ9IkxheWVyXzEtMiI+PHBhdGggY2xhc3M9InN0MCIgZD0iTTUxLjUsMTkuMWMwLDIuNC0wLjQsNC44LTEuMSw3LjFjLTIuMSw2LjYtNS40LDEyLjgtOS42LDE4LjNjLTEuMywxLjgtMi45LDMuNS00LjcsNWMtMS43LDEuNC0yLjUsMS40LTQuMiwwYy0yLjQtMi4xLTQuNC00LjUtNi4yLTcuMmMtMy40LTQuNy02LjEtOS45LTcuOS0xNS41Yy0wLjktMi43LTEuMy01LjUtMS4zLTguM2MwLjEtMy44LDEuMS03LjYsMy0xMC45YzIuMy0zLjksNi4zLTYuNiwxMC44LTcuMmMzLjItMC42LDYuNC0wLjQsOS41LDAuNWM1LjMsMS42LDguNiw1LjMsMTAuNCwxMC40QzUxLjEsMTMuOCw1MS41LDE2LjQsNTEuNSwxOS4xeiBNMzQsMjUuNmM0LjUsMC4xLDguMy0zLjUsOC40LThjMC4xLTQuNS0zLjUtOC4zLTgtOC40cy04LjMsMy41LTguNCw4YzAsMC4xLDAsMC4xLDAsMC4yQzI2LDIxLjksMjkuNSwyNS41LDM0LDI1LjZ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMzLjQsNTkuN2M2LjMsMC4xLDEyLjYtMC42LDE4LjctMi4zYzIuNy0wLjcsNS4zLTEuOSw3LjctMy40YzAuOS0wLjYsMS43LTEuMywyLjQtMi4xYzEuMi0xLjIsMS4yLTMsMC4xLTQuMmMtMS4yLTEuNC0yLjYtMi41LTQuMy0zLjJjLTIuOC0xLjQtNS44LTIuNC04LjktMy4xYy0wLjUtMC4xLTAuNS0wLjItMC4zLTAuNmMwLjgtMS4zLDEuNS0yLjYsMi4yLTMuOWMwLjEtMC4zLDAuMy0wLjQsMC42LTAuM2M0LjUsMS4yLDksMi43LDEyLjcsNS43YzEuNywxLjIsMi45LDIuOSwzLjcsNC44YzEuMSwzLDAuNCw2LjMtMS44LDguNmMtMi4xLDIuMi00LjYsNC03LjUsNS4xYy00LjIsMS43LTguNSwyLjktMTMsMy42Yy00LjMsMC42LTguNiwwLjktMTMsMC44Yy03LjEsMC0xNC4xLTEuMi0yMC44LTMuNWMtMy4yLTEtNi4yLTIuNy04LjctNWMtMS45LTEuNi0zLTMuOS0zLjItNi40YzAtMi44LDEuMi01LjUsMy40LTcuM2MzLTIuNSw2LjQtNC4zLDEwLjEtNS40YzEtMC4zLDItMC42LDMuMS0wLjljMC4yLTAuMSwwLjQsMCwwLjUsMC4yYzAsMCwwLDAsMCwwLjFjMC43LDEuNCwxLjUsMi44LDIuMyw0LjFjMC4yLDAuMywwLjEsMC40LTAuMiwwLjVjLTIuNiwwLjYtNS4yLDEuNC03LjYsMi41Yy0xLjYsMC43LTMuMSwxLjYtNC40LDIuN2MtMC40LDAuNC0wLjgsMC44LTEuMSwxLjJjLTEuMSwxLjItMSwzLDAuMSw0LjFjMC44LDEsMS45LDEuOCwzLDIuNWMzLjEsMS43LDYuNCwzLDkuOCwzLjdDMjMuNyw1OS4xLDI4LjUsNTkuNywzMy40LDU5Ljd6Ii8+PC9nPjwvZz48L3N2Zz4=); }

.icon-log {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAAH2U1dRAAAAMFBMVEUAAACpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqqpqqoVD2bmAAAAD3RSTlMAECAwQFBgcICPn6+/3++glGfDAAAA7UlEQVQoz2NggIAOKN1wgKG/A0QyufgzMHAwJICIx0CJ//+hKvhdHBgYWICQgYUPyGXJ6GhgYOFigIrx//8AZDJ1dHQogBS3APERKOMAlPHKxQVkRAvDOoiBQCkDsFQrTDEm4AAaCGb8cHHxugBifIBiZAZzAJRhD9H1gfkL0C6gQz7wnwAaUACS+gyVYuA3KMBlDpQx/////wkM+AHbfwh4DBPob4DQ9w1gAg4Q+rwDXgG7rwx9CkgCdt+QbAEK2EEt+v8PKsD1PwBVBQPXPwNUAQau7wz7HYh2R/7LDhDo+icAM0QNLNCmgN3vAOiKZwbcqKzSAAAAAElFTkSuQmCC); }

.icon-cal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.368' height='20.853'%3E%3Cg data-name='Group 529'%3E%3Cg data-name='Group 528'%3E%3Cpath data-name='Path 284' d='M17.927 2.523h-1.585V1.441A1.441 1.441 0 0 0 14.901 0h-.058a1.441 1.441 0 0 0-1.441 1.441v1.082H5.966V1.441A1.441 1.441 0 0 0 4.525 0h-.058a1.441 1.441 0 0 0-1.441 1.441v1.082H1.441A1.441 1.441 0 0 0 0 3.964v15.448a1.441 1.441 0 0 0 1.441 1.441h16.486a1.441 1.441 0 0 0 1.441-1.441V3.964a1.441 1.441 0 0 0-1.441-1.441Zm-.98 16.054H2.421V6.875h14.526Z'/%3E%3Cpath data-name='Path 285' d='M4.396 12.166h2.507a.231.231 0 0 0 .231-.231V9.428a.231.231 0 0 0-.231-.231H4.396a.231.231 0 0 0-.231.231v2.507a.231.231 0 0 0 .231.231Z'/%3E%3Cpath data-name='Path 286' d='M8.431 12.166h2.507a.231.231 0 0 0 .231-.231V9.428a.231.231 0 0 0-.231-.231H8.431a.231.231 0 0 0-.231.231v2.507a.231.231 0 0 0 .231.231Z'/%3E%3Cpath data-name='Path 287' d='M12.466 12.166h2.507a.231.231 0 0 0 .231-.231V9.428a.231.231 0 0 0-.231-.231h-2.507a.231.231 0 0 0-.231.231v2.507a.231.231 0 0 0 .231.231Z'/%3E%3Cpath data-name='Path 288' d='M4.396 16.201h2.507a.231.231 0 0 0 .231-.231v-2.507a.231.231 0 0 0-.231-.231H4.396a.231.231 0 0 0-.231.231v2.507a.231.231 0 0 0 .231.231Z'/%3E%3Cpath data-name='Path 289' d='M8.431 16.201h2.507a.231.231 0 0 0 .231-.231v-2.507a.231.231 0 0 0-.231-.231H8.431a.231.231 0 0 0-.231.231v2.507a.231.231 0 0 0 .231.231Z'/%3E%3Cpath data-name='Path 290' d='M12.466 16.201h2.507a.231.231 0 0 0 .231-.231v-2.507a.231.231 0 0 0-.231-.231h-2.507a.231.231 0 0 0-.231.231v2.507a.231.231 0 0 0 .231.231Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

@keyframes bgcolorchange {
  0% {
    font-weight: 700;
    color: #fff; }
  25% {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.73); }
  50% {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.47); }
  75% {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.13); }
  100% {
    font-weight: 700;
    color: #fff; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes bgcolorchange {
  0% {
    font-weight: 700;
    color: #fff; }
  25% {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.73); }
  50% {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.47); }
  75% {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.13); }
  100% {
    font-weight: 700;
    color: #fff; } }

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1000px, 0);
    transform: translate3d(0, -1000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  75% {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0); }
  90% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1000px, 0);
    transform: translate3d(0, -1000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  75% {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0); }
  90% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes tosidebar {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.3; }
  70% {
    opacity: 0.5; }
  80% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }

@keyframes tosidebar {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.3; }
  70% {
    opacity: 0.5; }
  80% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }

/*@keyframes toleftbar {
    0%  { opacity: 1 }
    50% { opacity: 0.5 }
    70% { opacity: 0 }
    80% { opacity: 0.5 }
    100%{ opacity: 1;}
}*/
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@-webkit-keyframes bottomborder {
  0% {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    opacity: 1; }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes bottomborder {
  0% {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    opacity: 1; }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    opacity: 1; } }

header {
  background: #fff;
  min-width: 1100px; }

.header {
  position: relative; }
  .header .top-bar {
    height: 62px;
    padding: 10px 0 10px;
    border-bottom: 1px solid #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .header .top-bar--left {
      float: left; }
    .header .top-bar--right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 10px 0 0; }
      .header .top-bar--right .left,
      .header .top-bar--right .right {
        padding: 0; }
    .header .top-bar--logo {
      max-width: 152px;
      height: auto; }
    .header .top-bar--write {
      margin: 0 10px; }
      .header .top-bar--write a {
        color: #fff;
        height: 28px; }
      .header .top-bar--write .yuk-nulis,
      .header .top-bar--write .yuk-daftar,
      .header .top-bar--write .buat-grup,
      .header .top-bar--write .buttonPremium {
        font-family: "Roboto", sans-serif;
        font-size: 10px;
        text-align: center;
        letter-spacing: 1px;
        overflow: hidden;
        font-weight: 400;
        text-transform: uppercase;
        padding: 7px 20px;
        border-radius: 3px;
        background: #ed543a;
        cursor: pointer;
        display: inline-block;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
        .header .top-bar--write .yuk-nulis:after,
        .header .top-bar--write .yuk-daftar:after,
        .header .top-bar--write .buat-grup:after,
        .header .top-bar--write .buttonPremium:after {
          content: "";
          position: absolute;
          z-index: 1;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          transition: all 0.3s;
          width: 100%;
          height: 0;
          top: 50%;
          left: 50%;
          background: #fff;
          opacity: 0;
          -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg); }
        .header .top-bar--write .yuk-nulis:hover:after,
        .header .top-bar--write .yuk-daftar:hover:after,
        .header .top-bar--write .buat-grup:hover:after,
        .header .top-bar--write .buttonPremium:hover:after {
          opacity: 1;
          height: 260%; }
        .header .top-bar--write .yuk-nulis span,
        .header .top-bar--write .yuk-daftar span,
        .header .top-bar--write .buat-grup span,
        .header .top-bar--write .buttonPremium span {
          position: relative;
          z-index: 2; }
        .header .top-bar--write .yuk-nulis:hover,
        .header .top-bar--write .yuk-daftar:hover,
        .header .top-bar--write .buat-grup:hover,
        .header .top-bar--write .buttonPremium:hover {
          color: #ff0000; }
      .header .top-bar--write .yuk-daftar {
        background: #005cae;
        min-width: 111px; }
        .header .top-bar--write .yuk-daftar:hover {
          color: #458ccb; }
      .header .top-bar--write .buat-grup {
        background: #49b8cc; }
        .header .top-bar--write .buat-grup:hover {
          color: #49b8cc; }
      .header .top-bar--write .buttonPremium {
        background: #dfb363;
        border: 0; }
        .header .top-bar--write .buttonPremium:hover {
          color: #dfb363; }
    .header .top-bar .login-user {
      margin: 0 10px; }
      .header .top-bar .login-user ul {
        background: none repeat scroll 0 0 #f1f1f1;
        float: left;
        right: 0;
        margin-left: 10px;
        position: absolute;
        top: 41px;
        z-index: 101;
        min-width: 145px;
        max-width: 162px;
        padding: 10px 30px;
        text-align: left;
        list-style-type: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        .header .top-bar .login-user ul li {
          font: 300 12px/18px "Roboto", sans-serif;
          color: #838484;
          text-transform: capitalize;
          display: block;
          width: 100%;
          margin: 10px 0; }
          .header .top-bar .login-user ul li a {
            color: #a6a8ab; }
            .header .top-bar .login-user ul li a:hover {
              color: #125ba8; }
        .header .top-bar .login-user ul:before {
          content: "";
          position: absolute;
          top: -9px;
          right: 30px;
          margin-left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 10px 14px 10px;
          border-color: transparent transparent #f1f1f1 transparent; }
      .header .top-bar .login-user:hover ul {
        opacity: 1;
        visibility: visible; }
      .header .top-bar .login-user-notif:hover ul {
        opacity: 0;
        visibility: hidden; }
      .header .top-bar .login-user-notif .user-notif {
        opacity: 1;
        visibility: visible; }
    .header .top-bar .notifikasi {
      height: 40px;
      margin: 0 10px;
      position: relative;
      cursor: pointer; }
      .header .top-bar .notifikasi-list {
        font: 400 14px "Merriweather", serif;
        width: 430px;
        background: none repeat scroll 0 0 #f1f1f1;
        right: 0;
        position: absolute;
        top: 41px;
        z-index: 101;
        padding: 0;
        text-align: left;
        list-style-type: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        .header .top-bar .notifikasi-list li {
          border-bottom: 1px solid #d8d8d8;
          padding: 0 10px 15px; }
        .header .top-bar .notifikasi-list--item {
          padding-top: 12px;
          padding-left: 55px; }
        .header .top-bar .notifikasi-list--link {
          color: #838484; }
          .header .top-bar .notifikasi-list--link:hover {
            color: #125ba8; }
        .header .top-bar .notifikasi-list--title {
          font-weight: 700; }
        .header .top-bar .notifikasi-list .user-name {
          font: 500 13px "Roboto", sans-serif;
          color: #1d61ab; }
        .header .top-bar .notifikasi-list--all {
          color: #838484; }
          .header .top-bar .notifikasi-list--all:hover {
            color: #125ba8; }
          .header .top-bar .notifikasi-list--all li {
            text-align: center;
            font: 400 13px "Roboto", sans-serif;
            background: #fff;
            padding: 10px; }
        .header .top-bar .notifikasi-list:before {
          content: "";
          position: absolute;
          top: -9px;
          right: 0;
          margin-left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 10px 14px 10px;
          border-color: transparent transparent #f1f1f1 transparent; }
        .header .top-bar .notifikasi-list .thumb-admin {
          background: #dcf5f5; }
          .header .top-bar .notifikasi-list .thumb-admin .notifikasi-list--title {
            display: block; }
          .header .top-bar .notifikasi-list .thumb-admin .date-box {
            float: left; }
          .header .top-bar .notifikasi-list .thumb-admin .sender-box {
            text-transform: uppercase;
            float: right;
            position: relative;
            color: #1d61ab;
            font-family: "Roboto", sans-serif;
            font-style: italic;
            font-size: 11px;
            padding: 0 10px; }
      .header .top-bar .notifikasi:hover ul {
        opacity: 1;
        visibility: visible; }
      .header .top-bar .notifikasi .notif {
        position: absolute;
        bottom: 16px;
        right: -5px;
        top: auto; }
    .header .top-bar--child .top-bar--write .buttonPremium {
      width: 92px; }
    .header .top-bar--child .top-bar--write .yuk-nulis {
      white-space: nowrap;
      width: 112px; }
  .header-sticky {
    position: fixed;
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    -webkit-animation: bounceInDown 1.5s;
    -moz-animation: bounceInDown 1.5s;
    -ms-animation: bounceInDown 1.5s;
    -o-animation: bounceInDown 1.5s;
    animation: bounceInDown 1.5s;
    padding-top: 10px;
    top: -10px; }
    .header-sticky .header .bottom-bar {
      padding: 7px 10px 7px;
      width: 68%;
      float: left;
      margin-left: 154px;
      margin-top: 4px; }
      .header-sticky .header .bottom-bar .icon-menu,
      .header-sticky .header .bottom-bar .icon-home {
        display: none; }
      .header-sticky .header .bottom-bar .kategori ul,
      .header-sticky .header .bottom-bar .affiliation ul {
        top: 45px; }
      .header-sticky .header .bottom-bar ul > *:nth-child(n + 8) {
        display: none; }
      .header-sticky .header .bottom-bar ul .bottom-bar--submenu ul {
        top: 44px;
        left: 18px; }
    .header-sticky .top-bar {
      width: 17%;
      height: auto;
      float: left;
      border: none;
      padding: 10px 0 0; }
      .header-sticky .top-bar--left {
        width: 100%;
        z-index: 10;
        position: relative; }
      .header-sticky .top-bar--right {
        position: fixed;
        right: calc((100% - 1100px) / 2);
        padding: 4px 0 0; }
        .header-sticky .top-bar--right .buttonPremium,
        .header-sticky .top-bar--right .search-box {
          display: none; }
        .header-sticky .top-bar--right .top-bar--child:nth-child(2) {
          position: relative; }
          .header-sticky .top-bar--right .top-bar--child:nth-child(2)::before {
            content: "";
            height: 32px;
            width: 1px;
            background-color: #e2e2e2;
            top: -1px;
            position: absolute;
            left: -5px;
            opacity: 0.5; }
      .header-sticky .top-bar .yuk-nulis,
      .header-sticky .top-bar .yuk-daftar {
        background: none;
        background-repeat: no-repeat;
        position: relative;
        padding: 15px; }
        .header-sticky .top-bar .yuk-nulis:hover:after,
        .header-sticky .top-bar .yuk-daftar:hover:after {
          opacity: 0; }
        .header-sticky .top-bar .yuk-nulis span,
        .header-sticky .top-bar .yuk-daftar span {
          display: none; }
      .header-sticky .top-bar .yuk-daftar {
        min-width: auto;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMCAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjYwNTUgMTYuMTY4TDExLjY4MzYgMjEuMDg5OEMxMS41MDM2IDIxLjI2MTkgMTEuMjY0NiAyMS4zNTgzIDExLjAxNTYgMjEuMzU5NEMxMC44Mjk3IDIxLjM1OTEgMTAuNjQ4MSAyMS4zMDM1IDEwLjQ5MzkgMjEuMTk5N0MxMC4zMzk2IDIxLjA5NiAxMC4yMTk3IDIwLjk0ODcgMTAuMTQ5NCAyMC43NzY2QzEwLjA3OTEgMjAuNjA0NSAxMC4wNjE1IDIwLjQxNTQgMTAuMDk4OCAyMC4yMzMzQzEwLjEzNjIgMjAuMDUxMiAxMC4yMjY5IDE5Ljg4NDMgMTAuMzU5NCAxOS43NTM5TDEzLjY3NTggMTYuNDM3NUgyLjgxMjVDMi41NjM4NiAxNi40Mzc1IDIuMzI1NCAxNi4zMzg3IDIuMTQ5NTkgMTYuMTYyOUMxLjk3Mzc3IDE1Ljk4NzEgMS44NzUgMTUuNzQ4NiAxLjg3NSAxNS41QzEuODc1IDE1LjI1MTQgMS45NzM3NyAxNS4wMTI5IDIuMTQ5NTkgMTQuODM3MUMyLjMyNTQgMTQuNjYxMyAyLjU2Mzg2IDE0LjU2MjUgMi44MTI1IDE0LjU2MjVIMTMuNjc1OEwxMC4zNTk0IDExLjI0NjFDMTAuMTgyMiAxMS4wNzA1IDEwLjA4MjEgMTAuODMxNyAxMC4wODEgMTAuNTgyM0MxMC4wNzk5IDEwLjMzMjggMTAuMTc3OSAxMC4wOTMyIDEwLjM1MzUgOS45MTYwMkMxMC41MjkxIDkuNzM4ODYgMTAuNzY3OSA5LjYzODcyIDExLjAxNzMgOS42Mzc2MkMxMS4yNjY4IDkuNjM2NTIgMTEuNTA2NCA5LjczNDU1IDExLjY4MzYgOS45MTAxNkwxNi42MDU1IDE0LjgzMkMxNi43ODE1IDE1LjAwOTggMTYuODgwMyAxNS4yNDk4IDE2Ljg4MDMgMTUuNUMxNi44ODAzIDE1Ljc1MDIgMTYuNzgxNSAxNS45OTAyIDE2LjYwNTUgMTYuMTY4Wk0yMi41IDQuMjVIMTUuOTM3NUMxNS42ODg5IDQuMjUgMTUuNDUwNCA0LjM0ODc3IDE1LjI3NDYgNC41MjQ1OUMxNS4wOTg4IDQuNzAwNCAxNSA0LjkzODg2IDE1IDUuMTg3NUMxNSA1LjQzNjE0IDE1LjA5ODggNS42NzQ2IDE1LjI3NDYgNS44NTA0MUMxNS40NTA0IDYuMDI2MjMgMTUuNjg4OSA2LjEyNSAxNS45Mzc1IDYuMTI1SDIyLjVWMjQuODc1SDE1LjkzNzVDMTUuNjg4OSAyNC44NzUgMTUuNDUwNCAyNC45NzM4IDE1LjI3NDYgMjUuMTQ5NkMxNS4wOTg4IDI1LjMyNTQgMTUgMjUuNTYzOSAxNSAyNS44MTI1QzE1IDI2LjA2MTEgMTUuMDk4OCAyNi4yOTk2IDE1LjI3NDYgMjYuNDc1NEMxNS40NTA0IDI2LjY1MTIgMTUuNjg4OSAyNi43NSAxNS45Mzc1IDI2Ljc1SDIyLjVDMjIuOTk3MyAyNi43NSAyMy40NzQyIDI2LjU1MjUgMjMuODI1OCAyNi4yMDA4QzI0LjE3NzUgMjUuODQ5MiAyNC4zNzUgMjUuMzcyMyAyNC4zNzUgMjQuODc1VjYuMTI1QzI0LjM3NSA1LjYyNzcyIDI0LjE3NzUgNS4xNTA4MSAyMy44MjU4IDQuNzk5MTdDMjMuNDc0MiA0LjQ0NzU0IDIyLjk5NzMgNC4yNSAyMi41IDQuMjVaIiBmaWxsPSIjNDU0NTQ1Ii8+Cjwvc3ZnPgo="); }
      .header-sticky .top-bar .yuk-nulis {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMCAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjkxMjkgNy4zMzcwN0wyMy4xNjI5IDMuNTg3MDdDMjMuMDc1OSAzLjUwMDAxIDIyLjk3MjUgMy40MzA5NSAyMi44NTg4IDMuMzgzODRDMjIuNzQ1IDMuMzM2NzIgMjIuNjIzMSAzLjMxMjQ3IDIyLjUgMy4zMTI0N0MyMi4zNzY5IDMuMzEyNDcgMjIuMjU1IDMuMzM2NzIgMjIuMTQxMiAzLjM4Mzg0QzIyLjAyNzUgMy40MzA5NSAyMS45MjQxIDMuNTAwMDEgMjEuODM3MSAzLjU4NzA3TDEwLjU4NzEgMTQuODM3MUMxMC41IDE0LjkyNDEgMTAuNDMxIDE1LjAyNzUgMTAuMzgzOSAxNS4xNDEyQzEwLjMzNjcgMTUuMjU1IDEwLjMxMjUgMTUuMzc2OSAxMC4zMTI1IDE1LjVWMTkuMjVDMTAuMzEyNSAxOS40OTg2IDEwLjQxMTMgMTkuNzM3MSAxMC41ODcxIDE5LjkxMjlDMTAuNzYyOSAyMC4wODg3IDExLjAwMTQgMjAuMTg3NSAxMS4yNSAyMC4xODc1SDE1QzE1LjEyMzEgMjAuMTg3NSAxNS4yNDUgMjAuMTYzMyAxNS4zNTg4IDIwLjExNjJDMTUuNDcyNSAyMC4wNjkgMTUuNTc1OSAyMCAxNS42NjI5IDE5LjkxMjlMMjYuOTEyOSA4LjY2MjkzQzI3IDguNTc1ODggMjcuMDY5IDguNDcyNTMgMjcuMTE2MiA4LjM1ODc4QzI3LjE2MzMgOC4yNDUwMyAyNy4xODc1IDguMTIzMTIgMjcuMTg3NSA4QzI3LjE4NzUgNy44NzY4OCAyNy4xNjMzIDcuNzU0OTcgMjcuMTE2MiA3LjY0MTIzQzI3LjA2OSA3LjUyNzQ4IDI3IDcuNDI0MTMgMjYuOTEyOSA3LjMzNzA3Wk0xNC42MTE4IDE4LjMxMjVIMTIuMTg3NVYxNS44ODg0TDE5LjY4NzUgOC4zODgzNkwyMi4xMTE2IDEwLjgxMjVMMTQuNjExOCAxOC4zMTI1Wk0yMy40Mzc1IDkuNDg2NjRMMjEuMDEzNCA3LjA2MjVMMjIuNSA1LjU3NTg2TDI0LjkyNDMgOEwyMy40Mzc1IDkuNDg2NjRaTTI2LjI1IDE0LjU2MjVWMjQuODc1QzI2LjI0OTQgMjUuMzcyMSAyNi4wNTE3IDI1Ljg0ODcgMjUuNzAwMiAyNi4yMDAyQzI1LjM0ODcgMjYuNTUxNyAyNC44NzIxIDI2Ljc0OTQgMjQuMzc1IDI2Ljc1SDUuNjI1QzUuMTI3ODkgMjYuNzQ5NCA0LjY1MTMgMjYuNTUxNyA0LjI5OTc5IDI2LjIwMDJDMy45NDgyOCAyNS44NDg3IDMuNzUwNTYgMjUuMzcyMSAzLjc1IDI0Ljg3NVY2LjEyNUMzLjc1MDU2IDUuNjI3ODkgMy45NDgyOCA1LjE1MTMxIDQuMjk5NzkgNC43OTk4QzQuNjUxMyA0LjQ0ODI5IDUuMTI3ODkgNC4yNTA1NiA1LjYyNSA0LjI1SDE1LjkzNzVDMTYuMTg2MSA0LjI1IDE2LjQyNDYgNC4zNDg3OCAxNi42MDA0IDQuNTI0NTlDMTYuNzc2MiA0LjcwMDQxIDE2Ljg3NSA0LjkzODg2IDE2Ljg3NSA1LjE4NzVDMTYuODc1IDUuNDM2MTQgMTYuNzc2MiA1LjY3NDYgMTYuNjAwNCA1Ljg1MDQyQzE2LjQyNDYgNi4wMjYyMyAxNi4xODYxIDYuMTI1IDE1LjkzNzUgNi4xMjVINS42MjVWMjQuODc1SDI0LjM3NVYxNC41NjI1QzI0LjM3NSAxNC4zMTM5IDI0LjQ3MzggMTQuMDc1NCAyNC42NDk2IDEzLjg5OTZDMjQuODI1NCAxMy43MjM4IDI1LjA2MzkgMTMuNjI1IDI1LjMxMjUgMTMuNjI1QzI1LjU2MTEgMTMuNjI1IDI1Ljc5OTYgMTMuNzIzOCAyNS45NzU0IDEzLjg5OTZDMjYuMTUxMiAxNC4wNzU0IDI2LjI1IDE0LjMxMzkgMjYuMjUgMTQuNTYyNVoiIGZpbGw9IiM0NTQ1NDUiLz4KPC9zdmc+Cg=="); }
      .header-sticky .top-bar .top-bar--write {
        top: -2px;
        position: relative; }
      .header-sticky .top-bar .top-bar--write,
      .header-sticky .top-bar .notifikasi {
        margin: 0 6px; }
      .header-sticky .top-bar--child .top-bar--write .yuk-nulis {
        width: 30px;
        height: 30px; }
    .header-sticky .navmenu {
      z-index: -1; }
  .header .bottom-bar {
    height: 38px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 1100px) {
      .header .bottom-bar {
        width: 970px; } }
    .header .bottom-bar ul {
      list-style-type: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 0;
      padding: 0;
      height: 38px; }
      .header .bottom-bar ul li {
        float: left;
        padding: 11px 6px 27px; }
    .header .bottom-bar--menu {
      width: auto;
      text-align: center;
      margin: 0 auto;
      height: 18px; }
    .header .bottom-bar a {
      color: #7b7b7b; }
      .header .bottom-bar a:hover {
        color: #125ba8; }
      .header .bottom-bar a.active {
        color: #125ba8;
        font-weight: 500; }
    .header .bottom-bar .bottom-bar--submenu ul {
      text-transform: capitalize;
      position: absolute;
      top: 19px;
      width: 300px;
      z-index: 99;
      padding: 10px 20px;
      text-align: left;
      opacity: 0;
      visibility: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      background: #fff;
      top: 38px;
      left: 6px;
      border: 1px solid #eee;
      -webkit-box-shadow: 0 0 2px #f1f1f1;
      box-shadow: 0 0 2px #f1f1f1;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      border-top: none;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      max-width: 130px;
      padding: 2px 0;
      height: auto; }
    .header .bottom-bar .bottom-bar--submenu li {
      color: #7b7b7b;
      background-color: #fff;
      text-decoration: none;
      display: block;
      width: 100%;
      padding: 0; }
      .header .bottom-bar .bottom-bar--submenu li a {
        padding: 6px 15px;
        display: inline-block;
        width: 100%; }
      .header .bottom-bar .bottom-bar--submenu li:hover a {
        background-color: #e2e2e2; }
    .header .bottom-bar .bottom-bar--submenu:hover + .active {
      color: #125ba8; }
    .header .bottom-bar .bottom-bar--submenu:hover a {
      color: #005cae; }
    .header .bottom-bar .bottom-bar--submenu:hover .caret {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .header .bottom-bar .bottom-bar--submenu:hover ul {
      opacity: 1;
      visibility: visible; }
      .header .bottom-bar .bottom-bar--submenu:hover ul a {
        color: inherit; }
    .header .bottom-bar .kategori ul {
      position: absolute;
      top: 19px;
      width: 300px;
      z-index: 99;
      padding: 10px 20px;
      text-align: left;
      opacity: 0;
      visibility: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      .header .bottom-bar .kategori ul li {
        font-weight: 300;
        font-size: 12px;
        line-height: 28px;
        color: #838484;
        text-transform: capitalize;
        display: inline-block;
        width: 50%;
        float: left; }
      .header .bottom-bar .kategori ul:hover + .active {
        color: #125ba8; }
      .header .bottom-bar .kategori ul.kategori-energi {
        height: 300px;
        width: 100px;
        padding: 10px;
        margin-left: 300px;
        position: absolute; }
        .header .bottom-bar .kategori ul.kategori-energi li {
          width: 77px;
          padding: 0 10px;
          background: #838484;
          color: #fff; }
          .header .bottom-bar .kategori ul.kategori-energi li a {
            color: #fff; }
    .header .bottom-bar .kategori:hover ul {
      opacity: 1;
      visibility: visible; }
    .header .bottom-bar .affiliation ul {
      background: none repeat scroll 0 0 #f1f1f1;
      float: left;
      right: 0;
      margin-left: 10px;
      position: absolute;
      top: 19px;
      width: 155px;
      z-index: 99;
      padding: 10px 20px;
      text-align: left;
      opacity: 0;
      display: block;
      visibility: hidden;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      .header .bottom-bar .affiliation ul li {
        font-weight: 300;
        font-size: 12px;
        line-height: 28px;
        color: #838484;
        text-transform: capitalize;
        display: inline-block;
        width: 100%;
        float: left; }
      .header .bottom-bar .affiliation ul:hover + .active {
        color: #125ba8; }
      .header .bottom-bar .affiliation ul.kategori-energi {
        height: 300px;
        width: 100px;
        padding: 10px;
        margin-left: 300px;
        position: absolute; }
        .header .bottom-bar .affiliation ul.kategori-energi li {
          width: 77px;
          padding: 0 10px;
          background: #838484;
          color: #fff; }
          .header .bottom-bar .affiliation ul.kategori-energi li a {
            color: #fff; }
    .header .bottom-bar .affiliation:hover ul {
      opacity: 1;
      visibility: visible; }
    .header .bottom-bar .notif {
      margin-left: 2px; }
    .header .bottom-bar .caret {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 8px;
      vertical-align: middle;
      border-top: 4px dashed;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent; }
  .header .sticky-fixed {
    padding: 5px 0;
    width: 1080px; }
    @media (min-width: 1100px) {
      .header .sticky-fixed .bottom-bar--menu {
        padding: 0 0px; } }
    .header .sticky-fixed--right {
      padding: 13px 0; }
    .header .sticky-fixed .kategori ul {
      top: 27px; }
    .header .sticky-fixed .affiliation ul {
      top: 27px; }
  .header .hide-bar {
    display: none; }
  .headerGuest {
    background: var(--header-bg-color);
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .headerGuest .top-bar {
      border-bottom: 0; }
      .headerGuest .top-bar--write {
        margin: 0 20px 0 10px;
        height: 28px; }
      .headerGuest .top-bar--right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0; }
    .headerGuest .bottom-bar {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .headerGuest .bottom-bar a {
        color: var(--header-txt-color); }
    .headerGuest.header-sticky {
      background: var(--header-bg-default);
      border-bottom: 0; }
      .headerGuest.header-sticky .top-bar {
        width: 100%;
        padding: 10px 0 0; }
        .headerGuest.header-sticky .top-bar--left {
          width: 25%; }
        .headerGuest.header-sticky .top-bar--right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
      .headerGuest.header-sticky .bottom-bar {
        padding: 0;
        width: 970px; }
        .headerGuest.header-sticky .bottom-bar .icon-menu,
        .headerGuest.header-sticky .bottom-bar .icon-home {
          display: inline-block; }
    .headerGuest__banner {
      padding-top: 10px;
      padding-bottom: 10px;
      background: var(--header-bg-color);
      font-family: "Roboto", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      color: #070707;
      border-bottom-left-radius: 120px;
      border-bottom-right-radius: 120px;
      box-shadow: 0 3px 6px rgba(65, 168, 147, 0.48);
      box-shadow: 0 3px 6px rgba(65, 168, 147, 0.48);
      -webkit-box-shadow: 0 3px 6px rgba(65, 168, 147, 0.48);
      -moz-box-shadow: 0 3px 6px rgba(65, 168, 147, 0.48); }
    .headerGuest__title {
      font-family: "Montserrat", sans-serif;
      font-size: 37px;
      font-weight: 700;
      line-height: 39px;
      color: #070707; }
    .headerGuest__btn {
      padding: 12px 30px;
      display: inline-block;
      min-width: 167px;
      min-height: 45px;
      background: #070707;
      text-transform: uppercase;
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      -webkit-border-radius: 26px;
      -moz-border-radius: 26px;
      -ms-border-radius: 26px;
      -o-border-radius: 26px;
      border-radius: 26px; }
      .headerGuest__btn:hover {
        color: #fff; }
    .headerGuest .search-box {
      height: 28px; }
      .headerGuest .search-box .search-box-in {
        border: 1px solid #848484;
        background: #fff; }
    .headerGuest ~ .js-nav-offset.active {
      padding-top: 73px; }
    .headerGuest ~ section .ads-skin {
      -webkit-transform: translateY(900px);
      transform: translateY(900px); }

.top-bar--child {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.user-notif {
  display: none;
  width: 475px;
  z-index: 10;
  position: fixed;
  right: calc((100% - 1085px) / 2);
  background: #fff;
  border: 1.5px solid #eaeaea;
  top: 60px;
  border-radius: 4px;
  font-family: "Roboto", sans-serif;
  z-index: 112;
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s; }
  .user-notif-noarrow:before {
    opacity: 0; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .user-notif:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #eaeaea;
    border-left: 2px solid #eaeaea;
    background: #fff;
    right: 17px;
    top: -6px;
    z-index: 11;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .user-notif-sub {
    width: 367px;
    background: #fbede9;
    right: calc((100% - 940px) / 2);
    -webkit-transition: none;
    transition: none; }
    .user-notif-sub:before {
      background: #fbede9; }
    .user-notif-sub .user-notif-text {
      width: auto;
      padding: 35px 12px 12px; }
    .user-notif-sub .user-notif-btn {
      border-radius: 20px;
      background: #005cae;
      padding: 6px 22px;
      color: #fff; }
      .user-notif-sub .user-notif-btn:hover {
        background: #fff;
        border: #005cae;
        color: #005cae; }
    .user-notif-sub b {
      color: #005cae; }
    .user-notif-sub .close {
      left: 5px;
      right: auto;
      top: 5px;
      color: #151b28;
      border: 1px solid #151b28; }
  .user-notif-img, .user-notif-text {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .user-notif-img {
    width: 30%; }
    .user-notif-img img {
      width: 100%; }
  .user-notif-text {
    padding: 12px;
    width: 70%;
    color: #616161;
    font-size: 13px; }
    .user-notif-text .text {
      display: block;
      line-height: 1.5;
      font-weight: 300; }
  .user-notif-btn {
    background: #60a0cd;
    color: #fff;
    padding: 6px 14px;
    border-radius: 4px;
    float: right;
    margin: 17px 10px 0;
    text-transform: uppercase;
    letter-spacing: 1.5px; }

.user-list .notif {
  right: -6px; }

.js-nav-offset.active {
  padding-top: 137px; }

.header-holder {
  height: 0;
  width: 100%;
  position: relative; }

.header-sticky ~ .header-holder {
  height: 100px; }

.navmenu {
  background-color: #005cae;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  height: 37px; }
  .navmenuWrapper {
    max-width: 1100px;
    height: 37px;
    padding: 0 30px;
    margin: 0 auto;
    position: relative; }
  .navmenuWrapper .navmenuItem {
    height: 100%;
    overflow: auto;
    white-space: nowrap;
    cursor: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .navmenuWrapper .navmenuItem__parent {
      display: inline-block;
      padding: 9px 0;
      font-weight: 500;
      color: #fff;
      height: 100%; }
      .navmenuWrapper .navmenuItem__parent:has(.navmenuItem__child) {
        padding: 9px 0; }
        .navmenuWrapper .navmenuItem__parent:has(.navmenuItem__child):after {
          content: "";
          position: relative;
          top: -3px;
          right: 12px;
          width: 0px;
          height: 0px;
          border-style: solid;
          border-width: 0 4.5px 5px 4.5px;
          border-color: transparent transparent #fff transparent;
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
          display: inline-block;
          -webkit-transition: 0.2s all ease-in-out;
          transition: 0.2s all ease-in-out; }
      .navmenuWrapper .navmenuItem__parent a {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        padding: 10px 14px;
        color: #fff; }
      .navmenuWrapper .navmenuItem__parent:hover {
        color: #005cae; }
        .navmenuWrapper .navmenuItem__parent:hover a {
          color: #005cae; }
        .navmenuWrapper .navmenuItem__parent:hover:after {
          top: -2px;
          border-color: transparent transparent #005cae transparent;
          -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important; }
        .navmenuWrapper .navmenuItem__parent:hover .navmenuItem__child {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        .navmenuWrapper .navmenuItem__parent:hover .navmenu__linksSpecial {
          background: none;
          color: #ff0000; }
      .navmenuWrapper .navmenuItem__parent--special {
        background-color: #90b55d;
        border-radius: 4px;
        height: 24px;
        padding: 2px 0; }
        .navmenuWrapper .navmenuItem__parent--special a {
          padding: 4px 7px; }
        .navmenuWrapper .navmenuItem__parent--special .notif {
          margin: 0 0 0 2px;
          background: #ff0000; }
    .navmenuWrapper .navmenuItem .navmenuItem__child {
      background: #fff;
      display: none;
      position: absolute;
      font-weight: 400;
      top: 100%;
      left: 0;
      min-width: 135px;
      z-index: 2;
      max-height: 165px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border: 1px solid #f6f6f6;
      border-top: none;
      opacity: 0;
      visibility: hidden; }
      .navmenuWrapper .navmenuItem .navmenuItem__child a {
        color: #7b7b7b;
        background-color: #fff;
        padding: 6px 15px;
        text-decoration: none;
        display: block; }
        .navmenuWrapper .navmenuItem .navmenuItem__child a:hover {
          background-color: #e2e2e2; }
    .navmenuWrapper .navmenuItem__parent.active {
      color: red; }
    .navmenuWrapper .navmenuItem__parent:hover {
      text-decoration: none;
      background-color: #fff; }
      .navmenuWrapper .navmenuItem__parent:hover .navmenuItem__child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 1;
        visibility: visible; }
  .navmenuWrapper .navmenuItem::-webkit-scrollbar {
    display: none; }
  .navmenuArrows {
    height: 12px;
    width: 12px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-bottom: 2px solid #fff;
    cursor: pointer;
    z-index: 3; }
    .navmenuArrows--left {
      left: 0;
      border-left: 2px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .navmenuArrows--right {
      right: 0;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .navmenuArrows.dis {
      display: none; }
  .navmenu__linksSpecial {
    background: #ff0000; }

.footer {
  font-family: "Roboto", sans-serif;
  background: #005cae;
  color: #fff;
  margin-top: 100px;
  padding: 40px 0 0;
  text-transform: uppercase;
  position: relative;
  min-width: 1100px;
  z-index: 6;
  padding-bottom: 75px; }
  .footer a {
    color: #fff; }
  .footerBrand {
    width: 184px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain; }
  .footerWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .footerCopyright {
    margin: 30px 0;
    font-size: 12px; }
  .footerColumn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 30px; }
    .footerColumn:first-child {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -ms-flex-preferred-size: 230px;
      flex-basis: 230px;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .footerColumn:nth-child(2) {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .footerColumn:nth-child(3) {
      margin-right: 0; }
    .footerColumn__child {
      max-height: 225px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .footerColumn:last-child {
      -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
      -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
      flex-grow: inherit; }
  .footerMenu {
    font-size: 1em;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    line-height: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .footerMenu__child {
      font-size: 12px;
      font-weight: 300;
      text-transform: capitalize;
      line-height: 1.8; }
  .footerMenu:hover, .footerMenu__child:hover {
    color: #d8edf4; }
  .footerSponsor {
    text-transform: none; }
    .footerSponsor__text {
      font-size: 13px; }
    .footerSponsor__lead {
      font-size: 11px; }
      .footerSponsor__lead a {
        font-weight: 500; }
    .footerSponsor__img {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 8px;
      margin: 10px 0; }
      .footerSponsor__img img {
        width: 100px;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain; }
  .footerSocial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px; }
    .footerSocial .ico {
      background-size: contain;
      background-repeat: no-repeat;
      width: 14px;
      height: 14px;
      display: inline-block;
      background-position: center; }
    .footerSocial .ico {
      width: 32px;
      height: 32px; }
      .footerSocial .ico--mail {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjY0MDEzNyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiByeD0iMTUuNSIgc3Ryb2tlPSIjRkJGQkZCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC42NjY2NyAxMC4xNDAxTDggMTAuODA2OFYyMS40NzM1TDguNjY2NjcgMjIuMTQwMUgyMy4zMzMzTDI0IDIxLjQ3MzVWMTAuODA2OEwyMy4zMzMzIDEwLjE0MDFIOC42NjY2N1pNOS4zMzMzMyAxMi4zMTM5VjIwLjgwNjhIMjIuNjY2N1YxMi4zMTM3TDE1Ljk5OTkgMTguMzc0NEw5LjMzMzMzIDEyLjMxMzlaTTIxLjYwODggMTEuNDczNUgxMC4zOTFMMTUuOTk5OSAxNi41NzI1TDIxLjYwODggMTEuNDczNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); }
      .footerSocial .ico--fb {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjY0MDEzNyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiByeD0iMTUuNSIgc3Ryb2tlPSIjRkJGQkZCIi8+CjxwYXRoIGQ9Ik0xNy41MTM1IDIyLjU0MDJWMTYuNzExMUgxOS40ODAxTDE5Ljc3MjQgMTQuNDI4N0gxNy41MTM1VjEyLjk3NUMxNy41MTM1IDEyLjMxNjQgMTcuNjk3IDExLjg2NTUgMTguNjQyMiAxMS44NjU1SDE5LjgzOTlWOS44MzA2OEMxOS4yNTcyIDkuNzY4MjMgMTguNjcxNCA5LjczODA3IDE4LjA4NTMgOS43NDAzNUMxNi4zNDcxIDkuNzQwMzUgMTUuMTUzNyAxMC44MDE1IDE1LjE1MzcgMTIuNzQ5NVYxNC40MjQ1SDEzLjJWMTYuNzA2OEgxNS4xNTc5VjIyLjU0MDJIMTcuNTEzNVoiIGZpbGw9IiNGQkZCRkIiLz4KPC9zdmc+Cg=="); }
      .footerSocial .ico--x {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjY0MDEzNyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiByeD0iMTUuNSIgc3Ryb2tlPSIjRkJGQkZCIi8+CjxwYXRoIGQ9Ik0xNy44ODYgMTUuMTY2MUwyMy4xODA2IDkuMDI5MDVIMjEuOTI1OUwxNy4zMjg3IDE0LjM1NzhMMTMuNjU2OSA5LjAyOTA1SDkuNDIxODhMMTQuOTc0NCAxNy4wODdMOS40MjE4OCAyMy41MjI3SDEwLjY3NjZMMTUuNTMxNCAxNy44OTU0TDE5LjQwOTEgMjMuNTIyN0gyMy42NDQxTDE3Ljg4NTcgMTUuMTY2MUgxNy44ODZaTTE2LjE2NzUgMTcuMTU4TDE1LjYwNSAxNi4zNTU2TDExLjEyODcgOS45NzA5MUgxMy4wNTU4TDE2LjY2ODIgMTUuMTIzNkwxNy4yMzA4IDE1LjkyNkwyMS45MjY1IDIyLjYyMzdIMTkuOTk5NEwxNi4xNjc1IDE3LjE1ODNWMTcuMTU4WiIgZmlsbD0iI0ZCRkJGQiIvPgo8L3N2Zz4K"); }
      .footerSocial .ico--ig {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjY0MDEzNyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiByeD0iMTUuNSIgc3Ryb2tlPSIjRkJGQkZCIi8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yOTAxXzU1NDQpIj4KPHBhdGggZD0iTTE2IDE5LjI2NTFDMTcuNzI1OSAxOS4yNjUxIDE5LjEyNSAxNy44NjYgMTkuMTI1IDE2LjE0MDFDMTkuMTI1IDE0LjQxNDIgMTcuNzI1OSAxMy4wMTUxIDE2IDEzLjAxNTFDMTQuMjc0MSAxMy4wMTUxIDEyLjg3NSAxNC40MTQyIDEyLjg3NSAxNi4xNDAxQzEyLjg3NSAxNy44NjYgMTQuMjc0MSAxOS4yNjUxIDE2IDE5LjI2NTFaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOS43NSA4LjY0MDE0SDEyLjI1QzEwLjE3ODkgOC42NDAxNCA4LjUgMTAuMzE5MSA4LjUgMTIuMzkwMVYxOS44OTAxQzguNSAyMS45NjEyIDEwLjE3ODkgMjMuNjQwMSAxMi4yNSAyMy42NDAxSDE5Ljc1QzIxLjgyMTEgMjMuNjQwMSAyMy41IDIxLjk2MTIgMjMuNSAxOS44OTAxVjEyLjM5MDFDMjMuNSAxMC4zMTkxIDIxLjgyMTEgOC42NDAxNCAxOS43NSA4LjY0MDE0WiIgc3Ryb2tlPSIjRkJGQkZCIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC4wNjI1IDEyLjg1ODlDMjAuNDk0IDEyLjg1ODkgMjAuODQzOCAxMi41MDkxIDIwLjg0MzggMTIuMDc3NkMyMC44NDM4IDExLjY0NjIgMjAuNDk0IDExLjI5NjQgMjAuMDYyNSAxMS4yOTY0QzE5LjYzMSAxMS4yOTY0IDE5LjI4MTIgMTEuNjQ2MiAxOS4yODEyIDEyLjA3NzZDMTkuMjgxMiAxMi41MDkxIDE5LjYzMSAxMi44NTg5IDIwLjA2MjUgMTIuODU4OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjkwMV81NTQ0Ij4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA2LjE0MDE0KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="); }
      .footerSocial .ico--tk {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjY0MDEzNyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiByeD0iMTUuNSIgc3Ryb2tlPSIjRkJGQkZCIi8+CjxwYXRoIGQ9Ik0yMS4yNTY2IDExLjU2MkMyMS4xNDc1IDExLjUwNjIgMjEuMDQxNCAxMS40NDUgMjAuOTM4NiAxMS4zNzg2QzIwLjYzOTUgMTEuMTgyOCAyMC4zNjUzIDEwLjk1MiAyMC4xMjE5IDEwLjY5MTNDMTkuNTEyOCAxMC4wMDEgMTkuMjg1MyA5LjMwMDc1IDE5LjIwMTUgOC44MTA0NEgxOS4yMDQ5QzE5LjEzNDkgOC40MDM0NiAxOS4xNjM4IDguMTQwMTQgMTkuMTY4MiA4LjE0MDE0SDE2LjM5NDFWMTguNzY1NkMxNi4zOTQxIDE4LjkwODMgMTYuMzk0MSAxOS4wNDkzIDE2LjM4OCAxOS4xODg2QzE2LjM4OCAxOS4yMDU5IDE2LjM4NjMgMTkuMjIxOSAxNi4zODUzIDE5LjI0MDZDMTYuMzg1MyAxOS4yNDgyIDE2LjM4NTMgMTkuMjU2MiAxNi4zODM2IDE5LjI2NDJDMTYuMzgzNiAxOS4yNjYyIDE2LjM4MzYgMTkuMjY4MiAxNi4zODM2IDE5LjI3MDJDMTYuMzU0NCAxOS42NTE1IDE2LjIzMSAyMC4wMTk4IDE2LjAyNDQgMjAuMzQyN0MxNS44MTc3IDIwLjY2NTYgMTUuNTM0MSAyMC45MzMzIDE1LjE5ODUgMjEuMTIyMkMxNC44NDg3IDIxLjMxOTMgMTQuNDUzMSAyMS40MjI3IDE0LjA1MDYgMjEuNDIyMUMxMi43NTgxIDIxLjQyMjEgMTEuNzEwNiAyMC4zNzgyIDExLjcxMDYgMTkuMDg4OUMxMS43MTA2IDE3Ljc5OTcgMTIuNzU4MSAxNi43NTU3IDE0LjA1MDYgMTYuNzU1N0MxNC4yOTUzIDE2Ljc1NTUgMTQuNTM4NSAxNi43OTM2IDE0Ljc3MTEgMTYuODY4N0wxNC43NzQ1IDE0LjA3MDhDMTQuMDY4MyAxMy45ODA1IDEzLjM1MDggMTQuMDM2MSAxMi42Njc0IDE0LjIzNDFDMTEuOTg0IDE0LjQzMjEgMTEuMzQ5NCAxNC43NjgzIDEwLjgwMzcgMTUuMjIxNEMxMC4zMjU2IDE1LjYzMyA5LjkyMzU3IDE2LjEyNCA5LjYxNTg0IDE2LjY3MjRDOS40OTg3NCAxNi44NzI0IDkuMDU2OTEgMTcuNjc2IDkuMDAzNCAxOC45ODAzQzguOTY5NzUgMTkuNzIwNiA5LjE5NDIgMjAuNDg3NSA5LjMwMTIxIDIwLjgwNDVWMjAuODExMkM5LjM2ODUxIDIwLjk5NzggOS42MjkzIDIxLjYzNDggMTAuMDU0MyAyMi4xNzE4QzEwLjM5NyAyMi42MDI1IDEwLjgwMTkgMjIuOTgwOSAxMS4yNTYgMjMuMjk0N1YyMy4yODhMMTEuMjYyNyAyMy4yOTQ3QzEyLjYwNTcgMjQuMTk4NyAxNC4wOTQ3IDI0LjEzOTMgMTQuMDk0NyAyNC4xMzkzQzE0LjM1MjUgMjQuMTI5IDE1LjIxNiAyNC4xMzkzIDE2LjE5NjUgMjMuNjc5QzE3LjI4NDEgMjMuMTY4NyAxNy45MDMzIDIyLjQwODQgMTcuOTAzMyAyMi40MDg0QzE4LjI5ODkgMjEuOTU0MSAxOC42MTM0IDIxLjQzNjQgMTguODMzNCAyMC44Nzc1QzE5LjA4NDQgMjAuMjIzOSAxOS4xNjgyIDE5LjQzOTkgMTkuMTY4MiAxOS4xMjY2VjEzLjQ4OTVDMTkuMjAxOSAxMy41MDk1IDE5LjY1MDEgMTMuODAzMiAxOS42NTAxIDEzLjgwMzJDMTkuNjUwMSAxMy44MDMyIDIwLjI5NTggMTQuMjEzMiAyMS4zMDMzIDE0LjQ4MDJDMjIuMDI2MiAxNC42NzAxIDIzIDE0LjcxMDEgMjMgMTQuNzEwMVYxMS45ODIzQzIyLjY1ODggMTIuMDE4OSAyMS45NjU5IDExLjkxMjMgMjEuMjU2NiAxMS41NjJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); }
      .footerSocial .ico--yt {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjY0MDEzNyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiByeD0iMTUuNSIgc3Ryb2tlPSIjRkJGQkZCIi8+CjxwYXRoIGQ9Ik0yMy42NjI0IDExLjg4ODZDMjMuNTcxNCAxMS41NTA0IDIzLjM5MzEgMTEuMjQyIDIzLjE0NTQgMTAuOTk0M0MyMi44OTc3IDEwLjc0NjYgMjIuNTg5MyAxMC41NjgzIDIyLjI1MTEgMTAuNDc3M0MyMS4wMDU0IDEwLjE0MDEgMTYgMTAuMTQwMSAxNiAxMC4xNDAxQzE2IDEwLjE0MDEgMTAuOTk0NiAxMC4xNDAxIDkuNzQ4OTEgMTAuNDc3M0M5LjQxMDY2IDEwLjU2ODMgOS4xMDIyNiAxMC43NDY2IDguODU0NTggMTAuOTk0M0M4LjYwNjg5IDExLjI0MiA4LjQyODYgMTEuNTUwNCA4LjMzNzU1IDExLjg4ODZDOC4xMDQ5NiAxMy4xNTkgNy45OTIxIDE0LjQ0ODQgOC4wMDA0MyAxNS43Mzk4QzcuOTkyMSAxNy4wMzEzIDguMTA0OTYgMTguMzIwNyA4LjMzNzU1IDE5LjU5MTFDOC40Mjg2IDE5LjkyOTMgOC42MDY4OSAyMC4yMzc3IDguODU0NTggMjAuNDg1NEM5LjEwMjI2IDIwLjczMzEgOS40MTA2NiAyMC45MTE0IDkuNzQ4OTEgMjEuMDAyNEMxMC45OTQ2IDIxLjMzOTUgMTYgMjEuMzM5NSAxNiAyMS4zMzk1QzE2IDIxLjMzOTUgMjEuMDA1NCAyMS4zMzk1IDIyLjI1MTEgMjEuMDAyNEMyMi41ODkzIDIwLjkxMTQgMjIuODk3NyAyMC43MzMxIDIzLjE0NTQgMjAuNDg1NEMyMy4zOTMxIDIwLjIzNzcgMjMuNTcxNCAxOS45MjkzIDIzLjY2MjQgMTkuNTkxMUMyMy44OTUgMTguMzIwNyAyNC4wMDc5IDE3LjAzMTMgMjMuOTk5NiAxNS43Mzk4QzI0LjAwNzkgMTQuNDQ4NCAyMy44OTUgMTMuMTU5IDIzLjY2MjQgMTEuODg4NlpNMTQuNDAwMSAxOC4xMzk3VjEzLjM0TDE4LjU1NDEgMTUuNzM5OEwxNC40MDAxIDE4LjEzOTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); }

header {
  position: relative;
  z-index: 99; }

.header-sticky .header {
  width: 1100px;
  margin: auto;
  height: 56px; }
  .header-sticky .header .top-bar {
    width: auto; }
    .header-sticky .header .top-bar .container {
      width: 0 !important; }

.buttonNewKompasiana {
  position: relative;
  background: #3b82f6;
  padding: 5px 12px;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 600;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px; }
  .buttonNewKompasiana:before {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjg1MzcgMTIuNDg1Nkw5Ljk5ODA2IDYuMDU3NVYyLjVIMTAuNDk4MUMxMC42MzA3IDIuNSAxMC43NTc4IDIuNDQ3MzIgMTAuODUxNiAyLjM1MzU1QzEwLjk0NTQgMi4yNTk3OSAxMC45OTgxIDIuMTMyNjEgMTAuOTk4MSAyQzEwLjk5ODEgMS44NjczOSAxMC45NDU0IDEuNzQwMjEgMTAuODUxNiAxLjY0NjQ1QzEwLjc1NzggMS41NTI2OCAxMC42MzA3IDEuNSAxMC40OTgxIDEuNUg1LjQ5ODA2QzUuMzY1NDUgMS41IDUuMjM4MjggMS41NTI2OCA1LjE0NDUxIDEuNjQ2NDVDNS4wNTA3NCAxLjc0MDIxIDQuOTk4MDYgMS44NjczOSA0Ljk5ODA2IDJDNC45OTgwNiAyLjEzMjYxIDUuMDUwNzQgMi4yNTk3OSA1LjE0NDUxIDIuMzUzNTVDNS4yMzgyOCAyLjQ0NzMyIDUuMzY1NDUgMi41IDUuNDk4MDYgMi41SDUuOTk4MDZWNi4wNTc1TDIuMTQyNDQgMTIuNDg1NkMyLjA1MTUgMTIuNjM3MiAyLjAwMjM4IDEyLjgxMDIgMi4wMDAwOCAxMi45ODdDMS45OTc3OSAxMy4xNjM4IDIuMDQyMzkgMTMuMzM4IDIuMTI5MzYgMTMuNDkxOUMyLjIxNjMyIDEzLjY0NTggMi4zNDI1MyAxMy43NzM5IDIuNDk1MTQgMTMuODYzMkMyLjY0Nzc0IDEzLjk1MjUgMi44MjEyNyAxMy45OTk3IDIuOTk4MDYgMTRIMTIuOTk4MUMxMy4xNzUgMTQgMTMuMzQ4OCAxMy45NTMgMTMuNTAxNiAxMy44NjM5QzEzLjY1NDUgMTMuNzc0OCAxMy43ODEgMTMuNjQ2NyAxMy44NjgyIDEzLjQ5MjdDMTMuOTU1NCAxMy4zMzg4IDE0LjAwMDEgMTMuMTY0NCAxMy45OTc5IDEyLjk4NzVDMTMuOTk1NyAxMi44MTA1IDEzLjk0NjYgMTIuNjM3NCAxMy44NTU2IDEyLjQ4NTZIMTMuODUzN1pNOC4yMjM2OSA5LjgwMzc1QzcuMjI5MzEgOS4zMDA2MyA2LjI4MzA2IDkuMDMzNzUgNS4zOTc0NCA5LjAwMzEzTDYuOTI2ODEgNi40NTMxMkM2Ljk3MzU3IDYuMzc1NjEgNi45OTgyMiA2LjI4Njc4IDYuOTk4MDYgNi4xOTYyNVYyLjVIOC45OTgwNlY2LjE5NjI1QzguOTk3OTEgNi4yODY3OCA5LjAyMjU1IDYuMzc1NjEgOS4wNjkzMSA2LjQ1MzEyTDExLjQ1ODEgMTAuNDM3NUMxMC43MTA2IDEwLjU4MzcgOS42NDExOSAxMC41MjEzIDguMjIzNjkgOS44MDM3NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px; }
  .header-sticky .buttonNewKompasiana {
    width: 32px;
    height: 32px !important;
    padding: 8px 8px;
    top: 1px;
    position: relative; }
    .header-sticky .buttonNewKompasiana span {
      display: none; }
    .header-sticky .buttonNewKompasiana::before {
      width: 18px;
      height: 18px; }