/**
* Bisniscom
* TODO : styling for homepage
* --
* * html for homepage : index.html
* ? style-home.min.css
* ! important to minify
*/
/**
* * base
*/
/* font menu & footer */
.z-index-2 {
  z-index: 2;
}

.position-relative {
  position: relative;
}

.ico {
  /* socmed */
}
.icoInline {
  display: inline-block;
}
.icoArrow {
  position: relative;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 28 28' viewBox='0 0 28 28'%3E%3Cpath d='M15.5 20.2c-.2-.2-.3-.5-.3-.8 0-.3.1-.6.4-.8l3.3-3.3h-13c-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8s.1-.6.3-.8c.2-.2.5-.3.8-.3h13l-3.3-3.3c-.2-.2-.3-.5-.3-.8 0-.3.1-.6.3-.8.2-.2.5-.3.8-.3.3 0 .6.1.8.3l5.3 5.3c.1.1.2.2.2.4 0 .1.1.3.1.4s0 .3-.1.4c0 .1-.1.3-.2.4l-5.4 5.4c-.2.2-.5.3-.8.3-.3-.3-.5-.4-.8-.6z'/%3E%3C/svg%3E");
}
.icoArrow-left {
  transform: rotate(181deg);
}
.icoClose, .billboardClose {
  position: relative;
  width: 24px;
  height: 24px;
}
.icoClose::after, .billboardClose::after, .icoClose::before, .billboardClose::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 17px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
  border-radius: 5px;
  top: 11px;
  left: 3px;
}
.icoClose::after, .billboardClose::after {
  transform: rotate(-45deg);
}
.icoPremium {
  width: 10px;
  height: 10px;
  margin-left: 4px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 11 10' viewBox='0 0 11 10'%3E%3Cpath d='m5.6.5 1.5 3 3.3.5L8 6.4l.5 3.3-3-1.5-3 1.5.5-3.3L.7 4 4 3.5l1.6-3z'/%3E%3C/svg%3E");
}
.icoFb, .footerSocmed--fb {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 .68C7.9866.68.68 7.9864.68 16.9998s7.3066 16.32 16.32 16.32 16.32-7.3066 16.32-16.32S26.0134.6799 17 .6799Zm3.8658 11.2777h-2.4531c-.2907 0-.6137.3825-.6137.8908v1.7714h3.0685l-.4641 2.5262H17.799v7.5837h-2.8951v-7.5837h-2.6265v-2.5262h2.6265v-1.4858c0-2.1318 1.479-3.864 3.5088-3.864h2.4531v2.6876Z' fill='%23000'/%3E%3C/svg%3E");
}
.icoTw, .footerSocmed--tw {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 .68C7.9866.68.68 7.9864.68 16.9998s7.3066 16.32 16.32 16.32 16.32-7.3066 16.32-16.32S26.0134.6799 17 .6799Zm6.6385 13.3687c.0068.1394.0085.2788.0085.4148 0 4.25-3.2317 9.1477-9.1443 9.1477a9.069 9.069 0 0 1-4.9266-1.445c.2499.0306.5066.0425.7667.0425 1.5062 0 2.8917-.5117 3.9916-1.3753a3.2209 3.2209 0 0 1-3.0022-2.2304 3.2283 3.2283 0 0 0 1.4501-.0561 3.2164 3.2164 0 0 1-2.5789-3.1518v-.0391a3.2234 3.2234 0 0 0 1.4569.4029 3.2127 3.2127 0 0 1-.9945-4.2942 9.139 9.139 0 0 0 6.6249 3.3609 3.2142 3.2142 0 0 1 1.6117-3.5712 3.2144 3.2144 0 0 1 3.8657.6387 6.4535 6.4535 0 0 0 2.04-.7803 3.2301 3.2301 0 0 1-1.4127 1.7799 6.4546 6.4546 0 0 0 1.8462-.5083 6.5166 6.5166 0 0 1-1.6031 1.6643Z' fill='%23000'/%3E%3C/svg%3E");
}
.icoIg, .footerSocmed--ig {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='34' height='34' rx='17' fill='%23000'/%3E%3Cpath d='M26.8528 12.9372a7.1693 7.1693 0 0 0-.4615-2.4366 5.0677 5.0677 0 0 0-1.1441-1.7528 5.0775 5.0775 0 0 0-1.7558-1.1423 7.2854 7.2854 0 0 0-2.4075-.4618c-1.0595-.0473-1.3955-.0605-4.085-.0605s-3.0342 0-4.086.0605a7.286 7.286 0 0 0-2.4065.4618 5.0747 5.0747 0 0 0-1.756 1.142 5.0647 5.0647 0 0 0-1.144 1.7531 7.1955 7.1955 0 0 0-.4614 2.4025c-.0473 1.0588-.0617 1.3942-.0617 4.0792 0 2.6851 0 3.0281.0617 4.0793a7.2418 7.2418 0 0 0 .4615 2.4047 5.0684 5.0684 0 0 0 1.1448 1.7524 5.077 5.077 0 0 0 1.7562 1.1415 7.2618 7.2618 0 0 0 2.4065.4948c1.0606.0473 1.3965.0616 4.086.0616 2.6895 0 3.0343 0 4.0861-.0616a7.2669 7.2669 0 0 0 2.4075-.4607 5.082 5.082 0 0 0 1.7554-1.1426 5.0724 5.0724 0 0 0 1.1445-1.7525 7.2286 7.2286 0 0 0 .4615-2.4046c.0474-1.0578.0617-1.3931.0617-4.0793-.0022-2.685-.0022-3.0259-.0639-4.0781ZM16.9923 22.06c-2.8129 0-5.0916-2.275-5.0916-5.0832s2.2787-5.0831 5.0916-5.0831a5.0958 5.0958 0 0 1 3.6003 1.4888 5.0788 5.0788 0 0 1 1.4913 3.5943 5.0784 5.0784 0 0 1-1.4913 3.5943 5.0959 5.0959 0 0 1-3.6003 1.4889Zm5.2943-9.169a1.1874 1.1874 0 0 1-.8399-.3469 1.1832 1.1832 0 0 1-.3474-.8384 1.1836 1.1836 0 0 1 .3476-.8378 1.1878 1.1878 0 0 1 1.9355.3844c.0596.1437.0903.2978.0903.4534 0 .6553-.5308 1.1853-1.1861 1.1853Z' fill='%23fff'/%3E%3Cpath d='M17 19.8334c1.5648 0 2.8333-1.2685 2.8333-2.8333S18.5648 14.1667 17 14.1667s-2.8333 1.2686-2.8333 2.8334c0 1.5648 1.2685 2.8333 2.8333 2.8333Z' fill='%23fff'/%3E%3C/svg%3E");
}
.icoYt, .footerSocmed--yt {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='34' height='34' rx='17' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6597 20.5823v-6.225l6.1237 3.1231-6.1237 3.1019Zm13.447-7.3042s-.222-1.527-.901-2.1991c-.8623-.8825-1.8285-.8862-2.2714-.9379-3.1715-.2243-7.9296-.2243-7.9296-.2243h-.0094s-4.7581 0-7.9296.2243c-.4439.0508-1.4091.0554-2.2723.9379-.679.6721-.9 2.1991-.9 2.1991s-.2267 1.7937-.2267 3.5856v1.682c0 1.7929.2266 3.5857.2266 3.5857s.221 1.526.9 2.199c.8633.8826 1.9957.8549 2.5.9472 1.8134.1699 7.7067.2225 7.7067.2225s4.7628-.0065 7.9343-.2308c.4439-.0517 1.4091-.0563 2.2714-.9389.68-.673.901-2.199.901-2.199s.2266-1.7928.2266-3.5866v-1.6802c0-1.7928-.2266-3.5865-.2266-3.5865Z' fill='%23fff'/%3E%3C/svg%3E");
}

.breadcrumbItem::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 7px;
  height: 7px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-radius: 1px;
  top: -1px;
  left: 0;
}
.opinion .icoList {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='none'%3E%3Cpath fill='%23222' fill-rule='evenodd' d='M8.953 2.97h11.095c1.352 0 2.027 0 2.573.19a3.552 3.552 0 0 1 2.195 2.26C25 5.982 25 6.677 25 8.069v16.338c0 1.001-1.15 1.533-1.876.868a1.104 1.104 0 0 0-1.498 0l-.564.516a1.933 1.933 0 0 1-2.625 0 1.933 1.933 0 0 0-2.625 0 1.933 1.933 0 0 1-2.624 0 1.933 1.933 0 0 0-2.626 0 1.933 1.933 0 0 1-2.624 0l-.564-.516a1.104 1.104 0 0 0-1.498 0C5.149 25.94 4 25.408 4 24.407V8.069c0-1.392 0-2.088.184-2.648A3.552 3.552 0 0 1 6.38 3.16c.546-.19 1.221-.19 2.574-.19Zm-.286 5.542a.875.875 0 1 0 0 1.75h.583a.875.875 0 0 0 0-1.75h-.583Zm4.083 0a.875.875 0 1 0 0 1.75h7.583a.875.875 0 1 0 0-1.75H12.75Zm-4.083 4.084a.875.875 0 0 0 0 1.75h.583a.875.875 0 0 0 0-1.75h-.583Zm4.083 0a.875.875 0 1 0 0 1.75h7.583a.875.875 0 1 0 0-1.75H12.75Zm-4.083 4.083a.875.875 0 0 0 0 1.75h.583a.875.875 0 0 0 0-1.75h-.583Zm4.083 0a.875.875 0 1 0 0 1.75h7.583a.875.875 0 0 0 0-1.75H12.75Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.headerSearch .icoSearch {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21 21' viewBox='0 0 21 21'%3E%3Cpath d='M9.7 2.2c4.1 0 7.5 3.4 7.5 7.5s-3.4 7.5-7.5 7.5-7.5-3.4-7.5-7.5c0-4.2 3.3-7.5 7.5-7.5zm0 13.3c3.2 0 5.8-2.6 5.8-5.8 0-3.2-2.6-5.8-5.8-5.8-3.2 0-5.8 2.6-5.8 5.8-.1 3.2 2.5 5.8 5.8 5.8zm7 .1 2.4 2.4-1.2 1.2-2.4-2.4 1.2-1.2z'/%3E%3C/svg%3E");
}
.theme--home .headerSearch .icoSearch {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 34 35' viewBox='0 0 34 35'%3E%3Cpath d='m28 28-6.075-6.075m0 0A10.5 10.5 0 1 0 7.077 7.076a10.5 10.5 0 0 0 14.848 14.85Z' style='fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E");
}
.artPhotoCount .icoPhoto {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21 21' viewBox='0 0 21 21'%3E%3Cpath d='m16 5.5-8.9-1c-.3 0-.7.1-1 .3-.2.1-.3.4-.4.8l-.1 1.3h-.5c-.7 0-1.3.6-1.3 1.4V15c0 .7.5 1.3 1.2 1.3h9c.7 0 1.4-.6 1.4-1.3v-.3c.2 0 .4-.1.6-.3.3-.2.4-.5.5-.9l.7-6.6c.1-.7-.4-1.4-1.2-1.4zm-1.3 9.4c0 .4-.4.6-.7.6H5.1c-.3 0-.6-.2-.6-.6v-1.3L7 11.9c.3-.2.7-.2 1 0l1.8 1.6c.3.2.6.4 1 .4.3 0 .5-.1.8-.2l3.2-1.9-.1 3.1zm0-3.9-3.5 2.1c-.3.2-.7.1-1-.1l-1.8-1.6c-.5-.4-1.3-.5-1.8-.1l-2.1 1.6V8.3c0-.4.2-.7.6-.7H14c.4 0 .7.3.7.7V11zm1.8-4.2-.8 6.6c0 .2-.1.3-.2.4-.1.1-.2.1-.2.1V8.3c0-.7-.6-1.3-1.4-1.4H6.2l.1-1.3c0-.2.1-.3.2-.4.1-.1.3-.1.5-.1l8.9 1c.4 0 .7.4.6.7z' style='stroke:%23000;stroke-width:.4'/%3E%3C/svg%3E");
}
.streamLink .icoPlay, .artDuration .icoPlay {
  position: relative;
}
.streamLink .icoPlay::before, .artDuration .icoPlay::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 0;
  height: 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid;
  border-radius: 2px;
}
.detailsContent .big-orange::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 60 42' viewBox='0 0 60 42'%3E%3Cpath d='M3.9 0C2 0 .5 1.5.5 3.3v19.9c0 1.8 1.5 3.3 3.4 3.3h14.7c.6 0 1 .5.9 1.1-.1.5-.3 1.1-.5 1.6-.4 1-1 1.9-1.8 2.7-.8.8-1.7 1.4-2.7 1.8-.4.2-.8.3-1.2.4-1.1.3-2 1.1-2 2.2V40c0 1.1.9 2 2 1.9 1.5-.2 2.9-.5 4.2-1.1 2-.8 3.8-2 5.3-3.5s2.7-3.3 3.5-5.2c.7-1.8 1.2-3.7 1.2-5.6V3.3C27.5 1.5 26 0 24.1 0H3.9zM35.9 0c-1.9 0-3.4 1.5-3.4 3.3v19.9c0 1.8 1.5 3.3 3.4 3.3h14.7c.6 0 1 .5.9 1.1-.1.5-.3 1.1-.5 1.6-.4 1-1 1.9-1.8 2.7-.8.8-1.7 1.4-2.7 1.8-.4.2-.8.3-1.2.4-1.1.3-2 1.1-2 2.2V40c0 1.1.9 2 2 1.9 1.5-.2 2.9-.5 4.2-1.1 2-.8 3.8-2 5.3-3.5s2.7-3.3 3.5-5.2c.7-1.8 1.2-3.7 1.2-5.6V3.3C59.5 1.5 58 0 56.1 0H35.9z'/%3E%3C/svg%3E");
}
.detailsZoom .icoZoom {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 24 24' viewBox='0 0 24 24'%3E%3Cpath d='M16 4h4v4m-6 2 6-6M8 20H4v-4m0 4 6-6m6 6h4v-4m-6-2 6 6M8 4H4v4m0-4 6 6' style='fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E");
}

/**required bootstrap 5.0*/
/**optional bootstrap*/
/**
* * layout
*/
/**grid bootstrap*/
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 10%;
  max-width: 10%;
}

.col-2 {
  flex: 0 0 20%;
  max-width: 20%;
}

