/* ================================ Azino777 Satellite — Custom CSS (FULL REPLACE) Theme: Azino777 Red Edition (Black + Crimson) + Subtle Fire Background (CSS-only) Notes: - Реальный фон задаём на html/body (у тебя в раньше не было background). - Огонь сделан градиентами + лёгкой анимацией (без heavy blur на весь экран). - Включён prefers-reduced-motion: анимации сами выключатся, если пользователь так настроил. ================================ */ /* Hide some default blocks */ span.d-block.font-weight-black.mb-2.text-center { display: none !important; } .main .col-lg-12.text-center { margin-top: -20px; display: none; } /* ================================ Global colors / background ================================ */ :root{ /* Base */ --bg0: #050505; --bg1: #0a0a0a; --bg2: #121212; /* Surfaces */ --card: rgba(18, 18, 18, .78); --card2: rgba(10, 10, 10, .62); --border: rgba(255, 59, 59, .16); /* Text */ --text: rgba(255,255,255,.92); --muted: rgba(235,235,235,.74); --link: #ff9a9a; /* Brand accents (Red vibe) */ --accent: #ff3b3b; /* vivid red */ --accent2: #b30000; /* deep crimson */ --accent3: #ff5a1f; /* fire orange */ /* Buttons */ --btn: #ff3b3b; --btn2: #b30000; --btnText: #ffffff; --shadowGlow: 0 16px 55px rgba(0,0,0,.55); /* Fire tuning */ --fireOpacity: .92; --emberOpacity: .14; } /* IMPORTANT: set background on html too */ html, body{ background: radial-gradient(1200px 650px at 50% 0%, #1a1a1a 0%, var(--bg2) 38%, var(--bg1) 70%, var(--bg0) 100%) !important; color: var(--text); } html{ background: var(--bg0) !important; } /* Loading overlay */ .loading-overlay, body { background: radial-gradient(1200px 650px at 50% 0%, #1a1a1a 0%, var(--bg2) 38%, var(--bg1) 70%, var(--bg0) 100%) !important; } /* ================================ Subtle Fire Background (CSS-only) 1) body::before — “flames” gradients (animated) 2) body::after — tiny embers noise (animated) ================================ */ body{ position: relative; } /* Keep content above bg layers */ .body, #header, .main, #footer{ position: relative; z-index: 1; } /* Reduced motion: kill animation for users who want it */ @media (prefers-reduced-motion: reduce){ body::before, body::after{ animation: none !important; } } @keyframes az_fire_flicker{ 0%{ filter: saturate(1.02) brightness(1.00); transform: translate3d(0,0,0); } 30%{ filter: saturate(1.08) brightness(1.02); transform: translate3d(0,-0.6px,0); } 60%{ filter: saturate(1.04) brightness(0.99); transform: translate3d(0,0.5px,0); } 100%{ filter: saturate(1.02) brightness(1.00); transform: translate3d(0,0,0); } } @keyframes az_embers_rise{ 0%{ transform: translate3d(0,0,0); } 100%{ transform: translate3d(0,-28px,0); } } /* ================================ Base typography ================================ */ a, a:focus, a:hover { color: var(--link); } p { color: var(--muted); } /* Headings: warm glow */ h1,h2,h3,h4 { color: #fff; text-shadow: 0 10px 30px rgba(0,0,0,.60), 0 0 18px rgba(255, 59, 59, .12), 0 0 22px rgba(179, 0, 0, .12); } h2.font-weight-normal.text-6.pb-2.mb-4 { margin: 0 !important; } /* Layout container (keep your side-header absolute positioning) */ .body { background: none; overflow: visible !important; } /* ================================ Header / menu ================================ */ .header-body { background: transparent !important; } header#header { background: transparent !important; max-width: 100% !important; box-shadow: 5px 0 0px rgba(0,0,0,.22); } .azino_menu:after, .azino_menu:before { background: none !important; } /* Menu items */ .azino_menu .menu-item { color: rgba(255,255,255,.72) !important; } .azino_menu .menu-item.selected, .azino_menu .menu-item:hover { color: #ffffff !important; text-shadow: 0 0 14px rgba(255,59,59,.16), 0 0 18px rgba(179,0,0,.14) !important; filter: none !important; } /* Dropdown items */ a.dropdown-item { color: rgba(255,255,255,.92) !important; } a.dropdown-item:hover { filter: drop-shadow(0px 0px 8px rgba(255,59,59,.22)); text-shadow: 0 0 10px rgba(179,0,0,.16); } /* Burger (mobile) */ .header-btn-collapse-nav:before, .header-btn-collapse-nav:after{ background:none; } @media (max-width: 991px){ #header .header-btn-collapse-nav { outline: 0; width: 45px; background: linear-gradient(180deg, var(--btn), var(--btn2)) !important; display: block; z-index: 1; border: 1px solid rgba(255, 59, 59, .25); } #header .header-nav-main nav>ul>li>a.active { background: rgba(0,0,0,.35); } #header .header-nav-main:before { background: rgba(0,0,0,.92); } } /* Desktop header tweaks (keep your logo scaling + body positioning) */ @media (min-width: 991px){ .header-logo img{ zoom: 1.4; margin-top: -20px; } .header-body { max-height: 700px; background: linear-gradient(180deg, rgba(18,18,18,.18), rgba(0,0,0,0)) !important; } .body { max-width: 980px; margin-left: calc(100vw) !important; left: calc(-50vw - 497px); position: absolute; } html.side-header #header.side-header .header-nav.header-nav-links nav>ul>li>a { height: auto; text-align: center !important; display: block; } #header .header-nav.header-nav-links-side-header nav>ul>li.dropdown>.dropdown-item:before { display:none !important; } } /* ================================ Buttons (site-wide) ================================ */ a.btn { min-height: 36px; } /* Base .btn look */ .btn { position: relative; overflow: hidden; margin-bottom: 10px !important; background: linear-gradient(135deg, var(--btn) 0%, var(--btn2) 100%) !important; border-color: rgba(255, 59, 59, .26) !important; color: var(--btnText) !important; line-height: 16px; font-size: 14px; box-shadow: 0 10px 24px rgba(0,0,0,.35); transition: transform .15s ease, filter .15s ease, box-shadow .15s ease !important; } .btn:hover{ transform: translateY(-1px); filter: brightness(1.05) saturate(1.05); box-shadow: 0 16px 32px rgba(179, 0, 0, .12); } /* Header special button (old blue) */ a.btn.font-weight-semibold.d-none.d-xl-block { color: #fff3cd !important; width: 160px; background: linear-gradient(135deg, #ff3b3b, #b30000) !important; border: 1px solid rgba(179,0,0,.28) !important; } /* Signup / Signin */ .azino-signup{ background: linear-gradient(135deg, #ff3b3b, #b30000) !important; border: 1px solid rgba(255, 59, 59, .28) !important; color: #fff3cd !important; box-shadow: 0 12px 28px rgba(0,0,0,.35) !important; } .azino-signup:hover { filter: brightness(1.06) saturate(1.05); } .azino-signin{ background: linear-gradient(135deg, rgba(255,90,31,.95), rgba(179,0,0,.95)) !important; border: 1px solid rgba(255,90,31,.28) !important; color: #fff3cd !important; box-shadow: 0 12px 28px rgba(0,0,0,.35) !important; } .azino-signin:hover { filter: brightness(1.08) saturate(1.04); } /* Warnings / CTA buttons */ .container-fluid .btn.btn-warning, a.btn.btn-warning.ml-sm-0.ml-3.font-weight-semibold.btn-rounded.text-white.w-100{ background: linear-gradient(135deg, #ff3b3b 0%, #b30000 55%, #ff5a1f 100%) !important; border-color: rgba(179,0,0,.28) !important; color: #fff3cd !important; box-shadow: 0 6px 0 0 rgba(0, 0, 0, .62) !important; border-radius: 8px !important; } .container-fluid .btn.btn-warning:hover{ filter: brightness(1.05); } /* Rounded warning button in content */ a.btn.btn-rounded.btn-warning.m-auto.text-3 { padding: 5px; border-radius: 8px; margin-bottom: 25px !important; } /* Micro: keep your .azino-button behaviour */ .azino-button { letter-spacing: 0.4px !important; transform: translateY(0); transition: transform .15s ease, filter .15s ease; } .azino-button:hover { transform: translateY(-1px); } /* ================================ Breadcrumbs (warm theme) ================================ */ .breadcrumbs { display: inline-block; counter-reset: flag; color: black; } .breadcrumbs a { position: relative; float: left; padding-left: 60px; padding-right: 10px; text-decoration: none; line-height: 36px; color: rgba(255,255,255,.92); background: rgba(91, 44, 44); transition: all 0.35s; } .breadcrumbs a::after { content: ''; position: absolute; top: 0; right: -18px; z-index: 2; width: 36px; height: 36px; background: rgba(91, 44, 44); box-shadow: none; border-radius: 50px 0 0 0; transform: rotate(-45deg) scale(0.73); transition: all 0.35s; } .breadcrumbs a::before { content: counter(flag); counter-increment: flag; position: absolute; color: #171717; text-align: center; top: 8px; left: 30px; line-height: 20px; width: 20px; background: linear-gradient(135deg, #ff3b3b, #b30000); border-radius: 50%; box-shadow: 0 0 0 2px rgba(0,0,0,.35); } .breadcrumbs a:first-child { padding-left: 46px; } .breadcrumbs a:first-child::before { left: 14px; } .breadcrumbs a:hover, .breadcrumbs a:hover::after, .breadcrumbs a.active, .breadcrumbs a.active::after{ background: rgba(20,20,20,.92); border-color: rgba(179,0,0,.18); color: #ffffff !important; } /* ================================ Cards / provider tiles / gallery ================================ */ .providers-buttons a { background: rgba(18,18,18,.78) !important; border: 1px solid rgba(255,59,59,.12) !important; } .providers-buttons a:hover { background: rgba(18,18,18,.92) !important; border-color: rgba(179,0,0,.20) !important; box-shadow: 0 0 0 3px rgba(179,0,0,.07) !important; } .providers-buttons a.selected { border-color: rgba(255,59,59,.26) !important; box-shadow: 0 0 0 3px rgba(255,59,59,.08) !important; } .image-gallery-item.mb-0 { overflow: hidden; border-radius: 8px; border: 1px solid rgba(255,59,59,.08); box-shadow: 0 10px 30px rgba(0,0,0,.28); } .image-gallery-item.mb-0:hover { box-shadow: 0 0 18px 6px rgba(179,0,0,.10); border-color: rgba(179,0,0,.18); } .footer__providers img { display: inline-block; margin: 5px 10px 10px 10px; } /* Content colors */ .main .container .row.pb-3, .row.pt-5.mb-5 .col-12 { color: #fff; } .row.pt-5.mb-5 .col-12{ padding-top: 20px; margin-left: 20px; max-width: calc(100% - 40px); } /* ================================ Slider / banner (keep your layout, warm frame) ================================ */ .container.index-title { background: url(week.jpg?v=2) center no-repeat; background-size: contain; height: 120px; } .new-slider-container { background-position: 100% 0; background-repeat: no-repeat; background-size: auto; width: 100%; padding: 25px 35px 0; position: relative; } @media (max-width: 1000px){ .new-slider-container { margin-top: 10px; padding: 0 10px; margin-bottom: 10px; } .banner-header { display: none; } } .swiper-container { max-width: 100%; border-radius: 20px; margin-left: 0; box-shadow: var(--shadowGlow); } /* Outer frame */ .swiper-container:after { background: linear-gradient(135deg, rgba(255,59,59,.55), rgba(179,0,0,.40), rgba(255,90,31,.22)); background-clip: initial; background-origin: border-box; border: 1px solid #0000; border-radius: inherit; bottom: unset; content: ""; display: block; height: calc(100% - 2px); left: 0; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: clear; pointer-events: none; position: absolute; right: unset; top: 0; width: calc(100%); z-index: 1; } /* Inner gloss */ .swiper-container:before { bottom: auto; box-shadow: inset 0 2px 2px 0 rgba(255, 59, 59, 0.16), inset 0 2px 18px 0 rgba(179, 0, 0, 0.10) !important; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; right: auto; top: 0; width: 100%; z-index: 2; } .text_1, .text_2 { display: block; text-align: left; } /* Banner overlay for readability */ .swiper-slide::after{ content: "" !important; position: absolute !important; inset: 0 !important; z-index: 5 !important; pointer-events: none !important; background: radial-gradient(520px 260px at 20% 75%, rgba(0,0,0,0.72), rgba(0,0,0,0) 65%), linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.48) 100%) !important; } /* ===== Banner text layout (left + CTA) ===== */ /* Title */ .swiper-slide .text_1{ position: absolute !important; left: clamp(16px, 4vw, 44px) !important; bottom: clamp(70px, 8vw, 120px) !important; z-index: 6 !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: .7px !important; font-size: clamp(18px, 2.6vw, 34px) !important; line-height: 1.05 !important; color: rgba(255,255,255,.96) !important; text-shadow: 0 14px 30px rgba(0,0,0,.70) !important; max-width: min(520px, calc(100% - 32px)) !important; } /* Subtitle */ .swiper-slide .text_2{ position: absolute !important; left: clamp(16px, 4vw, 44px) !important; bottom: clamp(48px, 6.6vw, 90px) !important; z-index: 6 !important; font-weight: 650 !important; font-size: clamp(13px, 1.6vw, 18px) !important; letter-spacing: .25px !important; color: rgba(255,255,255,.84) !important; text-shadow: 0 14px 30px rgba(0,0,0,.70) !important; max-width: min(520px, calc(100% - 32px)) !important; } /* CTA glass container */ .swiper-slide .button--slider{ position: absolute !important; left: clamp(16px, 4vw, 44px) !important; bottom: clamp(16px, 3.2vw, 34px) !important; z-index: 7 !important; background: rgba(12, 12, 12, 0.48) !important; border: 1px solid rgba(255, 59, 59, 0.16) !important; backdrop-filter: blur(10px) saturate(1.2) !important; -webkit-backdrop-filter: blur(10px) saturate(1.2) !important; border-radius: 14px !important; padding: 10px 12px !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; box-shadow: 0 18px 55px rgba(0,0,0,0.45) !important; } /* Actual CTA button */ .swiper-slide .button--slider a, .swiper-slide .button--slider button, .swiper-slide .button--slider .btn{ display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; padding: 10px 16px !important; min-height: 42px !important; border: 0 !important; background: linear-gradient(135deg, #ff3b3b, #b30000) !important; color: #171717 !important; font-weight: 900 !important; text-decoration: none !important; box-shadow: 0 12px 26px rgba(0,0,0,0.35) !important; } /* Adaptive */ @media (max-width: 991.98px){ .swiper-slide .text_1, .swiper-slide .text_2{ left: 14px !important; right: 14px !important; max-width: none !important; } .swiper-slide .text_1{ bottom: 92px !important; } .swiper-slide .text_2{ bottom: 64px !important; } .swiper-slide .button--slider{ left: 14px !important; right: 14px !important; bottom: 14px !important; width: calc(100% - 28px) !important; } .swiper-slide .button--slider a, .swiper-slide .button--slider button, .swiper-slide .button--slider .btn{ width: 100% !important; } } @media (max-width: 479.98px){ .swiper-slide .text_1{ font-size: 18px !important; } .swiper-slide .text_2{ font-size: 13px !important; } } img.slide-content { float: inline-end; } .swiper-slide { overflow: hidden; } .swiper-slide video { width: 100%; height: 100%; max-height: 360px; object-fit: cover; display: block; } /* ================================ Swiper old absolute overlay block (keep but re-color) ================================ */ .swiper-div { position: absolute; display: block; width: 100%; left: 0; top: 0; padding: 5px 10px; height: 100%; } /* Old CTA inside swiper-div (kept but recolored) */ .swiper-div .btn { background: linear-gradient(135deg, #ff3b3b, #b30000) !important; border-radius: 8px !important; bottom: 30px !important; -webkit-box-shadow: 0 10px 0 0 rgba(0,0,0,.55) !important; box-shadow: 0 10px 0 0 rgba(0,0,0,.55) !important; color: #171717 !important; font-size: 25px !important; font-style: italic !important; font-weight: 900 !important; height: 70px !important; left: -7px !important; top: 190px !important; line-height: 44px !important; opacity: 1 !important; overflow: hidden !important; position: absolute !important; text-align: center !important; text-decoration: none; text-shadow: 1px 0 0 rgba(255,255,255,.25), -1px 0 0 rgba(0,0,0,.25) !important; width: 300px !important; } h3.line-height-3.text-lg-10.font-weight-extra-bold { position: absolute; width: 30%; font-size: 42px !important; font-style: italic !important; font-weight: 900 !important; top: 20px; text-align: left; left: 0; text-shadow: 0 14px 30px rgba(0,0,0,.70), 0 0 16px rgba(179,0,0,.14); } .swiper-div h4.text-lg-6 { position: absolute; line-height: normal; font-size: 38px !important; font-style: italic !important; font-weight: 900 !important; top: 20px; text-align: right; right: 20px; text-shadow: 0 14px 30px rgba(0,0,0,.70), 0 0 16px rgba(255,59,59,.12); } .swiper-text-block { position: relative; left: 10px; } .swiper-text-block h3, .swiper-text-block h4 { font-size: 2em !important; } @media (max-width: 991px){ .swiper-div h3.line-height-3.text-lg-10.font-weight-extra-bold { font-size: 15px !important; top: 0 !important; line-height: 18px !important; } .swiper-div h4.text-lg-6 { font-size: 15px !important; top: 0 !important; line-height: 18px !important; } .swiper-div .btn { top: 74px !important; width: 145px !important; font-size: 14px !important; line-height: 24px !important; height: 36px !important; padding: 4px 2px !important; min-height: 24px !important; box-shadow: 0 6px 0 0 rgba(0,0,0,.55) !important; } } /* ================================ Game window (keep your fullscreen behaviour) ================================ */ @media (min-width: 991px){ .game_window { width: 100%; position: relative; overflow: hidden; margin: 0 auto; } .game_window.full_opened { width: 100vw; height: 100%; position: fixed; left: calc(50vw - 270px); top: 0; margin: 0; overflow: visible; } .full_opened { transform: translateX(calc(-50vw + 270px)); height: calc(100vh - 100px) !important; } } /* Gallery columns sizing (keep) */ @media (min-width: 991px){ .image-gallery .col-6.col-md-3.col-xl-2.p-1 { width: 150px !important; max-width: 100% !important; flex: auto !important; } } /* ================================ Misc ================================ */ .tp-mask-wrap { margin: 0; padding: 30px 0; text-transform: uppercase; text-align: right; line-height: 1.25 !important; color: var(--accent); margin-top: 100px !important; text-shadow: none; font-weight: normal; } .btn i.fas.fa-bars { z-index: 3; position: relative; } .social-icons li a { color: var(--accent2) !important; } /* Footer */ #footer, #footer .footer-copyright { background: transparent !important; } @media (min-width: 980px){ header#header,.header-body{ background: none !important; } .payout { scale: 0.8; } } /* ================================ AZINO777 MENU — FULL OVERRIDE Kill purple images, pure CSS ================================ */ /* УБИРАЕМ ВСЕ ФИОЛЕТОВЫЕ КАРТИНКИ */ .azino_menu::before, .azino_menu::after, .azino_menu .menu-item::before, .azino_menu .menu-item::after { background-image: none !important; content: none !important; } /* БАЗА МЕНЮ */ .azino_menu { background: linear-gradient( 180deg, rgba(18,18,18,0.86), rgba(6,6,6,0.86) ) !important; border-radius: 14px; padding: 6px 8px; gap: 6px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 10px 30px rgba(0,0,0,.52), inset 0 0 0 1px rgba(255,255,255,.04); border: 1px solid rgba(255,59,59,.10); } /* ПУНКТЫ МЕНЮ */ .azino_menu .menu-item { background: transparent !important; color: rgba(255,255,255,.72) !important; font-weight: 700; font-size: 15px; border-radius: 10px; transition: all .2s ease; padding: 0 14px; } /* HOVER */ .azino_menu .menu-item:hover { color: #ffffff !important; background: linear-gradient( 180deg, rgba(255,59,59,.14), rgba(179,0,0,.12) ) !important; box-shadow: inset 0 0 0 1px rgba(255,59,59,.28), 0 0 18px rgba(179,0,0,.12); } /* ACTIVE */ .azino_menu .menu-item.selected { color: #fff3cd !important; background: linear-gradient( 135deg, #ff3b3b, #b30000 ) !important; box-shadow: 0 10px 22px rgba(0,0,0,.35), inset 0 -2px 0 rgba(0,0,0,.25); } .container .col-12 ul li:hover::before { background: #ef1e1e; box-shadow: 0 0 6px #ff3b3b, 0 0 14px #ff3b3b, 0 0 25px #ff3b3b, 0 0 40px #ff3b3b; transition: background 0.25s ease; } .container .col-12 ul li::before { background: #b30000; box-shadow: 0 0 6px #ff3b3b, 0 0 14px #ff3b3b, 0 0 25px #ff3b3b, 0 0 40px #ff3b3b; transition: background 0.25s ease; } /* УБИРАЕМ ЛЮБОЙ ОСТАТОЧНЫЙ ФИОЛЕТ */ .azino_menu .menu-item, .azino_menu .menu-item * { text-shadow: none !important; filter: none !important; } /* MOBILE: чтобы меню не выглядело полосой */ @media (max-width: 991px) { .azino_menu { border-radius: 12px; padding: 6px; } .azino_menu .menu-item { font-size: 14px; padding: 10px 12px; } } /* ================================ FOOTER — FULL OVERRIDE (Warm) Providers strips + links + socials ================================ */ #footer.footer-top-border, #footer .footer-copyright{ background: transparent !important; } #footer .footer-copyright .container-fluid{ position: relative; padding-top: 22px !important; background: linear-gradient( 180deg, rgba(18,18,18,0.20) 0%, rgba(8,8,8,0.65) 45%, rgba(5,5,5,0.92) 100% ) !important; border-top: 1px solid rgba(255,59,59,.12) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important; } /* HR */ #footer hr{ background: rgba(255,59,59,.12) !important; border: 0 !important; height: 1px !important; opacity: 1 !important; } /* Footer buttons wrapper */ #footer .buttons-end-page{ display: inline-flex !important; gap: 10px !important; flex-wrap: wrap !important; justify-content: center !important; padding: 6px 10px !important; background: rgba(12,12,12,.22) !important; border: 1px solid rgba(255,59,59,.10) !important; border-radius: 14px !important; backdrop-filter: blur(10px) saturate(1.2) !important; -webkit-backdrop-filter: blur(10px) saturate(1.2) !important; } /* ================================ 1) Providers strip ================================ */ .footer-game-categories-block, .footer-game-categories-block-1{ margin-top: 10px !important; } .footer-game-categories-block__categories, .footer-game-categories-block__categories-1{ background: rgba(12,12,12,.26) !important; border: 1px solid rgba(255,59,59,.10) !important; border-radius: 16px !important; padding: 10px 10px !important; backdrop-filter: blur(10px) saturate(1.2) !important; -webkit-backdrop-filter: blur(10px) saturate(1.2) !important; box-shadow: 0 18px 55px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.02) !important; width: auto; } /* Provider cards */ .footer-game-categories-block__categories .category, .footer-game-categories-block__categories-1 .category-1{ background: rgba(18,18,18,.62) !important; border: 1px solid rgba(255,59,59,.10) !important; border-radius: 12px !important; box-shadow: 0 10px 22px rgba(0,0,0,.25) !important; transition: transform .15s ease, filter .15s ease, box-shadow .15s ease, border-color .15s ease !important; } .footer-game-categories-block__categories .category::before, .footer-game-categories-block__categories .category::after, .footer-game-categories-block__categories-1 .category-1::before, .footer-game-categories-block__categories-1 .category-1::after{ content: none !important; background: none !important; background-image: none !important; } .footer-game-categories-block__categories .category:hover, .footer-game-categories-block__categories-1 .category-1:hover{ transform: translateY(-1px) !important; border-color: rgba(179,0,0,.22) !important; box-shadow: 0 16px 32px rgba(0,0,0,.30), 0 0 0 3px rgba(255,59,59,.10) !important; filter: brightness(1.03) saturate(1.02) !important; } /* Logos */ .footer-game-categories-block__categories .category img, .footer-game-categories-block__categories-1 .category-1 img{ opacity: .92 !important; filter: drop-shadow(0 6px 12px rgba(0,0,0,.35)) !important; transition: opacity .15s ease, filter .15s ease !important; } .footer-game-categories-block__categories .category:hover img, .footer-game-categories-block__categories-1 .category-1:hover img{ opacity: 1 !important; filter: drop-shadow(0 10px 18px rgba(0,0,0,.45)) !important; } /* Slider arrows */ .category-block__slider-button, .category-block__slider-button-1{ background: rgba(12,12,12,.45) !important; border: 1px solid rgba(255,59,59,.16) !important; border-radius: 12px !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; box-shadow: 0 10px 22px rgba(0,0,0,.28) !important; } .category-block__slider-button:hover, .category-block__slider-button-1:hover{ border-color: rgba(179,0,0,.20) !important; box-shadow: 0 14px 28px rgba(0,0,0,.32), 0 0 0 3px rgba(179,0,0,.08) !important; } /* ================================ 2) Partner + 18+ ================================ */ .footer__providers{ padding: 14px 12px !important; background: rgba(12,12,12,.26) !important; border: 1px solid rgba(255,59,59,.10) !important; border-radius: 16px !important; backdrop-filter: blur(10px) saturate(1.15) !important; -webkit-backdrop-filter: blur(10px) saturate(1.15) !important; box-shadow: 0 18px 55px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.02) !important; } /* 18+ text */ .footer__providers .attention18{ color: rgba(235,235,235,.78) !important; font-size: 13px !important; line-height: 1.45 !important; } /* ================================ 3) Social icons ================================ */ ul.header-social-icons.social-icons.social-icons-clean{ margin-top: 12px !important; display: inline-flex !important; gap: 10px !important; justify-content: center !important; } ul.header-social-icons.social-icons.social-icons-clean li a{ width: 42px !important; height: 42px !important; border-radius: 14px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: rgba(18,18,18,.62) !important; border: 1px solid rgba(255,59,59,.12) !important; box-shadow: 0 12px 24px rgba(0,0,0,.25) !important; color: rgba(255,255,255,.92) !important; transition: transform .15s ease, filter .15s ease, box-shadow .15s ease, border-color .15s ease !important; } ul.header-social-icons.social-icons.social-icons-clean li a:hover{ transform: translateY(-1px) !important; border-color: rgba(179,0,0,.20) !important; box-shadow: 0 16px 32px rgba(0,0,0,.30), 0 0 0 3px rgba(255,59,59,.08) !important; filter: brightness(1.05) !important; } /* ================================ 4) Sub-menu links ================================ */ #sub-menu ul{ padding-left: 0 !important; margin: 14px 0 0 0 !important; } #sub-menu a.text-color-primary{ color: rgba(235,235,235,.70) !important; text-decoration: none !important; transition: color .15s ease, text-shadow .15s ease !important; } #sub-menu a.text-color-primary:hover{ color: rgba(255,255,255,.94) !important; text-shadow: 0 0 14px rgba(255,59,59,.16) !important; } /* Footer tiny text */ #footer p, #footer strong{ color: rgba(235,235,235,.72) !important; } #footer strong{ color: rgba(255,255,255,.92) !important; } #footer .social-icons li a { color: #7d7d7d !important; } /* Slider buttons sizing + icons (keep your file path) */ .footer-game-categories-block .category-block__slider-button, .footer-game-categories-block-1 .category-block__slider-button-1 { padding: 5px; width: 36px; } .footer-game-categories-block .category-block__slider-button .category-block__slider-icon, .footer-game-categories-block-1 .category-block__slider-button-1 .category-block__slider-icon-1 { background-image: url(/azino/category-slider-left-hover.85a833d5.svg?v=1); opacity: 0.6; } #header { z-index: 2; } #header .header-body { background: #000 !important; } .modal-backdrop { z-index: 0; } html, body { background: #000 url(bg.jpg?v=6) repeat-y center top !important; }