/* File: e107_web/css/e107.css */
 .left { text-align: left } .right { text-align: right } .center { text-align: center } .justify { text-align: justify } .f-left { float: left } .f-right { float: right } .top { vertical-align: top } .middle { vertical-align: middle } .bottom { vertical-align: bottom } .clear { clear: both } .clear-l { clear: right } .clear-r { clear: left } i.icon-download{ font-size:200%;} .e-footer-info{ margin-top:10px; padding:20px; text-align: center } td.text-center{ text-align:center; } .icon { border: 0px; display: inline-block; margin-right: .3em;} .icon.action { vertical-align: middle } .S16 { width: 16px; height: 16px } .S32 { width: 32px; height: 32px } .S64 { width: 64px; height: 64px } .S128 { width: 128px; height: 128px } .odd {} .even { background-color: #F5F5F5 } .first, .last {} .e-list {} ul.e-tabs { list-style-type: none; } ul.e-tabs li { display: inline; margin: 0px; border: 0 none; background-color: transparent; } ul.e-tabs li a { text-decoration: none; padding: 5px; } ul.e-tabs li a:link,ul.e-tabs li a:visited { border: 1px solid #C0C0C0; } ul.e-tabs li a:hover,ul.e-tabs li.active a:link,ul.e-tabs li.active a:visited{ background-color: #EEEEEE; border: 1px solid #808080; } #loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; background-color: transparent; } #loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px;text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; } #loading-mask img { margin: 10px auto; } .element-loading-mask { background-repeat: no-repeat; background-position: 50% 50%; background-color: #f5f5f5; } #e-debug-console-cont { position: fixed; top: 0px; left: 5px; margin: 0px; padding: 0px; width: 600px; border: 1px solid #c0c0c0; background-color: white; color: black; } #e-debug-console { padding: 10px; margin: 0px; height: 100px; overflow: auto; text-align: left; } #e-debug-console div div { padding: 5px; } #e-debug-console-controls { text-align: left; padding: 5px; border-top: 1px solid #c0c0c0; background-color: #fff; line-height: 0; } #e-debug-console-controls a { text-decoration: none; color: #000; background-color: #f5f5f5; border: 1px solid #f0f0f0; padding: 5px; margin: 2px 5px; } #e-debug-console-input { width: 480px; border: 1px solid #f5f5f5; } #e-debug-console .console-output { border-bottom: 1px solid #f5f5f5; padding: 5px } .cpage-nav { padding: 5px; margin: 0px 5px 10px 10px; } a.cpage-np { font-size: 14px; } a.cpage-np.current { text-decoration: none; } .s-message { } .validate-result {} .warning { color: #FF6600 } .success { color: green; } .error { color: #A94442; } .info {} .required { color:#A94442; } .e-info {} .image-preview {} div.bbarea.large, .tbox.large, .helpbox.large { width: 95% } div.bbarea.medium, .tbox.medium, .helpbox.medium { width: 60% !important; } div.bbarea.small, .tbox.small, .helpbox.small { width: 250px !important; } img.bbcode-img { max-width:100%} img.bbcode-img-left { float:left !important;margin: 0 10px 5px 0; } img.bbcode-img-right { float:right !important; margin: 0 0 5px 10px; } .bbcode-panel { width: 100% } .input-block-level { width: 100% !important } p {} p.bbcode { margin: 10px 0px; text-indent: 15px; }  p:first-letter {} h1.bbcode, h2.bbcode, h3.bbcode, h4.bbcode, h5.bbcode, h6.bbcode {} div.bbcode { margin: 15px 0px; clear: both; }  .comments-container { list-style: none outside none; margin:0px } .comments-container > li { padding: 5px 0px } .comment-text { padding: 8px 0 } .e-email:before {content: attr(data-user);} .e-email:after {content: attr(data-dom)} .panel-profile .user-avatar {max-width: 150px;max-height: 150px;margin-top: -90px;margin-bottom: 15px;border: 5px solid #fff;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);margin-left:auto;margin-right:auto;} .panel-profile .panel-heading h5.user-id {color:#ffffff;} .panel-profile .panel-body span.padding-left {display:block;} .panel-profile .panel-body p {clear: both;float: none;display: block;} .panel-profile .profile-header { max-width:300px;margin-left: auto;margin-right: auto;} .panel-profile .profile-header h4 {padding-bottom: 30px;} .panel-profile .panel-body p.row {border-top: 1px solid rgba(170,170,170,0.35);padding-top: 10px;} .panel-profile .panel-body div.row {border-top: 1px solid rgba(170,170,170,0.35);padding: 10px 0;} .e-instant-edit { font-size: 10pt; position: absolute; right: 10px; text-align: right; display: inline-block; z-index:1000; margin-right:10px;} ul.checkboxes { display: inline-block; list-style: none; margin: 0; padding: 0;} div.e-comment-edit-save{ margin-top:8px; padding: 5px } .e-comment-edit-active{ -webkit-box-shadow:#CCCCCC 0px 0px 10px; -moz-box-shadow:#CCCCCC0px 0px 10px; box-shadow:#CCCCCC 0px 0px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .e-comment-edit-success{ padding:8px; text-align:center; } .e-comment-edit-error{ padding:8px; text-align:center; } .e-rate-up img{ opacity: 0.4 } .e-rate-down img{ opacity: 0.4 }  .signup-divider{ border-bottom: 1px solid silver;font-size: 18px;margin-bottom: 30px;position: relative;text-align: center; } .signup-divider span { padding: 0 15px; position: relative; top: 10px; } .video-responsive {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:20px;} .video-responsive iframe,.video-responsive object,.video-responsive embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} div.bbcode-panel {background-color: rgb(245, 245, 245);background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));background-repeat: repeat-x;border-width: 1px;border-style: solid;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179);border-radius: 4px;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);} #search-results li { margin-top:5px; padding: 10px 0; } #search-results li h4 { margin-bottom:0 !important } optgroup.level-1 { padding-left:0.1em } optgroup.level-2 { padding-left:0.7em } optgroup.level-3 { padding-left:2em } optgroup.level-4 { padding-left:3em } optgroup.level-5 { padding-left:4em } .online-menu-extended li, .online-menu li ul li { min-height: 40px; padding-top:8px} .online-menu-extended ul { padding-bottom:20px} .online-menu-extended span.online-menu-user { display:block; font-size:1.1em;margin-top:4px; line-height:1} .online-menu-extended-label { font-size:1.2em; } img.e-emoticon { vertical-align:middle; border:0; width:24px } .e-editable-front { position:relative } .e-editable-front:hover,.e-editable-front a:hover { outline: 1px dashed red; } .e-editable-front.active {-moz-box-shadow: inset 0 0 5px 2px #888;-webkit-box-shadow: inset 0 0 5px 2px#888;box-shadow: inset 0 0 5px 2px #888; } #e-editable-front-controls { position: absolute;top: 0px;font-size: 20px;right: -35px;background-color: #424242;border-radius:4px;padding:5px;cursor: pointer;width:35px;color:white;} #e-editable-front-controls .fa-check { color: lawngreen } .e-editable-front-save { color: lawngreen; width:35px; display:block;} .e-editable-front-cancel {display:block;margin-top:5px; color: red;width:35px;} #uiAlert{ z-index: 10001 } #uiAlert .alert { z-index:10000; box-shadow:1px 4px 5px rgba(0,0,0,0.4) } #uiAlert.notifications { top: 48%; left: 0; width: 100%; } div.e-debug { margin-top:50px; background-color: white } div.e-debug td { color: black } #login-template { max-width: 330px;margin-right: auto;margin-left: auto; } #login-template h2.caption { text-align:center; font-size:120%; opacity:0.8 } #login-template .logo { padding-top:50px; margin-left:auto; margin-right: auto } #login-template .login-page-footer { margin-bottom:100px; margin-right:auto;margin-left:auto } div.login-page-signup-link, div.login-page-fpw-link { text-align:center } .nav-side.listgroup { padding-left:0; } .nav-side li.list-group-item.active { padding:0} div.search-menu { text-align: center } 

/* File: e107_web/js/bootstrap-notify/css/bootstrap-notify.css */
.notifications{position:fixed;} .notifications.top-right{right:10px;top:25px;} .notifications.top-left{left:10px;top:25px;} .notifications.bottom-left{left:10px;bottom:25px;} .notifications.bottom-right{right:10px;bottom:25px;} .notifications>div{position:relative;z-index:9999;margin:5px 0px;} .notifications.center{top:48%;left:0;width:100%;} .notifications.center>div{margin:5px auto;width:20%;text-align:center;} 

/* File: e107_web/js/core/all.jquery.css */
a.e-nav { padding:3px; } div.e-rate{ width:100px; display:inline-block} img.e-rate{} .e-rate-status{ vertical-align:middle; padding-right:4px; display:inline-block; text-align:right} .e-rate-status-download { text-align:left; } .e-rate-votes{ vertical-align:middle; display:inline-block; width:100px } select.e-bb{ margin-top:0px; width:100px } .bbcode_buttons{} .bbcode_buttons:hover{} body.e-iframe{ padding:15px; margin:0px; } 

/* File: e107_plugins/social/css/fontello.css */
@font-face {font-family: 'fontello';src: url(https://blastfm.limited/e107_plugins/social/font/fontello.eot?25587411);src: url(https://blastfm.limited/e107_plugins/social/font/fontello.eot?25587411#iefix) format('embedded-opentype'), url(https://blastfm.limited/e107_plugins/social/font/fontello.woff2?25587411) format('woff2'), url(https://blastfm.limited/e107_plugins/social/font/fontello.woff?25587411) format('woff'), url(https://blastfm.limited/e107_plugins/social/font/fontello.ttf?25587411) format('truetype'), url(https://blastfm.limited/e107_plugins/social/font/fontello.svg?25587411#fontello) format('svg');font-weight: normal;font-style: normal;} [class^="e-social-"]:before, [class*=" e-social-"]:before {font-family: "fontello";font-style: normal;font-weight: normal;speak: none; display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center; font-variant: normal;text-transform: none; line-height: 1em; margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }  .e-social-gplus:before { content: '\e800'; }  .e-social-google-plus:before { content: '\e800'; }  .e-social-stumbleupon:before { content: '\e801'; }  .e-social-pinterest:before { content: '\e802'; }  .e-social-digg:before { content: '\e803'; }  .e-social-reddit:before { content: '\e804'; }  .e-social-blogger:before { content: '\e805'; }  .e-social-dribbble:before { content: '\e806'; }  .e-social-linkedin:before { content: '\e807'; }  .e-social-skype:before { content: '\e808'; }  .e-social-twitter:before { content: '\e809'; }  .e-social-youtube:before { content: '\e80a'; }  .e-social-vimeo:before { content: '\e80b'; }  .e-social-yahoo:before { content: '\e80c'; }  .e-social-email:before { content: '\e80d'; }  .e-social-dropbox:before { content: '\e80e'; }  .e-social-facebook:before { content: '\e80f'; }  .e-social-github-circled:before { content: '\e810'; }  .e-social-tumblr:before { content: '\e811'; }  .e-social-yelp:before { content: '\e812'; }  .e-social-delicious:before { content: '\e813'; }  .e-social-acrobat:before { content: '\e814'; }  .e-social-linkedin-rect:before { content: '\e815'; }  .e-social-blogger-rect:before { content: '\e816'; }  .e-social-instagram-1:before { content: '\e817'; }  .e-social-instagram-filled:before { content: '\e818'; }  .e-social-google:before { content: '\e819'; }  .e-social-rss:before { content: '\e81a'; }  .e-social-spread:before { content: '\e81b'; }  .e-social-flattr:before { content: '\e81c'; }  .e-social-flickr:before { content: '\e81d'; }  .e-social-instapaper:before { content: '\e81e'; }  .e-social-thumbs-up:before { content: '\e81f'; }  .e-social-mail:before { content: '\e820'; }  .e-social-mail-alt:before { content: '\e821'; }  .e-social-foursquare:before { content: '\e822'; }  .e-social-share:before { content: '\e823'; }  .e-social-export:before { content: '\e824'; }  .e-social-pocket:before { content: '\e825'; }  .e-social-wordpress:before { content: '\e826'; }  .e-social-pinboard:before { content: '\e827'; }  .e-social-instagram:before { content: '\e828'; }  .e-social-vk:before { content: '\e829'; }  .e-social-vine:before { content: '\e82a'; }  .e-social-meetup:before { content: '\e82b'; }  .e-social-youtube-play:before { content: '\e82c'; }  

/* File: e107_plugins/social/css/social.css */
.social-share .dropdown-menu { min-width: 225px } .social-share .dropdown-menu li div { padding-left:5px;} .social-share .dropdown-menu li div .btn { border-radius:0; margin:0 } 

/* File: e107_plugins/forum/forum.css */
.forum-viewforum-pagination { margin:0 } #poll.tab-pane .form-group{ margin-left: 0; margin-right:0} #forum-viewtopic{ margin-top: 15px } #forum-viewtopic li img{ max-width:100%} #forum-viewtopic li.forum-viewtopic-post{ border-top:1px solid rgba(100,100,100,0.2);padding:15px 10px } #forum-viewtopic li.forum-viewtopic-post:nth-child(odd) { background-color: rgba(100,100,100,0.09) } #forum-viewtopic li ul.thumbnails { margin-top:15px } #forum-viewtopic li img.user-avatar { margin-bottom:10px; display:inline-block; border-radius:50% } #forum-viewtopic .label-info{display: table; margin: 5px auto; padding: 5px 10px;} #forum-viewtopic .left{text-align: center;} #forum-viewtopic .left .btn-block {display: table; margin: 0 auto!important;} .forum-attachment-file{ margin-top:15px; } .forum-user-combo { padding-bottom:5px } div.forum-poll-results{ padding-left:0 } .forum-viewtopic-customtitle{ display: table; margin: 5px auto 0 auto; padding: 5px 15px; text-align: center;} .forum-viewforum-admin-icons a{ vertical-align:top;width:16px; height:16px; display:inline-block; line-height:14px } .forum-viewforum-admin-icons input{ vertical-align:top;width:16px; height:16px} @media all and (min-height: 800px) {#forum, #forum-stats, #forum-rules{ min-height: 500px;} } .forum-perms { text-align: center; padding:10px } .forum-perms-separator:before{ margin:0 10px; content: '·' } 

/* File: e107_plugins/featurebox/featurebox.css */
.featurebox.carousel .carousel-inner {height:460px;overflow:hidden;} 

/* File: e107_themes/blastfm/style.css */
:root {--gold:#F5BC2E;--gold-dark: #C9960F;--bg:#07090D;--bg-2:#0C1017;--bg-3:#121820;--bg-4:#181F29;--bg-5:#1E2633;--text:#EEEAE5;--text-dim:#B8C4D0;--text-muted:#6E7F92;--border:rgba(255,255,255,0.06);--border-md: rgba(255,255,255,0.10);--font-head: 'Syne', sans-serif;--font-body: 'DM Sans', sans-serif;--radius:10px;--radius-lg: 16px;--max-width: 1120px;--transition:0.2s ease;} .bfm-body {font-family: var(--font-body);font-size: 15px;line-height: 1.65;color: var(--text);background: var(--bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;margin: 0;padding: 0;} .bfm-body *, .bfm-body *::before, .bfm-body *::after {box-sizing: border-box;} .bfm-body a { text-decoration: none; color: inherit; } .bfm-body img { max-width: 100%; display: block; } .bfm-body ul { list-style: none; margin: 0; padding: 0; } .bfm-container {max-width: var(--max-width);margin: 0 auto;padding: 0 2rem;} .bfm-tag {display: inline-flex; align-items: center; gap: 7px;font-size: 0.68rem; font-weight: 700;letter-spacing: 0.13em; text-transform: uppercase;color: var(--gold);} .bfm-tag::before {content: ''; display: block;width: 22px; height: 1.5px;background: var(--gold); flex-shrink: 0;} .bfm-section-title {font-family: var(--font-head);font-size: clamp(1.6rem, 3vw, 2.2rem);font-weight: 800; letter-spacing: -0.03em;line-height: 1.1; color: var(--text);margin: 0.65rem 0 0.85rem;} .bfm-section-sub {font-size: 0.9rem; color: var(--text-muted);max-width: 480px; line-height: 1.7;} .bfm-section-header { margin-bottom: 3rem; } .bfm-nav {position: sticky; top: 0; z-index: 1000;height: 66px;background: rgba(7,9,13,0.97);border-bottom: 1px solid var(--border);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);display: flex; align-items: center;} .bfm-nav-inner {max-width: var(--max-width); margin: 0 auto;padding: 0 2rem; width: 100%;display: flex; align-items: center;justify-content: space-between; gap: 2rem;} .bfm-nav-logo {display: flex; align-items: center; gap: 8px;font-family: var(--font-head);font-size: 1.15rem; font-weight: 800;letter-spacing: -0.02em; color: var(--text);flex-shrink: 0;} .bfm-nav-logo-mark {width: 26px; height: 26px;background: var(--gold); border-radius: 6px;display: flex; align-items: center;justify-content: center; flex-shrink: 0;} .bfm-nav-logo-mark svg { width: 13px; height: 13px; fill: #07090D; } .bfm-nav-logo-accent { color: var(--gold); } .bfm-nav-links {display: flex; align-items: center;gap: 0.25rem; list-style: none;} .bfm-nav-links a {display: block; padding: 0.4rem 0.85rem;font-size: 0.82rem; font-weight: 400;color: var(--text-muted); border-radius: 6px;transition: color var(--transition), background var(--transition);white-space: nowrap;} .bfm-nav-links a:hover { color: var(--text); background: rgba(255,255,255,0.04); } .bfm-nav-dropdown { position: relative; list-style: none; } .bfm-nav-dropdown-toggle {display: flex; align-items: center; gap: 4px; cursor: default;} .bfm-chevron {font-size: 0.5rem; opacity: 0.5;margin-top: 1px; transition: transform var(--transition);display: inline-block;} .bfm-nav-dropdown:hover .bfm-chevron { transform: rotate(180deg); } .bfm-dropdown-menu {position: absolute; top: calc(100% + 8px); left: 0;background: var(--bg-2); border: 1px solid var(--border-md);border-radius: var(--radius-lg); padding: 8px;min-width: 230px;box-shadow: 0 16px 48px rgba(0,0,0,0.4);opacity: 0; pointer-events: none;transform: translateY(-4px);transition: opacity 0.18s ease, transform 0.18s ease;z-index: 50;} .bfm-nav-dropdown:hover .bfm-dropdown-menu {opacity: 1; pointer-events: all; transform: translateY(0);} .bfm-dropdown-section-label {font-size: 0.6rem; font-weight: 700;letter-spacing: 0.1em; text-transform: uppercase;color: var(--text-muted); padding: 4px 10px 6px;} .bfm-dropdown-item {display: flex; align-items: center; gap: 9px;padding: 8px 10px; border-radius: 7px;font-size: 0.78rem; color: var(--text-dim);transition: background var(--transition), color var(--transition);cursor: default;} .bfm-dropdown-item:hover { background: var(--bg-3); color: var(--text); } .bfm-dropdown-item.primary { color: var(--gold); } .bfm-dropdown-item.primary:hover { background: rgba(245,188,46,0.08); } .bfm-dropdown-dot {width: 5px; height: 5px; border-radius: 50%;background: var(--bg-5); flex-shrink: 0;} .bfm-dropdown-dot.gold { background: var(--gold); } .bfm-nav-cta {display: inline-flex; align-items: center; gap: 7px;background: var(--gold); color: #07090D;font-family: var(--font-body);font-size: 0.8rem; font-weight: 700;padding: 0.55rem 1.25rem; border-radius: 50px;white-space: nowrap; flex-shrink: 0;transition: background var(--transition), box-shadow var(--transition);} .bfm-nav-cta:hover {background: #ffd060;box-shadow: 0 4px 20px rgba(245,188,46,0.3);color: #07090D;} .bfm-nav-hamburger {display: none; flex-direction: column; gap: 5px;cursor: pointer; background: none; border: none; padding: 4px;} .bfm-nav-hamburger span {display: block; width: 22px; height: 2px;background: var(--text); border-radius: 2px;transition: all 0.3s ease;} .bfm-mobile-nav {display: none; flex-direction: column;background: var(--bg-2);border-top: 1px solid var(--border);padding: 1rem 1.5rem; gap: 0.25rem;} .bfm-mobile-nav.open { display: flex; } .bfm-mobile-nav a {font-size: 0.9rem; color: var(--text-muted);padding: 0.6rem 0;border-bottom: 1px solid var(--border);display: block; transition: color var(--transition);} .bfm-mobile-nav a:hover { color: var(--text); } .bfm-mobile-nav a:last-child { border-bottom: none; } .bfm-mobile-cta {margin-top: 0.75rem; text-align: center;background: var(--gold) !important; color: #07090D !important;font-weight: 700; padding: 0.75rem; border-radius: 50px;font-size: 0.9rem; border-bottom: none !important;} .bfm-hero {min-height: 600px; display: flex; align-items: center;position: relative; overflow: hidden;padding: 5rem 0 4rem; background: var(--bg);} .bfm-hero-bg {position: absolute; inset: 0;background:radial-gradient(ellipse 55% 60% at 75% 45%, rgba(245,188,46,0.055) 0%, transparent 55%),radial-gradient(ellipse 35% 40% at 15% 75%, rgba(56,120,200,0.04) 0%, transparent 50%);pointer-events: none;} .bfm-hero-grid {position: absolute; inset: 0;background-image:linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px);background-size: 56px 56px; pointer-events: none;} .bfm-hero-inner {position: relative; z-index: 2;max-width: var(--max-width); margin: 0 auto;padding: 0 2rem;display: grid; grid-template-columns: 1.05fr 0.95fr;gap: 5rem; align-items: center; width: 100%;} .bfm-hero-tag { margin-bottom: 1.4rem; } .bfm-hero-h1 {font-family: var(--font-head);font-size: clamp(2rem, 4.5vw, 3.2rem);font-weight: 800; line-height: 1.06;letter-spacing: -0.035em; color: var(--text);margin-bottom: 1.25rem;} .bfm-hero-h1 em { font-style: normal; color: var(--gold); } .bfm-hero-sub {font-size: 1rem; color: var(--text-muted);line-height: 1.72; max-width: 460px; margin-bottom: 0.5rem;} .bfm-hero-free {display: inline-flex; align-items: center; gap: 7px;font-size: 0.82rem; font-weight: 500;color: var(--text-dim); margin-bottom: 2rem;} .bfm-hero-free-dot {width: 7px; height: 7px; border-radius: 50%;background: #3FBA6E; flex-shrink: 0;box-shadow: 0 0 8px rgba(63,186,110,0.5);} .bfm-hero-ctas {display: flex; align-items: center; gap: 1rem;flex-wrap: wrap; margin-bottom: 2.75rem;} .bfm-btn-primary {display: inline-flex; align-items: center; gap: 8px;background: var(--gold); color: #07090D;font-family: var(--font-body);font-size: 0.9rem; font-weight: 700;padding: 0.8rem 1.85rem; border-radius: 50px;white-space: nowrap; border: none; cursor: pointer;transition: background var(--transition), box-shadow var(--transition), transform 0.15s ease;} .bfm-btn-primary:hover {background: #ffd060; color: #07090D;box-shadow: 0 6px 28px rgba(245,188,46,0.32);transform: translateY(-1px);} .bfm-btn-outline {display: inline-flex; align-items: center; gap: 8px;background: transparent; border: 1px solid var(--border-md);color: var(--text-dim); font-family: var(--font-body);font-size: 0.9rem; font-weight: 400;padding: 0.8rem 1.85rem; border-radius: 50px;white-space: nowrap; cursor: pointer;transition: border-color var(--transition), color var(--transition), background var(--transition);} .bfm-btn-outline:hover {border-color: rgba(255,255,255,0.25); color: var(--text);background: rgba(255,255,255,0.03);} .bfm-hero-trust-chips {display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap;} .bfm-trust-chip {display: flex; align-items: center; gap: 6px;font-size: 0.75rem; color: var(--text-muted);} .bfm-trust-chip-dot {width: 4px; height: 4px; border-radius: 50%;background: var(--bg-5); flex-shrink: 0;} .bfm-hero-right {display: flex; flex-direction: column; gap: 1rem;} .bfm-now-playing {background: var(--bg-3); border: 1px solid var(--border-md);border-radius: var(--radius-lg); padding: 1.25rem 1.5rem;position: relative; overflow: hidden;} .bfm-now-playing::before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;background: linear-gradient(90deg, var(--gold) 0%, transparent 60%);} .bfm-np-label {font-size: 0.62rem; font-weight: 700;letter-spacing: 0.12em; text-transform: uppercase;color: var(--gold); margin-bottom: 1rem;display: flex; align-items: center; gap: 6px;} .bfm-np-live-dot {width: 6px; height: 6px; border-radius: 50%;background: var(--gold);animation: bfm-pulse 1.8s ease-in-out infinite;} @keyframes bfm-pulse {0%, 100% { opacity: 1; } 50% { opacity: 0.25; } } .bfm-waveform {display: flex; align-items: center; gap: 2.5px;height: 44px; margin-bottom: 1.1rem;} .bfm-wbar {flex: 1; max-width: 5px; background: var(--gold);border-radius: 3px; opacity: 0.7;animation: bfm-wave 1.3s ease-in-out infinite;} .bfm-wbar:nth-child(1){ animation-delay: 0.00s; height: 25%; } .bfm-wbar:nth-child(2){ animation-delay: 0.08s; height: 60%; } .bfm-wbar:nth-child(3){ animation-delay: 0.16s; height: 80%; } .bfm-wbar:nth-child(4){ animation-delay: 0.24s; height: 45%; } .bfm-wbar:nth-child(5){ animation-delay: 0.32s; height: 90%; } .bfm-wbar:nth-child(6){ animation-delay: 0.40s; height: 65%; } .bfm-wbar:nth-child(7){ animation-delay: 0.48s; height: 40%; } .bfm-wbar:nth-child(8){ animation-delay: 0.56s; height: 75%; } .bfm-wbar:nth-child(9){ animation-delay: 0.64s; height: 55%; } .bfm-wbar:nth-child(10) { animation-delay: 0.72s; height: 85%; } .bfm-wbar:nth-child(11) { animation-delay: 0.80s; height: 50%; } .bfm-wbar:nth-child(12) { animation-delay: 0.88s; height: 70%; } .bfm-wbar:nth-child(13) { animation-delay: 0.96s; height: 35%; } .bfm-wbar:nth-child(14) { animation-delay: 1.04s; height: 65%; } .bfm-wbar:nth-child(15) { animation-delay: 1.12s; height: 45%; } .bfm-wbar:nth-child(16) { animation-delay: 1.20s; height: 80%; } .bfm-wbar:nth-child(17) { animation-delay: 1.28s; height: 30%; } .bfm-wbar:nth-child(18) { animation-delay: 1.36s; height: 60%; } @keyframes bfm-wave {0%, 100% { transform: scaleY(0.2); } 50% { transform: scaleY(1); } } .bfm-np-track { display: flex; align-items: center; gap: 10px; } .bfm-np-thumb {width: 36px; height: 36px; border-radius: 7px;background: linear-gradient(135deg, var(--gold), var(--gold-dark));display: flex; align-items: center; justify-content: center;font-size: 1rem; flex-shrink: 0;} .bfm-np-info { flex: 1; min-width: 0; } .bfm-np-title {font-family: var(--font-head);font-size: 0.82rem; font-weight: 700; color: var(--text);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .bfm-np-artist { font-size: 0.72rem; color: var(--text-muted); } .bfm-np-play {width: 30px; height: 30px; border-radius: 50%;border: 1px solid var(--border-md);display: flex; align-items: center; justify-content: center;color: var(--gold); font-size: 0.65rem; flex-shrink: 0;} .bfm-hero-stats {display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;} .bfm-stat-card {background: var(--bg-3); border: 1px solid var(--border);border-radius: var(--radius); padding: 1.1rem 1.25rem; text-align: center;} .bfm-stat-num {font-family: var(--font-head);font-size: 1.65rem; font-weight: 800;color: var(--text); line-height: 1; margin-bottom: 3px;} .bfm-stat-label {font-size: 0.68rem; color: var(--text-muted);text-transform: uppercase; letter-spacing: 0.07em;} .bfm-trust-bar {background: var(--bg-2);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);padding: 1.75rem 0;} .bfm-trust-bar-inner {max-width: var(--max-width); margin: 0 auto; padding: 0 2rem;display: flex; align-items: center;justify-content: space-between; gap: 1rem;} .bfm-tbar-stat { text-align: center; flex: 1; } .bfm-tbar-num {font-family: var(--font-head);font-size: 1.65rem; font-weight: 800;color: var(--text); line-height: 1; margin-bottom: 4px;} .bfm-tbar-num sup { font-size: 0.9rem; color: var(--gold); } .bfm-tbar-label { font-size: 0.7rem; color: var(--text-muted); letter-spacing: 0.04em; } .bfm-tbar-divider { width: 1px; height: 36px; background: var(--border-md); flex-shrink: 0; } .bfm-how { padding: 5.5rem 0; background: var(--bg); } .bfm-steps {display: grid; grid-template-columns: repeat(3, 1fr);gap: 1.5rem; position: relative;} .bfm-steps::before {content: ''; position: absolute;top: 44px; left: calc(16.66% + 1rem); right: calc(16.66% + 1rem);height: 1px;background: linear-gradient(90deg, var(--border-md), var(--border), var(--border-md));z-index: 0;} .bfm-step-card {background: var(--bg-2); border: 1px solid var(--border);border-radius: var(--radius-lg); padding: 2rem;position: relative; z-index: 1;transition: border-color var(--transition), transform var(--transition);} .bfm-step-card:hover { border-color: var(--border-md); transform: translateY(-3px); } .bfm-step-num-wrap { display: flex; align-items: center; gap: 10px; margin-bottom: 1.25rem; } .bfm-step-num {width: 38px; height: 38px; border-radius: 50%;background: var(--bg-3); border: 1px solid var(--border-md);display: flex; align-items: center; justify-content: center;font-family: var(--font-head); font-size: 0.8rem;font-weight: 800; color: var(--text);} .bfm-step-icon-wrap {width: 38px; height: 38px; border-radius: 9px;background: var(--bg-4); border: 1px solid var(--border);display: flex; align-items: center; justify-content: center; font-size: 1rem;} .bfm-step-h { font-family: var(--font-head); font-size: 0.95rem; font-weight: 700; color: var(--text); margin-bottom: 0.5rem; } .bfm-step-p { font-size: 0.8rem; color: var(--text-muted); line-height: 1.6; } .bfm-services {padding: 5.5rem 0; background: var(--bg-2);border-top: 1px solid var(--border);} .bfm-services-grid {display: grid; grid-template-columns: repeat(3, 1fr);gap: 1.1rem; margin-top: 3rem;} .bfm-svc-card {background: var(--bg); border: 1px solid var(--border);border-radius: var(--radius-lg); padding: 1.75rem;position: relative; overflow: hidden;transition: border-color var(--transition), transform var(--transition);cursor: default;} .bfm-svc-card::after {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1.5px;background: transparent; transition: background var(--transition);} .bfm-svc-card:hover { border-color: rgba(255,255,255,0.12); transform: translateY(-3px); } .bfm-svc-card:hover::after { background: linear-gradient(90deg, var(--gold), transparent 70%); } .bfm-svc-card.featured {background: linear-gradient(145deg, rgba(245,188,46,0.06) 0%, var(--bg) 55%);border-color: rgba(245,188,46,0.2);} .bfm-svc-card.featured::after {background: linear-gradient(90deg, var(--gold), var(--gold-dark));} .bfm-svc-badge {display: inline-block; font-size: 0.58rem; font-weight: 700;letter-spacing: 0.1em; text-transform: uppercase;padding: 3px 9px; border-radius: 50px;background: rgba(245,188,46,0.12); color: var(--gold); margin-bottom: 1.1rem;} .bfm-svc-icon {width: 40px; height: 40px; border-radius: 9px;background: var(--bg-3); border: 1px solid var(--border);display: flex; align-items: center; justify-content: center;font-size: 1.1rem; margin-bottom: 1.1rem;} .bfm-svc-card.featured .bfm-svc-icon {background: rgba(245,188,46,0.1); border-color: rgba(245,188,46,0.2);} .bfm-svc-h { font-family: var(--font-head); font-size: 1rem; font-weight: 700; color: var(--text); margin-bottom: 0.5rem; } .bfm-svc-p { font-size: 0.78rem; color: var(--text-muted); line-height: 1.65; margin-bottom: 1.25rem; } .bfm-svc-link {display: inline-flex; align-items: center; gap: 5px;font-size: 0.72rem; font-weight: 700; color: var(--gold);text-transform: uppercase; letter-spacing: 0.08em;transition: gap var(--transition);} .bfm-svc-card:hover .bfm-svc-link { gap: 8px; } .bfm-trust-section {padding: 5.5rem 0; background: var(--bg);border-top: 1px solid var(--border);} .bfm-testimonials {display: grid; grid-template-columns: 1fr 1fr;gap: 1.25rem; margin-top: 3rem;} .bfm-testi-card {background: var(--bg-2); border: 1px solid var(--border);border-radius: var(--radius-lg); padding: 1.75rem;} .bfm-testi-quote-mark {font-family: Georgia, serif; font-size: 3rem;line-height: 1; color: var(--gold); opacity: 0.25; margin-bottom: 0.5rem;} .bfm-testi-text {font-size: 0.85rem; color: var(--text-dim);line-height: 1.7; font-style: italic; margin-bottom: 1.25rem;} .bfm-testi-author { display: flex; align-items: center; gap: 10px; } .bfm-testi-avatar {width: 36px; height: 36px; border-radius: 50%;background: var(--bg-4); border: 1px solid var(--border-md);display: flex; align-items: center; justify-content: center;font-size: 0.9rem; flex-shrink: 0;} .bfm-testi-name { font-size: 0.8rem; font-weight: 600; color: var(--text); } .bfm-testi-role { font-size: 0.7rem; color: var(--text-muted); } .bfm-radio-banner {padding: 5rem 0; background: var(--bg-2);border-top: 1px solid var(--border);} .bfm-banner-inner {background: var(--bg-3); border: 1px solid var(--border-md);border-radius: 20px; padding: 3.5rem;display: flex; align-items: center;justify-content: space-between; gap: 3rem;position: relative; overflow: hidden;} .bfm-banner-inner::before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 3px;background: linear-gradient(180deg, var(--gold) 0%, transparent 100%);} .bfm-banner-glow {position: absolute; top: -60px; right: 80px;width: 280px; height: 280px; border-radius: 50%;background: radial-gradient(circle, rgba(245,188,46,0.05) 0%, transparent 70%);pointer-events: none;} .bfm-banner-left { flex: 1; min-width: 0; position: relative; z-index: 1; } .bfm-banner-tag { margin-bottom: 1rem; } .bfm-banner-h {font-family: var(--font-head);font-size: clamp(1.2rem, 2.5vw, 1.7rem);font-weight: 800; letter-spacing: -0.025em;line-height: 1.15; color: var(--text); margin-bottom: 0.75rem;} .bfm-banner-p { font-size: 0.85rem; color: var(--text-muted); line-height: 1.65; max-width: 440px; } .bfm-banner-right { flex-shrink: 0; position: relative; z-index: 1; } .bfm-btn-banner {display: inline-flex; align-items: center; gap: 8px;background: var(--bg-4); border: 1px solid var(--border-md);color: var(--text); font-family: var(--font-body);font-size: 0.9rem; font-weight: 600;padding: 0.9rem 2rem; border-radius: 50px;white-space: nowrap; cursor: pointer;transition: border-color var(--transition), background var(--transition);} .bfm-btn-banner:hover { border-color: rgba(255,255,255,0.2); background: var(--bg-5); color: var(--text); } .bfm-footer {background: var(--bg); border-top: 1px solid var(--border); padding: 3.5rem 0 0;} .bfm-footer-inner {max-width: var(--max-width); margin: 0 auto;padding: 0 2rem 3rem;display: grid;grid-template-columns: 1.3fr 1fr 1.3fr 1fr 1fr;gap: 2rem;} .bfm-footer-logo-wrap { display: flex; align-items: center; gap: 8px; margin-bottom: 1rem; } .bfm-footer-logo-mark {width: 24px; height: 24px; background: var(--gold);border-radius: 5px; display: flex; align-items: center;justify-content: center; flex-shrink: 0;} .bfm-footer-logo-mark svg { width: 12px; height: 12px; fill: #07090D; } .bfm-footer-logo-text {font-family: var(--font-head); font-size: 1rem; font-weight: 800;color: var(--text); letter-spacing: -0.02em;} .bfm-footer-logo-text span { color: var(--gold); } .bfm-footer-desc {font-size: 0.78rem; color: var(--text-muted);line-height: 1.65; max-width: 200px;} .bfm-footer-col-title {font-size: 0.65rem; font-weight: 700;letter-spacing: 0.12em; text-transform: uppercase;color: rgba(255,255,255,0.25); margin-bottom: 1rem;} .bfm-footer-links { list-style: none; } .bfm-footer-links li { margin-bottom: 0.6rem; } .bfm-footer-links a {font-size: 0.78rem; color: var(--text-muted);transition: color var(--transition);} .bfm-footer-links a:hover { color: var(--text); } .bfm-footer-bottom {border-top: 1px solid var(--border);padding: 1.25rem 2rem;max-width: var(--max-width); margin: 0 auto;display: flex; align-items: center;justify-content: space-between; gap: 1rem;} .bfm-footer-copy { font-size: 0.72rem; color: var(--text-muted); } .bfm-footer-reg{ font-size: 0.72rem; color: var(--bg-5); } .bfm-page-content {background: var(--bg);padding: 3.5rem 0 5rem;min-height: 55vh;} .bfm-page-title {font-family: var(--font-head);font-size: clamp(1.5rem, 3vw, 2.2rem);font-weight: 800; letter-spacing: -0.025em;color: var(--text); margin-bottom: 0.5rem;line-height: 1.15;} .bfm-breadcrumb {padding: 1rem 0;border-bottom: 1px solid var(--border);margin-bottom: 2.5rem;} .bfm-breadcrumb-inner {max-width: var(--max-width); margin: 0 auto; padding: 0 2rem;font-size: 0.75rem; color: var(--text-muted);} .bfm-breadcrumb-inner a { color: var(--text-muted); transition: color var(--transition); } .bfm-breadcrumb-inner a:hover { color: var(--gold); } .bfm-breadcrumb-inner span { margin: 0 6px; opacity: 0.4; } .bfm-page-content h1,.bfm-page-content h2,.bfm-page-content h3,.bfm-page-content h4 {font-family: var(--font-head); color: var(--text);letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 0.75rem;} .bfm-page-content h1 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; } .bfm-page-content h2 { font-size: 1.4rem; font-weight: 700; } .bfm-page-content h3 { font-size: 1.1rem; font-weight: 700; } .bfm-page-content p {font-size: 0.9rem; color: var(--text-muted);line-height: 1.75; margin-bottom: 1.25rem;} .bfm-page-content a { color: var(--gold); transition: opacity var(--transition); } .bfm-page-content a:hover { opacity: 0.8; } .bfm-page-content ul,.bfm-page-content ol {padding-left: 1.5rem; margin-bottom: 1.25rem;} .bfm-page-content li {font-size: 0.9rem; color: var(--text-muted);line-height: 1.7; margin-bottom: 0.4rem;list-style: disc;} .bfm-page-content ol li { list-style: decimal; } .bfm-page-content strong { color: var(--text); font-weight: 600; } .bfm-page-content hr {border: none; border-top: 1px solid var(--border); margin: 2rem 0;} .bfm-page-content img {border-radius: var(--radius); max-width: 100%;} .bfm-page-content table {width: 100%; border-collapse: collapse; margin-bottom: 1.5rem;font-size: 0.85rem;} .bfm-page-content th {background: var(--bg-3); color: var(--text);padding: 0.75rem 1rem; text-align: left; font-weight: 600;border-bottom: 1px solid var(--border-md);} .bfm-page-content td {padding: 0.75rem 1rem; color: var(--text-muted);border-bottom: 1px solid var(--border);} .bfm-page-content tr:last-child td { border-bottom: none; } .bfm-body #content,.bfm-body .content,.bfm-body #main,.bfm-body .main-content,.bfm-body .e107-content,.bfm-body .page-content-wrap {margin: 0 !important;padding: 0 !important;background: transparent !important;border: none !important;box-shadow: none !important;float: none !important;width: 100% !important;max-width: none !important;} .bfm-body table.content,.bfm-body #wrapper,.bfm-body #outer-wrapper {width: 100% !important;border: none !important;background: transparent !important;} .bfm-body #e107-admin-bar { z-index: 9999; } @media (max-width: 1024px) {.bfm-hero-inner { grid-template-columns: 1fr; gap: 3rem; } .bfm-hero-right { display: none; } .bfm-services-grid { grid-template-columns: repeat(2, 1fr); } .bfm-footer-inner { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 768px) {.bfm-nav-links { display: none; } .bfm-nav-hamburger { display: flex; } .bfm-nav-cta { font-size: 0.75rem; padding: 0.5rem 1rem; } .bfm-steps { grid-template-columns: 1fr; } .bfm-steps::before { display: none; } .bfm-testimonials { grid-template-columns: 1fr; } .bfm-banner-inner { flex-direction: column; padding: 2rem; gap: 2rem; } .bfm-banner-right { width: 100%; } .bfm-btn-banner { width: 100%; justify-content: center; } .bfm-trust-bar-inner { flex-wrap: wrap; gap: 1.5rem; } .bfm-tbar-stat { flex: 1 1 40%; } .bfm-tbar-divider { display: none; } .bfm-footer-inner { grid-template-columns: 1fr 1fr; } } @media (max-width: 600px) {.bfm-how, .bfm-services, .bfm-trust-section, .bfm-radio-banner { padding: 4rem 0; } .bfm-services-grid { grid-template-columns: 1fr; } .bfm-hero-ctas { flex-direction: column; align-items: flex-start; } .bfm-btn-primary, .bfm-btn-outline { width: 100%; justify-content: center; } } @media (max-width: 480px) {.bfm-container,.bfm-nav-inner,.bfm-trust-bar-inner,.bfm-footer-inner,.bfm-footer-bottom { padding-left: 1.25rem; padding-right: 1.25rem; } .bfm-hero { padding: 3.5rem 0 3rem; } .bfm-hero-inner { padding: 0 1.25rem; } .bfm-hero-trust-chips { gap: 0.75rem; } .bfm-footer-inner { grid-template-columns: 1fr; } .bfm-banner-inner { padding: 1.75rem; } } @media (max-width: 360px) {.bfm-hero-h1 { font-size: 1.8rem; } .bfm-nav-cta { display: none; } }