/* FE2-BRANCHIMG */ /* FE2-BRANCHIMG */ #fe2-br-modal .fe2-brm-img{display:none !important} #fe2-br-modal .fe2-brm-img.fe2-on{display:block !important} /* FE2-LANGMENU */ /* FE2-LANGMENU */ .fes-langli{position:relative} #fe2-langmenu{display:none;position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:158px;background:#0B1F3A;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:6px;z-index:3000;box-shadow:0 12px 28px rgba(0,0,0,.35)} #fe2-langmenu.fe2-open{display:block} #fe2-langmenu button{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:0;color:#fff;font-size:14px;font-weight:600;padding:9px 12px;border-radius:8px;cursor:pointer;text-align:start;font-family:inherit} #fe2-langmenu button::after{content:attr(data-label)} #fe2-langmenu button:hover{background:rgba(245,158,11,.16)} #fe2-langmenu button .fe2-dot{width:7px;height:7px;border-radius:50%;background:transparent;flex:none} #fe2-langmenu button.fe2-active .fe2-dot{background:#F59E0B} #fe2-langmenu button.fe2-active{color:#F59E0B} html:not(.fes-night) #fe2-langmenu{background:#FFFFFF;border-color:rgba(0,0,0,.12)} html:not(.fes-night) #fe2-langmenu button{color:#111827} html:not(.fes-night) #fe2-langmenu button.fe2-active{color:#B45309} /* FE2-FIX-AUG17 */ /* FE2-FIX-AUG17 */ @media(min-width:769px){ #wrap section.s_banner_1 > .container > .row.s_nb_column_fixed.s_nb_column_fixed,#wrap section.s_banner_1 > .container > .row{display:grid !important;grid-template-columns:460fr 1400fr 460fr !important;gap:14px !important;align-items:start !important} #wrap section.s_banner_1 > .container > .row > div{height:auto !important;min-height:0 !important;max-height:none !important;padding:0 !important;margin:0 !important} #wrap section.s_banner_1 > .container > .row > div:nth-child(1) .tp-block-container, #wrap section.s_banner_1 > .container > .row > div:nth-child(3) .tp-block-container{height:auto !important;min-height:0 !important;max-height:none !important;aspect-ratio:920 / 1575 !important} #wrap section.s_banner_1 > .container > .row > div:nth-child(2) .tp-block-container{height:auto !important;min-height:0 !important;max-height:none !important;aspect-ratio:1400 / 780 !important} #wrap section.s_banner_1 .fe2-slide,#wrap section.s_banner_1 .fe2-slide img{height:100% !important;max-height:none !important} #wrap section.s_banner_1 .fe2-slide img{width:100% !important;object-fit:cover !important} } html:not(.fes-night) #wrap .fe2-stats > div > div:first-child, html:not(.fes-night) #wrap .fe2-stats > div > div:first-child *, html.fes-night #wrap .fe2-stats > div > div:first-child, html.fes-night #wrap .fe2-stats > div > div:first-child *{color:#FB7A12 !important} html:not(.fes-night) #wrap section#testimonials .fe2-grid3 > div > div:nth-child(3) > div:first-child, html:not(.fes-night) #wrap section#testimonials .fe2-grid3 > div > div:nth-child(3) > div:first-child *, html.fes-night #wrap section#testimonials .fe2-grid3 > div > div:nth-child(3) > div:first-child, html.fes-night #wrap section#testimonials .fe2-grid3 > div > div:nth-child(3) > div:first-child *{color:#FFFFFF !important;font-weight:800 !important;line-height:1 !important} /* LTR LOCK - layout never mirrors when translating */ html,body,#wrapwrap,#wrapwrap main,#wrapwrap #wrap,#wrapwrap > header,#wrapwrap > footer{direction:ltr !important} #wrapwrap [dir="auto"],#wrapwrap [dir="rtl"]{direction:ltr !important;unicode-bidi:isolate !important} #fe2-br-modal .fe2-brm-gallery{width:100% !important} #fe2-br-modal .fe2-brm-img{width:100% !important} #fe2-br-modal .fe2-brm-img.fe2-on{display:block !important;width:100% !important;height:auto !important;max-height:none !important;min-height:0 !important;aspect-ratio:1600 / 1207 !important;object-fit:cover !important} @media(min-width:769px){ #wrap #services .fe2-grid3 .fe2-card > p{min-height:3lh !important} #wrap #offers .fe2-scroll a.fe2-card h3{min-height:2lh !important} #wrap #why .fe2-why-left h2{min-height:2lh !important} #wrap #why .fe2-why-cards .fe2-card > p{min-height:2lh !important} #wrap #testimonials .fe2-grid3 > div > p{min-height:3lh !important} #wrap #branches .fe2-br-card h3{min-height:2lh !important} #wrap #faq details summary{min-height:2lh !important} #wrap #contact p{min-height:3lh !important} } /* FE2-BANNER-TEXTFIT */ /* FE2-BANNER-TEXTFIT */ @media(min-width:769px) and (max-width:1199px){ #wrap section.s_banner_1 .tp-title{font-size:clamp(17px,2.5vw,28px) !important;line-height:1.12 !important;margin-bottom:4px !important} #wrap section.s_banner_1 .tp-subtitle p{font-size:clamp(10px,1.35vw,14px) !important;line-height:1.25 !important;margin-bottom:4px !important} #wrap section.s_banner_1 .tp-block-content .btn{font-size:12px !important;padding:5px 12px !important} #wrap section.s_banner_1 .tp-block-content{overflow:hidden !important} } /* FE2-TYPO-NOBOX */ /* FE2-TYPO-NOBOX */ html:not(.fes-night) #wrap h1[style*="#101828"], html:not(.fes-night) #wrap h1[style*="#0B0F19"], html:not(.fes-night) #wrap h1[style*="#131A2B"], html:not(.fes-night) #wrap h1[style*="#05080E"], html:not(.fes-night) #wrap h1[style*="var(--ink)"], html:not(.fes-night) #wrap h2[style*="#101828"], html:not(.fes-night) #wrap h2[style*="#0B0F19"], html:not(.fes-night) #wrap h2[style*="#131A2B"], html:not(.fes-night) #wrap h2[style*="#05080E"], html:not(.fes-night) #wrap h2[style*="var(--ink)"], html:not(.fes-night) #wrap h3[style*="#101828"], html:not(.fes-night) #wrap h3[style*="#0B0F19"], html:not(.fes-night) #wrap h3[style*="#131A2B"], html:not(.fes-night) #wrap h3[style*="#05080E"], html:not(.fes-night) #wrap h3[style*="var(--ink)"], html:not(.fes-night) #wrap h4[style*="#101828"], html:not(.fes-night) #wrap h4[style*="#0B0F19"], html:not(.fes-night) #wrap h4[style*="#131A2B"], html:not(.fes-night) #wrap h4[style*="#05080E"], html:not(.fes-night) #wrap h4[style*="var(--ink)"], html:not(.fes-night) #wrap h5[style*="#101828"], html:not(.fes-night) #wrap h5[style*="#0B0F19"], html:not(.fes-night) #wrap h5[style*="#131A2B"], html:not(.fes-night) #wrap h5[style*="#05080E"], html:not(.fes-night) #wrap h5[style*="var(--ink)"], html:not(.fes-night) #wrap h6[style*="#101828"], html:not(.fes-night) #wrap h6[style*="#0B0F19"], html:not(.fes-night) #wrap h6[style*="#131A2B"], html:not(.fes-night) #wrap h6[style*="#05080E"], html:not(.fes-night) #wrap h6[style*="var(--ink)"], html:not(.fes-night) #wrap p[style*="#101828"], html:not(.fes-night) #wrap p[style*="#0B0F19"], html:not(.fes-night) #wrap p[style*="#131A2B"], html:not(.fes-night) #wrap p[style*="#05080E"], html:not(.fes-night) #wrap p[style*="var(--ink)"], html:not(.fes-night) #wrap span[style*="#101828"], html:not(.fes-night) #wrap span[style*="#0B0F19"], html:not(.fes-night) #wrap span[style*="#131A2B"], html:not(.fes-night) #wrap span[style*="#05080E"], html:not(.fes-night) #wrap span[style*="var(--ink)"], html:not(.fes-night) #wrap font[style*="#101828"], html:not(.fes-night) #wrap font[style*="#0B0F19"], html:not(.fes-night) #wrap font[style*="#131A2B"], html:not(.fes-night) #wrap font[style*="#05080E"], html:not(.fes-night) #wrap font[style*="var(--ink)"], html:not(.fes-night) #wrap a[style*="#101828"], html:not(.fes-night) #wrap a[style*="#0B0F19"], html:not(.fes-night) #wrap a[style*="#131A2B"], html:not(.fes-night) #wrap a[style*="#05080E"], html:not(.fes-night) #wrap a[style*="var(--ink)"], html:not(.fes-night) #wrap li[style*="#101828"], html:not(.fes-night) #wrap li[style*="#0B0F19"], html:not(.fes-night) #wrap li[style*="#131A2B"], html:not(.fes-night) #wrap li[style*="#05080E"], html:not(.fes-night) #wrap li[style*="var(--ink)"], html:not(.fes-night) #wrap label[style*="#101828"], html:not(.fes-night) #wrap label[style*="#0B0F19"], html:not(.fes-night) #wrap label[style*="#131A2B"], html:not(.fes-night) #wrap label[style*="#05080E"], html:not(.fes-night) #wrap label[style*="var(--ink)"], html:not(.fes-night) #wrap strong[style*="#101828"], html:not(.fes-night) #wrap strong[style*="#0B0F19"], html:not(.fes-night) #wrap strong[style*="#131A2B"], html:not(.fes-night) #wrap strong[style*="#05080E"], html:not(.fes-night) #wrap strong[style*="var(--ink)"], html:not(.fes-night) #wrap em[style*="#101828"], html:not(.fes-night) #wrap em[style*="#0B0F19"], html:not(.fes-night) #wrap em[style*="#131A2B"], html:not(.fes-night) #wrap em[style*="#05080E"], html:not(.fes-night) #wrap em[style*="var(--ink)"]{background-color:transparent !important;background:none !important;border:0 !important;box-shadow:none !important} /* FE2-BANNER-MIDFIT */ /* FE2-BANNER-MIDFIT */ @media(min-width:769px) and (max-width:1199px){ #wrap section.s_banner_1.s_banner_1 > .container > .row > div:nth-child(1) .tp-block-container, #wrap section.s_banner_1.s_banner_1 > .container > .row > div:nth-child(2) .tp-block-container, #wrap section.s_banner_1.s_banner_1 > .container > .row > div:nth-child(3) .tp-block-container{min-height:270px !important} } /* FE2-TESTI-READABLE */ /* FE2-TESTI-READABLE */ #wrap section#testimonials .fe2-grid3 > div > p, #wrap section#testimonials .fe2-grid3 > div > p *{color:#EAF0F8 !important;font-weight:600 !important;font-size:17px !important;line-height:1.62 !important;opacity:1 !important} #wrap section#testimonials .fe2-grid3 > div > div:nth-child(3) > div:nth-child(2) > div:nth-child(2), #wrap section#testimonials .fe2-grid3 > div > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) *{color:#C3CFE0 !important;font-weight:500 !important;font-size:13px !important} #wrap section#testimonials .fe2-grid3 > div > div:nth-child(3) > div:nth-child(2) > div:first-child, #wrap section#testimonials .fe2-grid3 > div > div:nth-child(3) > div:nth-child(2) > div:first-child *{font-size:16px !important} #wrap section#testimonials .fe2-grid3 > div > div:first-child, #wrap section#testimonials .fe2-grid3 > div > div:first-child *{color:rgba(245,130,32,.6) !important} /* FE2 */ /* FE2 banner: smaller Shop button in side banners */html body #wrap section.s_banner_1 > .container > .row > div:nth-child(1) .btn,html body #wrap section.s_banner_1 > .container > .row > div:nth-child(3) .btn{font-size:12px !important;padding:5px 12px !important;line-height:1.4 !important}html body #wrap section.s_banner_1 > .container > .row > div:nth-child(1) .btn *,html body #wrap section.s_banner_1 > .container > .row > div:nth-child(3) .btn *{font-size:12px !important;line-height:1.4 !important} /* section[id]{scroll-margin-top:96px} @media(max-wid */ section[id]{scroll-margin-top:96px} @media(max-width:768px){section[id]{scroll-margin-top:72px}} @keyframes fe2AnchorGlow{0%{box-shadow:inset 0 0 0 0 rgba(255,156,0,0)}22%{box-shadow:inset 0 0 0 3px rgba(255,156,0,.55)}100%{box-shadow:inset 0 0 0 3px rgba(255,156,0,0)}} .fe2-anchor-glow{animation:fe2AnchorGlow 1.5s ease-out;border-radius:16px} @media(prefers-reduced-motion:reduce){.fe2-anchor-glow{animation:none}} /* FE2-RTL-ENABLE */ /* FE2-RTL-ENABLE */ html[dir="rtl"],html[dir="rtl"] body,html[dir="rtl"] #wrapwrap,html[dir="rtl"] #wrapwrap main,html[dir="rtl"] #wrapwrap #wrap,html[dir="rtl"] #wrapwrap > header,html[dir="rtl"] #wrapwrap > footer{direction:rtl !important} html[dir="rtl"] #wrapwrap [dir="auto"],html[dir="rtl"] #wrapwrap [dir="rtl"]{direction:rtl !important;unicode-bidi:isolate !important} html[dir="rtl"] #wrapwrap [dir="ltr"]{direction:ltr !important} /* FE2-RTL-HEADER-LOGO */ /* FE2-RTL-HEADER-LOGO */ @media(min-width:769px){html[dir="rtl"] #wrapwrap > header#top .navbar-brand.logo{left:auto !important;right:12px !important}} /* FE2_MOBILE_FIX_START v3 */ @media (max-width: 991.98px){ #wrapwrap > header#top > nav.navbar.navbar-expand-lg{ display:none !important; } #fes-burger{ display:flex !important; } } @media (max-width: 767.98px){ #wrap .s_banner_1 .row.s_nb_column_fixed{ grid-template-columns:1fr !important; grid-auto-rows:auto !important; row-gap:14px !important; } #wrap .s_banner_1 .row.s_nb_column_fixed > div{ grid-column:auto !important; grid-row:auto !important; position:static !important; height:auto !important; min-height:0 !important; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center{ height:auto !important; min-height:0 !important; display:flex !important; flex-direction:column !important; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center > .fe2-mainimg{ position:static !important; inset:auto !important; width:100% !important; height:auto !important; aspect-ratio:16/10; object-fit:cover; border-radius:14px; order:0; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center > .fe2-cap{ position:static !important; inset:auto !important; transform:none !important; width:auto !important; max-width:none !important; display:flex !important; flex-direction:column !important; gap:6px; align-items:center; text-align:center; padding:10px 8px 0; order:1; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center .h1-fs{ font-size:clamp(22px,7.5vw,32px) !important; line-height:1.3 !important; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center > .tp-block-content{ position:static !important; height:auto !important; order:2; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center .tp-title, #wrap .s_banner_1 .tp-block-container.o_bg_img_center .tp-subtitle{ position:static !important; inset:auto !important; width:auto !important; transform:none !important; } .fe2-br-card > span{ display:block !important; margin-top:6px !important; } .fe2-br-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .fe2-blog-grid{ grid-template-columns:1fr !important; } .fe2-stats{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .fe2-why-wrap{ grid-template-columns:1fr !important; } #fe2-track{ padding-inline:16px !important; scroll-padding-inline:16px !important; scroll-snap-type:x proximity !important; } #fe2-track .fe2-card{ flex:0 0 80vw !important; } #wrap a[style*="F58220"][style*="font-weight:800"]{ background:#0b0f19 !important; color:#fff !important; padding:6px 12px !important; border-radius:999px !important; display:inline-block !important; } .fes-footer-mail-addr{ white-space:nowrap !important; direction:ltr !important; } } /* v3.1: ضبط مسافات عنوان الهيرو */ @media (max-width: 767.98px){ #wrap .s_banner_1 .tp-block-container.o_bg_img_center > .fe2-cap{ gap:2px !important; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center > .fe2-cap > *{ margin:0 !important; line-height:1.25 !important; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center > .fe2-cap > *:empty{ display:none !important; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center > .fe2-cap > a{ margin-top:8px !important; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center .h1-fs, #wrap .s_banner_1 .tp-block-container.o_bg_img_center .h3-fs{ line-height:1.2 !important; } #wrap .s_banner_1 .tp-block-container.o_bg_img_center > .fe2-cap > .h2-fs{ display:none !important; } } /* v3.1: تصحيح ألوان كروت الفروع (كانت بتطلع بيضاء على أبيض في كل المقاسات) */ .fe2-br-card span[style*="667085"], .fe2-br-card span[style*="667085"] *{ color:#667085 !important; -webkit-text-fill-color:#667085 !important; } .fe2-br-card span[style*="F58220"], .fe2-br-card span[style*="F58220"] *{ color:#F58220 !important; -webkit-text-fill-color:#F58220 !important; } /* FE4-MHDR */ #fe4-mhdr{display:none} @media (max-width:1199.98px){ html.fe4-home #wrapwrap > header#top nav.o_header_mobile{display:none !important} #fe4-mhdr{display:block;background:#0B0F19;border-bottom:3px solid #F58220;padding:8px 12px 10px} #fe4-mhdr .fe4-r1{display:flex;align-items:center;gap:8px} #fe4-mhdr .fe4-logo{flex:none;display:block;background:#fff;border:2px solid #F58220;border-radius:10px;padding:4px 8px;line-height:0} #fe4-mhdr .fe4-logo img{height:26px;width:auto;display:block} #fe4-mhdr .fe4-ic{margin-left:auto;display:flex;align-items:center;gap:6px} #fe4-mhdr .fe4-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#1a2233;border:1px solid rgba(255,255,255,.12);color:#fff !important;text-decoration:none;font-size:14px;padding:0;cursor:pointer} #fe4-mhdr .fe4-btn i{color:#fff} #fe4-mhdr .fe4-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:9px;background:#F58220;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1} #fe4-mhdr .fe4-lang{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border-radius:17px;background:#1a2233;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:12px;font-weight:700;cursor:pointer} #fe4-mhdr .fe4-lang .fe4-dot{width:6px;height:6px;border-radius:50%;background:#F58220;flex:none} #fe4-mhdr .fe4-r2{display:flex;align-items:center;gap:8px;margin-top:8px} #fe4-mhdr .fe4-nav{display:flex;align-items:center;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1 1 auto;min-width:0} #fe4-mhdr .fe4-nav::-webkit-scrollbar{display:none} #fe4-mhdr .fe4-nav a{color:#f2f4f8 !important;font-weight:700;font-size:12.5px;padding:5px 7px;border-radius:8px;text-decoration:none;white-space:nowrap} #fe4-mhdr .fe4-nav a:hover{background:rgba(245,130,32,.20);color:#F58220 !important} #fe4-mhdr .fe4-cta{display:flex;gap:6px;flex:none} #fe4-mhdr .fe4-cta a{display:inline-flex;align-items:center;background:#F58220;color:#fff !important;font-weight:700;font-size:12px;padding:6px 12px;border-radius:9px;text-decoration:none;white-space:nowrap} } @media (max-width:420px){ #fe4-mhdr .fe4-r2{flex-wrap:wrap} #fe4-mhdr .fe4-nav{order:2;width:100%;margin-top:6px} #fe4-mhdr .fe4-cta{order:1;width:100%} #fe4-mhdr .fe4-cta a{flex:1 1 0;justify-content:center} } /* FE4-DHDR */ @media (min-width:1200px){ html.fe4-home #fes-mbar{align-items:center;gap:8px} html.fe4-home #fes-mbar .fes-mbar-lang{display:none !important} html.fe4-home #fes-mbar .fes-mbar-shop{order:1} html.fe4-home #fes-mbar .fe4-dquote{order:2;display:inline-flex;align-items:center;height:36px;padding:0 13px;border-radius:10px;background:#FB7A12;font-size:12.5px;font-weight:800;text-decoration:none;white-space:nowrap} html.fe4-home #fes-mbar #fes-night-m{order:3;width:36px;height:36px;border-radius:50% !important;border:1px solid rgba(255,255,255,.18) !important;background:#131a2b !important;display:inline-flex;align-items:center;justify-content:center} } /* FE4-ACC */ #wrapwrap > header#top li.dropdown > a.dropdown-toggle{border-radius:999px !important;padding-left:12px !important;padding-right:10px !important} #fe4-mhdr .fe4-btn{border-radius:999px !important} /* FE4-ACC-2 */ /* FE4-ACC-2 (2026-09-08): header action buttons look the same for guests and for logged-in users, and the homepage marquee is orange on every screen size */ #wrapwrap > header li.o_wsale_my_cart.o_wsale_my_cart.o_wsale_my_cart > a,#wrapwrap > header li.o_wsale_my_wish.o_wsale_my_wish.o_wsale_my_wish > a,#wrapwrap > header li.o_no_autohide_item.o_no_autohide_item.o_no_autohide_item > a{background-color:rgba(255,255,255,.08) !important;background-image:none !important;color:#fff !important;-webkit-text-fill-color:#fff !important;border:1px solid rgba(255,255,255,.28) !important;border-radius:999px !important} #wrapwrap > header li.o_wsale_my_cart.o_wsale_my_cart > a i,#wrapwrap > header li.o_wsale_my_cart.o_wsale_my_cart > a div,#wrapwrap > header li.o_no_autohide_item.o_no_autohide_item > a *{color:#fff !important;-webkit-text-fill-color:#fff !important} #wrapwrap > header li.o_no_autohide_item.o_no_autohide_item.o_no_autohide_item > a{padding:6px 14px !important;font-weight:700 !important;white-space:nowrap !important} #wrapwrap.homepage .fe2-marq{background-color:#F58220 !important;background-image:none !important} #wrapwrap.homepage .fe2-marq,#wrapwrap.homepage .fe2-marq *{color:#fff !important;-webkit-text-fill-color:#fff !important} /* FE4-ACC-3 */ /* FE4-ACC-3 (2026-09-08): homepage desktop header on one line, cart moved next to the Shop button */ @media (min-width:992px){ #wrapwrap.homepage > header #o_main_nav{align-items:center !important} #wrapwrap.homepage > header .o_header_hide_on_scroll{padding-bottom:0 !important;align-content:center !important;align-items:center !important} #wrapwrap.homepage > header ul.navbar-nav{align-items:center !important} #wrapwrap.homepage > header #top_menu{align-items:center !important} #wrapwrap.homepage > header #fes-mbar{align-items:center !important;gap:10px !important} #wrapwrap.homepage > header #fes-mbar li.o_wsale_my_cart{list-style:none !important;display:flex !important;align-items:center !important;margin:0 !important} } /* FE5-MOBILE */ :root{ --fe5-hdr:rgba(11,15,25,.82); --fe5-hdrsolid:#0B0F19; --fe5-hbtn:#1a2233; --fe5-hdrtext:#FFFFFF; --fe5-bg:#FFFFFF; --fe5-card:#FBF8F3; --fe5-text:#101828; --fe5-muted:#667085; --fe5-border:#ECE7DF; --fe5-btn:#F2EEE7; --fe5-accent:#F58220; } html.fes-night{ --fe5-bg:#0B0F19; --fe5-card:#131A2B; --fe5-text:#FFFFFF; --fe5-muted:#98A2B3; --fe5-border:rgba(255,255,255,.12); --fe5-btn:#1a2233; } #fe5-hdr,#fe5-drawer,#fe5-scrim{display:none} @media (max-width:991.98px){ html.fe4-home #fe5-hdr{display:flex;align-items:center;gap:8px;background:var(--fe5-hdrsolid);border-bottom:3px solid var(--fe5-accent);padding:8px 10px;min-height:56px} html.fe4-home #fe5-hdr .fe5-side{display:flex;align-items:center;gap:6px;flex:1 1 0;min-width:0} html.fe4-home #fe5-hdr .fe5-right{justify-content:flex-end} html.fe4-home #fe5-hdr .fe5-logo{flex:0 0 auto;display:block;background:#fff;border:2px solid var(--fe5-accent);border-radius:10px;padding:3px 7px;line-height:0} html.fe4-home #fe5-hdr .fe5-logo img{height:24px;width:auto;display:block} html.fe4-home #fe5-hdr .fe5-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--fe5-hbtn);border:1px solid rgba(255,255,255,.12);text-decoration:none;font-size:14px;padding:0;cursor:pointer;flex:0 0 auto} html.fe4-home #fe5-hdr .fe5-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:9px;background:var(--fe5-accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1} html.fe4-home #fe5-hdr .fe5-shop{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:10px;background:var(--fe5-accent);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;flex:0 0 auto} html.fe4-home #fe5-hdr .fe5-lang{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 9px;border-radius:999px;background:var(--fe5-hbtn);border:1px solid rgba(255,255,255,.12);font-size:11.5px;font-weight:700;cursor:pointer;flex:0 0 auto} html.fe4-home #fe5-hdr .fe5-lang .fe5-dot{width:6px;height:6px;border-radius:50%;background:var(--fe5-accent);flex:none} html.fe4-home #fe5-hdr .fe5-mbtn i{font-size:16px} html.fe4-home #fe5-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2147482000;opacity:0;pointer-events:none;transition:opacity .2s ease} html.fe4-home #fe5-scrim.open{opacity:1;pointer-events:auto} html.fe4-home #fe5-drawer{display:block;position:fixed;top:0;left:0;bottom:0;width:78%;max-width:320px;background:var(--fe5-bg);border-right:3px solid var(--fe5-accent);z-index:2147482001;transform:translateX(-102%);transition:transform .25s ease;overflow-y:auto;padding:14px 14px 24px} html.fe4-home #fe5-drawer.open{transform:translateX(0)} html.fe4-home #fe5-drawer .fe5-dhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px} html.fe4-home #fe5-drawer .fe5-dtitle{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} html.fe4-home #fe5-drawer .fe5-dclose{width:34px;height:34px;border-radius:999px;background:var(--fe5-btn);border:1px solid var(--fe5-border);font-size:18px;line-height:1;cursor:pointer} html.fe4-home #fe5-drawer .fe5-dnav{display:flex;flex-direction:column;gap:2px;margin-bottom:14px} html.fe4-home #fe5-drawer .fe5-dnav a{display:block;padding:11px 10px;border-radius:10px;font-size:14.5px;font-weight:700;text-decoration:none;border:1px solid transparent} html.fe4-home #fe5-drawer .fe5-dnav a:active{border-color:var(--fe5-border)} html.fe4-home #fe5-drawer .fe5-dquote{display:flex;align-items:center;justify-content:center;height:42px;border-radius:10px;background:var(--fe5-accent);font-size:13px;font-weight:800;text-decoration:none;margin-bottom:10px} html.fe4-home #fe5-drawer .fe5-dnight{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:10px;background:var(--fe5-btn);border:1px solid var(--fe5-border);font-size:12.5px;font-weight:700;width:100%;cursor:pointer} html.fe4-home section.s_banner_1 .row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important} html.fe4-home section.s_banner_1 .row > div:nth-child(2){grid-column:1 / -1 !important} html.fe4-home .fe5-slider{display:flex !important;grid-template-columns:none !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px !important;padding-bottom:4px;max-width:100%} html.fe4-home .fe5-slider::-webkit-scrollbar{display:none} html.fe4-home .fe5-slider > *{scroll-snap-align:start;flex:0 0 var(--fe5-w,82%) !important;min-width:0;width:auto !important;max-width:none !important} html.fe4-home .fe5-ctrls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px} html.fe4-home .fe5-ctrls button{width:38px;height:38px;border-radius:999px;background:rgba(245,130,32,.14);border:1px solid rgba(245,130,32,.55);font-size:19px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} html.fe4-home .fe5-ctrls button:disabled{opacity:.35} html.fe4-home body{overflow-x:hidden} } /* FE6-MOBILE-FIX */ @media (max-width:991.98px){ /* 1) middle banner : caption + button over the image, full image ratio */ html.fe4-home section.s_banner_1 .row > div:nth-child(2) .tp-block-container{position:relative !important;display:block !important;aspect-ratio:1400/780;overflow:hidden;border-radius:18px} html.fe4-home section.s_banner_1 .row > div:nth-child(2) .tp-block-container > img.fe2-mainimg{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important} html.fe4-home section.s_banner_1 .row > div:nth-child(2) .fe2-cap{position:absolute !important;left:8px !important;right:8px !important;top:14% !important;display:block !important;text-align:center !important;z-index:2} html.fe4-home section.s_banner_1 .row > div:nth-child(2) .fe2-cap .h1-fs{font-size:22px !important;line-height:1.1 !important} html.fe4-home section.s_banner_1 .row > div:nth-child(2) .fe2-cap .h5-fs{font-size:11.5px !important;line-height:1.25 !important;display:block;margin-top:4px} html.fe4-home section.s_banner_1 .row > div:nth-child(2) .tp-block-content{position:absolute !important;left:0 !important;right:0 !important;bottom:6% !important;top:auto !important;height:auto !important;z-index:3} html.fe4-home section.s_banner_1 .row > div:nth-child(2) .tp-subtitle{position:static !important;text-align:center !important;padding:0 !important} html.fe4-home section.s_banner_1 .row > div:nth-child(2) .tp-subtitle a.btn{font-size:11px !important;padding:5px 12px !important} /* 3) FAQ : navy question text, muted answer */ html.fe4-home #faq details summary, html.fe4-home #faq details summary *{color:#101828 !important;-webkit-text-fill-color:#101828 !important} html.fe4-home #faq details > div, html.fe4-home #faq details > div *{color:#667085 !important;-webkit-text-fill-color:#667085 !important} /* 4) contact box : white heading on the dark card */ html.fe4-home #contact h2, html.fe4-home #contact h2 *{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important} } /* FE8-HOME-NO-DARKBTN */ #wrapwrap.homepage #fes-night, #wrapwrap.homepage #fes-night-m, html.fe4-home #fe5-drawer .fe5-dnight{display:none !important} /* FE9-BANNER-HOVER */ @media (hover:hover) and (min-width:992px){ #wrapwrap.homepage section.s_banner_1 .row > div .tp-block-container{transition:transform .2s ease, box-shadow .25s ease} #wrapwrap.homepage section.s_banner_1 .row > div .tp-block-container:hover{transform:translateY(-6px) !important;box-shadow:0 18px 38px rgba(16,24,40,.30), 0 6px 14px rgba(16,24,40,.18) !important} } /* FE11-MOBILE-TWEAKS */ @media (max-width:991.98px){ #wrapwrap.homepage .fe2-marq{background:#F58220 !important;color:#FFFFFF !important} #wrapwrap.homepage .fe2-marq *{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important} #wrapwrap.homepage section.s_banner_1 .row > div:nth-child(1) .tp-subtitle{position:absolute !important;top:auto !important;bottom:0 !important;left:0 !important;right:0 !important;width:auto !important;text-align:center !important} #wrapwrap.homepage section.s_banner_1 .row > div:nth-child(1) .tp-block-container, #wrapwrap.homepage section.s_banner_1 .row > div:nth-child(3) .tp-block-container{aspect-ratio:166/284 !important;height:auto !important} } /* FE12-RIGHT-BANNER-CENTER */ #wrapwrap.homepage section.s_banner_1 .row > div:nth-child(3) .tp-subtitle{left:0 !important;right:0 !important;width:auto !important;text-align:center !important} /* FE13-STORE-HEADER */ #wrapwrap:not(.homepage) #fes-header{position:sticky !important;top:0 !important} #fes-header #fes-night{display:none !important} /* FE14-NO-DARKBTN-SITEWIDE */ #fes-night,#fes-night-m,.fe5-dnight,.fes-mbar-night{display:none !important} /* FE15-STORE-HEADER-EVERYWHERE */ html.fe15-hdr #wrapwrap > header{display:none !important} html.fe15-hdr #fes-navrow{display:none !important} html.fe15-hdr #fes-header{position:sticky !important;top:0 !important;z-index:70} #fes-sg { position: absolute; background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-radius: 14px; box-shadow: rgba(26, 26, 46, 0.16) 0px 14px 34px; z-index: 10050; display: none; max-height: 65vh; overflow: hidden auto; } #fes-sg.on { display: block; } .fes-sg-row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; text-decoration: none; color: rgb(26, 26, 46); border-bottom: 1px solid rgb(244, 244, 246); } .fes-sg-row:hover { background: rgb(255, 246, 234); } .fes-sg-img { width: 46px; height: 46px; object-fit: contain; flex: 0 0 46px; background: rgb(250, 250, 250); border-radius: 8px; } .fes-sg-txt { flex: 1 1 0%; min-width: 0px; } .fes-sg-name { font-weight: 600; font-size: 14px; line-height: 1.35; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .fes-sg-code { font-size: 12px; color: rgb(138, 138, 152); margin-top: 2px; } .fes-sg-price { font-weight: 700; color: rgb(247, 148, 29); font-size: 14px; white-space: nowrap; } .fes-sg-strike { font-size: 12px; color: rgb(179, 179, 189); text-decoration: line-through; white-space: nowrap; } .fes-sg-note { padding: 8px 14px; font-size: 12px; color: rgb(138, 138, 152); background: rgb(250, 250, 250); border-bottom: 1px solid rgb(244, 244, 246); } .fes-sg-empty { padding: 18px 14px; text-align: center; color: rgb(138, 138, 152); font-size: 14px; } .fes-sg-all { display: block; text-align: center; padding: 12px; background: rgb(26, 26, 46); font-weight: 700; font-size: 14px; text-decoration: none; color: rgb(255, 255, 255) !important; } .fes-sg-all:hover { background: rgb(247, 148, 29); } #fes-cpanel { position: absolute; background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-radius: 14px; box-shadow: rgba(26, 26, 46, 0.16) 0px 14px 34px; z-index: 10060; display: none; min-width: 230px; overflow: hidden; padding: 6px 0px; } #fes-cpanel.on { display: block; } .fes-nav { padding-bottom: 4px; border-bottom: 3px solid transparent; transition: color 0.2s, border-color 0.2s; } .fes-nav:hover { color: var(--accent) !important; } .fes-nav.active { color: var(--accent) !important; border-bottom-color: var(--accent); } #fes-header.shrunk { padding: 8px 0px !important; } .fes-wrap { max-width: none; margin: 0px auto; padding: 0px 24px; } @media (max-width: 768px){ #fes-header .fes-wrap > a:first-of-type img { max-width: 120px !important; object-fit: contain !important; } .fes-wrap { padding: 0px 14px !important; } } #fes-hdr { --ink: #101828; --gray: #667085; --soft: #F2F4F7; --warm: #F7F5F2; --tint: #FFF4EA; --line: #E4E7EC; --accent: #F58220; font-family: Montserrat, system-ui, sans-serif; color: var(--ink); display: contents; } #fes-hdr * { box-sizing: border-box; } #fes-hdr a { text-decoration: none; } .fes-wrap { max-width: none; margin: 0px auto; padding: 0px 24px; } .fes-nav { padding-bottom: 4px; border-bottom: 3px solid transparent; transition: color 0.2s, border-color 0.2s; } .fes-nav:hover { color: var(--accent) !important; } .fes-nav.active { color: var(--accent) !important; border-bottom-color: var(--accent); } #fes-header.shrunk { padding: 8px 0px !important; } #fes-cartq { background: rgb(245, 130, 32); color: rgb(255, 255, 255); border-radius: 999px; min-width: 22px; height: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; padding: 0px 6px; } #fes-burger { display: none; } #fes-drawer { display: none; } @media (max-width: 768px){ #fes-header { padding: 8px 0px !important; } #fes-header .fes-wrap { position: relative; min-height: 44px; gap: 8px !important; padding: 0px 12px !important; flex-wrap: nowrap !important; } #fes-header .fes-wrap > a:first-of-type { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0px !important; } #fes-header .fes-wrap > a:first-of-type img { height: 30px !important; } #fes-burger { align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.35); background: transparent; color: rgb(255, 255, 255); font-size: 18px; cursor: pointer; flex: 0 0 auto; display: inline-flex !important; } #fes-header .fes-wrap > div:last-child { margin-inline-start: auto; flex: 0 0 auto; gap: 6px !important; } #fes-lang { padding: 7px 9px !important; font-size: 11.5px !important; gap: 5px !important; } #fes-lang > span:first-child { display: none !important; } #fes-cart { padding: 7px 9px !important; font-size: 13px !important; gap: 5px !important; } #fes-cart span:not(#fes-cartq) { display: none !important; } #fes-cartq { min-width: 18px !important; height: 18px !important; font-size: 11px !important; } #fes-search { display: none !important; } #fes-header a[href^="tel:"] { display: none !important; } #fes-header > div:last-child { display: none !important; } #fes-drawer { display: block; position: fixed; inset: 0px; z-index: 120; visibility: hidden; pointer-events: none; } #fes-drawer.open { visibility: visible; pointer-events: auto; } #fes-drawer .fes-dw-bg { position: absolute; inset: 0px; background: rgba(5, 8, 14, 0.55); opacity: 0; transition: opacity 0.25s; } #fes-drawer.open .fes-dw-bg { opacity: 1; } #fes-drawer .fes-dw-panel { position: absolute; inset-inline-start: 0px; top: 0px; bottom: 0px; width: 78%; max-width: 320px; background: rgb(16, 24, 40); transform: translateX(-100%); transition: transform 0.28s; overflow-y: auto; padding: 18px 18px 28px; } #fes-drawer[dir="rtl"] .fes-dw-panel { transform: translateX(100%); } #fes-drawer.open .fes-dw-panel { transform: translateX(0px) !important; } #fes-drawer .fes-dw-x { position: absolute; top: 12px; inset-inline-end: 12px; width: 34px; height: 34px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255); font-size: 20px; cursor: pointer; } #fes-drawer h4 { color: rgb(152, 162, 179); font-size: 11px; letter-spacing: 0.14em; font-weight: 800; margin: 22px 0px 10px; } #fes-drawer a { display: block; color: rgb(255, 255, 255); font-weight: 700; font-size: 15px; padding: 12px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); text-decoration: none; } #fes-drawer a:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } } html:not(.fes-night) body, html:not(.fes-night) #wrapwrap, html:not(.fes-night) #wrap, html:not(.fes-night) #wrap > section, html:not(.fes-night) #fes-shop, html:not(.fes-night) #fes-shop section, html:not(.fes-night) footer { background-color: rgb(255, 255, 255) !important; background-image: none !important; } html:not(.fes-night) #branches, html:not(.fes-night) #contact { background-color: rgb(255, 255, 255) !important; } html:not(.fes-night) #wrap h1, html:not(.fes-night) #wrap h2, html:not(.fes-night) #wrap h3, html:not(.fes-night) #wrap h4, html:not(.fes-night) #wrap h5, html:not(.fes-night) #wrap p, html:not(.fes-night) #wrap li, html:not(.fes-night) #wrap summary, html:not(.fes-night) #wrap td, html:not(.fes-night) #fes-shop h2, html:not(.fes-night) #fes-shop h3, html:not(.fes-night) #fes-shop p, html:not(.fes-night) footer, html:not(.fes-night) footer a, html:not(.fes-night) footer p, html:not(.fes-night) footer h4, html:not(.fes-night) footer span { color: rgb(16, 24, 40) !important; } html:not(.fes-night) .fe2-eyebrow, html:not(.fes-night) .fes-kick, html:not(.fes-night) [style*="F58220"], html:not(.fes-night) [style*="var(--accent)"] { color: rgb(245, 130, 32) !important; } html:not(.fes-night) .fes-btn, html:not(.fes-night) .fes-dw-shop, html:not(.fes-night) .fes-mbar-shop, html:not(.fes-night) .fe2-hbtn a, html:not(.fes-night) a[style*="background:var(--accent)"], html:not(.fes-night) a[style*="background:#F58220"], html:not(.fes-night) button[style*="background:var(--accent)"], html:not(.fes-night) .fes-tab[style*="background:var(--ink)"] { color: rgb(255, 255, 255) !important; } html:not(.fes-night) #wrap [style*="#101828"], html:not(.fes-night) #wrap [style*="#0B0F19"], html:not(.fes-night) #wrap [style*="#131A2B"], html:not(.fes-night) #wrap [style*="#05080E"], html:not(.fes-night) #wrap [style*="var(--ink)"], html:not(.fes-night) .fe2-why-wrap, html:not(.fes-night) .fe2-card-d { background-color: rgb(255, 255, 255) !important; background-image: none !important; border: 1px solid rgb(228, 231, 236) !important; } html:not(.fes-night) .fe2-why-wrap *, html:not(.fes-night) .fe2-card-d * { color: rgb(16, 24, 40) !important; } html:not(.fes-night) .fe2-why-wrap .fe2-eyebrow, html:not(.fes-night) .fe2-card-d .fe2-eyebrow { color: rgb(245, 130, 32) !important; } html:not(.fes-night) .fe2-why-wrap a[style*="F58220"], html:not(.fes-night) .fe2-why-wrap a[style*="var(--accent)"], html:not(.fes-night) .fe2-card-d a[style*="F58220"] { color: rgb(255, 255, 255) !important; } html:not(.fes-night) { --orange: #FB7A12; --orange-2: #FF7900; --orange-3: #FF9433; --accent: #FB7A12; --ink: #101828; --ink-2: #101828; --gray: #5B6472; --soft: #ECE7DF; --warm: #FBF8F3; --tint: #FFEEDB; --line: #ECE7DF; --muted: #5B6472; } html:not(.fes-night) body, html:not(.fes-night) #wrapwrap, html:not(.fes-night) #wrap, html:not(.fes-night) #wrap > section, html:not(.fes-night) #fes-shop, html:not(.fes-night) #fes-shop section, html:not(.fes-night) footer { background-color: rgb(255, 255, 255) !important; background-image: none !important; } html:not(.fes-night) .fe2-card, html:not(.fes-night) .fe2-card-l, html:not(.fes-night) .fe2-card-d, html:not(.fes-night) .fe2-why-card, html:not(.fes-night) .fe2-br-card, html:not(.fes-night) .fe2-why-wrap, html:not(.fes-night) .fes-card, html:not(.fes-night) #wrap details { background-color: rgb(251, 248, 243) !important; background-image: none !important; border: 1px solid rgb(236, 231, 223) !important; box-shadow: none !important; } html:not(.fes-night) #wrap h1, html:not(.fes-night) #wrap h2, html:not(.fes-night) #wrap h3, html:not(.fes-night) #wrap h4, html:not(.fes-night) #wrap h5, html:not(.fes-night) #wrap summary, html:not(.fes-night) #fes-shop h2, html:not(.fes-night) #fes-shop h3, html:not(.fes-night) footer h4 { color: rgb(16, 24, 40) !important; } html:not(.fes-night) #wrap p, html:not(.fes-night) #wrap li, html:not(.fes-night) #fes-shop p, html:not(.fes-night) footer, html:not(.fes-night) footer p, html:not(.fes-night) footer a, html:not(.fes-night) footer span { color: rgb(91, 100, 114) !important; } html:not(.fes-night) .fe2-why-wrap *, html:not(.fes-night) .fe2-card-d * { color: rgb(16, 24, 40) !important; } html:not(.fes-night) .fe2-eyebrow, html:not(.fes-night) .fes-kick, html:not(.fes-night) [style*="F58220"], html:not(.fes-night) [style*="var(--accent)"] { color: rgb(251, 122, 18) !important; } html:not(.fes-night) .fes-btn, html:not(.fes-night) .fes-dw-shop, html:not(.fes-night) .fes-mbar-shop, html:not(.fes-night) .fe2-hbtn a, html:not(.fes-night) a[style*="background:var(--accent)"], html:not(.fes-night) a[style*="background:#F58220"], html:not(.fes-night) button[style*="background:var(--accent)"], html:not(.fes-night) .fe2-why-wrap a[style*="F58220"] { background-color: rgb(251, 122, 18) !important; color: rgb(255, 255, 255) !important; border-color: rgb(251, 122, 18) !important; } #fes-night { width: 38px !important; min-width: 38px !important; padding: 0px !important; font-size: 15px !important; } html:not(.fes-night) #wrapwrap > header i, html:not(.fes-night) #wrapwrap > header .fa, html:not(.fes-night) #wrapwrap > header svg, html:not(.fes-night) #wrapwrap > header button, html:not(.fes-night) #wrapwrap > header .nav-link { color: rgb(16, 24, 40) !important; } html:not(.fes-night) #wrapwrap > header svg path, html:not(.fes-night) #wrapwrap > header svg * { fill: rgb(16, 24, 40) !important; stroke: rgb(16, 24, 40) !important; } html:not(.fes-night) #wrapwrap > header .o_wsale_my_cart a, html:not(.fes-night) #wrapwrap > header .dropdown.o_no_autohide_item a { background: rgb(244, 241, 236) !important; border: 1px solid rgb(236, 231, 223) !important; color: rgb(16, 24, 40) !important; } html:not(.fes-night) #fes-night { border-color: rgb(236, 231, 223) !important; color: rgb(16, 24, 40) !important; } html.fes-night #wrapwrap > header i, html.fes-night #wrapwrap > header .fa, html.fes-night #fes-night { color: rgb(255, 255, 255) !important; } html:not(.fes-night) #services .fe2-card > div:first-child > span, html:not(.fes-night) #services .fe2-card > div:first-child > span font { color: rgb(245, 130, 32) !important; } html.fes-night #faq details > summary > span:last-child, html.fes-night #faq details > summary > span:last-child font, html.fes-night .fe2-faq-grid details > summary > span:last-child, html.fes-night .fe2-faq-grid details > summary > span:last-child font { color: rgb(245, 130, 32) !important; } #fes-header #fes-burger { flex-direction: column !important; gap: 4px !important; padding: 0px !important; } #fes-header #fes-burger span { transition: transform 0.26s, opacity 0.2s; display: block !important; width: 18px !important; height: 2px !important; border-radius: 2px !important; background: rgb(255, 255, 255) !important; } #fes-header #fes-burger span:nth-child(2) { background: rgb(245, 130, 32) !important; } #fes-header #fes-burger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); } #fes-header #fes-burger.open span:nth-child(2) { opacity: 0; } #fes-header #fes-burger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } #fes-night-m { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.25); background: none; color: rgb(255, 255, 255); font-size: 15px; line-height: 1; padding: 0px; cursor: pointer; flex: 0 0 auto; } #fes-night-m i { line-height: 1; pointer-events: none; } @media (max-width: 768px){ #fes-navrow { display: none !important; } } /* FE16-CONTACT-NO-MAP */ section.fe-c-map{display:none !important} /* FE18-LOGO-BANNERTEXT */ #fe5-hdr a.fe5-logo,#fe4-mhdr a.fe4-logo{background:transparent !important;background-color:transparent !important;border:0 !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important} #fe5-hdr a.fe5-logo img{height:34px !important;width:auto !important;max-width:none !important;object-fit:contain !important} #fe4-mhdr a.fe4-logo img{height:32px !important;width:auto !important;max-width:none !important;object-fit:contain !important} @media (max-width:359.98px){#fe5-hdr a.fe5-logo img,#fe4-mhdr a.fe4-logo img{height:26px !important}} @media (max-width:767.98px){#wrap .s_banner_1 .tp-block-container.o_bg_img_center > .fe2-cap > .h2-fs{display:inline !important}}