/**
* 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(180deg);
}
.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;
}
.profileImg.-premium::after {
  width: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' fill='none'%3E%3Cpath fill='%23000' d='M8.802 7.537H2.196a.253.253 0 0 0-.254.25v.5c0 .137.115.25.254.25h6.606c.14 0 .254-.113.254-.25v-.5a.253.253 0 0 0-.254-.25Zm1.016-5a.756.756 0 0 0-.762.75c0 .181-.05.38-.206.471l-.874.516a.512.512 0 0 1-.702-.181l-.96-1.653c-.192-.331-.053-.77-.053-1.153A.756.756 0 0 0 5.5.537a.756.756 0 0 0-.762.75c0 .382.14.822-.053 1.153l-.96 1.653a.512.512 0 0 1-.702.181l-.873-.515c-.156-.093-.205-.29-.205-.472a.756.756 0 0 0-.762-.75.758.758 0 0 0-.764.75c0 .414.341.75.762.75.072 0 .14.035.166.102l.577 1.514a2.15 2.15 0 0 0 2.008 1.384h3.136c.891 0 1.69-.551 2.008-1.384l.577-1.514c.025-.067.094-.102.166-.102.42 0 .762-.336.762-.75a.756.756 0 0 0-.762-.75Z'/%3E%3C/svg%3E");
}
.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");
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
      0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
      rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.list-unstyled {
  list-style-type: none;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

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

.m-auto {
  margin: auto !important;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.mt70 {
  margin-top: 70px;
}

.mt20 {
  margin-top: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mt5 {
  margin-top: 5px;
}

.m-0 {
  margin: 0;
}

.videoWrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ctv {
  position: relative;
}
.ctv::after {
  content: " ";
  width: 121px;
  height: 121px;
  background-image: url("data:image/svg+xml,%3Csvg width='122' height='121' viewBox='0 0 122 121' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='61' cy='60.5' r='45.5' fill='%231B1B1B' fill-opacity='0.7'/%3E%3Cpath d='M49.666 59.3334V52.2501H51.0827V56.9137L56.1827 51.8137L57.1857 52.8167L52.0857 57.9167H56.7493V59.3334H49.666ZM65.816 44.1864L64.813 43.1834L69.913 38.0834H65.2493V36.6667H72.3327V43.7501H70.916V39.0864L65.816 44.1864Z' fill='white'/%3E%3Cpath d='M72.334 59.3334V52.2501H70.9173V56.9137L65.8173 51.8137L64.8143 52.8167L69.9143 57.9167H65.2507V59.3334H72.334ZM56.184 44.1864L57.187 43.1834L52.087 38.0834H56.7507V36.6667H49.6673V43.7501H51.084V39.0864L56.184 44.1864Z' fill='white'/%3E%3Cpath d='M35.8525 70.5H34.8838C34.8265 70.2214 34.7262 69.9766 34.583 69.7656C34.4424 69.5547 34.2705 69.3776 34.0674 69.2344C33.8669 69.0885 33.6442 68.9792 33.3994 68.9062C33.1546 68.8333 32.8994 68.7969 32.6338 68.7969C32.1494 68.7969 31.7106 68.9193 31.3174 69.1641C30.9268 69.4089 30.6156 69.7695 30.3838 70.2461C30.1546 70.7227 30.04 71.3073 30.04 72C30.04 72.6927 30.1546 73.2773 30.3838 73.7539C30.6156 74.2305 30.9268 74.5911 31.3174 74.8359C31.7106 75.0807 32.1494 75.2031 32.6338 75.2031C32.8994 75.2031 33.1546 75.1667 33.3994 75.0937C33.6442 75.0208 33.8669 74.9128 34.0674 74.7695C34.2705 74.6237 34.4424 74.4453 34.583 74.2344C34.7262 74.0208 34.8265 73.776 34.8838 73.5H35.8525C35.7796 73.9089 35.6468 74.2747 35.4541 74.5977C35.2614 74.9206 35.0218 75.1953 34.7354 75.4219C34.4489 75.6458 34.1273 75.8164 33.7705 75.9336C33.4163 76.0508 33.0374 76.1094 32.6338 76.1094C31.9515 76.1094 31.3447 75.9427 30.8135 75.6094C30.2822 75.276 29.8643 74.8021 29.5596 74.1875C29.2549 73.5729 29.1025 72.8437 29.1025 72C29.1025 71.1562 29.2549 70.4271 29.5596 69.8125C29.8643 69.1979 30.2822 68.724 30.8135 68.3906C31.3447 68.0573 31.9515 67.8906 32.6338 67.8906C33.0374 67.8906 33.4163 67.9492 33.7705 68.0664C34.1273 68.1836 34.4489 68.3555 34.7354 68.582C35.0218 68.806 35.2614 69.0794 35.4541 69.4023C35.6468 69.7227 35.7796 70.0885 35.8525 70.5ZM38.2148 68V76H37.293V68H38.2148ZM39.9033 76V70H40.8252V76H39.9033ZM40.3721 69C40.1924 69 40.0374 68.9388 39.9072 68.8164C39.7796 68.694 39.7158 68.5469 39.7158 68.375C39.7158 68.2031 39.7796 68.056 39.9072 67.9336C40.0374 67.8112 40.1924 67.75 40.3721 67.75C40.5518 67.75 40.7054 67.8112 40.833 67.9336C40.9632 68.056 41.0283 68.2031 41.0283 68.375C41.0283 68.5469 40.9632 68.694 40.833 68.8164C40.7054 68.9388 40.5518 69 40.3721 69ZM44.9512 76.125C44.3887 76.125 43.9043 75.9922 43.498 75.7266C43.0918 75.4609 42.7793 75.0951 42.5605 74.6289C42.3418 74.1628 42.2324 73.6302 42.2324 73.0312C42.2324 72.4219 42.3444 71.8841 42.5684 71.418C42.7949 70.9492 43.11 70.5833 43.5137 70.3203C43.9199 70.0547 44.3939 69.9219 44.9355 69.9219C45.3574 69.9219 45.7376 70 46.0762 70.1562C46.4147 70.3125 46.6921 70.5312 46.9082 70.8125C47.1243 71.0937 47.2585 71.4219 47.3105 71.7969H46.3887C46.3184 71.5234 46.1621 71.2812 45.9199 71.0703C45.6803 70.8568 45.3574 70.75 44.9512 70.75C44.5918 70.75 44.2767 70.8437 44.0059 71.0312C43.7376 71.2161 43.528 71.4779 43.377 71.8164C43.2285 72.1523 43.1543 72.5469 43.1543 73C43.1543 73.4635 43.2272 73.8672 43.373 74.2109C43.5215 74.5547 43.7298 74.8216 43.998 75.0117C44.2689 75.2018 44.5866 75.2969 44.9512 75.2969C45.1908 75.2969 45.4082 75.2552 45.6035 75.1719C45.7988 75.0885 45.9642 74.9688 46.0996 74.8125C46.235 74.6562 46.3314 74.4687 46.3887 74.25H47.3105C47.2585 74.6042 47.1296 74.9232 46.9238 75.207C46.7207 75.4883 46.4512 75.7122 46.1152 75.8789C45.7819 76.043 45.3939 76.125 44.9512 76.125ZM49.5176 73.8125L49.502 72.6719H49.6895L52.3145 70H53.4551L50.6582 72.8281H50.5801L49.5176 73.8125ZM48.6582 76V68H49.5801V76H48.6582ZM52.4707 76L50.127 73.0312L50.7832 72.3906L53.6426 76H52.4707ZM60.3447 70V70.7812H57.2354V70H60.3447ZM58.1416 68.5625H59.0635V74.2812C59.0635 74.5417 59.1012 74.737 59.1768 74.8672C59.2549 74.9948 59.3538 75.0807 59.4736 75.125C59.596 75.1667 59.7249 75.1875 59.8604 75.1875C59.9619 75.1875 60.0452 75.1823 60.1104 75.1719C60.1755 75.1589 60.2275 75.1484 60.2666 75.1406L60.4541 75.9687C60.3916 75.9922 60.3044 76.0156 60.1924 76.0391C60.0804 76.0651 59.9385 76.0781 59.7666 76.0781C59.5062 76.0781 59.251 76.0221 59.001 75.9102C58.7536 75.7982 58.5479 75.6276 58.3838 75.3984C58.2223 75.1693 58.1416 74.8802 58.1416 74.5312V68.5625ZM64.1045 76.125C63.5628 76.125 63.0876 75.9961 62.6787 75.7383C62.2725 75.4805 61.9548 75.1198 61.7256 74.6562C61.499 74.1927 61.3857 73.651 61.3857 73.0312C61.3857 72.4062 61.499 71.8607 61.7256 71.3945C61.9548 70.9284 62.2725 70.5664 62.6787 70.3086C63.0876 70.0508 63.5628 69.9219 64.1045 69.9219C64.6462 69.9219 65.1201 70.0508 65.5264 70.3086C65.9352 70.5664 66.2529 70.9284 66.4795 71.3945C66.7087 71.8607 66.8232 72.4062 66.8232 73.0312C66.8232 73.651 66.7087 74.1927 66.4795 74.6562C66.2529 75.1198 65.9352 75.4805 65.5264 75.7383C65.1201 75.9961 64.6462 76.125 64.1045 76.125ZM64.1045 75.2969C64.516 75.2969 64.8545 75.1914 65.1201 74.9805C65.3857 74.7695 65.5824 74.4922 65.71 74.1484C65.8376 73.8047 65.9014 73.4323 65.9014 73.0312C65.9014 72.6302 65.8376 72.2565 65.71 71.9102C65.5824 71.5638 65.3857 71.2839 65.1201 71.0703C64.8545 70.8568 64.516 70.75 64.1045 70.75C63.693 70.75 63.3545 70.8568 63.0889 71.0703C62.8232 71.2839 62.6266 71.5638 62.499 71.9102C62.3714 72.2565 62.3076 72.6302 62.3076 73.0312C62.3076 73.4323 62.3714 73.8047 62.499 74.1484C62.6266 74.4922 62.8232 74.7695 63.0889 74.9805C63.3545 75.1914 63.693 75.2969 64.1045 75.2969ZM76.2305 70L74.0117 76H73.0742L70.8555 70H71.8555L73.5117 74.7812H73.5742L75.2305 70H76.2305ZM77.4473 76V70H78.3691V76H77.4473ZM77.916 69C77.7363 69 77.5814 68.9388 77.4512 68.8164C77.3236 68.694 77.2598 68.5469 77.2598 68.375C77.2598 68.2031 77.3236 68.056 77.4512 67.9336C77.5814 67.8112 77.7363 67.75 77.916 67.75C78.0957 67.75 78.2493 67.8112 78.377 67.9336C78.5072 68.056 78.5723 68.2031 78.5723 68.375C78.5723 68.5469 78.5072 68.694 78.377 68.8164C78.2493 68.9388 78.0957 69 77.916 69ZM82.5732 76.125C81.9951 76.125 81.4964 75.9974 81.0771 75.7422C80.6605 75.4844 80.3389 75.125 80.1123 74.6641C79.8883 74.2005 79.7764 73.6615 79.7764 73.0469C79.7764 72.4323 79.8883 71.8906 80.1123 71.4219C80.3389 70.9505 80.654 70.5833 81.0576 70.3203C81.4639 70.0547 81.9378 69.9219 82.4795 69.9219C82.792 69.9219 83.1006 69.974 83.4053 70.0781C83.71 70.1823 83.9873 70.3516 84.2373 70.5859C84.4873 70.8177 84.6865 71.125 84.835 71.5078C84.9834 71.8906 85.0576 72.362 85.0576 72.9219V73.3125H80.4326V72.5156H84.1201C84.1201 72.1771 84.0524 71.875 83.917 71.6094C83.7842 71.3437 83.5941 71.1341 83.3467 70.9805C83.1019 70.8268 82.8128 70.75 82.4795 70.75C82.1123 70.75 81.7946 70.8411 81.5264 71.0234C81.2607 71.2031 81.0563 71.4375 80.9131 71.7266C80.7699 72.0156 80.6982 72.3255 80.6982 72.6562V73.1875C80.6982 73.6406 80.7764 74.0247 80.9326 74.3398C81.0915 74.6523 81.3115 74.8906 81.5928 75.0547C81.874 75.2161 82.2008 75.2969 82.5732 75.2969C82.8154 75.2969 83.0342 75.263 83.2295 75.1953C83.4274 75.125 83.598 75.0208 83.7412 74.8828C83.8844 74.7422 83.9951 74.5677 84.0732 74.3594L84.9639 74.6094C84.8701 74.9115 84.7126 75.1771 84.4912 75.4062C84.2699 75.6328 83.9964 75.8099 83.6709 75.9375C83.3454 76.0625 82.9795 76.125 82.5732 76.125ZM87.8193 76L85.9912 70H86.96L88.2568 74.5938H88.3193L89.6006 70H90.585L91.8506 74.5781H91.9131L93.21 70H94.1787L92.3506 76H91.4443L90.1318 71.3906H90.0381L88.7256 76H87.8193Z' fill='white'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.detailsNewsletter {
  border-radius: 12px;
  border: 1px solid var(--black2, #3d3d3d);
  background: #fff;
  padding: 37px 32px;
  text-align: center;
}
.detailsNewsletterTitle {
  color: var(--title, #1a1a1a);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  /* 137.5% */
  text-transform: capitalize;
  margin-bottom: 8px;
}
.detailsNewsletterSubtitle {
  color: var(--text, #434343);
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  /* 169.231% */
  letter-spacing: 0.39px;
  margin-bottom: 20px;
}
.detailsNewsletterInput {
  display: flex;
  justify-content: center;
  margin: auto;
}
.detailsNewsletterInput input {
  border-radius: 12px 0px 0px 12px;
  border: 1px solid var(--black2, #3d3d3d);
  background: #fff;
  padding: 12px 16px;
  color: var(--black2, #3d3d3d);
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-transform: capitalize;
  width: 356px;
}
.detailsNewsletterInput button {
  border-radius: 0px 12px 12px 0px;
  background: #803c00;
  padding: 12px 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  text-transform: uppercase;
  border: none;
}

.transform-none {
  transform: none !important;
}

.p-0 {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-auto {
  margin: auto;
}

.font-lora {
  font-family: "Lora", serif !important;
}

.font-manrope {
  font-family: "Manrope", sans-serif !important;
}

.font-poppins {
  font-family: "Poppins", sans-serif !important;
}

.text-white {
  color: #fff !important;
}

/**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 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 1110px;
}

.col-left {
  padding-right: 22px;
}
.col-right {
  padding-left: 18px;
}

.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, .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, .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;
  -o-object-position: top center;
     object-position: top center;
  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;
  visibility: hidden;
  pointer-events: none;
}

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

.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: hidden;
}
.headerLogo {
  text-align: center;
  transition: opacity 0.8s ease;
}
.headerLogo img {
  margin-top: 8px;
}
.headerCta {
  display: flex;
}
.headerCta .headerSearch {
  margin-right: 20px;
}
.headerLogin {
  position: relative;
}
.headerLogin .icoLogin,
.headerLogin .profileImg {
  width: 36px;
  height: 36px;
}
.headerLogin .bisnispro-icon {
  position: absolute;
  top: 0;
  right: -5px;
}
.headerSearch .icoSearch {
  width: 20px;
  height: 20px;
  filter: invert(22%) sepia(0%) saturate(0%) hue-rotate(190deg) brightness(102%) contrast(85%);
}

.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 37 37' viewBox='0 0 37 37'%3E%3Cpath d='M15.5 17v-4.5l7.5 6-7.5 6V20H2v-3h13.5zM4.2 23h3.2c1 2.6 3 4.7 5.4 6s5.3 1.8 8 1.2c2.7-.5 5.2-2 7-4.1 1.8-2.1 2.7-4.8 2.7-7.6s-1-5.5-2.7-7.6c-1.8-2.2-4.2-3.6-7-4.1-2.7-.5-5.6-.1-8 1.2-2.4 1.3-4.4 3.5-5.4 6.1H4.2C6.1 7.9 11.8 3.5 18.5 3.5c8.3 0 15 6.7 15 15s-6.7 15-15 15c-6.7 0-12.4-4.4-14.3-10.5z'/%3E%3C/svg%3E");
}
.premiumBoxLogin .icoLoginPremium {
  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 {
  min-width: 1080px;
  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 {
  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: 99;
  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: 43px;
  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;
}
.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;
}

/**
* * 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: "Manrope", 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;
}
.profileImg img {
  border-radius: 50%;
  z-index: 0;
  overflow: hidden;
}
.profileImg.-premium::before, .profileImg.-premium::after {
  content: "";
  position: absolute;
  display: block;
}
.profileImg.-premium::before {
  width: 17px;
  height: 17px;
  right: -8px;
  top: -3px;
  border-radius: 50%;
  background: #372121;
  border: 2px solid #FDF6DD;
  z-index: 1;
}
.profileImg.-premium::after {
  width: 10px;
  height: 10px;
  right: -4px;
  top: 0;
  background-repeat: no-repeat;
  filter: invert(89%) sepia(29%) saturate(3510%) hue-rotate(0deg) brightness(103%) contrast(111%);
  z-index: 2;
}

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

.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;
  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;
  }
}
.billboardBottom {
  position: fixed;
  width: 100%;
  bottom: 0;
  min-height: 90px;
  background: rgba(244, 244, 244, 0.5);
  z-index: 98;
}
.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;
}
.billboardClose {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border: 0;
  color: #FFFFFF;
  background: #bcbcbc;
  cursor: pointer;
  z-index: 99;
}

.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;
}
.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: 100%;
  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: 8px;
}
.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;
}
.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(315deg);
}
.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;
}
.pagingItem .pagingHov {
  transition: background 0.3s;
}
.pagingItem .pagingHov:hover {
  background: #0b57a7;
}
.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;
}

.topicList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 9px;
  margin-bottom: -7px;
  margin-left: -7px;
  margin-right: -7px;
}
.topicItem {
  margin: 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: 15px;
  font-weight: 700;
  line-height: 2;
}

.network {
  position: relative;
  background: #222222;
}
.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%);
}
.network ~ .header .headerTop {
  transform: translateY(32px);
  transition: transform 0.5s ease;
}
.network ~ .main .menuPanel {
  top: 92px;
}

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

.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;
  border-bottom: 1px solid #3d3d3d;
  border-top: 1px solid #3d3d3d;
}
.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 p em {
  font-size: 15px;
}
.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: 0;
  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: 0;
}
.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-left: 8px;
  margin-right: 8px;
  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;
}

.detailsLead.mt30 {
  margin-top: 30px;
}

.pdf {
  margin-top: 14px;
  display: block;
}
.pdfButton {
  border-radius: 7px;
  background: #0B57A7;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.pdfButtonItem {
  color: var(--white, #FFF);
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  /* 169.231% */
  letter-spacing: 0.39px;
}
.pdfButtonItem.left {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdfButtonItem.left svg {
  margin-right: 7px;
}
.pdfButtonItem.right {
  border-left: 1px solid #1F75CF;
  display: flex;
  align-items: center;
}

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

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

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

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

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

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

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

.pe-0 {
  padding-right: 0 !important;
}

.force-17 p {
  font-size: 17px !important;
}

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