/**
* Bisniscom
* TODO : styling for details article
* --
* * for details article : details.html
* ? style-details.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;
}
.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");
}
.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");
}
.artDuration .icoPlay {
  position: relative;
}
.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");
}
.shareSocmedItem--fb .icoInline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='17' style='fill:none'/%3E%3Cpath d='M20.28 10.39h1.86V7.24c-.9-.09-1.81-.14-2.71-.14-2.69 0-4.53 1.64-4.53 4.65v2.59h-3.04v3.52h3.04v9.03h3.64v-9.03h3.03l.46-3.52h-3.48v-2.25c0-1.04.28-1.71 1.74-1.71Z'/%3E%3C/svg%3E");
}
.shareSocmedItem--tw .icoInline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='17' style='fill:none'/%3E%3Cpath d='M26.89 10.86c-.73.33-1.51.55-2.33.65.83-.5 1.47-1.3 1.78-2.25-.78.47-1.65.8-2.57.99-.75-.81-1.8-1.29-2.99-1.29-2.22 0-4.04 1.81-4.04 4.06 0 .32.04.63.1.93-3.37-.17-6.36-1.79-8.36-4.24-.35.6-.55 1.3-.55 2.03 0 1.41.71 2.66 1.81 3.37-.67 0-1.3-.19-1.84-.47v.03c0 1.97 1.4 3.61 3.25 3.98a4 4 0 0 1-1.82.07c.26.81.76 1.51 1.44 2.02.68.51 1.5.79 2.34.8a8.07 8.07 0 0 1-6 1.68c1.8 1.15 3.93 1.82 6.22 1.82 7.45 0 11.54-6.18 11.54-11.54v-.53a8.28 8.28 0 0 0 2.02-2.11Z'/%3E%3C/svg%3E");
}
.shareSocmedItem--tg .icoInline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='17' style='fill:none'/%3E%3Cpath d='M23.34 9.09c.23-.1.48-.13.73-.1s.48.13.68.29a1.404 1.404 0 0 1 .52 1.32l-2.12 12.86c-.21 1.24-1.57 1.95-2.7 1.33-.95-.52-2.36-1.31-3.64-2.14-.64-.42-2.58-1.75-2.34-2.7.21-.81 3.48-3.86 5.35-5.67.73-.71.4-1.12-.47-.47-2.15 1.62-5.61 4.1-6.75 4.79-1.01.61-1.53.72-2.16.61-1.15-.19-2.21-.49-3.08-.85-1.17-.49-1.12-2.1 0-2.57l15.98-6.73Z' style='fill-rule:evenodd'/%3E%3C/svg%3E");
}
.shareSocmedItem--ln .icoInline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='17' style='fill:none'/%3E%3Cpath d='M12.27 10.37c0 1-.84 1.81-1.87 1.81s-1.87-.81-1.87-1.81.84-1.81 1.87-1.81 1.87.81 1.87 1.81ZM8.59 25.44h3.62V13.38H8.59v12.06ZM21.86 25.44h3.62v-6.81c0-1.63-.38-2.79-1.15-3.66-.76-.86-1.76-1.21-3-1.21-1.63 0-2.81.82-3.55 2.02h-.07l-.22-2.41h-2.86c.05 1.21 0 12.06 0 12.06h3.62v-7.55c.3-.94.9-1.41 1.83-1.41 1.19 0 1.78.84 1.78 2.52v6.44Z'/%3E%3C/svg%3E");
}
.shareSocmedItem--link .icoInline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='17' style='fill:none'/%3E%3Cpath d='M15.71 18.29c.38.36.38.94 0 1.3-.36.36-.94.36-1.3 0a4.564 4.564 0 0 1 0-6.46l3.24-3.24a4.564 4.564 0 0 1 6.46 0 4.564 4.564 0 0 1 0 6.46l-1.36 1.36c0-.75-.11-1.5-.37-2.21l.43-.44c.26-.25.46-.56.6-.89.14-.33.21-.69.21-1.05s-.07-.72-.21-1.05c-.14-.33-.34-.63-.6-.89a2.69 2.69 0 0 0-.89-.6c-.33-.14-.69-.21-1.05-.21s-.72.07-1.05.21c-.33.14-.63.34-.89.6l-3.23 3.23c-.26.25-.46.56-.6.89s-.21.69-.21 1.05.07.72.21 1.05c.14.33.34.63.6.89Zm2.58-3.88c.36-.36.94-.36 1.3 0a4.564 4.564 0 0 1 0 6.46l-3.24 3.24a4.564 4.564 0 0 1-6.46 0 4.564 4.564 0 0 1 0-6.46l1.36-1.36c0 .75.11 1.5.37 2.22l-.43.43c-.26.25-.46.56-.6.89-.14.33-.21.69-.21 1.05s.07.72.21 1.05c.14.33.34.63.6.89.25.26.56.46.89.6.33.14.69.21 1.05.21s.72-.07 1.05-.21c.33-.14.63-.34.89-.6l3.23-3.23c.26-.25.46-.56.6-.89.14-.33.21-.69.21-1.05s-.07-.72-.21-1.05c-.14-.33-.34-.63-.6-.89a.813.813 0 0 1-.21-.3c-.05-.11-.07-.23-.07-.35s.02-.24.07-.35c.05-.11.12-.21.21-.3Z'/%3E%3C/svg%3E");
}
.shareSocmedItem--wa .icoInline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='17' style='fill:none'/%3E%3Cpath d='M23.62 10.67a9.093 9.093 0 0 0-2.95-1.99 9.088 9.088 0 0 0-3.49-.69c-5.02 0-9.11 4.09-9.11 9.11 0 1.61.42 3.17 1.21 4.55l-1.29 4.72 4.83-1.27c1.33.73 2.83 1.11 4.36 1.11 5.02 0 9.11-4.09 9.11-9.11 0-2.44-.95-4.72-2.67-6.44Zm-6.44 14.01c-1.36 0-2.69-.37-3.86-1.06l-.28-.17-2.87.75.76-2.79-.18-.28a7.558 7.558 0 0 1-1.16-4.03c0-4.17 3.4-7.57 7.57-7.57 2.02 0 3.92.79 5.35 2.22.71.7 1.26 1.54 1.64 2.46s.57 1.91.57 2.9c.02 4.17-3.38 7.56-7.56 7.56Zm4.15-5.66c-.23-.11-1.35-.66-1.55-.74-.21-.07-.36-.11-.51.11-.16.23-.59.74-.72.89-.13.16-.27.17-.5.06-.23-.11-.97-.36-1.83-1.13-.68-.61-1.13-1.35-1.27-1.58-.13-.23-.02-.35.1-.47.1-.1.23-.27.34-.4s.16-.23.23-.38c.07-.16.04-.28-.02-.4-.06-.11-.51-1.23-.7-1.69-.18-.44-.38-.39-.51-.4h-.44c-.16 0-.4.06-.61.28-.2.23-.79.78-.79 1.9s.82 2.21.93 2.35c.11.16 1.61 2.45 3.89 3.44.54.24.96.38 1.3.48.54.17 1.04.15 1.43.09.44-.06 1.35-.55 1.53-1.08.19-.53.19-.98.13-1.08-.06-.1-.2-.15-.43-.26Z'/%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, .artPhotoNav {
  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, .shareSocmedItem--link .icoInline, .shareSocmedItem--ln .icoInline, .shareSocmedItem--tg .icoInline, .shareSocmedItem--wa .icoInline, .shareSocmedItem--tw .icoInline, .shareSocmedItem--fb .icoInline, .premiumBox .artChannel.-premium .icoPremium, .premiumBoxLogin:hover .icoLoginPremium {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(103%) contrast(103%);
}

.detailsPagingThumb img, .detailsImg img, .detailsCoverImg img, .latestImg img, .artPhotoNavImg img, .artWrap.-col-top .artImg img, .artWrap.-col-center .artImg img, .artWrap.-col-left .artImg img, .artWrap.-col .artImg img, .profileImg 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, .shareSocmedCta {
  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, .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--lifestyle {
  --cl-lifestyle: #a20087;
  --filter-lifestyle: invert(12%) sepia(60%) saturate(6232%)
      hue-rotate(300deg) brightness(90%) contrast(113%);
}
.theme--lifestyle .navItem.-active .navLink {
  color: var(--cl-lifestyle);
  border-color: var(--cl-lifestyle);
}
.theme--lifestyle .navLink:hover {
  color: var(--cl-lifestyle);
  border-color: var(--cl-lifestyle);
}
.theme--lifestyle .header .icoLogin {
  filter: var(--filter-lifestyle);
  -webkit-filter: var(--filter-lifestyle);
}
.theme--lifestyle .headerLogo {
  position: relative;
}
.theme--lifestyle .headerLogo img {
  width: 140px;
}
.theme--lifestyle .headerLogo--bisniscom img {
  width: auto;
}
.theme--lifestyle .headerLogo .separator {
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  height: 35px;
  width: 1px;
  background: #bfbfbf;
}
.theme--lifestyle .headerLogo .hutri {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -160px;
}
.theme--lifestyle .flashnewsCaption {
  background: var(--cl-lifestyle);
}
.theme--lifestyle .kanalBisnistv .artDuration {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .kanalBisnistv .artDuration .icoPlay {
  left: 6px;
}
.theme--lifestyle .kanalVid .artDuration {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .kanalVid .artDuration .icoPlay {
  height: 27px;
  margin-left: 0;
  margin-right: 0;
  width: 24px;
}
.theme--lifestyle .kanalVid .artWrap.-col .artImg {
  padding-top: calc(75% - 110px);
}
.theme--lifestyle .kanalVid .artWrap.-col .artImg img {
  -o-object-position: top center;
     object-position: top center;
}
.theme--lifestyle .titleOthers {
  color: var(--cl-lifestyle);
  border-color: var(--cl-lifestyle);
}
.theme--lifestyle .titleCaptionBox {
  background: var(--cl-lifestyle);
}
.theme--lifestyle .buttonPrimary {
  color: var(--cl-lifestyle);
  border-color: var(--cl-lifestyle);
}
.theme--lifestyle .buttonPrimary:hover {
  color: #FFFFFF;
  background: var(--cl-lifestyle);
}
.theme--lifestyle .clKanal {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .artChannel {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .artLink:hover .artTitle {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .artPhotoMore {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .artPhotoMore:hover {
  background: var(--cl-lifestyle);
  color: #FFFFFF;
}
.theme--lifestyle .artDuration {
  bottom: -1px;
}
.theme--lifestyle .artImg img {
  border-radius: 12px;
  overflow: hidden;
  -o-object-position: top center;
     object-position: top center;
  --test: none;
}
.theme--lifestyle .hLNavItem.slick-current .hLNavWrap {
  border-color: var(--cl-lifestyle);
}
.theme--lifestyle .hLLink:hover {
  text-decoration: underline;
}
.theme--lifestyle .topicLink {
  border-color: var(--cl-lifestyle);
}
.theme--lifestyle .topicLink:hover {
  background: var(--cl-lifestyle);
}
.theme--lifestyle .topicTitle {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .bplusLink:hover .bplusTitle {
  color: #ffce21;
}
.theme--lifestyle .newsletterCta {
  background: var(--cl-lifestyle);
}
.theme--lifestyle .profileImgDefault {
  filter: none;
}
.theme--lifestyle .icoArrow,
.theme--lifestyle .big-orange:before {
  filter: var(--filter-lifestyle);
  -webkit-filter: var(--filter-lifestyle);
}

.theme--lifestyle .breadcrumbItem {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .detailsContent a {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .detailsTagLink {
  color: var(--cl-lifestyle);
  border: 1px solid var(--cl-lifestyle);
}
.theme--lifestyle .detailsTagLink:hover {
  background: var(--cl-lifestyle);
  color: #FFFFFF;
}
.theme--lifestyle .baca-juga {
  background: #FFD2F8;
}
.theme--lifestyle .baca-juga th {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .baca-juga a {
  border-left: 2px solid var(--cl-lifestyle);
  color: #1A1A1A;
}
.theme--lifestyle .detailsPagingCaption {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .detailsPagingLead {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .detailsPagingItem:hover .detailsPagingTitle {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .detailsBreak {
  border-bottom: 1px solid var(--cl-lifestyle);
}
.theme--lifestyle .detailsBreakCaption {
  color: var(--cl-lifestyle);
}
.theme--lifestyle .detailsAuthor a:hover {
  color: #a20087;
}
.theme--lifestyle .detailsImgWrap {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.theme--lifestyle .detailsImgWrap.-center .detailsImg {
  padding-top: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  text-align: center;
}
.theme--lifestyle .detailsImg:hover ~ .detailsZoom {
  background: rgba(158, 19, 165, 0.75);
}
.theme--lifestyle .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--lifestyle .detailsImg:hover .detailsZoom,
.theme--lifestyle .detailsCoverImg:hover .detailsZoom {
  background: rgba(158, 19, 165, 0.75);
}
.theme--lifestyle .pagingLink.-active, .theme--lifestyle .pagingLink:hover,
.theme--lifestyle .pagingShow.-active,
.theme--lifestyle .pagingShow:hover {
  background: var(--cl-lifestyle);
  border: 1px solid var(--cl-lifestyle);
}

/**
* * 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%);
}

.formResponse .-error {
  color: #c72022;
}
.formResponse .-success {
  color: green;
}

.profileImg {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.titleCaption {
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #1A1A1A;
}
.titleCaptionWrap {
  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;
}

.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;
}

.latestWrap.-top .latestItem:first-child {
  margin-top: 16px;
}
.latestWrap.-top .latestItem:first-child .latestImg {
  flex-basis: 369px;
  height: 277px;
}
.latestWrap.-top .latestItem:first-child .latestTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 30px;
  line-height: 1.2;
}
.latestWrap.-top .latestItem:first-child .latestDate {
  margin-top: 8px;
}
.latestWrap.-three {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 33px;
}
.latestWrap.-three .latestItem:first-child {
  grid-area: 1/1/2/3;
}
.latestWrap.-three .latestItem:first-child .artTitle {
  font-size: 22px;
}
.latestWrap.-three .latestItem:nth-child(2) {
  grid-area: 2/1/3/2;
}
.latestWrap.-three .latestItem:nth-:child(3) {
  grid-area: 2/2/3/3;
}
.latestWrap.-three .latestImg {
  width: 100%;
  flex-basis: 100%;
  height: unset;
  padding-top: calc(2/4 * 100% + 23px);
}
.latestItem {
  margin-top: 20px;
  position: relative;
}
.latestImg {
  position: relative;
  flex-basis: 190px;
  height: 142px;
}
.latestTitle {
  font-size: 20px;
}

.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;
}

.newsletter {
  padding: 30px 42px;
  border: 1px solid #515151;
  border-radius: 12px;
}
.newsletter.-sidebar {
  border: 0;
  padding: 0;
}
.newsletter.-sidebar .newsletterFormWrap {
  flex-direction: column;
}
.newsletter.-sidebar .formInput {
  min-width: 100%;
  background: #F7F7F7;
}
.newsletterCaption {
  font-family: "Nunito Sans", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: #1A1A1A;
}
.newsletterLead {
  margin-top: 8px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  color: #434343;
}
.newsletterForm {
  margin-top: 20px;
}
.newsletterFormWrap {
  display: flex;
  justify-content: center;
}
.newsletterForm .formInput {
  min-width: 356px;
  padding: 10px 14px;
  background: #FFFFFF;
  border: 1px solid #9E9E9E;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #1A1A1A;
}
.newsletterForm .formInput::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9E9E9E;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}
.newsletterForm .formInput::-moz-placeholder {
  /* Firefox 19+ */
  color: #9E9E9E;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}
