.modal-backdrop { z-index: 2200 !important; background-color: #151922 !important; } .modal-backdrop.show { opacity: .58 !important; } .tb-modern-modal { z-index: 2300 !important; } .tb-modern-modal .modal-dialog { max-width: 610px; margin-top: 88px; } .tb-modern-modal .modal-content { overflow: hidden; border: 0; border-radius: 18px; background: #ffffff; box-shadow: 0 28px 70px rgba(20, 26, 38, .25); } .tb-modern-modal .tb-modal-header { display: flex; align-items: flex-start; padding: 22px 24px 18px; border-bottom: 1px solid #edf0f3; background: #ffffff; } .tb-modern-modal .tb-modal-heading { display: flex; align-items: center; gap: 12px; padding-right: 18px; } .tb-modern-modal .tb-modal-icon { width: 44px; height: 44px; flex: 0 0 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: #fff0f3; color: #d7192d; font-size: 18px; } .tb-modern-modal .tb-modal-title { margin: 0; color: #1e232a; } .tb-modern-modal .tb-modal-subtitle { margin: 4px 0 0; color: #777e87; } .tb-modern-modal .tb-modal-close { width: 38px; height: 38px; flex: 0 0 38px; margin: 0 0 0 auto !important; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: #f5f6f8; color: #4b5159; opacity: 1; font-size: 22px; font-weight: 400; text-shadow: none; } .tb-modern-modal .tb-modal-close:hover { background: #fff0f3; color: #d7192d; } .tb-modern-modal .modal-body { padding: 22px 24px 24px; } .tb-modern-modal .tb-field { margin-bottom: 14px; } .tb-modern-modal .tb-field-label { display: block; margin-bottom: 6px; color: #343a42; } .tb-modern-modal .tb-input-wrap { position: relative; } .tb-modern-modal .tb-input-icon { position: absolute; z-index: 2; top: 50%; left: 15px; transform: translateY(-50%); color: #9aa0a8; font-size: 14px; pointer-events: none; } .tb-modern-modal .tb-input, .tb-modern-modal .tb-textarea { width: 100%; border: 1px solid #dfe3e8; border-radius: 11px; background: #fbfcfd; color: #252a32; box-shadow: none !important; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; } .tb-modern-modal .tb-input { height: 48px; padding: 0 14px 0 42px; } .tb-modern-modal .tb-input.tb-input-no-icon { padding-left: 14px; } .tb-modern-modal .tb-textarea { min-height: 125px; padding: 13px 14px; resize: vertical; } .tb-modern-modal .tb-input:focus, .tb-modern-modal .tb-textarea:focus { outline: none; border-color: #e9aab4; background: #ffffff; box-shadow: 0 0 0 3px rgba(215, 25, 45, .06) !important; } .tb-modern-modal .tb-modal-note { display: flex; align-items: flex-start; gap: 8px; margin: 2px 0 0; padding: 11px 12px; border-radius: 10px; background: #f8f9fa; color: #6f767f; } .tb-modern-modal .tb-modal-note i { margin-top: 1px; color: #d7192d; } .tb-modern-modal .modal-footer { padding: 16px 24px 22px; border-top: 1px solid #edf0f3; background: #ffffff; } .tb-modern-modal .tb-btn-secondary, .tb-modern-modal .tb-btn-primary { min-height: 42px; padding: 0 18px; border-radius: 10px; transition: all .18s ease; } .tb-modern-modal .tb-btn-secondary { border: 1px solid #dfe3e8; background: #ffffff; color: #555c65; } .tb-modern-modal .tb-btn-secondary:hover { background: #f6f7f9; color: #242931; } .tb-modern-modal .tb-btn-primary { border: 1px solid #d7192d; background: #d7192d; color: #ffffff; } .tb-modern-modal .tb-btn-primary:hover { border-color: #b91425; background: #b91425; color: #ffffff; transform: translateY(-1px); } .tb-modern-modal .tb-btn-primary i { margin-left: 6px; } .tb-modern-modal.tb-newsletter-modal .modal-dialog { max-width: 530px; } .tb-modern-feedback .modal-dialog { max-width: 440px; margin-top: 110px; } .tb-modern-feedback .modal-content { overflow: hidden; border: 0; border-radius: 15px; box-shadow: 0 24px 60px rgba(20, 26, 38, .22); } .tb-modern-feedback .alert { margin: 0; padding: 18px 20px; border: 0; border-radius: 0; } @media (max-width: 767.98px) { .tb-modern-modal .modal-dialog { margin: 70px 12px 20px; } .tb-modern-modal .tb-modal-header, .tb-modern-modal .modal-body, .tb-modern-modal .modal-footer { padding-left: 18px; padding-right: 18px; } }   .tb-footer-modern { margin-top: 34px; border-top: 3px solid #d7192d; background: #202329; color: #c7cbd2; } .tb-footer-modern * { box-sizing: border-box; } .tb-footer-main { padding: 34px 0 25px; } .tb-footer-inner { width: calc(100% - 64px); max-width: 1480px; margin: 0 auto; } .tb-footer-grid { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 40px; align-items: start; } .tb-footer-grid > *, .tb-footer-topline > * { min-width: 0; } .tb-footer-brand-logo { display: block; width: 170px; max-width: 100%; height: auto; margin-bottom: 14px; } .tb-footer-brand-copy { max-width: 285px; margin: 0 0 17px; color: #aeb4bd; } .tb-footer-trust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; } .tb-footer-trust img { display: block; width: auto; max-width: 72px; max-height: 40px; object-fit: contain; border-radius: 5px; } .tb-footer-social { display: flex; align-items: center; gap: 9px; } .tb-footer-social a { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #3a3f47; border-radius: 9px; background: #282c33; transition: background-color .16s ease, border-color .16s ease, transform .16s ease; } .tb-footer-social a:hover { border-color: #d7192d; background: #d7192d; transform: translateY(-1px); } .tb-footer-social img { width: 16px; height: auto; display: block; } .tb-footer-content { min-width: 0; } .tb-footer-topline { display: grid; grid-template-columns: minmax(140px, .75fr) minmax(190px, 1fr) minmax(280px, 1.2fr); gap: 30px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.09); } .tb-footer-section-title { margin: 0 0 12px; color: #ffffff; letter-spacing: .25px; text-transform: uppercase; } .tb-footer-dynamic { min-width: 0; } .tb-footer-dynamic .footer-links { display: inline-flex !important; align-items: center; margin: 0 7px 7px 0 !important; padding: 6px 9px !important; border: 1px solid #3b4048 !important; border-radius: 999px !important; background: #272b31 !important; } .tb-footer-dynamic .footer-links:hover { border-color: #8c323d !important; background: #34272b !important; } .tb-footer-modern .ver-line { display: none !important; } .tb-footer-company-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; } .tb-footer-company-links a, .tb-footer-company-links button { padding: 0; border: 0; background: transparent; text-align: left; cursor: pointer; } .tb-footer-editorial { padding-top: 20px; color: #959ca6; } .tb-footer-editorial * { background: transparent !important; } .tb-footer-editorial :not(a):not(a *) { color: #959ca6 !important; } .tb-footer-bottom { border-top: 1px solid #343941; background: #1b1e23; } .tb-footer-bottom-inner { width: calc(100% - 64px); max-width: 1480px; min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 auto; color: #868d97; } .tb-footer-bottom-links { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .tb-footer-rg { display: inline-flex; align-items: center; gap: 7px; } .tb-footer-rg-badge { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d7192d; border-radius: 50%; color: #ffffff; } @media (min-width: 992px) and (max-width: 1199.98px) { .tb-footer-topline { grid-template-columns: 1fr 1fr; } } @media (max-width: 991.98px) { .tb-footer-grid, .tb-footer-topline { grid-template-columns: 1fr; } .tb-footer-grid { gap: 28px; } } @media (max-width: 575.98px) { .tb-footer-inner, .tb-footer-bottom-inner { width: calc(100% - 30px); } .tb-footer-company-links { grid-template-columns: 1fr; } .tb-footer-bottom-inner { align-items: flex-start; flex-direction: column; padding: 15px 0; } }   .tb-footer-modern { margin-top: 30px !important; border-top: 0 !important; background: radial-gradient(circle at 80% 10%, rgba(45,76,126,.24) 0%, rgba(45,76,126,0) 30%), linear-gradient(115deg, #071326 0%, #0c1a31 60%, #101f39 100%) !important; color: #c5cfdd !important; } .tb-footer-main { padding: 38px 0 28px !important; } .tb-footer-brand-logo { width: 176px !important; margin-bottom: 15px !important; } .tb-footer-brand-copy { color: #aeb9c9 !important; } .tb-footer-social a { width: 36px !important; height: 36px !important; border-color: rgba(255,255,255,.13) !important; background: rgba(255,255,255,.05) !important; } .tb-footer-social a:hover { border-color: #e31b36 !important; background: #e31b36 !important; } .tb-footer-section-title { color: #ffffff !important; letter-spacing: .7px !important; } .tb-footer-dynamic .footer-links { margin: 0 11px 9px 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; } .tb-footer-dynamic .footer-links::before { content: "\f105"; margin-right: 5px; color: #e31b36; font-family: FontAwesome; } .tb-footer-dynamic .footer-links:hover { background: transparent !important; } .tb-footer-company-links { gap: 9px 16px !important; } .tb-footer-editorial { color: #b8c4d4 !important; } .tb-footer-editorial :not(a):not(a *) { color: #b8c4d4 !important; } .tb-footer-bottom { border-top-color: rgba(255,255,255,.08) !important; background: rgba(4,12,24,.34) !important; } .tb-footer-bottom-inner { min-height: 58px !important; color: #aebdce !important; } .tb-footer-rg-badge { border-color: #ff4058 !important; background: rgba(255,64,88,.10) !important; }   .tb-footer-modern { margin-top: 26px !important; background: linear-gradient(110deg, #071326 0%, #0b1a31 62%, #10223e 100%) !important; } .tb-footer-main { padding: 32px 0 22px !important; } .tb-footer-brand-logo { width: 164px !important; } .tb-footer-section-title { letter-spacing: .6px !important; } .tb-footer-dynamic .footer-links { margin: 0 10px 7px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .tb-footer-bottom-inner { min-height: 46px !important; } .tb-footer-trust img { max-height: 35px !important; }   .tb-footer-bottom-inner { min-height: 52px !important; } .tb-footer-modern { margin-top: 24px !important; }