.col-3 {
  flex: 0 0 30%;
  max-width: 30%;
}

.col-4 {
  flex: 0 0 40%;
  max-width: 40%;
}

.col-5 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-6 {
  flex: 0 0 60%;
  max-width: 60%;
}

.col-7 {
  flex: 0 0 70%;
  max-width: 70%;
}

.col-8 {
  flex: 0 0 80%;
  max-width: 80%;
}

.col-9 {
  flex: 0 0 90%;
  max-width: 90%;
}

.col-10 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 11;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.offset-1 {
  margin-left: 10%;
}

.offset-2 {
  margin-left: 20%;
}

.offset-3 {
  margin-left: 30%;
}

.offset-4 {
  margin-left: 40%;
}

.offset-5 {
  margin-left: 50%;
}

.offset-6 {
  margin-left: 60%;
}

.offset-7 {
  margin-left: 70%;
}

.offset-8 {
  margin-left: 80%;
}

.offset-9 {
  margin-left: 90%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-sm-2 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-sm-3 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-sm-4 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-sm-5 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-6 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .col-sm-7 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .col-sm-8 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .col-sm-9 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .col-sm-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 11;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 10%;
  }

  .offset-sm-2 {
    margin-left: 20%;
  }

  .offset-sm-3 {
    margin-left: 30%;
  }

  .offset-sm-4 {
    margin-left: 40%;
  }

  .offset-sm-5 {
    margin-left: 50%;
  }

  .offset-sm-6 {
    margin-left: 60%;
  }

  .offset-sm-7 {
    margin-left: 70%;
  }

  .offset-sm-8 {
    margin-left: 80%;
  }

  .offset-sm-9 {
    margin-left: 90%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-md-2 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-md-3 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-md-4 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-md-5 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-6 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .col-md-7 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .col-md-8 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .col-md-9 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .col-md-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 11;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 10%;
  }

  .offset-md-2 {
    margin-left: 20%;
  }

  .offset-md-3 {
    margin-left: 30%;
  }

  .offset-md-4 {
    margin-left: 40%;
  }

  .offset-md-5 {
    margin-left: 50%;
  }

  .offset-md-6 {
    margin-left: 60%;
  }

  .offset-md-7 {
    margin-left: 70%;
  }

  .offset-md-8 {
    margin-left: 80%;
  }

  .offset-md-9 {
    margin-left: 90%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-lg-2 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-lg-3 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-lg-4 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-lg-5 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-6 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .col-lg-7 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .col-lg-8 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .col-lg-9 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .col-lg-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 11;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 10%;
  }

  .offset-lg-2 {
    margin-left: 20%;
  }

  .offset-lg-3 {
    margin-left: 30%;
  }

  .offset-lg-4 {
    margin-left: 40%;
  }

  .offset-lg-5 {
    margin-left: 50%;
  }

  .offset-lg-6 {
    margin-left: 60%;
  }

  .offset-lg-7 {
    margin-left: 70%;
  }

  .offset-lg-8 {
    margin-left: 80%;
  }

  .offset-lg-9 {
    margin-left: 90%;
  }
}
@media (min-width: 1230px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-xl-2 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-xl-3 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-xl-4 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-xl-5 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-6 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .col-xl-7 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .col-xl-8 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .col-xl-9 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .col-xl-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 11;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 10%;
  }

  .offset-xl-2 {
    margin-left: 20%;
  }

  .offset-xl-3 {
    margin-left: 30%;
  }

  .offset-xl-4 {
    margin-left: 40%;
  }

  .offset-xl-5 {
    margin-left: 50%;
  }

  .offset-xl-6 {
    margin-left: 60%;
  }

  .offset-xl-7 {
    margin-left: 70%;
  }

  .offset-xl-8 {
    margin-left: 80%;
  }

  .offset-xl-9 {
    margin-left: 90%;
  }
}
.container, .hLWrap.-bottom .hLBigContent,
.hLWrap.-bottom .hLNav, .artPhotoNav, .theme--home .kanalPhoto .titleCaptionWrap, .theme--home .kanalPhoto .stream .streamCaptionWrap, .theme--home .stream .kanalPhoto .streamCaptionWrap {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 1110px;
}