.newsletterForm .formInput:-ms-input-placeholder {
  /* IE 10+ */
  color: #9E9E9E;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}
.newsletterForm .formInput:-moz-placeholder {
  /* Firefox 18- */
  color: #9E9E9E;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}
.newsletterCta {
  min-height: 44px;
  padding: 12px 16px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #FFFFFF;
}

.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;
}

.shareSocmedWrap {
  align-items: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #434343;
}
.shareSocmedCta {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  transition: transform 0.2s ease;
}
.shareSocmedCta:hover {
  transform: scale(1.2);
}
.shareSocmedCta.-tooltip:before {
  content: attr(data-title);
  position: absolute;
  width: auto;
  background: #2d2d2d;
  color: #fff;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 10px;
  text-align: center;
  white-space: nowrap;
  top: -20px;
  left: calc(50% - 77px/2);
}
.shareSocmedItem {
  margin-left: 8px;
  margin-right: 8px;
}
.shareSocmedItem:first-child {
  margin-left: 16px;
}
.shareSocmedItem--fb .shareSocmedCta {
  background: #3A589B;
}
.shareSocmedItem--tw .shareSocmedCta {
  background: #1CB7EB;
}
.shareSocmedItem--wa .shareSocmedCta {
  background: #3CBB28;
}
.shareSocmedItem--tg .shareSocmedCta {
  background: #24A1DE;
}
.shareSocmedItem--ln .shareSocmedCta {
  background: #24A1DE;
}
.shareSocmedItem--link .icoInline {
  pointer-events: none;
}
.shareSocmedItem--link .shareSocmedCta {
  background: #9F3AEE;
}
.shareSocmedItem .icoInline {
  width: 34px;
  height: 34px;
}

.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;
}

.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;
}

/**
* * page
*/
.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;
}