.ico {
/* socmed */
}
.icoInline {
display: inline-block;
}
.icoArrow {
position: relative;
width: 22px;
height: 22px;
vertical-align: middle;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 28 28' viewBox='0 0 28 28'%3E%3Cpath d='M15.5 20.2c-.2-.2-.3-.5-.3-.8 0-.3.1-.6.4-.8l3.3-3.3h-13c-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8s.1-.6.3-.8c.2-.2.5-.3.8-.3h13l-3.3-3.3c-.2-.2-.3-.5-.3-.8 0-.3.1-.6.3-.8.2-.2.5-.3.8-.3.3 0 .6.1.8.3l5.3 5.3c.1.1.2.2.2.4 0 .1.1.3.1.4s0 .3-.1.4c0 .1-.1.3-.2.4l-5.4 5.4c-.2.2-.5.3-.8.3-.3-.3-.5-.4-.8-.6z'/%3E%3C/svg%3E");
}
.icoArrow-left {
transform: rotate(181deg);
}
.icoClose, .billboardClose {
position: relative;
width: 24px;
height: 24px;
}
.icoClose::after, .billboardClose::after, .icoClose::before, .billboardClose::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 17px;
height: 2px;
background: currentColor;
transform: rotate(45deg);
border-radius: 5px;
top: 11px;
left: 3px;
}
.icoClose::after, .billboardClose::after {
transform: rotate(-45deg);
}
.icoPremium {
width: 10px;
height: 10px;
margin-left: 4px;
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 11 10' viewBox='0 0 11 10'%3E%3Cpath d='m5.6.5 1.5 3 3.3.5L8 6.4l.5 3.3-3-1.5-3 1.5.5-3.3L.7 4 4 3.5l1.6-3z'/%3E%3C/svg%3E");
}
.icoFb {
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 {
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 {
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 {
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");
}
.center-flex {
justify-content: center;
align-items: center;
display: flex;
}
.elipsis-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.elipsis-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 1024px) {
.elipsis-lg-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.elipsis-lg-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
}
.skyscrapper--left::before,
.skyscrapper--right::before,
.billboardTop::before,
.billboardRectangle::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('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
}
.skyscrapper--left::after,
.skyscrapper--right::after,
.billboardTop::after,
.billboardRectangle::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-size: 11px;
font-weight: 500;
color: #939393;
line-height: 1.6;
display: flex;
justify-content: center;
align-items: center;
}
.billboardCustom::before {
content: "";
position: absolute;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
left: 0;
top: -14px;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
}
.billboardCustom::after {
background-color: #f4f4f4;
content: "Advertisement";
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding-top: 36px;
letter-spacing: 0.03em;
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
color: #939393;
line-height: 1.6;
display: flex;
justify-content: center;
align-items: center;
}
.skyscrapper {
position: fixed;
width: 100%;
top: 0;
transform: translateY(130px);
z-index: 1;
transition: transform 0.5s ease;
}
.skyscrapper.-top {
transform: translateY(70px);
}
.skyscrapperFluid {
position: absolute;
width: calc((100% - 1120px) / 2);
display: block;
top: 0;
}
.skyscrapperFluid img {
max-width: none;
}
.skyscrapperFluid--left {
left: 0;
}
.skyscrapperFluid--right {
right: 0;
}
.skyscrapper--left {
right: 0;
position: absolute;
}
.skyscrapper--right {
left: 0;
position: absolute;
}
.skyscrapper--left, .skyscrapper--right {
min-width: 160px;
min-height: 600px;
}
.billboard {
position: relative;
margin: auto;
}
.billboardRectangle {
width: 336px;
min-height: 280px;
}
.billboardBottom {
position: fixed;
width: 100%;
bottom: 0;
min-height: 100px;
background: rgba(244, 244, 244, 0.5);
z-index: 100;
}
.billboardBottom:after {
background-color: transparent;
}
.billboardBig {
width: 300px;
min-height: 600px;
}
.billboardLeaderboard {
width: 728px;
min-height: 90px;
}
.billboardParallax {
width: 100%;
}
.billboardFlying {
width: 100%;
position: relative;
overflow: visible;
height: 300px;
}
.billboardFlyingFix, .billboardFlyingInner {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.billboardFlyingInner {
position: absolute;
clip: rect(auto, auto, auto, auto);
}
.billboardFlyingFix {
position: fixed;
margin: 0 auto;
}
.billboardFlyingBanner {
min-width: 300px;
min-height: 600px;
position: absolute;
top: 100px;
left: calc(((100% - 1110px) / 2) + 150px + 75px);
}
.billboardFlyingWrap {
position: relative;
z-index: 1;
}
.billboardCustom {
width: 100%;
min-height: 100px;
}
.billboardCta {
margin: auto;
min-height: 28px;
background: #efefef;
font-size: 10px;
font-weight: 400;
color: #585858;
line-height: 1.3;
letter-spacing: 0.03em;
}
.billboardCta span {
font-weight: bold;
color: #803c00;
}
.billboardCta p {
margin: auto;
}
.billboardClose {
position: absolute;
right: 0;
top: 0;
width: 24px;
height: 24px;
border: 0;
color: white;
background: #bcbcbc;
cursor: pointer;
z-index: 99;
}
.root:has(.artPhotoNav) .skyscrapper {
z-index: 2;
}
.billboardWrapperBottom {
padding: 5px 15px;
text-align: center;
background: #efefef;
}
.billboardWrapperBottom:hover p span {
text-decoration: underline;
}
.billboardWrapperBottom p {
color: #585858;
font-size: 12px;
line-height: 18px;
/* 180% */
letter-spacing: 0.3px;
margin: 0;
}
.billboardWrapperBottom p span {
color: #0b57a7;
font-weight: 700;
}
.dark .billboardBottom::after {
color: #C9CACF;
}
.swiper-button-next, .swiper-button-prev {
background: rgba(34, 34, 34, 0.8);
width: 32px;
height: 32px;
border-radius: 100%;
}
.swiper-button-next::after, .swiper-button-prev::after {
content: "";
}
/*# sourceMappingURL=styles.css.map*/