.col-left {
  padding-right: 22px;
}
.col-right {
  padding-left: 18px;
}
.col-3half {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.root {
  position: relative;
  background: #FFFFFF;
}
.root .main {
  padding-top: 70px;
}
.root .flashnews ~ .main {
  padding-top: 100px;
}
.root .flashnews ~ .main .menuPanel {
  top: 100px;
  height: calc(100vh - 100px);
}
.root .flashnews ~ header .headerTop {
  top: 30px;
}
.root .flashnews ~ .skyscrapper {
  transform: translateY(160px);
}
.root .flashnews ~ .skyscrapper.-top {
  transform: translateY(100px);
}

*,
:after,
:before {
  box-sizing: border-box;
}

body,
html {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #1A1A1A;
  background: #FFFFFF;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
}

a {
  color: inherit;
  vertical-align: baseline;
  outline: 0;
  background-color: transparent;
}

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

a:focus,
button:focus {
  outline: 0;
  outline: 0 auto -webkit-focus-ring-color;
  outline-offset: 0;
}

h1,
h2,
h3,
h4 {
  margin: 0;
}

p {
  margin-block-start: 16px;
  margin-block-end: 16px;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
  border-style: none;
}

iframe {
  border: none;
}

iframe,
video {
  max-width: 100%;
  vertical-align: top;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

.button {
  border: 0;
  background: transparent;
  cursor: pointer;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.clearfix {
  *zoom: 1;
}

.detailsZoom .icoZoom, .kanalVid .titleOthers .icoArrow, .premiumBox .artChannel.-premium .icoPremium, .premiumBoxLogin:hover .icoLoginPremium, .hL .artChannel .icoPremium {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(103%) contrast(103%);
}

.detailsPagingThumb img, .detailsImg img, .detailsCoverImg img, .kanalNetworkIcon img, .opinionImg img, .editorialImg img, .infografisImg img, .streamVid iframe,
.streamVid img, .hLNavImg img, .artPhotoNavImg img, .artWrap.-col-top .artImg img, .artWrap.-col-center .artImg img, .artWrap.-col-left .artImg img, .artWrap.-col .artImg img, .profileImg img, .theme--home .hLSmallImg img, .theme--home .artWrap.-row .artImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.display-flex {
  display: flex;
}

.center-flex, .pagingLink, .pagingShow {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.hidden {
  opacity: 0;
  height: 0;
  visibility: hidden;
  pointer-events: none;
}

.visible {
  opacity: 1;
  height: auto;
  visibility: visible;
  pointer-events: all;
  animation: fadeInFromNone 0.5s ease;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.header {
  --hg-htop: 70px;
}
.header::after {
  content: "";
  display: table;
  clear: both;
}
.headerTop {
  position: fixed;
  width: 100%;
  top: 0;
  background: #FFFFFF;
  z-index: 5;
  transition: transform 0.2s ease;
}
.headerWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
  height: var(--hg-htop);
  overflow: visible;
}
.headerLogo {
  text-align: center;
  transition: opacity 0.8s ease;
}
.headerLogo .logoScroll {
  display: none;
}
.headerCta {
  display: flex;
}
.headerCta .headerSearch {
  margin-right: 20px;
}
.headerLogin {
  display: flex;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #3d3d3d;
  letter-spacing: 0.02em;
  position: relative;
}
.headerLoginLabel {
  margin-left: 5px;
  transition: opacity 0.5s ease-out;
}
.headerLogin a {
  display: flex;
  align-items: center;
}
.headerLogin .buttonProfile {
  cursor: pointer;
}
.headerLogin .buttonProfile::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
  margin-left: 10px;
}
.headerLogin .-opened::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-bottom: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-top: 0;
  border-left: 0.4em solid transparent;
  margin-left: 10px;
}
.headerLogin .dropdown-menu {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  position: absolute;
  bottom: -200px;
  right: 0;
  width: 280px;
}
.headerLogin .dropdown-menu li {
  width: 100%;
}
.headerLogin .dropdown-menu li:first-child .dropdown-item {
  border-radius: 5px 5px 0px 0px;
}
.headerLogin .dropdown-menu li:last-child .dropdown-item {
  border-radius: 0px 0px 5px 5px;
  border-bottom: none;
}
.headerLogin .dropdown-menu li .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 9px 20px;
  clear: both;
  color: #434343;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  transition: background-color 0.3s, color 0.3s;
}
.headerLogin .dropdown-menu li .dropdown-item:hover {
  background-color: #424f67;
  color: #fff;
}
.headerLogin .dropdown-menu li .dropdown-item .profileInitial {
  border-radius: 50%;
  overflow: hidden;
  z-index: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.headerLogin .dropdown-menu li .dropdown-item .profileInitial p {
  margin: 0;
  font-weight: bold;
  text-align: center;
  font-size: 10px;
  color: white;
}
.headerLogin .dropdown-menu li .dropdown-item svg,
.headerLogin .dropdown-menu li .dropdown-item img,
.headerLogin .dropdown-menu li .dropdown-item .profileInitial {
  margin-right: 10px;
}
.headerLogin .dropdown-menu li .dropdown-item .dropdown-text {
  position: relative;
}
.headerLogin .dropdown-menu li .dropdown-item .dropdown-text .name {
  font-weight: bold;
  font-size: 13px;
  margin: 0;
}
.headerLogin .dropdown-menu li .dropdown-item .dropdown-text .description {
  font-size: 12px;
  letter-spacing: 0.03rem;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.headerLogin .dropdown-menu li .dropdown-item .dropdown-text .description P {
  margin: 0;
}
.headerLogin .dropdown-menu li .dropdown-item .dropdown-text img {
  position: absolute;
  right: -10px;
  top: -5px;
}
.headerLogin .icoLogin {
  background-repeat: no-repeat;
  filter: invert(20%) sepia(0%) saturate(22%) hue-rotate(151deg) brightness(98%) contrast(86%);
}
.headerLogin .profileImg {
  width: 37px;
  height: 37px;
  overflow: visible;
}
.headerLogin .profileImg .profileInitial {
  border-radius: 50%;
  z-index: 0;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.headerLogin .profileImg .profileInitial p {
  margin: 0;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  color: white;
}
.headerLogin .icoLogin {
  width: 24px;
  height: 24px;
}
.headerLogin .icoLogin,
.headerLogin .profileImg {
  position: relative;
}
.headerLogin .icoLogin .status-img,
.headerLogin .profileImg .status-img {
  position: absolute;
  right: -10px;
  left: auto;
  top: -5px;
}
.headerLogin .icoLogin .notif,
.headerLogin .profileImg .notif {
  width: 10px;
  height: 10px;
  right: -5px !important;
  top: -2px !important;
}
.headerLogin .icoLogin .bisnispro,
.headerLogin .profileImg .bisnispro {
  width: 17px;
  height: 17px;
}
.headerSearch .icoSearch {
  width: 20px;
  height: 20px;
  filter: invert(22%) sepia(0%) saturate(0%) hue-rotate(190deg) brightness(102%) contrast(85%);
}

.premiumBoxLogin .icoLoginPremium, .theme--home .headerLogin .icoLogin, .headerLogin .icoLogin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 27 25' viewBox='0 0 27 25'%3E%3Cpath d='M11.1 6.4c-.1.1-.2.3-.3.4-.1.2-.1.3-.1.5s0 .3.1.5.2.3.3.5l2.5 2.5H1.4c-.7 0-1.3.6-1.3 1.3s.6 1.3 1.3 1.3h12.3L11.1 16c-.1.1-.2.3-.3.4-.1.2-.1.3-.1.5s0 .3.1.5.2.3.3.4c.5.5 1.3.5 1.9 0l4.8-4.8c.1-.1.2-.3.3-.4.1-.2.1-.3.1-.5s0-.3-.1-.5-.2-.3-.3-.4L13 6.4c-.1-.1-.3-.2-.4-.3-.2-.1-.4-.1-.6-.1s-.3 0-.5.1c-.1.1-.3.2-.4.3zM24 21.5h-9.3c-.7 0-1.3.6-1.3 1.3 0 .7.6 1.3 1.3 1.3H24c1.5 0 2.7-1.2 2.7-2.7V2.8c0-1.5-1.2-2.7-2.7-2.7h-9.3c-.7 0-1.3.6-1.3 1.3 0 .7.6 1.3 1.3 1.3H24v18.8z'/%3E%3C/svg%3E");
}

.nav {
  --hg-hmenu: 60px;
  position: relative;
  top: 0;
  background: #FAFAFA;
  z-index: 4;
}
.navMenu {
  height: var(--hg-hmenu);
  overflow: hidden;
}
.navItem {
  margin-left: 10px;
  margin-right: 10px;
  min-width: 65px;
  min-height: 60px;
}
.navItem.-b {
  min-width: unset;
  min-height: unset;
}
.navItem.-hijau .icoHijau {
  margin-right: 3px;
}
.navItem.-hijau .navLink {
  color: #0F5D1B;
}
.navItem.-hijau .navLink:hover {
  color: #0F5D1B;
  border-bottom: 3px solid #0F5D1B;
}
.navItem .-new {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 15px;
  right: 2px;
  border-radius: 50%;
  background: #E02717;
}
.navLink {
  position: relative;
  display: block;
  padding: 20px 10px 17px;
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.37;
  color: #1A1A1A;
}

.menuBar {
  width: 28px;
  height: 28px;
}
.menuBar span {
  position: relative;
  width: 23px;
  height: 19px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.menuBar span > i {
  display: block;
  height: 3px;
  width: calc(100% - 4px);
  background-color: #000000;
  border-radius: 35px;
}
.menuBar span::before, .menuBar span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000000;
  transition: 0.35s ease;
  border-radius: 35px;
}
.menuBar span::before {
  top: 0;
}
.menuBar span::after {
  bottom: 0;
  width: calc(100% - 10px);
}
.menuBar.-active span > i {
  width: 0;
}
.menuBar.-active span::before {
  transform: rotate(405deg);
}
.menuBar.-active span::after {
  transform: rotate(-405deg);
}
.menuBar.-active span::before, .menuBar.-active span::after {
  top: 8px;
  left: 0;
  width: 23px;
}
.menuPanel {
  position: fixed;
  top: 70px;
  left: 0;
  width: 376.8px;
  height: calc(100vh - 70px);
  overflow-y: auto;
  background-color: #FFFFFF;
  transition: 0.3s ease-in-out;
  padding: 20px;
  z-index: 999;
  backface-visibility: hidden;
  visibility: hidden;
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.menuPanel::-webkit-scrollbar, .menuPanel::-webkit-scrollbar-thumb {
  width: 17px;
  border-radius: 50px;
  background-clip: padding-box;
  border: 5px solid transparent;
}
.menuPanel::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.15);
}
.menuPanel.-open {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.menuPanel .premiumBoxBtn {
  display: flex;
  justify-content: center;
  margin: 22px 0 7px;
  padding: 13px 15px;
  border-radius: 50px;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.menuPanel .premiumBoxBtn .icoPremium {
  position: relative;
  bottom: 2px;
}
.menuPanelLogo {
  width: 100%;
  text-align: center;
  letter-spacing: 0.1em;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  color: #555555;
}
.menuPanelWrap {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.menuPanelWrap:last-child {
  border-bottom: 0;
}
.menuPanelWrap--network {
  padding-top: 25px;
  padding-bottom: 25px;
}
.menuPanelWrap--network .menuPanelList {
  align-items: stretch;
}
.menuPanelWrap--network .menuPanelItem {
  margin-top: 8px;
  margin-bottom: 5px;
}
.menuPanelWrap--network .menuPanelLink {
  height: 100%;
}
.menuPanelList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-bottom: 5px;
}
.menuPanelApp {
  margin-left: -4px;
  margin-right: -4px;
}
.menuPanelApp a {
  display: block;
  margin-left: 4px;
  margin-right: 4px;
}
.menuPanelLabel {
  margin-bottom: 5px;
  letter-spacing: 0.02em;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #333;
}
.menuPanelLabel span {
  color: #f37826;
}
.menuPanelLabel small {
  font-size: 14px;
  letter-spacing: 0;
}
.menuPanelItem {
  margin-left: 20px;
  margin-top: 2px;
  margin-bottom: 2px;
  width: calc(100%/2 - 20px);
}
.menuPanelLink {
  display: flex;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #333;
}

.sidebar .kanalCaption {
  font-weight: 600;
}
.sidebar .artTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.37;
  letter-spacing: 0.02em;
}

.footer {
  position: relative;
  margin-top: 120px;
  padding-top: 37px;
  padding-bottom: 90px;
  border-top: 1px solid #dddddd;
  background: #FFFFFF;
}
.footerContent {
  display: flex;
  justify-content: space-between;
}
.footerLink {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}
.footerLink--big {
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}
.footerLink--small {
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.footerLink--small:hover {
  color: #ff8d07;
}
.footerCol {
  margin-left: 34px;
  margin-right: 34px;
}
.footerCol:first-child {
  margin-left: 0;
}
.footerCol:last-child {
  margin-right: 0;
}
.footerCol--small {
  margin-left: 17px;
  margin-right: 17px;
}
.footerCol--small .footerLink {
  margin-top: 0;
}
.footerLogosLabel {
  color: #888;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
}
.footerLogosContent {
  display: flex;
  align-items: center;
  gap: 14px;
}
.footerSocmed {
  margin-bottom: 82px;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #333333;
}
.footerSocmedWrap {
  max-width: 230px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 20px;
}
.footerSocmedCaption {
  grid-area: 1/1/2/5;
}
.footerSocmedLink {
  text-align: center;
}
.footerSocmedLink:first-child {
  grid-area: 2/1/3/2;
}
.footerSocmedLink:nth-child(2) {
  grid-area: 2/2/3/3;
}
.footerSocmedLink:nth-child(3) {
  grid-area: 2/3/3/4;
}
.footerSocmedLink:last-child {
  grid-area: 2/4/3/5;
}
.footerSocmedLink:hover {
  opacity: 0.55;
}
.footerSocmedLink .icoSocmed {
  width: 34px;
  height: 34px;
  background-size: contain;
  background-repeat: no-repeat;
}
.footerApp {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 24px;
  margin-bottom: 50px;
  border-radius: 6px;
}
.footerAppWrap {
  display: flex;
  justify-content: flex-start;
}
.footerApp:hover {
  opacity: 0.55;
}
.footerApp:first-child {
  margin-left: 0;
}
.footerApp:last-child {
  margin-right: 0;
}
.footerCopyright {
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #858585;
  letter-spacing: 0.2px;
}

.theme--home {
  font-family: "Manrope", sans-serif;
  --hg-htop: calc(60px + 32px);
  --cl-brown: #803c00;
  --filter-brown: invert(24%) sepia(95%) saturate(982%) hue-rotate(5deg)
      brightness(91%) contrast(103%);
}
.theme--home .root .main {
  padding-top: var(--hg-htop);
}
.theme--home .root .flashnews ~ header .headerTop {
  top: 0;
}
.theme--home .root .flashnews ~ .skyscrapper {
  transform: translateY(176px);
}
.theme--home .root .flashnews ~ .skyscrapper.-top {
  transform: translateY(120px);
}
.theme--home .root .flashnews ~ .main .menuPanel {
  top: 96px;
  height: calc(100vh - 96px);
}
.theme--home .billboardPushdown ~ .root .flashnews ~ .skyscrapper {
  transform: translateY(454px);
}
.theme--home .col-left {
  padding-right: 34px;
}
.theme--home .header {
  --hg-htop: 60px;
}
.theme--home .headerWrap {
  padding-top: 10px;
  padding-bottom: 10px;
}
.theme--home .headerLogoWrap {
  transform: translateX(0);
  transition: transform 0.5s ease-out;
  position: relative;
}
.theme--home .headerLogoWrapBGEvent {
  position: absolute;
  bottom: -10px;
  max-height: 50px;
  max-width: unset;
  opacity: 1;
}
.theme--home .headerLogoWrapBGEvent.left {
  left: -140%;
}
.theme--home .headerLogoWrapBGEvent.right {
  right: -150%;
}
.theme--home .headerLogo img {
  width: auto;
  height: 36px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0;
}
.theme--home .headerSearch .icoSearch {
  width: 28px;
  height: 28px;
  filter: invert(20%) sepia(0%) saturate(22%) hue-rotate(151deg) brightness(98%) contrast(86%);
}
.theme--home .headerSearch .buttonSearch {
  padding: 6px;
  border: 0;
  width: 40px;
  height: 40px;
}
.theme--home .headerLogin {
  display: flex;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #3d3d3d;
  letter-spacing: 0.02em;
}
.theme--home .headerLoginLabel {
  margin-left: 5px;
}
.theme--home .headerLogin a {
  display: flex;
  align-items: center;
}
.theme--home .headerLogin .icoLogin {
  background-repeat: no-repeat;
  filter: invert(20%) sepia(0%) saturate(22%) hue-rotate(151deg) brightness(98%) contrast(86%);
}
.theme--home .headerLogin .icoLogin {
  width: 24px;
  height: 24px;
}
.theme--home .profileImgDefault img {
  filter: var(--filter-brown);
}
.theme--home .nav {
  --hg-hmenu: 48px;
  background: #FFFFFF;
}
.theme--home .navItem {
  margin-left: 6px;
  margin-right: 6px;
  min-width: 58px;
  min-height: 48px;
  text-align: center;
}
.theme--home .navItem:first-child {
  margin-left: 0;
}
.theme--home .navItem:last-child {
  margin-right: 0;
}
.theme--home .navItem.-active .navLink {
  color: #222222;
  border-bottom: 3px solid #222222;
}
.theme--home .navLink {
  padding: 16px 10px 10px;
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #545454;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.theme--home .navLink:hover {
  color: #222222;
  border-bottom: 3px solid #222222;
}
.theme--home .flashnews {
  height: 36px;
  transform: translateY(108px);
  transition: transform 0.5s ease;
  background: #0b57a7;
}
.theme--home .flashnewsWrap {
  width: calc(100% - 128px);
  background: #0b57a7;
}
.theme--home .flashnewsCaption {
  flex-shrink: 0;
  padding: 11px 20px;
  background: #d11616;
  letter-spacing: -0.28px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}
.theme--home .flashnewsCaption span {
  font-weight: 400;
}
.theme--home .flashnewsLink {
  padding: 8px 5px;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
.theme--home .flashnewsLink:hover {
  text-decoration: underline;
  color: #FFFFFF;
}
.theme--home .network {
  position: fixed;
  transition: transform 0.5s ease;
  z-index: 6;
}
.theme--home .network ~ .flashnews {
  transform: translateY(140px);
}
.theme--home:has(.billboardPushdown) .main {
  padding-top: calc(60px);
}
.theme--home:has(.billboardPushdown).-scroll .headerLogo img {
  height: 36px;
}
.theme--home:has(.billboardPushdown).-scroll .headerLogoWrap {
  transform: none;
}
.theme--home:has(.billboardPushdown).-scroll .flashnews {
  transform: translateY(140px);
}
.theme--home:has(.billboardPushdown).-scroll.-nav .nav {
  position: relative;
  left: 0;
  transform: none;
  background: #FFFFFF;
}
.theme--home:has(.billboardPushdown).-scroll.-nav .headerWrap {
  width: 1110px;
  min-width: unset;
  height: var(--hg-htop);
  padding-top: 10px;
  padding-bottom: 10px;
}
.theme--home:has(.billboardPushdown).-scroll.-nav .main {
  padding-top: calc(60px);
}
.theme--home:has(.billboardPushdown) .network {
  position: relative;
}
.theme--home:has(.billboardPushdown).bp_scroll .network {
  position: fixed;
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll .network {
  transform: translateY(0);
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll .header {
  /*&LoginLabel {
      opacity: 0;
      visibility: hidden;
      width: 0;
      margin-left: 0;
  }*/
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll .headerLogo img {
  height: 20px;
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll .headerLogoWrap {
  transform: translateX(-470px);
}
@media (min-width: 1440px) {
  .theme--home:has(.billboardPushdown).bp_scroll.-scroll .headerLogoWrap {
    transform: translateX(-525px);
  }
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll .header .logoMain {
  display: none;
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll .header .logoScroll {
  display: block;
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll .flashnews {
  transform: translateY(80px);
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll.-nav .nav {
  width: auto;
  background: transparent;
  position: fixed;
  left: 50%;
  transform: translateX(-50%) translateY(32px);
  z-index: 6;
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll.-nav .navMenu {
  background: #FFFFFF;
  min-width: unset;
  width: 900px;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1440px) {
  .theme--home:has(.billboardPushdown).bp_scroll.-scroll.-nav .navMenu {
    width: 1024px;
  }
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll.-nav .navItem {
  margin-left: 2px;
  margin-right: 2px;
}
@media (min-width: 1440px) {
  .theme--home:has(.billboardPushdown).bp_scroll.-scroll.-nav .navItem {
    margin-left: 6px;
    margin-right: 6px;
  }
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll.-nav .headerWrap {
  width: 100%;
  min-width: 1230px;
  padding-top: 0;
  padding-bottom: 0;
  height: 48px;
}
@media (min-width: 1440px) {
  .theme--home:has(.billboardPushdown).bp_scroll.-scroll.-nav .headerWrap {
    width: 1375px;
  }
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll.-nav .main {
  padding-top: calc(var(--hg-htop) + 40px);
}
.theme--home:has(.billboardPushdown).bp_scroll.-scroll.-nav .main .menuPanel {
  top: 80px;
  height: calc(100vh - 80px);
}
.theme--home.bp_scroll > .billboardPushdown ~ .root .flashnews ~ .skyscrapper {
  transform: translateY(120px);
}
.theme--home.-scroll .headerLogo img {
  height: 20px;
}
.theme--home.-scroll .headerLogoWrap {
  transform: translateX(-470px);
}
@media (min-width: 1440px) {
  .theme--home.-scroll .headerLogoWrap {
    transform: translateX(-525px);
  }
}
.theme--home.-scroll .flashnews {
  transform: translateY(80px);
}
.theme--home.-scroll.-nav .nav {
  width: auto;
  background: transparent;
  position: fixed;
  left: 50%;
  transform: translateX(-50%) translateY(32px);
  z-index: 6;
}
.theme--home.-scroll.-nav .navMenu {
  background: #FFFFFF;
  min-width: unset;
  width: 920px;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1440px) {
  .theme--home.-scroll.-nav .navMenu {
    width: 1024px;
  }
}
.theme--home.-scroll.-nav .navItem {
  margin-left: 2px;
  margin-right: 2px;
}
@media (min-width: 1440px) {
  .theme--home.-scroll.-nav .navItem {
    margin-left: 6px;
    margin-right: 6px;
  }
}
.theme--home.-scroll.-nav .headerWrap {
  width: 100%;
  min-width: 1230px;
  padding-top: 0;
  padding-bottom: 0;
  height: 48px;
}
@media (min-width: 1440px) {
  .theme--home.-scroll.-nav .headerWrap {
    width: 1375px;
  }
}
.theme--home.-scroll.-nav .main {
  padding-top: calc(var(--hg-htop) + 40px);
}
.theme--home.-scroll.-nav .main .menuPanel {
  top: 80px;
  height: calc(100vh - 80px);
}
.theme--home .icoPremium {
  margin-left: 0;
  margin-top: 2px;
  margin-right: 3px;
  width: 14px;
  height: 14px;
  vertical-align: top;
  filter: invert(70%) sepia(32%) saturate(899%) hue-rotate(348deg) brightness(101%) contrast(98%);
  background-size: contain;
  background-repeat: no-repeat;
}
.theme--home .premiumBox {
  position: relative;
  background: #f6cb69;
  padding: 14px;
  height: 282px;
  margin-bottom: 0;
  border-radius: 7px;
  flex-direction: column;
  overflow: hidden;
}
.theme--home .premiumBoxCaption {
  position: relative;
  margin-top: 0;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #000000;
}
.theme--home .premiumBoxLogin {
  position: relative;
  display: inline-flex;
  margin-top: 20px;
  padding: 12px 26px;
  background: #222222;
  border-radius: 50px;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
}
.theme--home .premiumBoxLogin .icoLoginPremium {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  filter: invert(100%) sepia(2%) saturate(113%) hue-rotate(16deg) brightness(112%) contrast(101%);
}
.theme--home .premiumBoxBg {
  position: absolute;
  left: -50px;
}
.theme--home .breadcrumb {
  padding: 10px 0;
}
.theme--home .breadcrumbItem {
  margin-left: 0;
}
.theme--home .breadcrumbLink {
  color: #3d3d3d;
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 500;
}
.theme--home .titleCaption {
  font-family: "Manrope", sans-serif;
  font-size: 22px;
  line-height: normal;
  color: #222222;
  letter-spacing: 0.22px;
}
.theme--home .titleCaption--small {
  color: #222222;
  letter-spacing: 0.15px;
}
.theme--home .titleOthers {
  font-family: "Manrope", sans-serif;
  line-height: normal;
  color: #222222;
  letter-spacing: 0.42px;
}
.theme--home .mostItem {
  margin-top: 15px;
}
.theme--home .mostItem .mostLink {
  display: block;
  padding-left: 37px;
}
.theme--home .mostItem:first-child {
  margin-top: 20px;
}
.theme--home .mostNum {
  min-width: 18px;
  text-align: center;
  top: 0;
  bottom: unset;
  left: 0;
  right: unset;
  letter-spacing: 2.4px;
  font-family: "Manrope", sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: #585858;
}
.theme--home .most .artTitle {
  -webkit-line-clamp: 3;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 1.4;
}
.theme--home .details {
  --default-font: 17px;
  font-size: var(--default-font) !important;
}
.theme--home .detailsTitleCaption {
  font-family: "Manrope", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  color: #222;
}
.theme--home .detailsTitle .detailsWrap {
  position: absolute;
  right: 0;
  bottom: 0;
}
.theme--home .detailsLead {
  margin-top: 15px;
  letter-spacing: 0.39px;
  font-style: italic;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  color: #585858;
}
.theme--home .detailsAttribute {
  margin-top: 15px;
  letter-spacing: 0.39px;
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #222;
}
.theme--home .detailsAttributeAuthor {
  display: flex;
}
.theme--home .detailsAttributeDates {
  margin-top: 4px;
  letter-spacing: 0.8px;
  font-size: 10px;
  font-weight: 500;
  color: #585858;
}
.theme--home .detailsAttributeItem {
  flex-direction: column;
  max-width: 370px;
}
.theme--home .detailsAttribute .profileImg {
  width: 36px;
  height: 36px;
  margin-right: 8px;
}
.theme--home .detailsImg img {
  border-radius: 12px;
  overflow: hidden;
  -o-object-position: top center;
     object-position: top center;
  width: auto;
  height: auto;
  margin: auto;
  position: unset;
  -o-object-fit: contain;
     object-fit: contain;
}
.theme--home .detailsImgWrap {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.theme--home .detailsImgWrap.-center .detailsImg {
  padding-top: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  text-align: center;
}
.theme--home .detailsImgCaption {
  letter-spacing: 0.44px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: #585858;
}
.theme--home .detailsZoom {
  padding: 8px 10px;
  border-radius: 12px;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.theme--home .detailsZoom .icoZoom {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
.theme--home .detailsCoverImg {
  border-radius: 12px;
}
.theme--home .detailsFontCta {
  letter-spacing: 0.39px;
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  font-weight: 500;
}
.theme--home .detailsFontRange {
  width: 166px;
}
.theme--home .detailsContent {
  letter-spacing: 0.19px;
  font-family: "Manrope", sans-serif;
  font-size: var(--default-font);
  font-weight: 500;
  line-height: 1.7;
  color: #3d3d3d;
}
.theme--home .detailsContent a {
  color: #d11616;
}
.theme--home .detailsContent h2 {
  line-height: 1.2;
}
.theme--home .detailsContent.about p {
  margin: 0 0 5px;
}
.theme--home .artRec {
  padding: 26.5px 15px;
  border-radius: 7px;
  background: #222222;
}
.theme--home .artRec .artDate {
  color: #bdbdbd;
}
.theme--home .artRec .artLink:hover .artTitle,
.theme--home .artRec .artLink:hover ~ .artContent .artTitle {
  color: #fdb043;
}
.theme--home .artRec .artTitle {
  color: #FFFFFF;
}
.theme--home .artRec .titleCaption--small,
.theme--home .artRec .titleOthers {
  color: #fdb043;
}
.theme--home .artRec .icoArrow {
  filter: invert(69%) sepia(61%) saturate(558%) hue-rotate(340deg) brightness(103%) contrast(98%);
}
.theme--home .art.-rec {
  --spacing-rec: 6.5px;
}
.theme--home .art.-rec .artWrap {
  margin-right: calc( var(--spacing-rec) - var(--spacing-rec) * 2 );
  margin-left: calc( var(--spacing-rec) - var(--spacing-rec) * 2 );
}
.theme--home .art.-rec .artItem {
  margin-left: var(--spacing-rec);
  margin-right: var(--spacing-rec);
}
.theme--home .artBorder {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
}
.theme--home .art.-reg {
  --spacing-reg: 14px;
}
.theme--home .art.-reg .artWrap {
  margin-right: calc( var(--spacing-reg) - var(--spacing-reg) * 2 );
  margin-left: calc( var(--spacing-reg) - var(--spacing-reg) * 2 );
}
.theme--home .art.-reg .artItem {
  margin-top: var(--spacing-reg);
  margin-left: var(--spacing-reg);
  margin-right: var(--spacing-reg);
}
.theme--home .artContent:has(.artChannel) .artTitle {
  margin-top: 5px;
}
.theme--home .artWrap.-col .artImg {
  padding-top: 58.04%;
  margin-bottom: 7px;
}
.theme--home .artWrap.-col .artContentWrap {
  margin-top: 3px;
}
.theme--home .artWrap.-col-top .artItem:first-child .artDate {
  margin-top: 0;
}
.theme--home .artWrap.-row .artItem {
  margin-top: 20px;
}
.theme--home .artWrap.-row .artContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0;
  margin-right: 20px;
}
.theme--home .artWrap.-row .artLinkImg {
  order: 1;
}
.theme--home .artWrap.-row .artImg {
  position: relative;
  width: 248px;
  padding-top: 56.452%;
}
.theme--home .artWrap.-center .art--row {
  align-items: center;
}
.theme--home .artWrap.-center .artContent {
  flex-direction: row;
  justify-content: flex-start;
}
.theme--home .artWrap.-center .artContentWrap {
  align-items: flex-start;
}
.theme--home .artWrap.-center .artLink {
  display: flex;
  flex-direction: column;
}
.theme--home .artWrap.-center .artTitle {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
.theme--home .artWrap.-center .artChannel {
  width: 100px;
  padding: 4px 10px;
  margin-right: 20px;
  text-align: center;
}
.theme--home .artRow3half {
  --spacing-row3half: 11px;
  margin-right: calc( var(--spacing-row3half) - var(--spacing-row3half) * 2 );
  margin-left: calc( var(--spacing-row3half) - var(--spacing-row3half) * 2 );
}
.theme--home .artRow3half .col-3half {
  padding-left: var(--spacing-row3half);
  padding-right: var(--spacing-row3half);
}
.theme--home .artRow3half .artContent {
  min-height: 94px;
}
.theme--home .artRow3half .artWrap.-col-top .artItem {
  margin-top: 8px;
  padding-bottom: 18px;
  border-bottom: 1px solid #bdbdbd;
}
.theme--home .artRow3half .artWrap.-col-top .artItem:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.theme--home .artRow3half .artWrap.-col-top .artItem:first-child .artImg {
  padding-top: 58.04%;
}
.theme--home .artRow3half .artWrap.-col-top .artItem:first-child {
  margin-top: 12px;
}
.theme--home .artRow3half .artWrap.-col-top .artItem:first-child .art--col-top {
  border-bottom: 0;
  padding-bottom: 0;
}
.theme--home .artLink:hover .artTitle {
  color: var(--cl-brown);
}
.theme--home .artLink:hover ~ .artContent .artTitle {
  color: var(--cl-brown);
}
.theme--home .artLink:hover ~ .artContent .artImg img {
  transform: scale(1.2);
}
.theme--home .artLink:hover .artImg img {
  transform: scale(1.2);
}
.theme--home .artImg {
  border-radius: 7px;
}
.theme--home .artImg img {
  border-radius: 7px;
  transform: scale(1);
  will-change: transform;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.theme--home .artTitle {
  margin-top: 8px;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.38;
  color: #222222;
}
.theme--home .artChannel {
  text-transform: none;
  letter-spacing: 0.05em;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #3d3d3d;
  padding: 0;
}
.theme--home .artChannel.-premium {
  color: #3d3d3d;
}
.theme--home .artChannel.-premium .icoPremium {
  filter: invert(70%) sepia(32%) saturate(899%) hue-rotate(348deg) brightness(101%) contrast(98%);
}
.theme--home .artDate {
  margin-top: 0;
  letter-spacing: 0.08em;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  color: #585858;
}
.theme--home .artLive {
  padding-left: 17px;
  padding-right: 7px;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  background: #d11616;
}
.theme--home .artLive::before {
  top: 8px;
  left: 8px;
  background: #FFFFFF;
  animation: blink 1s infinite;
}
.theme--home .artPremium {
  --spacing-premium: 13px;
}
.theme--home .artPremium .artWrap {
  overflow: hidden;
  max-height: 305px;
  margin-right: calc( var(--spacing-premium) - var(--spacing-premium) * 2 );
  margin-left: calc( var(--spacing-premium) - var(--spacing-premium) * 2 );
  padding-right: var(--spacing-premium);
}
.theme--home .artPremium .artWrap .artItem {
  margin-left: var(--spacing-premium);
  margin-right: var(--spacing-premium);
}
.theme--home .artPremium .artWrap.slick-initialized {
  max-height: unset;
}
.theme--home .artPremium .artWrap.slick-initialized .slick-list.lastItem {
  padding-left: 100px;
  padding-right: 0;
  transform: translateX(var(--spacing-premium));
}
.theme--home .artPremium .artWrap.slick-initialized .slick-list.lastItem .artItem {
  width: 305px !important;
}
.theme--home .artPremium .artItem {
  margin-top: 24px;
}
.theme--home .artPremium .titleOthers {
  color: #585858;
}
.theme--home .artPremium .titleOthers .icoArrow {
  filter: invert(35%) sepia(0%) saturate(1411%) hue-rotate(145deg) brightness(91%) contrast(84%);
}
.theme--home .artPremium .slick-list {
  padding-right: 100px;
}
.theme--home .artPremium .slick-next, .theme--home .artPremium .slick-prev {
  top: 38%;
  box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.25);
}
.theme--home .artPremium .slick-next {
  right: 0;
}
.theme--home .artPremium .slick-prev {
  left: 0;
}
.theme--home .artItem.-photo {
  position: relative;
  margin-top: 24px;
}
.theme--home .artPhotoCount {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 12px;
  border-bottom-left-radius: 7px;
}
.theme--home .livestream {
  background: #282852;
  padding: 30px;
}
.theme--home .livestream .videowrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.theme--home .livestream .videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.theme--home .livestreamLabel {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 25px;
  color: var(--title-putih, #fff);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.theme--home .livestreamBreaking {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 13px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  /* 137.5% */
  text-transform: uppercase;
}
.theme--home .livestreamBreaking span {
  border-radius: 8px;
  background: #ff3838;
  display: flex;
  padding: 2px 5px;
}
.theme--home .livestreamDescription {
  margin-bottom: 13px;
}
.theme--home .livestreamDescription p {
  color: var(--title-putih, #fff);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  /* 146.667% */
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
}
.theme--home .livestreamLink {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fdc910;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.36px;
}
.theme--home .hLLink:hover ~ .hLContent .artTitle {
  color: var(--cl-brown);
}
.theme--home .hLBig {
  overflow: hidden;
  max-height: 406px;
}
.theme--home .hLBig.slick-initialized {
  max-height: unset;
}
.theme--home .hLBigTitle {
  font-size: 24px;
  line-height: 1.2;
  color: #FFFFFF;
}
.theme--home .hLBigItem {
  border-radius: 7px;
  overflow: hidden;
}
.theme--home .hLBigItem::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.55%, #000 95.59%), linear-gradient(180deg, rgba(0, 0, 0, 0) 7.72%, #000000 100%);
  z-index: 1;
  pointer-events: none;
}
.theme--home .hLBigContent {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  bottom: 30px;
}
.theme--home .hLBig .hLLink:hover .artTitle {
  color: #FFFFFF;
}
.theme--home .hLBigImg img {
  height: 406px;
}
.theme--home .hLBig .slick-next,
.theme--home .hLBig .slick-prev {
  opacity: 0.5;
}
.theme--home .hLBig .slick-prev {
  left: 20px;
}
.theme--home .hLBig .slick-next {
  right: 20px;
}
.theme--home .hLBig .artChannel {
  color: #FFFFFF;
}
.theme--home .hLSmall {
  --spacing-hlSmall: 5px;
  margin-right: calc( var(--spacing-hlSmall) - var(--spacing-hlSmall) * 2 );
  margin-left: calc( var(--spacing-hlSmall) - var(--spacing-hlSmall) * 2 );
}
.theme--home .hLSmallItem {
  margin-top: 15px;
  padding-left: var(--spacing-hlSmall);
  padding-right: var(--spacing-hlSmall);
}
.theme--home .hLSmallImg {
  position: relative;
  width: 100%;
  padding-top: 56.3%;
  margin-bottom: 7px;
}
.theme--home .hLSmall .artChannel {
  color: #3d3d3d;
}
.theme--home .topic {
  --spacing-topic: 6px;
}
.theme--home .topicCaption {
  color: #f00;
}
.theme--home .topicList {
  justify-content: center;
  margin-top: 6px;
  margin-right: calc( var(--spacing-topic) - var(--spacing-topic) * 2 );
  margin-left: calc( var(--spacing-topic) - var(--spacing-topic) * 2 );
  display: inherit;
}
.theme--home .topicItem {
  margin-top: var(--spacing-topic);
  margin-bottom: var(--spacing-topic);
  margin-left: var(--spacing-topic);
  margin-right: var(--spacing-topic);
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
}
.theme--home .topicLink {
  display: flex;
  align-items: center;
  padding: 7px 20px 7px 7px;
  border: 0;
  border-radius: 10px;
  background: #f5dece;
  position: relative;
  transition: box-shadow 0.3s;
  overflow: hidden;
}
.theme--home .topicLink::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="59" height="57" viewBox="0 0 59 57" fill="none"><path d="M20 0H49C54.5228 0 59 4.47715 59 10V47C59 52.5228 54.5228 57 49 57H0L20 0Z" fill="%23FFD4AE"/><path d="M30 0H49C54.5228 0 59 4.47715 59 10V47C59 52.5228 54.5228 57 49 57H10L30 0Z" fill="%23FFCC9F"/><path d="M40 0H49C54.5228 0 59 4.47715 59 10V47C59 52.5228 54.5228 57 49 57H20L40 0Z" fill="%23FFC28C"/></svg>');
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.theme--home .topicLink:hover {
  box-shadow: 0 0 0 1px #FF9537;
}
.theme--home .topicLink:hover .topicTitle {
  color: #3d3d3d;
}
.theme--home .topicTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
  letter-spacing: 0.75px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  line-height: normal;
  color: #3d3d3d;
  font-size: 15px;
  position: relative;
}
.theme--home .topicImg {
  margin-right: 15px;
}
.theme--home .topicImg img {
  border-radius: 10px;
  width: 43px;
  height: 43px;
}
.theme--home .topicIndicator {
  margin: 15px auto;
  width: -moz-fit-content;
  width: fit-content;
}
.theme--home .topicIndicator .individual-indicators {
  display: flex;
  margin: auto 7px auto 7px;
  position: relative;
  width: 120px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  background: #d9d9d9;
}
.theme--home .topicIndicator .individual-indicators .active {
  position: absolute;
  content: "";
  height: 7px;
  vertical-align: middle;
  background: #ffc28c;
  top: 0px;
  width: 40px;
  transition: 0.8s ease;
  border-radius: 10px;
}
.theme--home .topicIndicator .individual-indicators .slide {
  height: 7px;
  background-color: #d9d9d9;
  width: 10px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.theme--home .bplus {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.theme--home .bplusCaption {
  padding: 14px 10px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.theme--home .bplusItem {
  padding: 15px 20px 0;
}
.theme--home .bplusItem:first-child {
  height: 160px;
}
.theme--home .bplusItem:first-child .bplusContent {
  bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 0;
}
.theme--home .bplusItem:last-child .bplusContent {
  border-bottom: 0;
}
.theme--home .bplusContent {
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #585858;
}
.theme--home .bplusLink:hover .bplusTitle {
  color: #ffab2e;
}
.theme--home .bplusTitle {
  margin-top: 0;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #FFFFFF;
}
.theme--home .bplusOthers {
  padding-top: 13px;
  padding-bottom: 13px;
  text-transform: none;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  color: #222222;
}
.theme--home .bplus .artDate {
  margin-top: 8px;
}
.theme--home .kanalBisnistv {
  border-radius: 7px;
}
.theme--home .kanalBisnistv .artWrap.-col .artImg {
  border-radius: 7px;
  margin-bottom: 14px;
}
.theme--home .kanalBisnistv .artTitle {
  order: 0;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 15px;
  color: #000;
}
.theme--home .kanalBisnistv .artDuration .icoPlay::before {
  left: 5px;
  border-left: 19px solid var(--cl-brown);
}
.theme--home .kanalPhoto .artWrap {
  overflow: hidden;
  max-height: 550px;
}
.theme--home .kanalPhoto .artWrap.slick-initialized {
  max-height: unset;
}
.theme--home .kanalPhoto .artItem {
  height: 550px;
}
.theme--home .kanalPhoto .artContent {
  max-width: 461px;
}
.theme--home .kanalPhoto .artPhotoCount {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 15px;
  border-radius: 7px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  letter-spacing: 0.24px;
  position: unset;
}
.theme--home .kanalPhoto .artTitle {
  -webkit-line-clamp: 2;
  font-family: "Manrope", sans-serif;
  font-size: 22px;
}
.theme--home .kanalPhoto .artLink {
  min-height: 63px;
}
.theme--home .kanalPhoto .artDate,
.theme--home .kanalPhoto .artChannel {
  margin-top: 0;
  color: #bdbdbd;
}
.theme--home .kanalPhoto .artPhotoMore {
  margin-top: 30px;
  background: transparent;
  border-radius: 7px;
  border: 1px solid #FFFFFF;
  text-transform: none;
  letter-spacing: 0.42px;
  font-family: "Manrope", sans-serif;
  line-height: normal;
  color: #FFFFFF;
}
.theme--home .kanalPhoto .artPhotoMore:hover {
  background: #FFFFFF;
  color: #222222;
}
.theme--home .kanalPhoto .titleCaption {
  left: 50%;
  transform: translateX(-50%);
}
.theme--home .kanalPhoto .titleCaption--small {
  color: #FFFFFF;
}
.theme--home .kanalPhoto .titleOthers {
  color: #FFFFFF;
}
.theme--home .kanalPhoto .titleOthers .icoArrow {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(185deg) brightness(112%) contrast(101%);
}
.theme--home .buttonPrimary {
  min-width: 160px;
  border: 1px solid var(--cl-brown);
  border-radius: 7px;
  text-transform: none;
  font-family: "Manrope", sans-serif;
  color: var(--cl-brown);
}
.theme--home .buttonPrimary:hover {
  color: #FFFFFF;
  background: var(--cl-brown);
}
.theme--home .slick-next,
.theme--home .slick-prev {
  width: 36px;
  height: 36px;
  background: #FFFFFF;
}
.theme--home .slick-next::after,
.theme--home .slick-prev::after {
  filter: none;
  width: 28px;
  height: 28px;
  top: 3px;
  left: 4px;
}
.theme--home .stream {
  border-radius: 20px;
  margin-bottom: 20px;
}
.theme--home .stream.-center .streamVid {
  margin-top: 0;
  width: 533px;
  height: 300px;
}
.theme--home .stream.-center .streamVidWrap {
  box-shadow: 0px 0px 30px 0px #597bee;
}
.theme--home .stream.-center .streamWrap {
  padding: 0 20px 25px;
}
.theme--home .stream.-center .streamCaption {
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  color: #FFFFFF;
}
.theme--home .stream .artLive {
  margin-bottom: 0;
  margin-right: 10px;
}
.theme--home .stream .streamCaptionWrap {
  padding: 15px 20px;
  position: relative;
}
.theme--home .invalid-feedback {
  font-size: 14px;
  color: #f00;
  margin-top: 5px;
}

/**
* * component
*/
.button {
  border: 0;
  padding: 0;
  background: transparent;
  -webkit-appearance: none;
}
.buttonSearch {
  padding: 7px;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: #FFFFFF;
  border: 1px solid #434343;
}
.buttonPrimary {
  text-align: center;
  min-width: 320px;
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 12px 18px;
  border: 1px solid;
  border-radius: 12px;
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.buttonBacktop {
  display: none;
  position: fixed;
  width: 50px;
  height: 50px;
  z-index: 99;
  bottom: 44px;
  right: 44px;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.02em;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  color: #222222;
}
.buttonBacktop .icoArrow {
  display: block;
  transform: rotate(270deg);
  margin: auto;
  filter: invert(11%) sepia(19%) saturate(0%) hue-rotate(156deg) brightness(98%) contrast(96%);
}

.titleCaption {
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #1A1A1A;
}
.titleCaptionWrap, .theme--home .stream .streamCaptionWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.titleCaptionBox {
  padding: 12px 24px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
}
.titleCaption--small {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}
.titleOthers {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.titleOthers .icoArrow {
  margin-left: 5px;
}
.titleOthers:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.profileImg {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.skyscrapper--left::before,
.skyscrapper--right::before,
.billboardTop::before,
.billboardRectangle::before,
.billboardVideo::before,
.billboardBottom::before,
.billboardBig::before,
.billboardLeaderboard::before,
.billboardFlyingBanner::before {
  content: "";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  left: 0;
  top: -14px;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon-bisniscom-circle.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.skyscrapper--left::after,
.skyscrapper--right::after,
.billboardTop::after,
.billboardRectangle::after,
.billboardVideo::after,
.billboardBottom::after,
.billboardBig::after,
.billboardLeaderboard::after,
.billboardFlyingBanner::after {
  background-color: #f4f4f4;
  content: "Advertisement";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 36px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.6;
  color: #939393;
  display: flex;
  justify-content: center;
  align-items: center;
}

.billboardCustom::before {
  content: "";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  left: 0;
  top: -14px;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon-bisniscom-circle.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.billboardCustom::after {
  background-color: #f4f4f4;
  content: "Advertisement";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 36px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.6;
  color: #939393;
  display: flex;
  justify-content: center;
  align-items: center;
}

.skyscrapper {
  position: fixed;
  width: 100%;
  top: 0;
  transform: translateY(130px);
  z-index: 1;
  transition: transform 0.5s ease;
}
.skyscrapper.-top {
  transform: translateY(70px);
}
.skyscrapperFluid {
  position: absolute;
  width: calc((100% - 1120px) / 2);
  display: block;
  top: 0;
}
.skyscrapperFluid img {
  max-width: none;
}
.skyscrapperFluid--left {
  left: 0;
}
.skyscrapperFluid--right {
  right: 0;
}
.skyscrapper--left {
  right: 0;
  position: absolute;
}
.skyscrapper--right {
  left: 0;
  position: absolute;
}
.skyscrapper--left, .skyscrapper--right {
  min-width: 160px;
  min-height: 600px;
}

.billboard {
  position: relative;
  margin: auto;
}
.billboardRectangle {
  width: 300px;
  min-height: 250px;
}
.billboardVideo {
  width: 100%;
  height: 450px;
}
@media (max-width: 768px) {
  .billboardVideo {
    height: 250px;
  }
}
.billboardVideo .gliaplayer-container {
  z-index: 3 !important;
}
.billboardBottom {
  position: fixed;
  width: 100%;
  bottom: 0;
  min-height: 90px;
  background: rgba(244, 244, 244, 0.5);
  z-index: 100;
}
.billboardBottom:after {
  background-color: transparent;
}
.billboardBig {
  width: 300px;
  min-height: 600px;
}
.billboardLeaderboard {
  width: 728px;
  min-height: 90px;
}
.billboardParallax {
  width: 100%;
}
.billboardFlying {
  width: 100%;
  position: relative;
  overflow: visible;
  height: 300px;
}
.billboardFlyingFix, .billboardFlyingInner {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.billboardFlyingInner {
  position: absolute;
  clip: rect(auto, auto, auto, auto);
}
.billboardFlyingFix {
  position: fixed;
  margin: 0 auto;
}
.billboardFlyingBanner {
  min-width: 300px;
  min-height: 600px;
  position: absolute;
  top: 100px;
  left: calc(((100% - 1110px) / 2) + 150px + 75px);
}
.billboardFlyingWrap {
  position: relative;
  z-index: 1;
}
.billboardCustom {
  width: 100%;
  min-height: 90px;
}
.billboardCta {
  margin: auto;
  min-height: 28px;
  background: #efefef;
  font-family: "Manrope", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.3;
  color: #585858;
  letter-spacing: 0.03em;
}
.billboardCta span {
  font-weight: 600;
  color: #803c00;
}
.billboardCta p {
  margin: auto;
}
.billboardClose {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border: 0;
  color: #FFFFFF;
  background: #bcbcbc;
  cursor: pointer;
  z-index: 99;
}

.root:has(.artPhotoNav) .skyscrapper {
  z-index: 2;
}

.billboardWrapperBottom {
  padding: 5px 15px;
  text-align: center;
  background: #efefef;
}
.billboardWrapperBottom:hover p span {
  text-decoration: underline;
}
.billboardWrapperBottom p {
  color: #585858;
  font-size: 12px;
  line-height: 18px;
  /* 180% */
  letter-spacing: 0.3px;
  margin: 0;
}
.billboardWrapperBottom p span {
  color: #0b57a7;
  font-weight: 700;
}

.flashnews {
  position: fixed;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  height: 30px;
  overflow: hidden;
  transform: translateY(0);
  z-index: 5;
}
.flashnewsRow {
  display: flex;
  align-items: center;
}
.flashnewsCaption {
  padding: 8px 14px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #FFFFFF;
}
.flashnewsWrap {
  display: flex;
  align-items: center;
  flex: 1;
  height: 30px;
  background: #1A1A1A;
}
.flashnewsItem {
  position: relative;
  display: inline-block;
  padding: 1px 10px;
}
.flashnewsLink {
  display: inline-block;
  padding: 8px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #FFFFFF;
}
.flashnewsLink:hover {
  color: #ffce21;
}
.flashnewsIcon {
  margin-right: 10px;
  vertical-align: middle;
}
.flashnewsLive {
  text-transform: uppercase;
  color: #ffce21;
}

.artChannel {
  padding-top: 3px;
  padding-bottom: 3px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: "Nunito Sans", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}
.artChannel.-premium {
  color: #8E4107;
}
.artChannel.-premium .icoPremium {
  filter: invert(20%) sepia(66%) saturate(3006%) hue-rotate(27deg) brightness(98%) contrast(94%);
}
.artLive {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  margin-top: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  letter-spacing: 0.1em;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  color: #AE0F0F;
}
.artLive:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #AE0F0F;
}
.artDate {
  margin-top: 2px;
  letter-spacing: 0.05em;
  font-family: "Nunito Sans", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  color: #555;
}
.artImg {
  background: #C4C4C4;
  border-radius: 12px;
  overflow: hidden;
}
.artTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 6px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #1A1A1A;
}
.artContentWrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.artContentWrap div:first-child {
  margin-right: 15px;
}
.art--row {
  display: flex;
  flex-direction: row;
}
.art--row .artContent {
  flex: 1;
  margin-left: 16px;
}
.art--col {
  display: flex;
  flex-direction: column;
  position: relative;
}
.art--col-left, .art--col-top {
  display: flex;
  flex-direction: row;
}
.art--col-left .artContent, .art--col-top .artContent {
  flex: 1;
}
.art--col-center {
  display: flex;
  flex-direction: column;
}
.art--col-center .artImg {
  margin-bottom: 16px;
}
.artWrap.-col {
  display: flex;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px;
}
.artWrap.-col .artItem {
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
}
.artWrap.-col .artImg {
  position: relative;
  width: 100%;
  padding-top: calc(3/4 * 100%);
  margin-bottom: 13px;
}
.artWrap.-col-left::after {
  content: "";
  display: table;
  clear: both;
}
.artWrap.-col-left .artItem {
  margin-top: 16px;
}
.artWrap.-col-left .artItem:first-child {
  float: left;
  width: 310px;
  min-height: 512px;
  margin-top: 0;
  margin-right: 24px;
}
.artWrap.-col-left .artItem:first-child .art--col-left {
  flex-direction: column;
}
.artWrap.-col-left .artItem:first-child .artImg {
  flex-basis: 100%;
  margin-right: 0;
  margin-bottom: 16px;
  padding-top: calc(4/3 * 100%);
}
.artWrap.-col-left .artItem:first-child .artTitle {
  font-size: 24px;
  line-height: 1.2;
}
.artWrap.-col-left .artItem:first-child .artDate {
  margin-top: 8px;
}
.artWrap.-col-left .artImg {
  position: relative;
  flex-basis: 155px;
  height: 116px;
  margin-right: 16px;
}
.artWrap.-col-center {
  display: grid;
  grid-template-columns: 1fr 410px 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 35px;
  grid-row-gap: 16px;
  margin-top: 16px;
}
.artWrap.-col-center .artItem:nth-child(1) {
  grid-area: 1/1/2/2;
}
.artWrap.-col-center .artItem:nth-child(2) {
  grid-area: 2/1/3/2;
}
.artWrap.-col-center .artItem:nth-child(3) {
  grid-area: 1/2/3/3;
}
.artWrap.-col-center .artItem:nth-child(3) .artImg {
  flex-basis: 100%;
  padding-top: calc(4/3 * 100%);
}
.artWrap.-col-center .artItem:nth-child(4) {
  grid-area: 1/3/2/4;
}
.artWrap.-col-center .artItem:nth-child(5) {
  grid-area: 2/3/3/4;
}
.artWrap.-col-center .artImg {
  position: relative;
  width: 100%;
  padding-top: calc(3/4 * 100%);
}
.artWrap.-col-center .artTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}
.artWrap.-col-top .artItem {
  margin-top: 34px;
}
.artWrap.-col-top .artItem:first-child {
  margin-top: 16px;
}
.artWrap.-col-top .artItem:first-child .art--col-top {
  flex-direction: column;
  padding-bottom: 14px;
  border-bottom: 1px solid #9E9E9E;
}
.artWrap.-col-top .artItem:first-child .artImg {
  flex-basis: 100%;
  padding-top: calc(3/4 * 100%);
  margin-bottom: 16px;
  margin-right: 0;
}
.artWrap.-col-top .artItem:first-child .artDate {
  margin-top: 8px;
}
.artWrap.-col-top .artItem:nth-child(2) {
  margin-top: 20px;
}
.artWrap.-col-top .artImg {
  position: relative;
  flex-basis: 94px;
  height: 94px;
  margin-right: 16px;
}
.artDuration {
  position: relative;
  display: inline-flex;
  padding: 5px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #FFFFFF;
  z-index: 1;
}
.artDuration .icoPlay {
  top: 2px;
  margin-left: 6px;
  margin-right: 16px;
}
.artPhotoCount {
  display: flex;
  align-items: center;
  padding: 3px 10px;
  background: #E7B68E;
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #6A4B37;
}
.artPhotoCount .icoPhoto {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  filter: invert(26%) sepia(21%) saturate(1147%) hue-rotate(340deg) brightness(94%) contrast(77%);
}
.artPhotoMore {
  margin-top: 20px;
  padding: 12px 18px;
  background: #FFFFFF;
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #6A4B37;
}
.artPhotoNav {
  display: flex;
  position: absolute;
  bottom: 54px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.artPhotoNavWrap {
  display: flex;
  position: relative;
  padding-top: 12px;
  border-top: 1px solid #585858;
}
.artPhotoNavWrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 0;
  border-top: 3px solid #FDB043;
}
.artPhotoNavWrap .artPhotoNavContent .artTitle {
  margin-top: 8px;
  text-align: left;
  font-size: 14px;
}
.artPhotoNavImg {
  position: relative;
  width: 75px;
  height: 75px;
  background: #C4C4C4;
  border-radius: 7px;
  margin-right: 13px;
  overflow: hidden;
}
.artPhotoNavImg img {
  border-radius: 7px;
}
.artPhotoNavContent {
  flex: 1;
  margin-right: 13px;
}
.artPhotoNav .slick-track {
  transform: none !important;
}
.artPhotoNav .slick-current .artPhotoNavWrap::before {
  width: 100%;
  transition: width 3s linear;
}
.artOtherItem {
  min-width: 100%;
  border-bottom: 1px solid #9E9E9E;
  margin-bottom: 12px;
}
.artOtherItem:last-child {
  border-bottom: 0;
}
.artOtherLink {
  display: block;
  padding-top: 4px;
  padding-bottom: 10px;
}

.hLWrap {
  position: relative;
  height: 610px;
  overflow: hidden;
  background: #C4C4C4;
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  color: #FFFFFF;
}
.hLWrap.-bottom .hLBigContent,
.hLWrap.-bottom .hLNav {
  left: 50%;
  transform: translateX(-50%);
}
.hLWrap.-bottom .hLBig {
  z-index: 1;
}
.hLWrap.-bottom .hLBigContent {
  bottom: 205px;
}
.hLWrap.-bottom .hLBigContent .artContentWrap,
.hLWrap.-bottom .hLBigContent .hLBigTitle,
.hLWrap.-bottom .hLBigContent .hLBigLead,
.hLWrap.-bottom .hLBigContent .titleOthers {
  max-width: 576px;
}
.hLWrap.-bottom .hLBigItem::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.hLWrap.-bottom .hLNav {
  align-items: flex-end;
  top: unset;
  bottom: 37px;
  margin-left: -10px;
  margin-right: -10px;
  pointer-events: none;
}
.hLWrap.-bottom .hLNavItem {
  pointer-events: all;
}
.hLWrap.-bottom .hLNavItem.slick-current .hLNavWrap {
  border-top: 3px solid #DB892A;
}
.hLWrap.-bottom .hLNavWrap {
  padding-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  border-top: 3px solid #48545C;
  border-right: 0;
}
.hLWrap.-bottom .hLNavImg {
  flex-basis: 66px;
  height: 66px;
}
.hLWrap.-bottom .hLNavTitle {
  -webkit-line-clamp: 3;
}
.hLWrap.-bottom .artDate {
  margin-top: 0;
}
.hLSlide {
  min-width: 310px;
  max-height: 100%;
}
.hLBig {
  position: relative;
  width: 100%;
  z-index: 0;
}
.hLBigItem {
  position: relative;
  width: 100%;
}
.hLBigItem::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, #000000 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 7.72%, #000000 100%);
  z-index: 0;
}
.hLBigContent {
  width: calc(100% - 310px - 54px);
  padding-left: 54px;
  padding-right: 45px;
  position: absolute;
  bottom: 56px;
  z-index: 1;
}
.hLBigContent.-premium .artChannel {
  color: #FFFFFF;
}
.hLBigImg img {
  width: 100%;
  height: 610px;
  -o-object-fit: cover;
     object-fit: cover;
}
.hLBigTitle {
  margin-top: 8px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  color: #FFFFFF;
}
.hLBigLead {
  margin-top: 8px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  color: #FAFAFA;
}
.hLBig .artDate {
  margin-top: 8px;
}
.hLNav {
  position: absolute;
  width: 310px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 54px;
  z-index: 1;
}
.hLNavWrap {
  display: flex;
  flex-direction: row;
  margin-top: 18px;
  margin-bottom: 18px;
  border-right: 3px solid transparent;
}
.hLNavContent {
  flex: 1;
  padding-left: 12px;
}
.hLNavImg {
  position: relative;
  flex-basis: 98px;
  height: 98px;
  background: #D9D9D9;
}
.hLNavTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 8px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #FFFFFF;
}
.hLNav .artDate {
  margin-top: 2px;
}
.hLNav .slick-track {
  transform: translate3d(0px, 0px, 0px) !important;
}
.hL .artChannel {
  color: #FFFFFF;
}
.hL .artDate {
  color: #C7C7C7;
}

.stream {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.stream.-center .streamWrap {
  padding: 52px 28px;
}
.stream.-center .streamVid {
  margin-top: 12px;
  width: 460px;
  height: 260px;
  background: #D9D9D9;
}
.stream.-center .streamCaption {
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  color: #222222;
}
.stream.-left .streamWrap {
  padding: 25px 26px;
}
.stream.-left .streamVid {
  width: 415px;
  height: 233px;
  background: #C4C4C4;
}
.stream.-left .streamCaption {
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #FFFFFF;
}
.stream.-left .streamIcon {
  width: 18px;
  height: 18px;
}
.streamCaption strong {
  text-transform: uppercase;
}
.streamIcon {
  margin-right: 2px;
  display: inline-block;
}
.streamWrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.streamVid {
  position: relative;
}
.streamBg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  z-index: 0;
}
.streamContent {
  flex: 1;
  margin-left: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #FFFFFF;
}
.streamTitle {
  margin-top: 10px;
}
.streamBreaking {
  margin-top: 16px;
  text-transform: uppercase;
}
.streamBreaking span {
  margin-left: 10px;
  padding: 2px 5px;
  background: #FF3838;
  border-radius: 8px;
}
.streamLink {
  display: block;
  margin-top: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  color: #FFF800;
}
.streamLink:hover {
  text-decoration: underline;
}
.streamLink .icoPlay {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-color: #FFF800;
  vertical-align: middle;
}
.streamCollapse {
  display: flex;
  align-items: center;
  position: relative;
  letter-spacing: 0.13px;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  color: #BDBDBD;
}
.streamCollapse::after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M6 4.75c-.69 0-1.25.56-1.25 1.25v3a.75.75 0 0 1-1.5 0V6A2.75 2.75 0 0 1 6 3.25h3a.75.75 0 0 1 0 1.5H6ZM14.25 4a.75.75 0 0 1 .75-.75h3A2.75 2.75 0 0 1 20.75 6v3a.75.75 0 1 1-1.5 0V6c0-.69-.56-1.25-1.25-1.25h-3a.75.75 0 0 1-.75-.75ZM4 14.25a.75.75 0 0 1 .75.75v3c0 .69.56 1.25 1.25 1.25h3a.75.75 0 1 1 0 1.5H6A2.75 2.75 0 0 1 3.25 18v-3a.75.75 0 0 1 .75-.75Zm16 0a.75.75 0 0 1 .75.75v3A2.75 2.75 0 0 1 18 20.75h-3a.75.75 0 1 1 0-1.5h3c.69 0 1.25-.56 1.25-1.25v-3a.75.75 0 0 1 .75-.75Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  filter: invert(88%) sepia(27%) saturate(0%) hue-rotate(221deg) brightness(85%) contrast(83%);
  transition: background 0.5s ease;
}
.streamCollapse.-active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M19.5 9.636a.871.871 0 0 0-.87-.871h-2.895V5.87a.87.87 0 1 0-1.742 0v3.765c0 .482.39.87.871.87h3.765a.87.87 0 0 0 .871-.87ZM14.864 19a.87.87 0 0 0 .871-.87v-2.896h2.894a.87.87 0 0 0 0-1.742h-3.765a.87.87 0 0 0-.87.871v3.766c0 .48.388.871.87.871Zm-4.728 0a.871.871 0 0 1-.871-.87v-2.896H6.37a.871.871 0 0 1 0-1.742h3.765a.87.87 0 0 1 .87.871v3.766a.87.87 0 0 1-.87.871ZM5.5 9.636a.87.87 0 0 1 .87-.871h2.895V5.87a.87.87 0 1 1 1.742 0v3.765a.87.87 0 0 1-.871.87H6.37a.87.87 0 0 1-.871-.87Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.topicList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -7px;
  margin-right: -7px;
}
.topicItem {
  margin-top: 15px;
  margin-left: 7px;
  margin-right: 7px;
}
.topicLink {
  display: block;
  padding: 3px 12px;
  border: 1px solid;
  border-radius: 12px;
  background: transparent;
}
.topicLink:hover .topicTitle {
  color: #FFFFFF;
}
.topicTitle {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
}

.breadcrumb {
  padding: 10px;
}
.breadcrumbItem {
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}
.breadcrumbItem::after {
  margin-left: 7px;
  transform: rotate(316deg);
}
.breadcrumbItem:last-child::after {
  content: none;
}
.breadcrumbLink {
  padding: 2px;
  display: inline-block;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.mostItem {
  position: relative;
  margin-top: 40px;
}
.mostItem:first-child {
  margin-top: 16px;
}
.mostItem .artTitle {
  position: relative;
  z-index: 1;
  font-size: 16px !important;
}
.mostNum {
  position: absolute;
  bottom: -8px;
  right: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 80px;
  font-weight: 600;
  line-height: 0.9;
  color: #ffd2f8;
  z-index: 0;
  top: 2px;
}

.premiumBox {
  background: #1A1A1A;
  padding-top: 11px;
  padding-left: 26px;
  padding-right: 26px;
  margin-bottom: 50px;
}
.premiumBoxBtn {
  display: inline-flex;
  align-items: center;
  padding: 11px 15px;
  background: linear-gradient(90deg, #FDA085 0%, #F6D365 100%);
  border-radius: 23px;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: #954700;
}
.premiumBoxBtn .icoPremium {
  width: 14px;
  height: 14px;
  margin-left: 0;
  margin-right: 8px;
  filter: invert(22%) sepia(95%) saturate(1798%) hue-rotate(25deg) brightness(99%) contrast(101%);
}
.premiumBoxLogin {
  display: flex;
  align-items: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #F2B007;
}
.premiumBoxLogin:hover {
  color: #FFFFFF;
}
.premiumBoxLogin .icoLoginPremium {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  filter: invert(71%) sepia(80%) saturate(915%) hue-rotate(352deg) brightness(94%) contrast(102%);
}
.premiumBoxCaption {
  margin-top: 40px;
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: #F2B007;
}
.premiumBox .art {
  margin-top: 24px;
  margin-bottom: 54px;
}
.premiumBox .artWrap.-col .artItem {
  margin-left: 12px;
  margin-right: 12px;
}
.premiumBox .artChannel {
  letter-spacing: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #FFFFFF;
}
.premiumBox .artTitle {
  color: #FFFFFF;
}
.premiumBox .artDate {
  color: #C7C7C7;
}
.premiumBox .artLink:hover .artTitle {
  color: #FFFFFF;
  text-decoration: underline;
}
.premiumBox .titleOthers {
  display: flex;
  justify-content: center;
  margin-left: -26px;
  margin-right: -26px;
  padding: 20px 18px;
  background: #2F2F2F;
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  line-height: 1.5;
  color: #FFFFFF;
}
.premiumBox .titleOthers:hover {
  text-decoration: underline;
}

.bplus {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #222222;
  overflow: hidden;
}
.bplusItem {
  position: relative;
  padding: 12px;
}
.bplusItem:first-child {
  height: 170px;
  padding: 0;
}
.bplusItem:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.bplusItem:first-child .bplusImg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bplusItem:first-child .bplusContent {
  position: absolute;
  bottom: 14px;
  padding-left: 12px;
  padding-right: 12px;
  z-index: 1;
}
.bplusItem:first-child .bplusTitle {
  margin-top: 0;
}
.bplusTitle {
  color: #FFFFFF;
}
.bplusCaption {
  display: flex;
  justify-content: center;
  padding: 17px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #222222;
}
.bplusOthers {
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px 18px;
  background: #FFAB2E;
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #1A1A1A;
}
.bplusOthers:hover {
  background: #ffce21;
}
.bplus .artDate {
  color: #DCDCDC;
}

.network {
  position: relative;
  top: 0;
  width: 100%;
  background: #222222;
  /*&--campaign {
      position: relative;
      background: #EBF3FF;
      margin-bottom: 56px;
      transform: translateY(0);
      transition: transform .5s ease;

      .networkLink {
          position: relative;
          padding-top: 13px;
          padding-bottom: 13px;
      }
  }
  */
}
.networkList {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.networkLink {
  display: block;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: "Manrope", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  color: #FFFFFF;
  letter-spacing: 0.08em;
}
.networkLink.-premium {
  color: #FDB043;
}
.networkLink .icoPremium {
  width: 12px;
  height: 12px;
  vertical-align: middle;
  filter: invert(70%) sepia(32%) saturate(899%) hue-rotate(348deg) brightness(101%) contrast(98%);
}
.networkImg {
  max-height: 24px;
}
.network ~ .header .headerTop {
  transform: translateY(32px);
  transition: transform 0.5s ease;
}
.network ~ .main .menuPanel {
  top: 92px;
}

.keuangan {
  border-radius: 7px;
  overflow: hidden;
  background: #134199;
}
.keuanganOthers {
  display: block;
  width: 100%;
  text-align: center;
  padding: 13px 18px;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #FFFFFF;
}
.keuanganOthers:hover {
  background: #3671E1;
}
.keuangan .titleCaption {
  padding: 20px 10px;
}
.keuangan .artWrap.-col-top .artItem {
  margin-top: 0;
}
.keuangan .artWrap.-col-top .artItem:first-child .art--col-top {
  padding-bottom: 0;
  border-bottom: 0;
}
.keuangan .artWrap.-col-top .artItem:first-child .artImg {
  padding-top: 160px;
  margin-bottom: 0;
  border-radius: 0;
}
.keuangan .artWrap.-col-top .artItem:first-child .artImg img {
  border-radius: 0;
}
.keuangan .artWrap.-col-top .artItem:first-child .artDate {
  margin-top: 8px;
}
.keuangan .artItem {
  position: relative;
  background: #F4F4F4;
  border-bottom: 1px solid #D9D9D9;
}
.keuangan .artItem:first-child {
  border-bottom: 0;
}
.keuangan .artItem:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(19, 65, 153, 0) 0%, rgba(19, 65, 153, 0.7) 84.37%), rgba(19, 65, 153, 0) 100%;
  pointer-events: none;
  z-index: 1;
}
.keuangan .artItem:first-child .artContent {
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.keuangan .artItem:first-child .artTitle,
.keuangan .artItem:first-child .artLink:hover .artTitle,
.keuangan .artItem:first-child .artDate {
  color: #FFFFFF;
}
.keuangan .artItem:last-child {
  border-bottom: 0;
}
.keuangan .artContent {
  display: flex;
  flex-direction: column;
  padding: 15px 20px;
}
.keuangan .artContentWrap {
  order: 1;
}
.keuangan .artLink:hover .artTitle {
  color: #3671E1;
}
.keuangan .artLink:hover ~ .artContent .artTitle {
  color: #FFFFFF;
}
.keuangan .artLink:hover .artImg img {
  transform: none;
}
.keuangan .artTitle {
  margin-top: 0;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #12367C;
}
.keuangan .artDate {
  margin-top: 8px;
}

.podcastImg {
  border-radius: 7px;
  overflow: hidden;
}

.infografis {
  --spacing-igrafis: 10px;
}
.infografisWrap {
  overflow: hidden;
  max-height: 331px;
  margin-right: calc(var(--spacing-igrafis) - var(--spacing-igrafis)* 2);
  margin-left: calc(var(--spacing-igrafis) - var(--spacing-igrafis)* 2);
  padding-right: var(--spacing-igrafis);
}
.infografisWrap.slick-initialized {
  max-height: unset;
}
.infografisWrap .slick-list {
  padding-right: 90px;
}
.infografisWrap .slick-next, .infografisWrap .slick-prev {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
}
.infografisWrap .slick-next {
  right: 20px;
}
.infografisWrap .slick-prev {
  left: 20px;
}
.infografisItem {
  padding-left: var(--spacing-igrafis);
  padding-right: var(--spacing-igrafis);
}
.infografisImg {
  border-radius: 7px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 169%;
}
.editorialItem {
  margin-bottom: 10px;
}
.editorialItem:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
.editorialLink {
  display: flex;
  align-items: center;
}
.editorialImg {
  position: relative;
  width: 87px;
  padding-top: 85px;
  margin-right: 16px;
  border-radius: 50%;
  border: 1px solid #BDBDBD;
  overflow: hidden;
}
.editorialContent {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #000;
}
.editorialTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
}
.editorialAuthor {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 8px;
  color: #D11616;
}

.opinionLinkAuthor {
  margin-top: 7px;
  display: flex;
  align-items: center;
}
.opinionImg {
  position: relative;
  width: 62px;
  padding-top: 60px;
  margin-right: 12px;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
  overflow: hidden;
}
.opinionContent {
  flex: 1;
  position: relative;
  padding-right: 42px;
}
.opinionTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 17px;
  font-weight: 600;
  color: #3D3D3D;
}
.opinionAuthor {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #D11616;
}
.opinionAuthorTitle {
  margin-top: 2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #585858;
  letter-spacing: 0.36px;
}
.opinion .icoList {
  position: absolute;
  top: calc(50% - 28px/2);
  right: 0;
  width: 28px;
  height: 28px;
}

.authorWidget {
  padding: 20px;
  border-radius: 12px;
  background: #F5F5F5;
}
.authorWidgetWrapImg {
  overflow: hidden;
}
.authorWidgetWrapImg img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.authorWidgetWrapDesc .name {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 137.5% */
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 8px;
}
.authorWidgetWrapDesc .position {
  color: #222;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.39px;
  margin-top: 0;
  margin-bottom: 14px;
}
.authorWidgetWrapDesc .description {
  color: #3D3D3D;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.42px;
}
.authorWidgetWrapDesc .button {
  border-radius: 7px;
  background-color: #222;
  display: flex;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: white;
  margin-top: 16px;
  width: -moz-fit-content;
  width: fit-content;
}

.paging {
  margin-top: 30px;
  margin-bottom: 50px;
}
.pagingWrap {
  display: flex;
  align-items: center;
}
.pagingList {
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagingList .disabled .pagingLink {
  background: #bdbdbd;
  border: 1px solid #bdbdbd;
}
.pagingItem {
  margin-left: 5px;
  margin-right: 5px;
}
.pagingItem:first-child {
  margin-left: 12px;
}
.pagingLink, .pagingShow {
  min-width: 34px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid #555555;
  border-radius: 7px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #434343;
}
.pagingLink.-active, .pagingLink:hover, .pagingShow.-active, .pagingShow:hover {
  color: #FFFFFF;
}
.pagingCaption {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: #434343;
}
.pagingShow {
  margin-left: 5px;
  padding: 5px 12px;
}
.pagingInput {
  border-radius: 7px;
  border: 1px solid var(--grey, #bdbdbd);
  background: var(--white, #fff);
  display: flex;
  width: 54px;
  height: 34px;
  padding: 10px;
  text-align: center;
}
.pagingLabel {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  /* 157.143% */
  margin: 0 10px;
}

.indexPagination .pagingInput {
  width: 80px;
}

.bisnisai {
  border-radius: 16px;
  border: 1.5px dashed #9a88ff;
  background: linear-gradient(98deg, #fdf3ff 12.02%, #f7f6ff 22.39%, #edf7ff 83.09%);
  padding: 20px;
}
.bisnisaiHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bisnisaiHeaderContent.-main {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.22px;
  text-transform: capitalize;
}
.bisnisaiBodyContent.-summary {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px -1px 2px 0px rgba(59, 96, 190, 0.04), 0px 2px 4px 0px rgba(59, 96, 190, 0.08);
  padding: 16px;
  margin: 16px 0;
}
.bisnisaiBodyContent.-summary ul {
  list-style: none;
  padding-left: 0;
}
.bisnisaiBodyContent.-summary ul li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 8px;
  overflow: hidden;
  color: #222;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  /* 169.231% */
  text-transform: capitalize;
}
.bisnisaiBodyContent.-summary ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.4707 12.1143C16.5137 12.1143 12.5001 8.04289 12.5001 2C12.5001 8.04292 8.48658 12.1143 2.52954 12.1143C8.48658 12.1143 12.5001 16.0937 12.5001 22C12.5001 16.0937 16.5137 12.1143 22.4707 12.1143Z" fill="url(%23paint0_linear_281_54)"/><defs><linearGradient id="paint0_linear_281_54" x1="7.19713" y1="14.7158" x2="15.8118" y2="10.9827" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF32FC"/><stop offset="0.499546" stop-color="%235F2AFF"/><stop offset="1" stop-color="%2300EDFE"/></linearGradient></defs></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
.bisnisaiFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bisnisaiFooterText {
  color: #8f5dd3;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
}

/**
* * page
*/
.kanalBox {
  padding-bottom: 20px;
  border: 1px solid #C7C7C7;
  border-radius: 12px;
}
.kanalBox .art {
  padding-top: 20px;
  padding-left: 24px;
  padding-right: 24px;
}
.kanalBox .titleOthers {
  padding-left: 24px;
  padding-right: 24px;
}
.kanalVid {
  background: #1A1A1A;
  padding-top: 34px;
  padding-bottom: 48px;
}
.kanalVid .titleCaption,
.kanalVid .titleOthers,
.kanalVid .artChannel,
.kanalVid .artTitle {
  color: #FFFFFF;
}
.kanalVid .art {
  margin-top: 16px;
}
.kanalVid .artLink:hover .artTitle {
  color: #FFFFFF;
  text-decoration: underline;
}
.kanalVid .artWrap.-col {
  margin-left: -21px;
  margin-right: -21px;
}
.kanalVid .artWrap.-col .artImg {
  padding-top: calc(3/4 * 100% - 70px);
}
.kanalVid .artWrap.-col .artItem {
  margin-left: 21px;
  margin-right: 21px;
}
.kanalVid .artDate {
  color: #C7C7C7;
}
.kanalVid .artDuration {
  background: #f5f5f5;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 12px;
  height: 48px;
  width: 65px;
}
.kanalVid .artDuration .icoPlay::before {
  border-bottom: 12px solid transparent;
  border-left: 24px solid;
  border-top: 14px solid transparent;
  height: 27px;
}
.kanalVid .titleOthers:hover {
  text-decoration: underline;
}
.kanalPhoto {
  position: relative;
}
.kanalPhoto .art {
  position: relative;
}
.kanalPhoto .artItem {
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
}
.kanalPhoto .artItem::before {
  content: "";
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
.kanalPhoto .artImg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
  z-index: 0;
}
.kanalPhoto .artImg img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.kanalPhoto .artContent {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  max-width: 543px;
  height: 100%;
  margin: auto;
  z-index: 1;
}
.kanalPhoto .artLink {
  min-height: 142px;
}
.kanalPhoto .artLink:hover .artTitle {
  color: #FFFFFF;
  text-decoration: underline;
}
.kanalPhoto .artTitle {
  margin-top: 10px;
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  color: #FFFFFF;
}
.kanalPhoto .artDate {
  margin-top: 8px;
  text-align: center;
  color: #C7C7C7;
}
.kanalPhoto .titleCaption {
  position: absolute;
  top: 40px;
  left: 40px;
  font-weight: 600;
  color: #FFFFFF;
  z-index: 1;
}
.kanalPhoto:has(.artPhotoNav) .artWrap .artContent {
  padding-bottom: 88px;
}
.kanalPhoto:has(.artPhotoNav) .titleCaption {
  z-index: 2;
}
.kanalBisnistv {
  padding: 20px 15px;
  background: #F5F5F5;
}
.kanalBisnistv .titleCaption {
  margin-bottom: 14px;
  text-align: center;
}
.kanalBisnistv .artWrap.-col .artImg {
  border-radius: 0;
  padding-top: calc(3/4 * 100% - 86px);
}
.kanalBisnistv .artTitle {
  -webkit-line-clamp: 3;
  order: 1;
  font-size: 18px;
  line-height: 1.3;
}
.kanalBisnistv .artContent {
  display: flex;
  flex-direction: column;
}
.kanalBisnistv .artImg img {
  border-radius: 0;
}
.kanalBisnistv .artDuration {
  width: 50px;
  height: 37px;
  background: #F5F5F5;
  border-top-right-radius: 12px;
}
.kanalBisnistv .artDuration .icoPlay::before {
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 19px solid;
}
.kanalNetwork {
  padding: 5px 20px 29px;
  border-radius: 7px;
  background: #F5F5F5;
}
.kanalNetworkItem {
  margin-top: 24px;
}
.kanalNetworkIcon {
  display: inline-block;
  position: relative;
  width: 24px;
  padding-top: 24px;
  margin-right: 6px;
}
.kanalNetwork .artWrap.-row .artItem {
  margin-top: 12px;
}
.kanalNetwork .artWrap.-row .artImg {
  width: 75px;
  padding-top: 75px;
  border-radius: 0;
}
.kanalNetwork .artWrap.-row .artImg img {
  border-radius: 0;
}
.kanalNetwork .artTitle {
  margin-top: 0;
  letter-spacing: 0;
  -webkit-line-clamp: 3;
  font-size: 14px;
  line-height: 1.4;
}

.detailsCover {
  position: relative;
}
.detailsCover.-left .detailsCoverImg {
  height: auto;
  padding-top: calc(2/4 * 100% + 50px);
}
.detailsCoverImg {
  position: relative;
  width: 100%;
  height: 378px;
  margin: 0;
}
.detailsZoom {
  display: flex;
  align-items: center;
  position: absolute;
  top: 25px;
  right: 25px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(31, 31, 31, 0.75);
  letter-spacing: 0.02em;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #FFFFFF;
  pointer-events: none;
  z-index: 1;
}
.detailsZoom .icoZoom {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.detailsTitle {
  width: 626px;
  position: relative;
  transform: translate(-50%, -80px);
  left: 50%;
  margin-bottom: calc(-80px + 36px);
  background: #FFFFFF;
  padding: 12px 15px;
  border-radius: 12px;
  z-index: 1;
}
.detailsTitle.-left {
  width: auto;
  margin-bottom: 20px;
  transform: none;
  left: 0;
  padding: 0;
}
.detailsTitle.-left .detailsTitleCaption {
  margin-top: 0;
}
.detailsTitleCaption {
  margin-top: 8px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  color: #1A1A1A;
}
.detailsAttribute {
  margin-top: 12px;
  letter-spacing: 0.05em;
  font-family: "Nunito Sans", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  color: #555;
}
.detailsAttribute span {
  display: inline-flex;
}
.detailsAttribute span::after {
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  bottom: 1px;
}
.detailsAttribute span:last-child::after {
  content: none;
}
.detailsAttributeAuthor {
  align-items: center;
}
.detailsAttributeAuthor .authorName a:hover {
  text-decoration: underline;
}
.detailsAttribute .profileImg {
  width: 26px;
  height: 26px;
  margin-right: 12px;
}
.detailsWrap {
  justify-content: space-between;
}
.detailsFont {
  display: flex;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
}
.detailsFontCta {
  margin-left: 5px;
  margin-right: 5px;
  letter-spacing: 0.05em;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
}
.detailsFontRange {
  margin-left: 5px;
  margin-right: 5px;
  accent-color: #ABABAB;
}
.detailsContent {
  word-break: break-word;
  font-family: "Nunito Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.41;
  color: #434343;
}
.detailsContent.-lock {
  position: relative;
  padding-bottom: 96px;
}
.detailsContent.-lock::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 190px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -8.01%, #FFFFFF 34.25%);
}
.detailsContent .baca-juga {
  position: relative;
  min-height: 54px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.detailsContent .baca-juga table {
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 28px;
  border-radius: 0;
  box-shadow: none;
}
.detailsContent .baca-juga table tr:nth-child(odd),
.detailsContent .baca-juga table tr:nth-child(even) {
  background: transparent;
}
.detailsContent .baca-juga th {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.detailsContent .baca-juga th span {
  flex: 1;
}
.detailsContent .baca-juga a {
  margin-left: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  text-align: left;
  display: -webkit-box;
}
.detailsContent .baca-juga a:hover {
  text-decoration: underline;
}
.detailsContent .question {
  position: relative;
  border-radius: 7px;
  background: var(--gray-6, #F2F2F2);
  padding: 20px 14px;
  margin: 0;
  color: var(--black, #222);
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  /* 166.667% */
  letter-spacing: 0.18px;
}
.detailsContent .question::before {
  content: url('data:image/svg+xml, <svg width="29" height="46" viewBox="0 0 29 46" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_6703_12185)"><path d="M9.8295 31.9772C9.8295 30.6202 9.95733 29.3124 10.213 28.0537C10.4883 26.7754 10.9308 25.5954 11.5405 24.5137C12.0715 23.4714 12.6615 22.6454 13.3105 22.0357C13.9595 21.4064 14.6872 20.7869 15.4935 20.1772C16.2998 19.5479 17.1947 18.7121 18.178 17.6697C18.9843 16.7847 19.5153 15.9096 19.771 15.0442C20.0267 14.1592 20.1545 13.2152 20.1545 12.2122C20.1545 11.5632 20.0857 10.9535 19.948 10.3832C19.8103 9.81288 19.5645 9.32122 19.2105 8.90822C18.6598 8.18055 17.9518 7.66922 17.0865 7.37422C16.2212 7.05955 15.2968 6.90222 14.3135 6.90222C13.5072 6.90222 12.7303 7.01038 11.983 7.22672C11.2553 7.42338 10.6358 7.73805 10.1245 8.17072C9.5345 8.64272 9.10183 9.22288 8.8265 9.91122C8.55117 10.5995 8.42333 11.3567 8.443 12.1827H0.95C1.14667 10.2161 1.67767 8.39688 2.543 6.72522C3.428 5.03388 4.58833 3.68672 6.024 2.68372C7.145 1.85772 8.40367 1.23822 9.8 0.825218C11.216 0.412217 12.632 0.205717 14.048 0.205717C16.2113 0.205717 18.2468 0.540051 20.1545 1.20872C22.0818 1.87738 23.6847 2.97872 24.963 4.51272C25.848 5.51572 26.5167 6.67605 26.969 7.99372C27.441 9.31138 27.677 10.6487 27.677 12.0057C27.677 14.0314 27.2345 15.8801 26.3495 17.5517C25.4842 19.2234 24.3828 20.7672 23.0455 22.1832C22.4162 22.8519 21.8163 23.4419 21.246 23.9532C20.6757 24.4646 20.1447 24.9661 19.653 25.4577C19.181 25.9297 18.7877 26.4312 18.473 26.9622C17.9223 27.8866 17.5978 28.6732 17.4995 29.3222C17.4012 29.9516 17.352 30.8366 17.352 31.9772H9.8295ZM9.8885 43.5117V35.6942H17.352V43.5117H9.8885Z" fill="%23FDB043" /></g><defs><filter id="filter0_d_6703_12185" x="0.949219" y="0.205719" width="27.7285" height="45.306" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" /><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /><feOffset dx="1" dy="2" /><feComposite in2="hardAlpha" operator="out" /><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6703_12185" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6703_12185" result="shape" /></filter></defs></svg>');
  position: absolute;
  right: 5px;
  top: -23px;
}
.detailsContent table {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #000;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13);
  border-spacing: 0;
}
.detailsContent table ~ table {
  margin-top: 30px;
}
.detailsContent table thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
.detailsContent table thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
.detailsContent table .thead_title {
  font-weight: 700;
  font-size: 1.11em;
  line-height: 1.3;
  color: #FFFFFF;
  background: #004CE0;
  padding: 10px 24px;
}
.detailsContent table .thead_column {
  border-radius: 0;
  background: #FFCE21;
  padding: 10px;
  border-left: 1px solid #d2c9a7;
}
.detailsContent table .thead_column:first-child {
  border-left: 0;
}
.detailsContent table td {
  padding: 10px;
}
.detailsContent table td ~ td {
  border-left: 1px solid #D2C9A7;
}
.detailsContent table tr:nth-child(even) {
  background: #FFFDF6;
}
.detailsContent table tr:nth-child(odd) {
  background: #FFF4CC;
}
.detailsContent table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.detailsContent table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.detailsContent a {
  color: #395dd2;
}
.detailsContent a:hover {
  text-decoration: underline;
}
.detailsContent p {
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.detailsContent h1 {
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}
.detailsContent h2 {
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}
.detailsContent h3 {
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.detailsContent h4 {
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
}
.detailsContent ul,
.detailsContent ol {
  padding-left: 2em;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.detailsContent ul {
  list-style-type: disc;
}
.detailsContent ol {
  list-style-type: decimal;
}
.detailsContent .big-orange {
  position: relative;
  margin-block-start: 1.8em;
  margin-block-end: 1.8em;
  margin-inline-start: 0;
  padding-left: 90px;
  margin-inline-end: 0;
  font-size: 1.33em;
  color: #1A1A1A;
}
.detailsContent .big-orange::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 59px;
  height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
}
.detailsContent .big-orange .author {
  display: block;
  margin-top: 20px;
  padding-left: 52px;
  position: relative;
  font-style: normal;
  font-size: 0.67em;
  font-weight: 600;
  line-height: 1.57;
}
.detailsContent .big-orange .author::before {
  content: "";
  width: 40px;
  left: 0;
  top: 10px;
  position: absolute;
  border-top: 2px solid;
}
.detailsImg {
  position: relative;
  margin: 0;
  display: block;
  width: 100%;
  padding-top: calc(6/4 * 100% - 29px);
  height: auto;
  background: #C4C4C4;
  border-radius: 12px;
  overflow: hidden;
}
.detailsImgWrap {
  clear: both;
  position: relative;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 16px;
}
.detailsImgWrap.-left {
  width: 354px;
  float: left;
  margin-right: 20px;
}
.detailsImgWrap.-right {
  width: 354px;
  float: right;
  margin-left: 20px;
}
.detailsImgWrap.-center .detailsImg {
  width: 100%;
  padding-top: calc(3/4 * 100%);
}
.detailsImgWrap.-col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-align: center;
  flex-wrap: wrap;
}
.detailsImgWrap.-col .detailsImg {
  flex-shrink: 0;
  width: calc(100%/2 - 16px);
  padding-top: calc(3/4 * 100% - 83px);
}
.detailsImgCaption {
  margin-top: 14px;
  text-align: center;
  font-size: 14px;
  color: #555;
}
.detailsVid {
  border-radius: 12px;
  overflow: hidden;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.detailsAuthor {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #434343;
}
.detailsAuthorItem {
  margin-top: 12px;
}
.detailsTag {
  margin-top: 15px;
  display: flex;
}
.detailsTagList {
  flex-wrap: wrap;
}
.detailsTagLink {
  padding: 3px 12px;
  display: inline-block;
  margin-top: 8px;
  margin-right: 16px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
}
.detailsTagCaption {
  flex-shrink: 0;
  margin-top: 16px;
  margin-right: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #434343;
}
.detailsPaging {
  margin-top: 30px;
  margin-bottom: 50px;
}
.detailsPagingCaption {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}
.detailsPagingWrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.detailsPagingWrap.-first {
  justify-content: flex-end;
}
.detailsPagingItem {
  max-width: 350px;
  margin-top: 12px;
  padding: 10px 10px 12px;
  background: #FFFFFF;
  border: 1px solid #555;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
}
.detailsPagingThumb {
  position: relative;
  width: 124px;
  height: 70px;
  background: #D9D9D9;
  border-radius: 12px;
  margin-right: 10px;
  overflow: hidden;
}
.detailsPagingContent {
  flex: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #1A1A1A;
}
.detailsPagingLead {
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}
.detailsPagingTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 2px;
}
.detailsBreak {
  margin-left: 90px;
  margin-right: 90px;
  margin-top: 30px;
  margin-bottom: 62px;
  text-align: center;
  height: 23px;
  position: relative;
}
.detailsBreakCaption {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  padding-left: 12px;
  padding-right: 12px;
  background: #FFFFFF;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}
.detailsLiveCaption {
  flex-shrink: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
  color: #1A1A1A;
  padding: 7px 12px 7px 16px;
}
.detailsLiveCaption span {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: #AE0F0F;
}
.detailsLiveCaption span:before {
  content: "";
  position: absolute;
  top: 6px;
  left: -16px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #AE0F0F;
}
.detailsLiveWrap {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.detailsLiveSlider {
  flex: 1;
  width: calc(100% - 155px);
  border-left: 1px solid #AE0F0F;
  padding-left: 24px;
  max-height: 44px;
  overflow: hidden;
}
.detailsLiveSlider .slick-list {
  padding-left: 2px;
  padding-right: 110px;
}
.detailsLiveSlider .slick-arrow {
  border-radius: 5px;
  width: 41px;
  height: 41px;
}
.detailsLiveSlider .slick-next {
  right: 0;
  background: #AE0F0F;
}
.detailsLiveSlider .slick-prev {
  left: 0;
  top: 0;
  background: #555;
}
.detailsLiveSliderWrap {
  position: relative;
  padding-left: 60px;
}
.detailsLiveSliderWrap::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 65px;
  height: 100%;
  background: linear-gradient(270deg, #FFFFFF 54.4%, rgba(255, 255, 255, 0) 123.5%);
}
.detailsLiveSliderTime {
  line-height: 0;
}
.detailsLiveAnchor {
  padding: 9px 12px;
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #434343;
  font-family: "Nunito Sans", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  color: #434343;
}
.detailsLiveAnchor.-active, .detailsLiveAnchor:hover {
  background: #AE0F0F;
  color: #FFFFFF;
  border-color: #AE0F0F;
}
.detailsLiveTL {
  position: relative;
  margin-top: 30px;
}
.detailsLiveTL::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 94px;
  width: 1px;
  height: 100%;
  border: 1px solid rgba(67, 67, 67, 0.5);
}
.detailsLiveItem {
  position: relative;
  margin-bottom: 24px;
  padding-left: 120px;
}
.detailsLiveItem.-active .detailsLiveTime {
  color: #AE0F0F;
}
.detailsLiveItem.-active .detailsLiveTime::after {
  opacity: 1;
}
.detailsLiveTime {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 96px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 20px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #434343;
}
.detailsLiveTime::after {
  content: "";
  position: relative;
  display: block;
  background: #AE0F0F;
  border-radius: 16px;
  left: 92px;
  bottom: 20px;
  width: 4px;
  height: 24px;
  opacity: 0;
  transition: opacity 0.4s ease 0.5s;
}
.detailsLiveTitle {
  font-family: "Nunito Sans", sans-serif;
  font-size: 1.41em;
  font-weight: 600;
  line-height: 1.3;
  color: #1A1A1A;
}
.detailsModal {
  max-width: 800px;
}
.detailsModalImg {
  text-align: center;
}
.detailsModalImg img {
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
.detailsModalCaption {
  width: 100%;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
}
.details hr {
  margin-top: 18px;
  border-bottom: 1px solid #9E9E9E;
}
.details .premiumBox {
  border-radius: 12px;
  margin-bottom: 40px;
}
.details .premiumBox .titleOthers {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/**
* * module
*/
@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.mt16 {
  margin-top: 16px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.text-center {
  text-align: center;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.drop-mb-pro {
  bottom: -150px !important;
}

.tradingview-widget-container {
  max-width: 100%;
}

.-sticky {
  position: sticky;
  top: 126px;
}