/* HEADER CSS START */
.site-header__main { min-height: 88px; }
.site-navigation__links { gap: clamp(12px, 1.55vw, 24px); }
body:has(.rome-home-hero) .site-topbar__contact { flex-shrink: 0; }
body:has(.rome-home-hero) .site-topbar__contact a { white-space: nowrap; }
body:has(.rome-home-hero) .site-topbar__strapline { gap: 8px; }
body:has(.rome-home-hero) .site-header__main { min-height: 100px; }
body:has(.rome-home-hero) .site-logo img { width: 175px; }
.site-navigation__links>li>a{ font-size: 16px; }
.site-header .site-navigation{ justify-content: center; }
.site-header .site-navigation .site-navigation__links{ width: 100%;justify-content:center; }
/* HEADER CSS END */

/* BANNER CSS START */
.rome-about .nxb-banner__media::after { position: absolute; right: 7%; bottom: auto; z-index: 2; color: #fff; font-family: 'Segoe Print', cursive; font-size: clamp(24px, 2.2vw, 36px); font-style: italic; line-height: 1.05; text-align: right; white-space: pre; text-shadow: 0 2px 8px #0009; transform: rotate(-8deg); content: "More\A than just\A a view"; top: 27%; }
.rome-about .nxb-banner__layout { width: 100%; }
.rome-about .nxb-banner__layout,
.rome-about .nxb-banner__content,
.rome-about.nxb-banner--presentation-feature.nxb-banner--size-original .nxb-banner__media { min-height: 550px; }
.rome-about .nxb-banner__content { width: 52%; padding: 20px 2% 20px 5%; clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%); padding-left: max(5%, calc((100% - 1440px) / 2)); }
.rome-about .nxb-banner__eyebrow { margin-bottom: 6px; line-height: 1.2; }
.rome-about .nxb-banner__title { margin-bottom: 10px; line-height: 1.05; }
.rome-about .nxb-banner__intro ul { margin-top: 16px; }
.rome-about .nxb-banner__intro li::before{ width: 20px;height: 20px;top: 5px; }
.rome-about .nxb-banner__intro li{ padding-left: 25px; }
.rome-about .nxb-banner__intro li { margin-block: 5px;font-size: 20px; }
.rome-about .nxb-banner__buttons { margin-top: 16px; }
.nxb-banner--presentation-contact-strip .nxb-banner__layout { min-height: 140px; }
.nxb-banner--presentation-contact-strip .nxb-banner__content { padding-block: 43px; }
.nxb-banner--presentation-contact-strip .nxb-banner__content-inner { grid-template-columns: minmax(0, 1fr) auto; gap: 0; column-gap: 28px; row-gap: 0; }
.nxb-banner--presentation-contact-strip .nxb-banner__title { max-width: none; margin-bottom: 8px; font-size: 22px; font-weight: 500; line-height: 1.12; letter-spacing: -.02em; white-space: normal; }
.nxb-banner--presentation-contact-strip .nxb-banner__intro { max-width: none; font-size: 13px; line-height: 1.45; }
.nxb-banner--presentation-contact-strip .nxb-banner__intro p { font-size: 14px; }
.nxb-banner--presentation-contact-strip .nxb-banner__buttons { gap: 24px; flex-wrap: nowrap; }
.nxb-banner--presentation-contact-strip .nxb-banner__button { min-width: 168px; min-height: 50px; padding: 12px 18px; }
.nxb-banner--presentation-contact-strip .nxb-banner__button--primary { background: #cf051b; border-color: #cf051b; }
.nxb-banner--presentation-contact-strip .nxb-banner__button--primary:hover { background: #ae0b1d; border-color: #ae0b1d; }
.nxb-banner--presentation-contact-strip .nxb-banner__button--secondary { background: rgba(16, 26, 32, .86); border-color: #fff; }
.nxb-banner--presentation-contact-strip .nxb-banner__button:last-child { min-width: 218px; }
.nxb-banner--presentation-contact-strip .nxb-banner__media { inset: 0; }
.nxb-banner--presentation-contact-strip .nxb-banner__media::after { background: linear-gradient(90deg, rgba(0, 69, 51, .98) 0%, rgba(0, 69, 51, .96) 49%, rgba(0, 69, 51, .72) 58%, rgba(0, 69, 51, .28) 67%, rgba(0, 69, 51, .08) 76%, rgba(0, 69, 51, .04) 100%); }
.nxb-banner--presentation-contact-strip .nxb-banner__media .nxb-banner__image { opacity: 1; object-fit: cover; object-position: center 51%; filter: saturate(.55) brightness(.82) contrast(1.02); }
.rome-home-hero .nxb-banner__content-inner { max-width: 560px; }
.rome-home-hero .nxb-banner__intro { max-width: 560px; }
.rome-home-hero .nxb-banner__eyebrow { margin-bottom: 12px; letter-spacing: .13em; }
.rome-home-hero .nxb-banner__title { margin-bottom: 14px; }
.rome-home-hero .nxb-banner__buttons { margin-top: 16px; gap: 24px; }
.rome-home-hero .nxb-banner__button { min-height: 44px; padding: 10px 20px; }
.rome-home-hero .nxb-banner__badge { max-width: 180px; font-family: 'Segoe Print', cursive; font-size: 30px; line-height: 1.1; }
.rome-about .nxb-banner__intro { width: 90%; max-width: 490px; font-size: 16px; }
.rome-about .nxb-banner__button { min-height: 42px; padding: 10px 20px; }
.nxb-banner--presentation-contact-strip .nxb-banner__button[href^='tel:']::before {content: '';display: block;font-size: 22px;width: 30px;height: 25px;background-image: url("/media/rome/icons/phone-icon.png");background-position: center;background-size: contain; }
.nxb-banner--presentation-contact-strip .nxb-banner__button[href^='tel:']::after { content: none; }
.nxb-banner--presentation-hero:not(.rome-home-hero) { font-family: Arial, Helvetica, sans-serif; }
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__layout,
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__content { min-height: 540px; }
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__content { max-width: 1440px; margin-inline: auto; padding: 50px 30px; background: transparent; }
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__content-inner { max-width: 50%; }
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__media::before { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(3, 37, 27, 9) 0%, rgba(3, 37, 27, 0.9) 40%, rgba(3, 37, 27, .55) 50%, rgba(3, 37, 27, .12) 55%, rgba(3, 37, 27, 0) 68%); content: ''; pointer-events: none; }
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__eyebrow { margin-bottom: 12px; font-size: 17px; letter-spacing: .13em; }
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__title { margin-bottom: 14px; font-size: 50px; line-height: 1.08; letter-spacing: -.02em; }
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__intro { max-width: 560px; font-size: 17px; line-height: 1.45; }
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__intro p { margin: 0 0 .7rem; font-size: 17px; }
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__buttons { margin-top: 16px; gap: 24px; }
.nxb-banner--presentation-hero:not(.rome-home-hero) .nxb-banner__button { min-height: 44px; padding: 10px 20px; }
body .rome-home-hero.nxb-banner .nxb-banner__media::before { background: linear-gradient(90deg,#10110e 0%,#10110e 35%,rgba(16,17,14,.88) 45%,rgba(16,17,14,.33) 54%,transparent 68%); }
/* BANNER CSS END */





/* CONTENT CSS START */
:root { --container: 1440px; }
.rome-trust.nxb-simple-pods .nxb-simple-pods__card .nxb-simple-pods__media { width: 60px; height: 60px; aspect-ratio: 1; margin-bottom: 0; background-color: transparent; }
body p, body a { font-size: 16px; }
body h1, body h2, .page-heading, .nxb-section-heading, .nxb-banner__title, .nxb-text-block__heading, .nxb-contact-form__heading, .nxb-blog__title { font-size: 30px; }
body h3, body h4, body h5, body h6, .nxb-eyebrow, .nxb-banner__eyebrow, .nxb-banner__subtitle, .nxb-text-block__secondary-heading, .nxb-contact-form__secondary-heading, .nxb-simple-pods__heading, .nxb-search-results__title, .nxb-blog__subtitle, .nxb-collection__title, .cookie-consent__option-heading, .site-footer h2, .site-footer h3 { font-size: 18px; }
.nxb-blog { --nxb-blog-layout-width: var(--container); }
.nxb-contact-form__inner { width: min(100%, var(--container)); }
.nxb-block:has(.rome-products), .nxb-block:has(.rome-conservatory-styles), .nxb-block:has(.rome-windows-doors), .nxb-block:has(.rome-recent-installations) { padding-block: 28px; }
.rome-products .nxb-simple-pods__grid { gap: 18px; }
.rome-products .nxb-simple-pods__content { padding: 13px 12px 15px; }
.rome-products .nxb-simple-pods__media { aspect-ratio: 1.48; }
.rome-conservatory-styles .nxb-simple-pods__header { margin-bottom: 16px; }
.rome-conservatory-styles .nxb-simple-pods__link { display: none; }
.rome-conservatory-styles .nxb-simple-pods__content { padding: 10px; }
.rome-conservatory-styles .nxb-simple-pods__card { min-height: 0; }
.rome-conservatory-styles .nxb-simple-pods__heading { margin-bottom: 8px; }
.rome-conservatory-styles .nxb-simple-pods__text { line-height: 1.35; }
.rome-windows-doors { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 2fr); grid-template-rows: auto 1fr; gap: 0 28px; }
.rome-windows-doors .nxb-simple-pods__header { grid-column: 1; display: block; margin: 0 0 10px; }
.rome-windows-doors__intro { grid-column: 1; font-size: 13px; line-height: 1.45; }
.rome-windows-doors__intro p { margin-bottom: 18px; }
.rome-windows-doors__intro .nxb-button { padding: 12px 20px; }
.rome-windows-doors .nxb-simple-pods__grid { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); align-self: start; gap: 16px; }
.rome-windows-doors .nxb-simple-pods__media { aspect-ratio: 2; }
.rome-windows-doors .nxb-simple-pods__content { min-height: 0; padding: 10px 12px 12px;background-color: #fff; }
.rome-windows-doors .nxb-simple-pods__heading { margin-bottom: 8px; font-size: 15px; }
.rome-windows-doors .nxb-simple-pods__text, .rome-windows-doors .nxb-simple-pods__link { display: none; }
.rome-range-tags { display: flex; flex-wrap: wrap; gap: 5px 7px; }
.rome-range-tags span { padding: 4px 12px; border: 1px solid #d4dadd; border-radius: 4px; font-size: 16px; line-height: 1; }
.nxb-block:has(.rome-benefit-strip) { padding-block: 0; background: linear-gradient(#064431e8, #064431e8), url('/media/rome/webp/coastal_cliffs_turquoise_sea_panorama.webp') center 58% / cover no-repeat; }
.rome-benefit-strip { padding-block: 24px; }
.rome-benefit-strip .nxb-simple-pods__icon .nxb-icon { width: 32px; height: 32px; }
.rome-benefit-strip .nxb-simple-pods__heading { margin-bottom: 4px; font-size: 14px; }
.rome-benefit-strip .nxb-simple-pods__text { font-size: 16px; line-height: 1.4; color: #fff; }
.rome-recent-installations .nxb-simple-pods__header { margin-bottom: 16px; }
.rome-recent-installations .nxb-simple-pods__grid { gap: 18px; }
.rome-recent-installations .nxb-simple-pods__media { aspect-ratio: 1.46; }
.rome-recent-installations .nxb-simple-pods__content { min-height: 0; padding: 10px 12px 14px; }
.rome-recent-installations .nxb-simple-pods__heading { margin-bottom: 5px; font-size: 15px; }
.rome-recent-installations .nxb-simple-pods__text { font-size: 16px; }
.rome-recent-installations .nxb-simple-pods__link { display: none; }
:is(.rome-trust, .rome-products, .rome-conservatory-styles, .rome-windows-doors) .nxb-simple-pods__text { font-size: 16px; }
body:has(.rome-home-hero) { font-family: Arial, Helvetica, sans-serif; color: #101b29; }
body:has(.rome-home-hero) :is(h1, h2, h3) { letter-spacing: -.02em; }
body:has(.rome-home-hero) .nxb-block:has(.rome-trust) { padding-block: 14px; background: #f5f8f7; }
.rome-trust .nxb-simple-pods__content { padding-top: 0; }
.rome-trust .nxb-simple-pods__heading { margin-bottom: 4px; font-size: 18px; }
.rome-trust .nxb-simple-pods__card:nth-child(2) .nxb-simple-pods__heading { color: #101b29; letter-spacing: -.02em; }
:is(.rome-trust, .rome-products, .rome-conservatory-styles, .rome-windows-doors, .rome-benefit-strip, .rome-recent-installations) .nxb-simple-pods__text { margin-top: 0; }
body:has(.rome-home-hero) .nxb-block:has(:is(.rome-products, .rome-conservatory-styles, .rome-windows-doors, .rome-recent-installations)) { padding-block: 20px; }
:is(.rome-products, .rome-conservatory-styles, .rome-recent-installations) .nxb-simple-pods__header { margin-bottom: 16px; }
:is(.rome-products, .rome-conservatory-styles, .rome-windows-doors, .rome-recent-installations) .nxb-simple-pods__card { border: 0; box-shadow: none; background: #f7f8f7; }
.rome-products .nxb-simple-pods__heading { margin-bottom: 8px; }
.rome-products .nxb-simple-pods__text { margin-bottom: 12px; }
.rome-products .nxb-simple-pods__link { min-height: 38px; padding: 8px 16px; }
body:has(.rome-home-hero) .nxb-block:has(.rome-windows-doors) { background: #f3f7f5; }
.rome-benefit-strip .nxb-simple-pods__card--no-media .nxb-simple-pods__content { min-height: 0; }
.rome-benefit-strip .nxb-simple-pods__card:nth-child(2) .nxb-simple-pods__icon { background: url('/media/rome/icons/energy-saving-coins-icon.svg') center / contain no-repeat; }
.rome-benefit-strip .nxb-simple-pods__card:nth-child(4) .nxb-simple-pods__icon { background: url('/media/rome/icons/insurance-document-icon.svg') center / contain no-repeat; }
.rome-benefit-strip .nxb-simple-pods__card:is(:nth-child(2), :nth-child(4)) .nxb-simple-pods__icon svg { opacity: 0; }
/* CONTENT CSS END */



/* FOOTER CSS START */
.site-footer { background: linear-gradient(rgba(17, 31, 33, .92), rgba(17, 31, 33, .96)), url('/media/rome/webp/blue_sky_house_roof_banner.webp') center bottom / cover no-repeat; }
.site-footer__main { grid-template-columns: 26% 32% 22% 20%; padding-block: 24px 20px; }
.site-footer__description { max-width: 210px; margin: 12px 0 0; font-size: 11px; line-height: 1.5; }
.site-footer__social { margin-top: 15px; }
.site-footer__social a, .site-footer__social span { display: inline-flex; width: 20px; height: 20px; }
.site-footer__social img { width: 18px; height: 18px; filter: brightness(0) invert(1); }
.site-footer__contact h2, .site-footer__location h2 { margin: 0 0 10px; font-size: 14px; letter-spacing: 0; }
.site-footer__location { align-items: flex-start; }
.site-footer__location > .nxb-icon { width: 20px; height: 20px; margin-top: 1px; }
.site-footer__bottom { padding-block: 12px 16px; }
.site-footer__utilities { align-items: center; }
.site-credit { white-space: nowrap; }
body:has(.rome-home-hero) .site-footer__main { grid-template-columns: 26% 32% 20% 22%; padding-block: 28px; }
body:has(.rome-home-hero) .site-footer__description { max-width: 265px; }
body:has(.rome-home-hero) .site-footer__contact { padding-inline: 18px; }
body:has(.rome-home-hero) .site-footer__contact span { min-width: 0; overflow-wrap: anywhere; }
body:has(.rome-home-hero) .site-footer__location { padding-left: 24px; }
body:has(.rome-home-hero) .site-footer__bottom { flex-wrap: wrap; gap: 16px; }
/* FOOTER CSS END */

@media (min-width: 761px) {
    /* BANNER CSS START */
    .rome-home-hero .nxb-banner__layout,
    .rome-home-hero .nxb-banner__content { min-height: 415px; }
    .nxb-banner--presentation-manufacturing .nxb-banner__content { padding-left: max(5%, calc(50vw - 675px)); }
    /* BANNER CSS END */
}


/* CSS Written by Developer START */
.rome-home-hero.nxb-banner .nxb-banner__title{ font-size: 50px; }
.rome-home-hero .nxb-banner__content{ padding-inline: 0px; padding: 50px 30px;max-width: 1440px;margin: 0 auto;background: transparent; }
.rome-home-hero .nxb-banner__content .nxb-banner__content-inner{max-width: 50%;}
.rome-home-hero .nxb-banner__intro{ max-width: 100%; }
.rome-home-hero.nxb-banner .nxb-banner__media:before{content:"";position: absolute;top: 0px;left: 0px;bottom: 0px;z-index: 99;max-width: 100%;width: 100%;background: linear-gradient(90deg, rgba(3, 37, 27, .98) 0%, rgba(3, 37, 27, .9) 28%, rgba(3, 37, 27, .55) 43%, rgba(3, 37, 27, .12) 55%, rgba(3, 37, 27, 0) 68%);}
.rome-home-hero .nxb-banner__eyebrow{ font-size: 17px; }
.rome-home-hero .nxb-banner__intro p{font-size: 17px;}

.rome-trust .nxb-simple-pods__card .nxb-simple-pods__media{ width: 70px;height: auto; }

/* CSS Written by Developer CLOSE */