#jcls-search, #jcls-search .jcls-search-bar, .homepage-hero, .hero-overlay, .hero-content, #sp-top1, #sp-top1 .sp-module, #sp-top1 .moduletable, body .mod_jclassifiedssearch, body .mod-jclassifiedssearch { display: none !important; visibility: hidden !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; position: static !important; pointer-events: none !important; } #sp-slider-banner .showplus, #sp-slider-banner .slideshow, #sp-slider-banner .mod_showplus, #sp-slider-banner [class*="showplus"] { display: none !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } #sp-logo, #sp-logo .logo, .sp-megamenu-wrapper, .sp-megamenu-parent, #offcanvas-toggler, .offcanvas-toggler-right { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .logo-image, .logo-image-phone { height: 40px !important; max-height: 40px !important; width: auto !important; max-width: 48px !important; object-fit: contain !important; } #sp-menu, #sp-menu > .container, #sp-menu .container-inner, #sp-menu .row, #sp-menu [class*="col-"], #sp-menu .sp-column, #sp-menu .sp-module, #sp-menu .sp-module-content, #sp-slider-banner, #sp-slider-banner > .container, #sp-slider-banner .row, #sp-slider-banner [class*="col-"] { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; } #sp-menu .row { display: block !important; } .jd-site-header { width: 100% !important; position: relative !important; z-index: 1200 !important; } .jd-header-top { width: 100% !important; background: #228B22 !important; color: #ffffff !important; } .jd-header-top-inner { width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 18px 20px !important; min-height: 88px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 16px !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; box-sizing: border-box !important; } .jd-logo { -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; background: transparent !important; border-radius: 8px !important; padding: 4px 6px !important; overflow: hidden !important; line-height: 0 !important; } .jd-logo img { display: block !important; width: auto !important; max-width: 150px !important; height: 48px !important; max-height: 48px !important; object-fit: contain !important; object-position: center !important; aspect-ratio: auto !important; border: 0 !important; } .jd-header-search { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; gap: 8px !important; min-width: 0 !important; } .jd-header-search .jd-field, .jd-header-search .jd-search-btn { min-height: 54px !important; height: 54px !important; border: 0 !important; border-radius: 8px !important; font-size: 15px !important; margin: 0 !important; box-sizing: border-box !important; } .jd-header-search .jd-keyword { -webkit-box-flex: 1 !important; -ms-flex: 1 1 220px !important; flex: 1 1 220px !important; min-width: 140px !important; padding: 0 14px !important; background: #fff !important; color: #222 !important; width: auto !important; } .jd-header-search .jd-category-wrap { position: relative !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 150px !important; flex: 0 0 150px !important; min-width: 130px !important; z-index: 30 !important; } .jd-category-btn { width: 100% !important; min-height: 54px !important; height: 54px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 6px !important; padding: 0 10px !important; border: 0 !important; border-radius: 8px !important; background: #fff !important; color: #222 !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important; box-sizing: border-box !important; } .jd-category-btn-ico { font-size: 14px !important; color: #5f6b1f !important; line-height: 1 !important; } .jd-category-btn-label { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; text-align: left !important; } .jd-category-arrow { font-size: 10px !important; color: #666 !important; pointer-events: none !important; } .jd-category-panel { position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; min-width: 520px !important; max-width: min(720px, 92vw) !important; background: #fff !important; border: 1px solid #e5e5e5 !important; border-radius: 10px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16) !important; z-index: 4000 !important; overflow: hidden !important; } .jd-category-panel[hidden] { display: none !important; } .jd-category-panel-inner { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; min-height: 220px !important; max-height: 360px !important; } .jd-category-parents { list-style: none !important; margin: 0 !important; padding: 8px 0 !important; width: 200px !important; min-width: 180px !important; border-right: 1px solid #eee !important; overflow-y: auto !important; background: #fafafa !important; } .jd-category-parent { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; gap: 8px !important; padding: 10px 14px !important; font-size: 14px !important; color: #222 !important; cursor: pointer !important; } .jd-category-parent:hover, .jd-category-parent.is-hover, .jd-category-parent.is-active { background: #f7fadb !important; color: #3d4518 !important; } .jd-category-parent-arrow { color: #999 !important; font-size: 14px !important; } .jd-category-children { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; overflow-y: auto !important; padding: 8px !important; background: #fff !important; } .jd-category-child-pane { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 2px !important; } .jd-category-child-pane[hidden] { display: none !important; } .jd-category-pick { width: 100% !important; text-align: left !important; border: 0 !important; background: transparent !important; color: #222 !important; font-size: 14px !important; padding: 8px 12px !important; border-radius: 6px !important; cursor: pointer !important; } .jd-category-pick:hover, .jd-category-pick:focus { background: #f7fadb !important; color: #3d4518 !important; } .jd-category-pick--all { font-weight: 700 !important; border-bottom: 1px solid #eee !important; margin-bottom: 4px !important; border-radius: 0 !important; } @media (max-width: 900px) { .jd-header-search .jd-category-wrap { -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; min-width: 46px !important; } .jd-category-panel { min-width: 0 !important; width: min(520px, 92vw) !important; left: 0 !important; } .jd-category-panel-inner { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; max-height: 70vh !important; } .jd-category-parents { width: 100% !important; max-height: 180px !important; border-right: 0 !important; border-bottom: 1px solid #eee !important; } } .jd-header-search .jd-region { -webkit-box-flex: 0 !important; -ms-flex: 0 1 160px !important; flex: 0 1 160px !important; padding: 0 10px !important; background: #fff !important; color: #222 !important; width: auto !important; } .jd-header-search .jd-radius-wrap { -webkit-box-flex: 0 !important; -ms-flex: 0 0 108px !important; flex: 0 0 108px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .jd-header-search .jd-radius { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; padding: 0 28px 0 12px !important; background: #fff !important; color: #222 !important; width: 100% !important; } .jd-header-search .jd-search-btn { -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; padding: 0 18px !important; background: #78C222 !important; color: #ffffff !important; font-weight: 700 !important; cursor: pointer !important; white-space: nowrap !important; } .jd-actions { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 14px !important; margin-left: auto !important; flex-shrink: 0 !important; } .jd-action { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; color: #ffffff !important; text-decoration: none !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; min-width: 0 !important; min-height: 0 !important; white-space: nowrap !important; } .jd-action:hover, .jd-action:focus { color: #ffffff !important; text-decoration: none !important; opacity: 0.9 !important; } .jd-action-signup { padding: 8px 18px !important; background: rgba(255, 255, 255, 0.18) !important; border-radius: 999px !important; font-weight: 600 !important; } .jd-action-signup:hover, .jd-action-signup:focus { background: rgba(255, 255, 255, 0.28) !important; opacity: 1 !important; } .jd-action-login { font-weight: 500 !important; padding: 0 !important; background: transparent !important; } .jd-action-post { font-weight: 700 !important; gap: 4px !important; padding: 0 !important; background: transparent !important; } .jd-action-ico { font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; margin: 0 !important; } .jd-header-nav { width: 100% !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; background: #fff !important; border-bottom: 1px solid #e5e5e5 !important; overflow: hidden !important; } .jd-header-nav a { -webkit-box-flex: 1 !important; -ms-flex: 1 1 0px !important; flex: 1 1 0 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 0 8px !important; color: #222 !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1.15 !important; text-decoration: none !important; border-right: 1px solid #e5e5e5 !important; box-sizing: border-box !important; text-align: center !important; white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; } .jd-header-nav a:last-child { border-right: 0 !important; } .jd-header-nav a:hover { background: #ffffff !important; color: #5f6b1f !important; } .jd-ad-banner { width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; background: #ffffff !important; border-bottom: 1px solid #e5e5e5 !important; overflow: visible !important; } .jd-ad-banner-inner { max-width: 1240px !important; margin: 0 auto !important; padding: 8px 16px !important; box-sizing: border-box !important; height: auto !important; } .jd-ad-slot { width: 100% !important; min-height: 0 !important; height: auto !important; display: block !important; background: transparent !important; border-radius: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: visible !important; } .jd-ad-label, .jd-ad-code, .jd-ad-code--auto, .jd-ad-banner ins.adsbygoogle, ins.adsbygoogle { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .jd-ad-placeholder { font-size: 16px !important; font-weight: 700 !important; } .jd-ad-display { position: relative !important; width: 100% !important; min-height: 0 !important; height: auto !important; overflow: visible !important; } .jd-ad-fallback { position: static !important; inset: auto !important; z-index: 1 !important; pointer-events: auto !important; } .jd-ad-fallback-img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; object-position: center !important; } .jd-intro { width: 100% !important; background: #fff !important; border-bottom: 1px solid #ececec !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important; overflow: hidden !important; } .jd-intro-inner { max-width: 1240px !important; margin: 0 auto !important; padding: 48px 20px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 32px !important; box-sizing: border-box !important; } .jd-intro-copy { -webkit-box-flex: 0 !important; -ms-flex: 0 1 42% !important; flex: 0 1 42% !important; max-width: 480px !important; } .jd-intro-title { margin: 0 0 10px !important; font-size: 42px !important; line-height: 1.15 !important; font-weight: 800 !important; color: #2d2933 !important; } .jd-intro-sub { margin: 0 0 22px !important; font-size: 22px !important; color: #707070 !important; } .jd-intro-points { list-style: none !important; margin: 0 0 14px !important; padding: 0 !important; } .jd-intro-points li { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 10px !important; margin: 0 0 12px !important; padding: 0 !important; font-size: 13px !important; line-height: 1.35 !important; letter-spacing: 0.04em !important; font-weight: 600 !important; color: #9e9e9e !important; text-transform: uppercase !important; } .jd-intro-points li:before { content: "\2713" !important; position: static !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 18px !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; line-height: 18px !important; text-align: center !important; background: #9aaa3a !important; color: #ffffff !important; border-radius: 50% !important; font-size: 11px !important; transform: none !important; top: auto !important; left: auto !important; } .jd-intro-btn { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; min-height:0!important; padding:16px 28px!important; background:#78C222!important; color: #ffffff !important; font-size: 18px !important; font-weight: 800 !important; text-decoration: none !important; border-radius: 8px !important; } .jd-intro-btn:hover { background:#6bb01c!important; color: #fff !important; text-decoration: none !important; } .jd-intro-squares { display: none !important; } .jd-intro-collage, .jd-intro-collage--desktop { -webkit-box-flex: 1 !important; -ms-flex: 1 1 58% !important; flex: 1 1 58% !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-align: start !important; align-items: flex-start !important; gap: 8px !important; column-gap: 8px !important; height: 360px !important; max-height: 360px !important; overflow: hidden !important; min-width: 0 !important; } .jd-intro-col { -webkit-box-flex: 1 !important; -ms-flex: 1 1 0px !important; flex: 1 1 0 !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 0 !important; min-width: 0 !important; } .jd-intro-col--1 { margin-top: 28px !important; } .jd-intro-col--2 { margin-top: 0 !important; } .jd-intro-col--3 { margin-top: 48px !important; } .jd-intro-col--4 { margin-top: 12px !important; } .jd-intro-collage img { width: 100% !important; display: block !important; object-fit: cover !important; border-radius: 12px !important; -webkit-border-radius: 12px !important; background: #e8ecef !important; margin: 0 0 12px 0 !important; padding: 0 !important; border: 0 !important; } .jd-intro-col > img:last-child, .jd-intro-collage .jd-intro-col img:last-child { margin-bottom: 0 !important; } .jd-intro-col--1 img { height: 300px !important; } .jd-intro-col--2 img { height: 165px !important; } .jd-intro-col--3 img { height: 120px !important; } .jd-intro-col--4 img { height: 100px !important; } @media (max-width: 991px) { .jd-header-search { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; -webkit-box-flex: 1 !important; -ms-flex: 1 1 100% !important; flex: 1 1 100% !important; width: 100% !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; gap: 0 !important; } .jd-header-top-inner { padding: 10px 12px !important; min-height: 0 !important; gap: 8px !important; } .jd-logo { padding: 4px 6px !important; } .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 40px !important; max-height: 40px !important; max-width: 44px !important; width: auto !important; aspect-ratio: 1 / 1 !important; } .jd-header-search .jd-keyword { display: none !important; } .jd-header-search .jd-radius-wrap { -webkit-box-flex: 0 !important; -ms-flex: 0 0 88px !important; flex: 0 0 88px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .jd-header-search .jd-radius { display: block !important; font-size: 12px !important; } .jd-header-search .jd-category-btn, .jd-header-search .jd-search-btn, .jd-header-search .jd-location { min-height: 44px !important; height: 44px !important; font-size: 12px !important; } .jd-header-search .jd-location-wrap { -webkit-box-flex: 1 !important; -ms-flex: 1 1 0 !important; flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; } .jd-header-search .jd-location { padding: 0 24px 0 10px !important; } .jd-header-search .jd-search-btn { -webkit-box-flex: 0 !important; -ms-flex: 0 0 44px !important; flex: 0 0 44px !important; min-width: 44px !important; width: 44px !important; padding: 0 !important; font-size: 12px !important; z-index: 5 !important; } .jd-actions { gap: 8px !important; } .jd-action { min-width: 48px !important; font-size: 11px !important; } .jd-intro-inner { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; padding: 36px 16px !important; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .jd-intro-copy { max-width: none !important; } .jd-intro-title { font-size: 34px !important; } .jd-intro-collage, .jd-intro-collage--desktop, .jd-intro-squares { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .jd-intro-inner { gap: 0 !important; } } @media (max-width: 575px) { .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 40px !important; max-height: 40px !important; max-width: 120px !important; aspect-ratio: auto !important; } .jd-header-search { gap: 0 !important; } .jd-header-search .jd-category-btn, .jd-header-search .jd-search-btn, .jd-header-search .jd-location { min-height: 44px !important; height: 44px !important; font-size: 12px !important; } .jd-header-search .jd-search-btn { flex: 0 0 44px !important; min-width: 44px !important; width: 44px !important; padding: 0 !important; font-size: 12px !important; } } .jd-discover { width: 100% !important; background: #ffffff !important; box-sizing: border-box !important; padding: 40px 0 48px !important; } .jd-discover-inner { max-width: 1240px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; } .jd-discover-title { margin: 0 0 24px !important; font-size: 28px !important; line-height: 1.2 !important; font-weight: 800 !important; color: #2d2933 !important; font-family: Montserrat, "Open Sans", sans-serif !important; } .jd-discover-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; } .jd-discover-card { display: flex !important; flex-direction: column !important; background: #fff !important; border-radius: 12px !important; overflow: hidden !important; text-decoration: none !important; color: #2d2933 !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important; transition: transform 0.18s ease, opacity 0.18s ease !important; } .jd-discover-card:hover, .jd-discover-card:focus { text-decoration: none !important; color: #5f6b1f !important; transform: translateY(-3px) !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1) !important; } .jd-discover-media { display: block !important; width: 100% !important; aspect-ratio: 16 / 11 !important; background: #dfe8e1 !important; overflow: hidden !important; } .jd-discover-media img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.25s ease !important; } .jd-discover-card:hover .jd-discover-media img, .jd-discover-card:focus .jd-discover-media img { transform: scale(1.04) !important; } .jd-discover-label { display: block !important; padding: 14px 16px !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 600 !important; font-family: Montserrat, "Open Sans", sans-serif !important; background: #fff !important; border-top: 1px solid #eeeeee !important; } @media (max-width: 991px) { .jd-discover { padding: 28px 0 36px !important; } .jd-discover-title { font-size: 24px !important; margin-bottom: 18px !important; } .jd-discover-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } } @media (max-width: 575px) { .jd-discover-inner { padding: 0 12px !important; } .jd-discover-title { font-size: 22px !important; } .jd-discover-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; } .jd-discover-label { padding: 10px 12px !important; font-size: 14px !important; } } .jd-love { width: 100% !important; background: #fff !important; box-sizing: border-box !important; padding: 28px 0 36px !important; } .jd-love-wrap { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 14px !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; } .jd-love-card--title { flex: 0 0 240px !important; width: 240px !important; height: 168px !important; min-height: 168px !important; max-height: 168px !important; border-radius: 20px !important; background: #f2f2f2 !important; padding: 28px 24px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; box-sizing: border-box !important; color: #2b2430 !important; align-self: stretch !important; } .jd-love-heading { margin: 0 0 10px !important; font-size: 28px !important; line-height: 1.2 !important; font-weight: 800 !important; color: #2b2430 !important; font-family: Montserrat, "Open Sans", sans-serif !important; } .jd-love-sub { margin: 0 !important; font-size: 15px !important; line-height: 1.35 !important; color: #5c5663 !important; font-weight: 400 !important; } .jd-love-slider { position: relative !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; height: 168px !important; } .jd-love-track { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 14px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; -webkit-overflow-scrolling: touch !important; padding: 0 8px 0 0 !important; scrollbar-width: none !important; height: 168px !important; width: 100% !important; } .jd-love-track::-webkit-scrollbar { display: none !important; } .jd-love-track .jd-love-card { flex: 0 0 auto !important; width: 280px !important; height: 168px !important; min-height: 168px !important; max-height: 168px !important; border-radius: 20px !important; box-sizing: border-box !important; scroll-snap-align: start !important; text-decoration: none !important; color: #2b2430 !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 18px 14px 18px 20px !important; transition: transform 0.18s ease, opacity 0.18s ease !important; } .jd-love-track .jd-love-card:hover, .jd-love-track .jd-love-card:focus { text-decoration: none !important; color: #2b2430 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important; } .jd-love-text { flex: 1 1 auto !important; min-width: 0 !important; font-size: 20px !important; line-height: 1.25 !important; font-weight: 700 !important; font-family: Montserrat, "Open Sans", sans-serif !important; } .jd-love-img { flex: 0 0 118px !important; width: 118px !important; height: 118px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .jd-love-img img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 10px !important; } .jd-love-card--pink { background: #fdeced !important; } .jd-love-card--yellow { background: #fff6c9 !important; } .jd-love-card--green { background: #e8f6e4 !important; } .jd-love-card--blue { background: #e8f1fb !important; } .jd-love-card--peach { background: #ffe8d9 !important; } .jd-love-card--lilac { background: #efe8fb !important; } .jd-love-nav { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; border: 0 !important; background: #fff !important; color: #222 !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; z-index: 3 !important; padding: 0 !important; } .jd-love-prev { left: 6px !important; } .jd-love-next { right: 6px !important; } .jd-love-nav:hover, .jd-love-nav:focus { background: #f7f7f7 !important; outline: none !important; } .jd-love-nav.is-hidden { display: none !important; } @media (max-width: 991px) { .jd-love { padding: 20px 0 28px !important; } .jd-love-wrap { padding: 0 12px !important; gap: 10px !important; } .jd-love-card--title { flex-basis: 200px !important; width: 200px !important; height: 150px !important; min-height: 150px !important; max-height: 150px !important; padding: 22px 18px !important; } .jd-love-slider, .jd-love-track { height: 150px !important; } .jd-love-track .jd-love-card { width: 240px !important; height: 150px !important; min-height: 150px !important; max-height: 150px !important; } .jd-love-heading { font-size: 22px !important; } .jd-love-text { font-size: 17px !important; } .jd-love-img { flex-basis: 96px !important; width: 96px !important; height: 96px !important; } } @media (max-width: 575px) { .jd-love-wrap { flex-direction: column !important; } .jd-love-card--title { flex: 0 0 auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; } .jd-love-slider, .jd-love-track { height: 150px !important; } .jd-love-track .jd-love-card { width: 220px !important; height: 150px !important; min-height: 150px !important; max-height: 150px !important; } .jd-love-nav { width: 40px !important; height: 40px !important; } .jd-love-prev { left: 4px !important; } .jd-love-next { right: 4px !important; } } .jd-blog { width: 100% !important; background: #f5f5f5 !important; box-sizing: border-box !important; padding: 40px 0 48px !important; } .jd-blog-inner { max-width: 1240px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; } .jd-blog-head { display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 22px !important; } .jd-blog-title { margin: 0 !important; font-size: 28px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #2d2933 !important; font-family: Montserrat, "Open Sans", sans-serif !important; } .jd-blog-all { color: #7e8c2e !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; white-space: nowrap !important; } .jd-blog-all:hover, .jd-blog-all:focus { color: #616161 !important; text-decoration: none !important; } .jd-blog-row { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 16px !important; } .jd-blog-featured { flex: 0 0 48% !important; max-width: 560px !important; display: flex !important; flex-direction: row !important; background: #fff !important; border-radius: 16px !important; overflow: hidden !important; text-decoration: none !important; color: #2d2933 !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important; min-height: 260px !important; } .jd-blog-featured:hover, .jd-blog-featured:focus { text-decoration: none !important; color: #2d2933 !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1) !important; } .jd-blog-featured-media { flex: 0 0 48% !important; min-width: 0 !important; background: #e0e0e0 !important; } .jd-blog-featured-media img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } .jd-blog-featured-body { flex: 1 1 auto !important; padding: 22px 20px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 10px !important; min-width: 0 !important; } .jd-blog-cat { display: inline-block !important; font-size: 13px !important; font-weight: 600 !important; color: #7e8c2e !important; line-height: 1.2 !important; } .jd-blog-headline { display: block !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 700 !important; color: #2d2933 !important; font-family: Montserrat, "Open Sans", sans-serif !important; } .jd-blog-excerpt { display: block !important; font-size: 14px !important; line-height: 1.45 !important; color: #6b6570 !important; } .jd-blog-featured .jd-blog-headline { font-size: 22px !important; } .jd-blog-slider { position: relative !important; flex: 1 1 auto !important; min-width: 0 !important; } .jd-blog-track { display: flex !important; flex-direction: row !important; gap: 14px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; -webkit-overflow-scrolling: touch !important; padding: 2px 8px 8px 0 !important; height: 100% !important; scrollbar-width: none !important; } .jd-blog-track::-webkit-scrollbar { display: none !important; } .jd-blog-card { flex: 0 0 240px !important; width: 240px !important; display: flex !important; flex-direction: column !important; background: #fff !important; border-radius: 16px !important; overflow: hidden !important; text-decoration: none !important; color: #2d2933 !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important; scroll-snap-align: start !important; min-height: 260px !important; } .jd-blog-card:hover, .jd-blog-card:focus { text-decoration: none !important; color: #2d2933 !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1) !important; } .jd-blog-card-media { display: block !important; width: 100% !important; height: 150px !important; background: #e0e0e0 !important; overflow: hidden !important; } .jd-blog-card-media img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } .jd-blog-card-body { padding: 14px 16px 18px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } .jd-blog-card .jd-blog-headline { font-size: 16px !important; } .jd-blog-nav { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; border: 0 !important; background: #fff !important; color: #222 !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; z-index: 3 !important; padding: 0 !important; } .jd-blog-prev { left: 6px !important; } .jd-blog-next { right: 6px !important; } .jd-blog-nav:hover, .jd-blog-nav:focus { background: #f7f7f7 !important; outline: none !important; } .jd-blog-nav.is-hidden { display: none !important; } @media (max-width: 991px) { .jd-blog { padding: 32px 0 40px !important; } .jd-blog-row { flex-direction: column !important; } .jd-blog-featured { flex: 1 1 auto !important; max-width: none !important; width: 100% !important; } .jd-blog-title { font-size: 24px !important; } .jd-blog-featured .jd-blog-headline { font-size: 20px !important; } } @media (max-width: 640px) { .jd-blog-featured { flex-direction: column !important; } .jd-blog-featured-media { flex: 0 0 auto !important; height: 180px !important; } .jd-blog-card { flex-basis: 220px !important; width: 220px !important; } .jd-blog-nav { width: 40px !important; height: 40px !important; } } body.home.view-categories #sp-component .categories-container-2, body.home.view-categories #sp-component .categories-style-2, body.view-categories.itemid-101 #sp-component .categories-container-2, body.view-categories.itemid-101 #sp-component .categories-style-2, body.view-categories.itemid-1 #sp-component .categories-container-2, body.view-categories.itemid-1 #sp-component .categories-style-2 { display: none !important; } body.home.view-categories #sp-component .sp-column:empty, body.home.view-categories main#sp-component, body.view-categories.itemid-101 #sp-component .sp-column:empty, body.view-categories.itemid-101 main#sp-component, body.view-categories.itemid-1 #sp-component .sp-column:empty, body.view-categories.itemid-1 main#sp-component { min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0 !important; } .jd-help { width: 100% !important; background: #fff !important; box-sizing: border-box !important; padding: 28px 0 48px !important; } .jd-help-inner { max-width: 1240px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; } .jd-help-cards { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 18px !important; margin: 0 0 18px !important; } .jd-help-card { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; background: #f5f5f5 !important; border-radius: 18px !important; padding: 28px 24px !important; box-sizing: border-box !important; min-height: 220px !important; } .jd-help-card-copy { flex: 1 1 auto !important; min-width: 0 !important; max-width: 360px !important; } .jd-help-card-title { margin: 0 0 12px !important; font-size: 28px !important; line-height: 1.2 !important; font-weight: 800 !important; color: #2d2933 !important; font-family: Montserrat, "Open Sans", sans-serif !important; } .jd-help-card-text { margin: 0 0 20px !important; font-size: 15px !important; line-height: 1.45 !important; color: #4f4a55 !important; } .jd-help-card-art { flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; } .jd-help-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 10px 22px !important; background: #78C222 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; text-decoration: none !important; border-radius: 8px !important; border: 0 !important; line-height: 1 !important; } .jd-help-btn:hover, .jd-help-btn:focus { background: #7e8c2e !important; color: #fff !important; text-decoration: none !important; } .jd-help-btn--on-dark { flex: 0 0 auto !important; white-space: nowrap !important; } .jd-safety { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 20px !important; background: #212121 !important; border-radius: 18px !important; padding: 22px 28px !important; box-sizing: border-box !important; } .jd-safety-art { flex: 0 0 auto !important; } .jd-safety-copy { flex: 1 1 auto !important; min-width: 0 !important; } .jd-safety-title { margin: 0 0 8px !important; font-size: 26px !important; line-height: 1.2 !important; font-weight: 800 !important; color: #fff !important; font-family: Montserrat, "Open Sans", sans-serif !important; } .jd-safety-text { margin: 0 !important; font-size: 15px !important; line-height: 1.45 !important; color: #d7d7d7 !important; } .jd-safety-text a { color: #d4f0b0 !important; text-decoration: underline !important; font-weight: 600 !important; } .jd-safety-text a:hover, .jd-safety-text a:focus { color: #d4f0b0 !important; } @media (max-width: 991px) { .jd-help-cards { grid-template-columns: 1fr !important; } .jd-help-card-title { font-size: 24px !important; } .jd-safety { flex-wrap: wrap !important; } .jd-safety-title { font-size: 22px !important; } } @media (max-width: 640px) { .jd-help-card { flex-direction: column !important; align-items: flex-start !important; padding: 22px 18px !important; } .jd-help-card-art { align-self: flex-end !important; } .jd-safety { flex-direction: column !important; align-items: flex-start !important; padding: 20px 18px !important; } .jd-help-btn--on-dark { width: 100% !important; } } .jd-header-top { background: #228B22 !important; color: #ffffff !important; } .jd-action { color: #ffffff !important; } .jd-action:hover { color: #72ef36 !important; } .jd-ad-slot { color: #3d4518 !important; } .jd-ad-banner { background: #ffffff !important; } .jd-header-nav a:hover { background: #eef8e8 !important; color: #228B22 !important; } .jd-header-search .jd-search-btn { background:#78C222!important;color:#fff!important; } .jd-header-search .jd-search-btn:hover { background:#6bb01c!important;color:#fff!important; } body.site .body-wrapper, body.site .body-innerwrapper { background: #ffffff !important; } .jd-header-top { background: #228B22 !important; color: #ffffff !important; } .jd-ad-slot { background: #ffffff !important; color: #3d4518 !important; } .jd-ad-banner { background: #ffffff !important; } .jd-action { color: #ffffff !important; } .jd-action:hover { color: #72ef36 !important; } .jd-header-nav { background: #fff !important; border-bottom: 1px solid #e5e5e5 !important; } .jd-header-nav a { color: #222 !important; border-right-color: #e5e5e5 !important; } .jd-header-nav a:hover, .jd-header-nav a:focus { background: #eef8e8 !important; color: #228B22 !important; } .jd-header-search .jd-search-btn { background:#78C222!important;color:#fff!important; } .jd-header-search .jd-search-btn:hover { background:#6bb01c!important;color:#fff!important; } .jd-intro-btn { background:#78C222!important; color: #fff !important; } .jd-intro-btn:hover { background:#6bb01c!important; color: #fff !important; } body.site .body-wrapper, body.site .body-innerwrapper { background: #ffffff !important; } .jd-header-search .jd-location-wrap { position: relative !important; -webkit-box-flex: 0 !important; -ms-flex: 0 1 180px !important; flex: 0 1 180px !important; min-width: 140px !important; } .jd-location-input-wrap { position: relative !important; height: 100% !important; } .jd-header-search .jd-location { width: 100% !important; min-height: 48px !important; height: 48px !important; padding: 0 12px 0 0 !important; background: transparent !important; color: #222 !important; border: 0 !important; border-radius: 0 !important; box-sizing: border-box !important; font-size: 15px !important; box-shadow: none !important; } .jd-location-arrow { position: absolute !important; right: 10px !important; top: 50% !important; transform: translateY(-50%) !important; color: #666 !important; pointer-events: none !important; font-size: 12px !important; } .jd-location-results { position: absolute !important; top: calc(100% + 4px) !important; left: 0 !important; right: 0 !important; min-width: 260px !important; max-height: 320px !important; overflow-y: auto !important; background: #fff !important; border: 1px solid #e5e5e5 !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important; z-index: 2000 !important; color: #222 !important; } .jd-location-results[hidden] { display: none !important; } .jd-location-results .jd-all-ireland, .jd-location-results .all-ireland, .jd-location-results .jd-county-item, .jd-location-results .county-item, .jd-location-results .county-select, .jd-location-results .jd-county-select, .jd-location-results .back-to-counties, .jd-location-results .jd-back-to-counties, .jd-location-results .town-item, .jd-location-results .town-search-item { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 12px !important; cursor: pointer !important; font-size: 14px !important; border-bottom: 1px solid #f0f0f0 !important; } .jd-location-results .jd-all-ireland:hover, .jd-location-results .all-ireland:hover, .jd-location-results .county-item:hover, .jd-location-results .county-select:hover, .jd-location-results .town-item:hover, .jd-location-results .town-search-item:hover, .jd-location-results .back-to-counties:hover { background: #ffffff !important; color: #5f6b1f !important; } .jd-location-results .featured-county { font-weight: 700 !important; } .jd-header-search { position: relative !important; z-index: 1 !important; } .jd-actions { position: relative !important; z-index: 20 !important; pointer-events: auto !important; flex-shrink: 0 !important; } .jd-action, .jd-action-login { position: relative !important; z-index: 21 !important; pointer-events: auto !important; cursor: pointer !important; color: #ffffff !important; } .jd-action .jd-action-ico, .jd-action-login .jd-action-ico { color: #ffffff !important; } .jd-action:hover, .jd-action:focus, .jd-action-login:hover, .jd-action-login:focus { color: #72ef36 !important; } .jd-action:hover .jd-action-ico, .jd-action:focus .jd-action-ico, .jd-action-login:hover .jd-action-ico, .jd-action-login:focus .jd-action-ico { color: #72ef36 !important; } body.home.view-categories #sp-main-body-component, body.home.view-categories #sp-component .categories-container-2, body.home.view-categories #sp-component .categories-style-2, body.home.view-categories #sp-component .category-content-2, body.view-categories.itemid-101 #sp-main-body-component, body.view-categories.itemid-101 #sp-component .categories-container-2, body.view-categories.itemid-101 #sp-component .categories-style-2, body.view-categories.itemid-101 #sp-component .category-content-2, body.com_jclassifiedsmanager.view-categories.itemid-101 .categories-container-2, body.view-categories.itemid-1 #sp-main-body-component, body.view-categories.itemid-1 #sp-component .categories-container-2, body.view-categories.itemid-1 #sp-component .categories-style-2, body.view-categories.itemid-1 #sp-component .category-content-2, body.com_jclassifiedsmanager.view-categories.itemid-1 .categories-container-2, body:has(.jd-discover) #sp-main-body-component .categories-container-2, body:has(.jd-discover) #sp-main-body-component .categories-style-2, body:has(.jd-discover) #sp-main-body-component .category-content-2, body:has(.jd-site-header).view-categories #sp-component > .sp-column > .categories-container-2 { display: none !important; visibility: hidden !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } body .body-innerwrapper #sp-top2, body .body-innerwrapper #sp-top2 > .container, body .body-innerwrapper #sp-top2 .container-inner, body .body-innerwrapper #sp-top2 .row, body .body-innerwrapper #sp-top2 [class*="col-"], body .body-innerwrapper #sp-top2 .sp-column, body .body-innerwrapper #sp-top3, body .body-innerwrapper #sp-top3 > .container, body .body-innerwrapper #sp-top3 .container-inner, body .body-innerwrapper #sp-top3 .row, body .body-innerwrapper #sp-top3 [class*="col-"], body .body-innerwrapper #sp-top3 .sp-column, body .body-innerwrapper #sp-section-6, body .body-innerwrapper #sp-section-6 > .container, body .body-innerwrapper #sp-section-6 .container-inner, body .body-innerwrapper #sp-section-6 .row, body .body-innerwrapper #sp-section-6 [class*="col-"], body .body-innerwrapper #sp-section-6 .sp-column { display: block !important; width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; height: auto !important; max-height: none !important; overflow: visible !important; } body .body-innerwrapper #sp-top2 .sp-column > .sp-module, body .body-innerwrapper #sp-top3 .sp-column > .sp-module, body .body-innerwrapper #sp-section-6 .sp-column > .sp-module { display: block !important; width: 100% !important; float: none !important; clear: both !important; margin: 0 0 0 0 !important; } body .jd-discover, body .jd-discover-inner, body .jd-discover-grid, body .jd-love { display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; z-index: 5 !important; height: auto !important; max-height: none !important; overflow: visible !important; } body .jd-discover-grid { display: grid !important; } body .jd-discover { min-height: 280px !important; padding: 40px 0 48px !important; background: #ffffff !important; } @media (max-width: 991px) { .jd-header-search { flex-wrap: nowrap !important; gap: 0 !important; } .jd-header-search .jd-keyword { display: none !important; } .jd-header-search .jd-category-btn, .jd-header-search .jd-search-btn, .jd-header-search .jd-location { min-height: 44px !important; height: 44px !important; font-size: 12px !important; } .jd-header-search .jd-location-wrap { flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; } .jd-header-search .jd-location { padding: 0 24px 0 10px !important; } .jd-header-search .jd-search-btn { flex: 0 0 44px !important; min-width: 44px !important; width: 44px !important; padding: 0 !important; font-size: 12px !important; } } @media (max-width: 575px) { .jd-header-search .jd-category-btn, .jd-header-search .jd-search-btn, .jd-header-search .jd-location { min-height: 44px !important; height: 44px !important; font-size: 12px !important; } .jd-header-search .jd-search-btn { min-width: 44px !important; width: 44px !important; flex: 0 0 44px !important; padding: 0 !important; font-size: 12px !important; } } .jd-header-nav { height: 48px !important; min-height: 48px !important; max-height: 48px !important; overflow: hidden !important; } .jd-header-nav a { flex: 1 1 0 !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 0 8px !important; white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; line-height: 1.15 !important; } @media (max-width: 991px) { .jd-header-nav { height: 48px !important; min-height: 48px !important; max-height: 48px !important; overflow: hidden !important; } .jd-header-nav a { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 0 4px !important; font-size: 12px !important; white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; } } @media (max-width: 575px) { .jd-header-nav a { padding: 0 3px !important; font-size: 11px !important; } } .jd-header-nav { height: 48px !important; min-height: 48px !important; max-height: 48px !important; overflow: hidden !important; } .jd-header-nav a { flex: 1 1 0 !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 2px 4px !important; white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; text-align: center !important; line-height: 1.15 !important; word-break: break-word !important; overflow-wrap: anywhere !important; hyphens: auto !important; -webkit-hyphens: auto !important; display: -webkit-box !important; display: flex !important; -webkit-box-align: center !important; align-items: center !important; -webkit-box-pack: center !important; justify-content: center !important; } @media (max-width: 991px) { .jd-header-nav a { padding: 2px 3px !important; font-size: 11px !important; line-height: 1.2 !important; white-space: normal !important; text-overflow: clip !important; } } @media (max-width: 575px) { .jd-header-nav a { padding: 1px 2px !important; font-size: 10px !important; line-height: 1.15 !important; } } .jd-header-nav a { white-space: normal !important; text-overflow: clip !important; overflow: hidden !important; line-height: 1.15 !important; } .jd-header-nav a br { display: block !important; content: "" !important; line-height: 0 !important; } @media (min-width: 992px) { .jd-header-nav a br { display: none !important; } } .jd-header-top { background: #228B22 !important; color: #ffffff !important; } .jd-header-search .jd-search-btn { background: #78C222 !important; color: #ffffff !important; } .jd-header-search .jd-search-btn:hover { background: #6bb01c !important; color: #ffffff !important; } .jd-intro-btn, a.jd-intro-btn { background: #78C222 !important; color: #ffffff !important; margin: 0 !important; } .jd-intro-btn:hover, .jd-intro-btn:focus, a.jd-intro-btn:hover, a.jd-intro-btn:focus { background: #6bb01c !important; color: #ffffff !important; } .jd-header-nav a:hover, .jd-header-nav a:focus { color: #228B22 !important; } .jd-actions { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 14px !important; flex-shrink: 0 !important; } .jd-actions .jd-action, .jd-actions .jd-action-login, .jd-actions .jd-action-signup, .jd-actions .jd-action-post { display: inline-flex !important; flex-direction: row !important; align-items: center !important; color: #ffffff !important; min-width: 0 !important; min-height: 0 !important; font-size: 14px !important; white-space: nowrap !important; text-decoration: none !important; } .jd-actions .jd-action-signup { padding: 8px 18px !important; background: rgba(255, 255, 255, 0.18) !important; border-radius: 999px !important; font-weight: 600 !important; } .jd-actions .jd-action-login { background: transparent !important; padding: 0 !important; font-weight: 500 !important; } .jd-actions .jd-action-post { background: transparent !important; padding: 0 !important; font-weight: 700 !important; gap: 4px !important; } .jd-actions .jd-action-ico { color: #ffffff !important; margin: 0 !important; } .jd-actions .jd-action:hover, .jd-actions .jd-action:focus { color: #ffffff !important; opacity: 0.9 !important; } @media (max-width: 575px) { .jd-actions { gap: 8px !important; } .jd-actions .jd-action, .jd-actions .jd-action-login, .jd-actions .jd-action-signup, .jd-actions .jd-action-post { font-size: 12px !important; } .jd-actions .jd-action-signup { padding: 6px 12px !important; } } .jd-logo, .jd-site-header .jd-logo, #jd-site-header .jd-logo { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; outline: none !important; padding: 2px 4px !important; border-radius: 8px !important; overflow: visible !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; } .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { display: block !important; width: auto !important; height: 48px !important; max-height: 48px !important; max-width: 150px !important; object-fit: contain !important; object-position: center !important; aspect-ratio: auto !important; border-radius: 0 !important; border: 0 !important; } @media (min-width: 992px) { .jd-logo, .jd-site-header .jd-logo, #jd-site-header .jd-logo { padding: 4px 6px !important; } .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 60px !important; max-height: 60px !important; max-width: 170px !important; } } @media (max-width: 991px) { .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 44px !important; max-height: 44px !important; max-width: 140px !important; } } @media (max-width: 575px) { .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 40px !important; max-height: 40px !important; max-width: 120px !important; } } @media (max-width: 991px) { .jd-header-search { flex-wrap: nowrap !important; gap: 0 !important; } .jd-header-search .jd-keyword { display: none !important; } .jd-header-search .jd-category-wrap { display: flex !important; align-items: stretch !important; flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; position: relative !important; z-index: 30 !important; } .jd-header-search .jd-category-btn { width: 100% !important; min-height: 44px !important; height: 44px !important; padding: 0 8px !important; font-size: 12px !important; border-radius: 8px 0 0 8px !important; } .jd-header-search .jd-category-btn-label { max-width: none !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .jd-header-search .jd-location-wrap { display: flex !important; align-items: stretch !important; flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; } .jd-header-search .jd-location { min-height: 44px !important; height: 44px !important; font-size: 12px !important; padding: 0 24px 0 10px !important; border-radius: 0 !important; } .jd-header-search .jd-search-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; min-height: 44px !important; height: 44px !important; padding: 0 !important; font-size: 12px !important; border-radius: 0 8px 8px 0 !important; } .jd-category-panel { min-width: 0 !important; width: min(92vw, 360px) !important; left: 0 !important; right: auto !important; } } @media (max-width: 575px) { .jd-header-search .jd-category-btn, .jd-header-search .jd-location, .jd-header-search .jd-search-btn { min-height: 44px !important; height: 44px !important; font-size: 12px !important; } .jd-header-search .jd-search-btn { flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; padding: 0 !important; } } .jd-header-search { display: flex !important; flex: 1 1 auto !important; min-width: 0 !important; gap: 0 !important; background: transparent !important; align-items: stretch !important; } .jd-search-bar { display: flex !important; flex-direction: row !important; align-items: stretch !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; height: 48px !important; background: #ffffff !important; border-radius: 8px !important; overflow: visible !important; box-shadow: none !important; } .jd-search-bar > .jd-category-wrap, .jd-search-bar > .jd-keyword, .jd-search-bar > .jd-location-wrap, .jd-search-bar > .jd-search-btn { height: 48px !important; min-height: 48px !important; border-radius: 0 !important; margin: 0 !important; } .jd-header-search .jd-category-wrap { flex: 0 0 150px !important; min-width: 130px !important; max-width: 180px !important; position: relative !important; z-index: 40 !important; display: block !important; border-right: 1px solid #d9d9d9 !important; } .jd-category-btn { width: 100% !important; height: 48px !important; min-height: 48px !important; display: flex !important; align-items: center !important; gap: 8px !important; padding: 0 12px !important; border: 0 !important; border-radius: 8px 0 0 8px !important; background: #f3f3f3 !important; color: #666666 !important; font-size: 14px !important; font-weight: 500 !important; cursor: pointer !important; } .jd-category-btn-ico { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; color: #78C222 !important; flex: 0 0 auto !important; } .jd-category-btn-ico .jd-ico-grid, .jd-category-btn-ico svg { display: block !important; width: 18px !important; height: 18px !important; } .jd-category-btn-label { flex: 1 1 auto !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; text-align: left !important; color: #666666 !important; font-weight: 500 !important; } .jd-category-arrow { display: inline-flex !important; align-items: center !important; line-height: 0 !important; flex: 0 0 auto !important; } .jd-header-search .jd-keyword { flex: 1 1 auto !important; min-width: 120px !important; height: 48px !important; min-height: 48px !important; padding: 0 14px !important; border: 0 !important; border-radius: 0 !important; background: #ffffff !important; color: #333333 !important; font-size: 15px !important; font-style: italic !important; box-shadow: none !important; outline: none !important; } .jd-header-search .jd-keyword::placeholder { color: #9a9a9a !important; font-style: italic !important; opacity: 1 !important; } .jd-header-search .jd-location-wrap { flex: 0 1 200px !important; min-width: 150px !important; max-width: 240px !important; position: relative !important; border-left: 1px solid #d9d9d9 !important; background: #ffffff !important; z-index: 35 !important; } .jd-location-input-wrap { position: relative !important; display: flex !important; align-items: center !important; height: 100% !important; padding-left: 12px !important; } .jd-location-pin { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; line-height: 0 !important; margin-right: 8px !important; } .jd-location-pin svg { display: block !important; width: 14px !important; height: 18px !important; } .jd-header-search .jd-location { flex: 1 1 auto !important; width: 100% !important; height: 48px !important; min-height: 48px !important; padding: 0 12px 0 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #333333 !important; font-size: 14px !important; font-style: normal !important; box-shadow: none !important; outline: none !important; } .jd-location-arrow { display: none !important; } .jd-header-search .jd-search-btn { flex: 0 0 56px !important; width: 56px !important; min-width: 56px !important; height: 48px !important; min-height: 48px !important; padding: 0 !important; border: 0 !important; border-radius: 0 8px 8px 0 !important; background: #78C222 !important; color: #ffffff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; } .jd-header-search .jd-search-btn:hover, .jd-header-search .jd-search-btn:focus { background: #6bb01c !important; color: #ffffff !important; } .jd-search-btn .jd-ico-search { display: block !important; width: 22px !important; height: 22px !important; } .jd-search-btn-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; border: 0 !important; } .jd-category-panel { top: calc(100% + 4px) !important; } .jd-location-results { top: calc(100% + 4px) !important; } .jd-intro-btn, a.jd-intro-btn { background:#78C222!important; color: #ffffff !important; } .jd-intro-btn:hover, .jd-intro-btn:focus, a.jd-intro-btn:hover, a.jd-intro-btn:focus { background:#6bb01c!important; color: #ffffff !important; } @media (max-width: 991px) { .jd-search-bar { height: 44px !important; gap: 0 !important; } .jd-search-bar > .jd-category-wrap, .jd-search-bar > .jd-keyword, .jd-search-bar > .jd-location-wrap, .jd-search-bar > .jd-search-btn, .jd-header-search .jd-category-btn, .jd-search-bar .jd-category-btn, .jd-header-search .jd-location, .jd-search-bar .jd-location, .jd-header-search .jd-search-btn, .jd-search-bar .jd-search-btn { height: 44px !important; min-height: 44px !important; } .jd-header-search .jd-keyword { display: none !important; } .jd-header-search .jd-category-wrap, .jd-search-bar > .jd-category-wrap { display: flex !important; align-items: stretch !important; flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; } .jd-header-search .jd-location-wrap, .jd-search-bar > .jd-location-wrap { display: flex !important; align-items: stretch !important; flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; } .jd-header-search .jd-search-btn, .jd-search-bar .jd-search-btn { flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; padding: 0 !important; } .jd-header-search .jd-category-btn, .jd-search-bar .jd-category-btn { padding: 0 8px !important; font-size: 12px !important; background: #f3f3f3 !important; border-radius: 8px 0 0 8px !important; border-right: 1px solid #e6e6e6 !important; } .jd-header-search .jd-location, .jd-search-bar .jd-location { border-radius: 0 !important; } .jd-header-search .jd-search-btn, .jd-search-bar .jd-search-btn { border-radius: 0 8px 8px 0 !important; } } .jd-search-bar .jd-search-btn { background: #78C222 !important; color: #fff !important; border-radius: 0 8px 8px 0 !important; } .jd-search-bar .jd-category-btn { background: #f3f3f3 !important; border-radius: 8px 0 0 8px !important; } .jd-search-bar .jd-category-btn-ico svg circle { fill: #78C222 !important; } .jd-search-bar .jd-location-pin svg path { fill: #78C222 !important; } .jd-search-bar .jd-location { height: 48px !important; min-height: 48px !important; } @media (max-width: 991px) { .jd-search-bar .jd-location, .jd-header-search .jd-location { height: 44px !important; min-height: 44px !important; } } #sp-bottom, #sp-footer { background: #171717 !important; color: #fff !important; } #sp-bottom { padding: 60px 0 30px !important; font-size: 14px !important; line-height: 1.6 !important; } #sp-bottom a, #sp-footer a { color: #a2a2a2 !important; text-decoration: none !important; } #sp-bottom a:hover, #sp-bottom a:focus, #sp-footer a:hover, #sp-footer a:focus { color: #fff !important; } #sp-bottom .row { display: flex !important; flex-wrap: wrap !important; gap: 24px !important; margin: 0 !important; } #sp-bottom [class*="col-"] { flex: 1 1 220px !important; max-width: 100% !important; width: auto !important; padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } #sp-bottom .sp-module { margin-bottom: 30px !important; } #sp-bottom .sp-module-title { font-weight: 700 !important; font-size: 18px !important; color: #fff !important; margin: 0 0 20px !important; } #sp-bottom ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } #sp-bottom ul > li { display: block !important; margin-bottom: 12px !important; } #sp-bottom .mod-custom p, #sp-bottom .sp-module-content { color: #cfcfcf !important; } @media (max-width: 767px) { #sp-bottom [class*="col-"] { flex: 1 1 100% !important; } } .container, .container-fluid { width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; } @media (min-width: 576px) { .container { max-width: 540px !important; } } @media (min-width: 768px) { .container { max-width: 720px !important; } } @media (min-width: 992px) { .container { max-width: 960px !important; } } @media (min-width: 1200px) { .container { max-width: 1140px !important; } } .row { display: flex !important; flex-wrap: wrap !important; margin-left: -15px !important; margin-right: -15px !important; } [class*="col-"] { position: relative !important; width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; } .col-lg-3 { flex: 0 0 25% !important; max-width: 25% !important; } .col-lg-4 { flex: 0 0 33.3333% !important; max-width: 33.3333% !important; } .col-lg-6 { flex: 0 0 50% !important; max-width: 50% !important; } .col-lg-8 { flex: 0 0 66.6667% !important; max-width: 66.6667% !important; } .col-lg-9 { flex: 0 0 75% !important; max-width: 75% !important; } .col-lg-12 { flex: 0 0 100% !important; max-width: 100% !important; } .col-sm-6 { flex: 0 0 50% !important; max-width: 50% !important; } @media (max-width: 991.98px) { .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-9 { flex: 0 0 100% !important; max-width: 100% !important; } } @media (max-width: 575.98px) { .col-sm-6 { flex: 0 0 100% !important; max-width: 100% !important; } } .jd-header-top, .jd-site-header .jd-header-top, #jd-site-header .jd-header-top { background: #228B22 !important; background-color: #228B22 !important; } .jd-site-header, .jd-header-top, #jd-site-header, #sp-menu { max-width: 100% !important; box-sizing: border-box !important; } .jd-header-top { overflow-x: clip !important; } .jd-header-top-inner { width: 100% !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; } .jd-actions { flex: 0 1 auto !important; flex-shrink: 1 !important; min-width: 0 !important; max-width: 100% !important; margin-left: auto !important; margin-right: 0 !important; gap: 12px !important; } .jd-action-post-short { display: none !important; } .jd-action-post-full { display: inline !important; } @media (max-width: 991px) { .jd-header-top-inner { padding: 10px 14px !important; gap: 6px !important; } .jd-actions { gap: 6px !important; margin-left: auto !important; justify-content: flex-end !important; } .jd-actions .jd-action, .jd-actions .jd-action-login, .jd-actions .jd-action-signup, .jd-actions .jd-action-post { font-size: 12px !important; } .jd-actions .jd-action-signup { padding: 6px 10px !important; } .jd-action-post-full { display: none !important; } .jd-action-post-short { display: inline !important; } } @media (max-width: 575px) { .jd-header-top-inner { padding: 8px 12px !important; } .jd-actions { gap: 5px !important; } .jd-actions .jd-action, .jd-actions .jd-action-login, .jd-actions .jd-action-signup, .jd-actions .jd-action-post { font-size: 11px !important; } .jd-actions .jd-action-signup { padding: 5px 8px !important; } } @media (min-width: 992px) { .jd-header-top-inner { padding-left: 24px !important; padding-right: 24px !important; } } .jd-search-bar { display: flex !important; align-items: stretch !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; overflow: visible !important; background: #fff !important; border-radius: 8px !important; box-sizing: border-box !important; } .jd-search-bar > .jd-category-wrap, .jd-search-bar > .jd-keyword, .jd-search-bar > .jd-location-wrap, .jd-search-bar > .jd-search-btn { height: 48px !important; min-height: 48px !important; max-height: 48px !important; margin: 0 !important; box-sizing: border-box !important; } .jd-search-bar .jd-location-wrap { display: flex !important; align-items: stretch !important; background: transparent !important; border-radius: 0 !important; overflow: visible !important; box-shadow: none !important; } .jd-search-bar .jd-location-input-wrap { display: flex !important; align-items: center !important; width: 100% !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 0 0 0 10px !important; margin: 0 !important; box-sizing: border-box !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden !important; } .jd-search-bar .jd-field, .jd-search-bar .jd-location, .jd-search-bar input.jd-location, .jd-header-search .jd-search-bar .jd-location, .jd-header-search .jd-search-bar .jd-field { height: 48px !important; min-height: 48px !important; max-height: 48px !important; line-height: 48px !important; padding: 0 10px 0 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; box-sizing: border-box !important; width: 100% !important; flex: 1 1 auto !important; align-self: stretch !important; } .jd-search-bar .jd-category-btn { height: 48px !important; min-height: 48px !important; max-height: 48px !important; border-radius: 8px 0 0 8px !important; } .jd-search-bar .jd-search-btn { height: 48px !important; min-height: 48px !important; max-height: 48px !important; border-radius: 0 8px 8px 0 !important; } @media (max-width: 991px) { .jd-search-bar { height: 44px !important; min-height: 44px !important; max-height: 44px !important; } .jd-search-bar > .jd-category-wrap, .jd-search-bar > .jd-keyword, .jd-search-bar > .jd-location-wrap, .jd-search-bar > .jd-search-btn, .jd-search-bar .jd-location-input-wrap, .jd-search-bar .jd-field, .jd-search-bar .jd-location, .jd-search-bar input.jd-location, .jd-header-search .jd-search-bar .jd-location, .jd-header-search .jd-search-bar .jd-field, .jd-search-bar .jd-category-btn, .jd-search-bar .jd-search-btn { height: 44px !important; min-height: 44px !important; max-height: 44px !important; } .jd-search-bar .jd-location, .jd-search-bar input.jd-location, .jd-header-search .jd-search-bar .jd-location { line-height: 44px !important; } } .jd-biz-post-cta { width: 100% !important; max-width: 1240px !important; margin: 0 auto 16px !important; padding: 12px 16px 4px !important; box-sizing: border-box !important; } .jd-biz-post-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 44px !important; padding: 10px 20px !important; background: #78C222 !important; color: #fff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none !important; border-radius: 8px !important; border: 0 !important; box-shadow: 0 2px 8px rgba(35, 48, 64, 0.12) !important; white-space: nowrap !important; } .jd-biz-post-btn:hover, .jd-biz-post-btn:focus { background: #6bb01c !important; color: #fff !important; text-decoration: none !important; } .jd-biz-post-ico { font-size: 18px !important; font-weight: 800 !important; line-height: 1 !important; } @media (max-width: 575px) { .jd-biz-post-cta { padding: 10px 12px 2px !important; } .jd-biz-post-btn { width: 100% !important; font-size: 14px !important; white-space: normal !important; } } #searchDiv .search-filter, #searchDiv #search-filter, .mainContainer .search-filter { padding: 14px 16px 16px !important; box-sizing: border-box !important; overflow: visible !important; } #searchDiv .search-filter h3, .mainContainer .search-filter h3 { margin: 0 0 10px !important; padding: 0 0 8px !important; border-bottom: 1px solid #ececec !important; line-height: 1.3 !important; font-size: 15px !important; font-weight: 700 !important; } #searchDiv .search-category-box, .mainContainer .search-category-box { display: block !important; float: none !important; clear: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4 !important; } #searchDiv .search-category-box ul, .mainContainer .search-category-box ul { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } #searchDiv .search-category-box li, .mainContainer .search-category-box li { align-items: center !important; gap: 6px !important; width: 100% !important; margin: 0 0 6px !important; padding: 4px 0 !important; box-sizing: border-box !important; } #searchDiv .search-category-box li:not(.firstSub):not(.secondSub), .mainContainer .search-category-box li:not(.firstSub):not(.secondSub) { display: flex !important; } #searchDiv .search-category-box li.firstSub, #searchDiv .search-category-box li.secondSub, .mainContainer .search-category-box li.firstSub, .mainContainer .search-category-box li.secondSub { display: none; padding-left: 12px !important; } #searchDiv .search-category-box li.secondSub, .mainContainer .search-category-box li.secondSub { padding-left: 30px !important; } #searchDiv .search-category-box .categoryLabel, #searchDiv .search-category-box .catFilterLabel, .mainContainer .search-category-box .categoryLabel, .mainContainer .search-category-box .catFilterLabel { float: none !important; display: inline !important; width: auto !important; line-height: 1.35 !important; color: #333 !important; } #galleryDiv:empty, #galleryAds:empty { display: none !important; } .jd-site-header, .jd-header-top, .jd-header-top-inner { overflow: visible !important; } .jd-actions { position: relative !important; z-index: 80 !important; align-items: center !important; flex-wrap: nowrap !important; } .jd-actions .jd-action-hello { color: rgba(255,255,255,0.92) !important; font-size: 14px !important; font-weight: 500 !important; white-space: nowrap !important; padding: 0 !important; background: transparent !important; text-decoration: none !important; cursor: default !important; } .jd-actions .jd-action-user { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; padding: 0 !important; color: #fff !important; background: transparent !important; border-radius: 50% !important; } .jd-actions .jd-action-user:hover, .jd-actions .jd-action-user:focus { opacity: 0.9 !important; color: #fff !important; } .jd-actions .jd-action-post--cta, .jd-actions.is-logged-in .jd-action-post { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 16px !important; background: #2f78e8 !important; color: #fff !important; border-radius: 6px !important; font-weight: 700 !important; font-size: 13px !important; line-height: 1.2 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; } .jd-actions .jd-action-post--cta:hover, .jd-actions .jd-action-post--cta:focus, .jd-actions.is-logged-in .jd-action-post:hover, .jd-actions.is-logged-in .jd-action-post:focus { background: #2568d1 !important; color: #fff !important; opacity: 1 !important; } .jd-actions.is-logged-in .jd-action-post .jd-action-ico { display: none !important; } .jd-account-menu { position: relative !important; flex: 0 0 auto !important; } .jd-actions .jd-action-menu { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 4px !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #fff !important; cursor: pointer !important; line-height: 1 !important; box-shadow: none !important; } .jd-actions .jd-action-menu:hover, .jd-actions .jd-action-menu:focus { opacity: 0.9 !important; color: #fff !important; } .jd-action-menu-bars { display: inline-flex !important; flex-direction: column !important; justify-content: center !important; gap: 3px !important; width: 18px !important; } .jd-action-menu-bars span { display: block !important; height: 2px !important; width: 100% !important; background: #fff !important; border-radius: 1px !important; } .jd-action-menu-caret { display: inline-flex !important; align-items: center !important; opacity: 0.95 !important; } .jd-account-menu-panel { position: absolute !important; top: calc(100% + 10px) !important; right: 0 !important; min-width: 220px !important; max-width: min(280px, calc(100vw - 24px)) !important; max-height: min(70vh, 420px) !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 10px 0 8px !important; background: #fff !important; border-radius: 8px !important; box-shadow: 0 10px 28px rgba(0,0,0,0.18) !important; z-index: 200 !important; box-sizing: border-box !important; } .jd-account-menu-panel[hidden] { display: none !important; } .jd-account-menu.is-open .jd-account-menu-panel { display: block !important; } .jd-account-menu-user { padding: 4px 18px 10px !important; text-align: right !important; color: #c45a7a !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.3 !important; } .jd-account-menu-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } .jd-account-menu-item { display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px 18px !important; color: #555 !important; font-size: 15px !important; font-weight: 500 !important; text-decoration: none !important; line-height: 1.25 !important; white-space: nowrap !important; } .jd-account-menu-item:hover, .jd-account-menu-item:focus { background: #f6f7f9 !important; color: #222 !important; text-decoration: none !important; } .jd-ami-ico { display: inline-flex !important; width: 22px !important; height: 22px !important; align-items: center !important; justify-content: center !important; flex: 0 0 22px !important; } .jd-ami-ico svg { display: block !important; width: 20px !important; height: 20px !important; } @media (max-width: 991px) { .jd-actions .jd-action-hello { display: none !important; } .jd-actions .jd-action-user { width: 30px !important; height: 30px !important; } .jd-actions .jd-action-post--cta, .jd-actions.is-logged-in .jd-action-post { padding: 7px 12px !important; font-size: 12px !important; border-radius: 5px !important; } .jd-actions.is-guest .jd-action-signup { display: none !important; } .jd-account-menu-panel { right: -4px !important; min-width: 210px !important; } } @media (max-width: 575px) { .jd-actions.is-guest .jd-action-login { font-size: 12px !important; } .jd-actions .jd-action-post--cta, .jd-actions.is-logged-in .jd-action-post { padding: 6px 10px !important; font-size: 11px !important; } .jd-action-menu-bars { width: 16px !important; } .jd-account-menu-item { padding: 11px 16px !important; font-size: 14px !important; } } .jd-actions .jd-account-menu-panel, .jd-actions .jd-account-menu-panel a, .jd-actions .jd-account-menu-item, .jd-actions .jd-account-menu-item span:not(.jd-ami-ico) { color: #444 !important; opacity: 1 !important; visibility: visible !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.3 !important; text-shadow: none !important; } .jd-actions .jd-account-menu-item:hover, .jd-actions .jd-account-menu-item:focus, .jd-actions .jd-account-menu-item:hover span:not(.jd-ami-ico), .jd-actions .jd-account-menu-item:focus span:not(.jd-ami-ico) { color: #222 !important; background: #f6f7f9 !important; } .jd-actions .jd-account-menu-user { color: #c45a7a !important; font-size: 14px !important; opacity: 1 !important; visibility: visible !important; } .jd-actions .jd-ami-ico, .jd-actions .jd-ami-ico svg { color: inherit !important; opacity: 1 !important; visibility: visible !important; } #sp-menu, #sp-menu .row, #sp-menu [class*="col-"], #sp-menu .sp-column, #sp-menu .sp-module, #sp-menu .sp-module-content, .jd-site-header, .jd-header-top, .jd-header-top-inner, .jd-actions, .jd-account-menu { overflow: visible !important; position: relative !important; } #sp-menu, .jd-site-header { z-index: 5000 !important; } .jd-actions, .jd-account-menu { z-index: 5100 !important; } .jd-actions .jd-action-menu { display: inline-flex !important; align-items: center !important; visibility: visible !important; opacity: 1 !important; color: #fff !important; background: transparent !important; border: 0 !important; box-shadow: none !important; min-width: 28px !important; min-height: 28px !important; } .jd-action-menu-bars span { background: #fff !important; opacity: 1 !important; visibility: visible !important; } .jd-account-menu-panel { z-index: 5200 !important; } .jd-account-menu-panel[hidden]:not(.is-forced-open) { display: none !important; } .jd-account-menu.is-open .jd-account-menu-panel, html.jd-account-menu-open .jd-account-menu-panel { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } html.jd-account-menu-open .jd-header-top, html.jd-account-menu-open #sp-menu { overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; } .jd-account-menu-logout { margin: 0 !important; padding: 0 !important; width: 100% !important; } .jd-account-menu-item--btn, .jd-actions .jd-account-menu-item--btn { width: 100% !important; border: 0 !important; background: transparent !important; cursor: pointer !important; text-align: left !important; font: inherit !important; color: #444 !important; appearance: none !important; -webkit-appearance: none !important; } .jd-actions .jd-account-menu-item--btn span:not(.jd-ami-ico) { color: #444 !important; } .jd-account-menu-item--btn:hover, .jd-account-menu-item--btn:focus { background: #f6f7f9 !important; color: #222 !important; } @media (max-width: 991px) { .jd-header-top-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; } .jd-logo, .jd-site-header .jd-logo, #jd-site-header .jd-logo { order: 1 !important; flex: 0 0 auto !important; margin-right: 0 !important; margin-left: 0 !important; } .jd-actions { order: 2 !important; flex: 0 0 auto !important; margin-left: auto !important; margin-right: 0 !important; justify-content: flex-end !important; max-width: none !important; } .jd-header-search { order: 3 !important; flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 991px) { .jd-header-top-inner, #jd-site-header .jd-header-top-inner, .jd-site-header .jd-header-top-inner { display: grid !important; grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important; grid-template-rows: auto auto !important; grid-template-areas: "logo actions" "search search" !important; align-items: center !important; column-gap: 8px !important; row-gap: 8px !important; width: 100% !important; max-width: 100% !important; } .jd-logo, .jd-site-header .jd-logo, #jd-site-header .jd-logo { grid-area: logo !important; justify-self: start !important; margin: 0 !important; order: unset !important; } .jd-actions, .jd-site-header .jd-actions, #jd-site-header .jd-actions { grid-area: actions !important; justify-self: end !important; justify-content: flex-end !important; margin: 0 !important; margin-left: 0 !important; width: auto !important; max-width: 100% !important; order: unset !important; flex: none !important; } .jd-header-search, .jd-site-header .jd-header-search, #jd-site-header .jd-header-search { grid-area: search !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; order: unset !important; flex: none !important; } } html, body { margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 0 !important; line-height: 0 !important; } body > .body-wrapper { font-size: 14px !important; line-height: normal !important; margin: 0 !important; padding: 0 !important; display: block !important; position: relative !important; top: 0 !important; } .body-wrapper, .body-innerwrapper { margin-top: 0 !important; padding-top: 0 !important; } #sp-top-bar { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } #sp-menu, #sp-menu > .row, #sp-menu [class*="col-"], #sp-menu .sp-column, #sp-menu .sp-module, #sp-menu .sp-module-content, .jd-site-header, .jd-header-top { margin-top: 0 !important; padding-top: 0 !important; } #sp-menu .sp-module, #sp-menu .sp-module:first-child { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; vertical-align: top !important; } .jd-intro-btn, a.jd-intro-btn { background:#78C222!important; color: #ffffff !important; } .jd-intro-btn:hover, .jd-intro-btn:focus, a.jd-intro-btn:hover, a.jd-intro-btn:focus { background:#6bb01c!important; color: #ffffff !important; } .jd-intro-points li:before, .jd-intro-points li::before { background: #9aaa3a !important; color: #fff !important; } .jd-intro-collage, .jd-intro-collage--desktop { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 8px !important; column-gap: 8px !important; height: 360px !important; max-height: 360px !important; overflow: hidden !important; } .jd-intro-squares { display: none !important; } .jd-intro-col { display: flex !important; flex-direction: column !important; gap: 0 !important; row-gap: 0 !important; } .jd-intro-col--1 { margin-top: 28px !important; } .jd-intro-col--2 { margin-top: 0 !important; } .jd-intro-col--3 { margin-top: 48px !important; } .jd-intro-col--4 { margin-top: 12px !important; } .jd-intro-collage img, .jd-intro-col > img { width: 100% !important; display: block !important; object-fit: cover !important; border-radius: 12px !important; -webkit-border-radius: 12px !important; margin: 0 0 12px 0 !important; padding: 0 !important; border: 0 !important; flex: 0 0 auto !important; } .jd-intro-col > img:last-child, .jd-intro-col img:last-child { margin-bottom: 0 !important; } .jd-intro-col--1 img, .jd-intro-col--1 > img { height: 300px !important; } .jd-intro-col--2 img, .jd-intro-col--2 > img { height: 165px !important; } .jd-intro-col--3 img, .jd-intro-col--3 > img { height: 120px !important; } .jd-intro-col--4 img, .jd-intro-col--4 > img { height: 100px !important; } @media (max-width: 991px) { .jd-intro-collage, .jd-intro-collage--desktop, .jd-intro-squares { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .jd-intro-inner { gap: 0 !important; } } .jd-header-search .jd-search-btn, .jd-search-bar .jd-search-btn, .jd-search-btn, button.jd-search-btn { background: #78C222 !important; background-color: #78C222 !important; color: #ffffff !important; } .jd-header-search .jd-search-btn:hover, .jd-header-search .jd-search-btn:focus, .jd-search-bar .jd-search-btn:hover, .jd-search-bar .jd-search-btn:focus, .jd-search-btn:hover, .jd-search-btn:focus { background: #6bb01c !important; background-color: #6bb01c !important; color: #ffffff !important; } .jd-search-btn .jd-ico-search, .jd-search-btn svg, .jd-search-btn svg path { fill: #ffffff !important; color: #ffffff !important; stroke: #ffffff !important; } .jd-intro-btn, a.jd-intro-btn { background: #78C222 !important; background-color: #78C222 !important; color: #ffffff !important; margin: 0 !important; margin-top: 0 !important; } .jd-intro-btn:hover, .jd-intro-btn:focus, a.jd-intro-btn:hover, a.jd-intro-btn:focus { background: #6bb01c !important; background-color: #6bb01c !important; color: #ffffff !important; } .jd-intro-points { margin: 0 0 14px !important; } .jd-intro-points li:last-child { margin-bottom: 0 !important; } .jd-intro-btn, a.jd-intro-btn { padding: 16px 28px !important; padding-top: 16px !important; padding-bottom: 16px !important; min-height: 0 !important; height: auto !important; } .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 36px !important; max-height: 36px !important; max-width: 110px !important; width: auto !important; } @media (min-width: 992px) { .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 44px !important; max-height: 44px !important; max-width: 130px !important; } } @media (max-width: 991px) { .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 32px !important; max-height: 32px !important; max-width: 100px !important; } } @media (max-width: 575px) { .jd-logo img, .jd-site-header .jd-logo img, #jd-site-header .jd-logo img { height: 28px !important; max-height: 28px !important; max-width: 90px !important; } } .jd-ad-banner, .jd-ad-banner.jd-ad-banner--image-only { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } .jd-ad-label, .jd-ad-code, .jd-ad-code--auto, .jd-ad-banner ins.adsbygoogle, ins.adsbygoogle { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; } .jd-ad-display, .jd-ad-slot { height: auto !important; min-height: 0 !important; overflow: visible !important; } .jd-ad-fallback { position: static !important; } .jd-ad-fallback-img { width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; }