What is a contact-free estimate?

A contact-free estimate allows you to receive pricing and service details without needing to meet in person.

How do I request a contact-free estimate?

You can request a contact-free estimate by filling out the form on our contact-free estimate page.

Is there a fee for the estimate?

No, our contact-free estimates are provided at no charge.

How long does it take to receive the estimate?

Typically, you will receive your estimate within 24-48 hours after submission.

What information do I need to provide for the estimate?

You will need to provide details about your project, including the type of service needed and any specific requirements.

Can I make changes to my estimate after receiving it?

Yes, you can contact us to discuss any changes or adjustments needed for your estimate.

Contact Free Estimate | HVAC Companies Baltimore, MD

Free Estimate

/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img:is([sizes=auto i],[sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } /*# sourceURL=wp-emoji-styles-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=global-styles-inline-css */ :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000; --wp--preset--shadow--crisp: 6px 6px 0px #000; } :root { --wp--style--global--content-size: 800px; --wp--style--global--wide-size: 1200px; } :where(body) { margin: 0; } .wp-site-blocks > .alignleft { float: left; margin-right: 2em; } .wp-site-blocks > .alignright { float: right; margin-left: 2em; } .wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; } :where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; } :where(.wp-site-blocks) > :first-child { margin-block-start: 0; } :where(.wp-site-blocks) > :last-child { margin-block-end: 0; } :root { --wp--style--block-gap: 24px; } :root :where(.is-layout-flow) > :first-child { margin-block-start: 0; } :root :where(.is-layout-flow) > :last-child { margin-block-end: 0; } :root :where(.is-layout-flow) > * { margin-block-start: 24px; margin-block-end: 0; } :root :where(.is-layout-constrained) > :first-child { margin-block-start: 0; } :root :where(.is-layout-constrained) > :last-child { margin-block-end: 0; } :root :where(.is-layout-constrained) > * { margin-block-start: 24px; margin-block-end: 0; } :root :where(.is-layout-flex) { gap: 24px; } :root :where(.is-layout-grid) { gap: 24px; } .is-layout-flow > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-flow > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-constrained > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > .alignwide { max-width: var(--wp--style--global--wide-size); } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0; } body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } a:where(:not(.wp-element-button)) { text-decoration: underline; } :root :where(.wp-element-button, .wp-block-button__link) { background-color: #32373c; border-width: 0; color: #fff; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding-top: calc(.667em + 2px); padding-right: calc(1.333em + 2px); padding-bottom: calc(.667em + 2px); padding-left: calc(1.333em + 2px); text-decoration: none; text-transform: inherit; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } :root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } /*# sourceURL=brb-public-main-css-inline-css */ .rpi { --visible: visible; --font-family: Arial; --logo-size: 14px; --head-fs: 1em; --head-grade-fs: 1.125em; --head-logo-size: var(--logo-size); --head-star-color: #fb8e28; --head-text-fs: 1em; --head-based-fs: .85em; --head-btn-fs: .65em; --head-card-br: none; --head-card-br-color: #ccc; --head-card-bg: #f5f5f5; --head-card-bg-color: #f5f5f5; --head-card-radius: 12px; --head-card-shadow: none; --head-img-size: 48px; --fs: 1em; --name-fs: 13px; --text-fs: 15px; --rev-time-fs: .75em; --star-size: 20px; --stars-gap: .25em; --bubble-size: 1em; --img-size: 44px; --rev-text-lh: 1.25em; --flex-align-items: center; --info-gap: .375em; --card-gap: 16px; --card-padding: 1em; --card-br: none; --card-br-color: #ccc; --card-bg: #f5f5f5; --card-bg-color: #f5f5f5; --card-radius: 12px; --card-shadow: none; --meta-margin: 1em; --left-margin: .5em; --body-gap: 8px; --flex-text-align: start; --flex-direction: row; --flex-justify-content: flex-start; --stars-justify-content: flex-start; --text-lines: 6; --text-line-height: 22px; --media-lines: 2; --media-height: calc(var(--media-lines) * var(--text-line-height)); --reply-lines: 2; --reply-height: calc(var(--reply-lines) * var(--text-line-height)); --reply-margin: 6px; --reply-padding: 6px; --card-color: #333; --name-color: #154fc1; --time-color: #555; --star-color: #fb8e28; --readmore-color: #136aaf; --avaborder-margin: calc(-1 * ( var(--img-size) / 2 + var(--card-padding) )); --avaborder-margin-left: var(--avaborder-margin); --avaborder-padding: calc(var(--img-size) / 2); --avaborder-padding-left: var(--avaborder-padding); --bubble-flex-margin-left: calc(var(--card-padding) + var(--left-margin)); --slider-bubble-flex-margin-left: calc(var(--card-padding) + var(--slider-card-margin) + var(--left-margin)); --bubble-width-before: calc(var(--card-padding) + var(--left-margin) + var(--img-size) / 2 - hypot(var(--bubble-size), var(--bubble-size)) / 2); --bubble-width-after: calc(100% - ( var(--card-padding) + var(--left-margin) + var(--img-size) / 2 + hypot(var(--bubble-size), var(--bubble-size)) / 2 )); --bubble-width-center: calc(50% - hypot(var(--bubble-size), var(--bubble-size)) / 2); --triangle-left: calc(var(--card-padding) + var(--left-margin) + var(--img-size) / 2 - var(--bubble-size) / 2); --triangle-center: calc(50% - var(--bubble-size) / 2); --tag-fs: 1em; --tag-bg: #fff; --tag-logo-size: .85em; --tag-star-size: 16px; --tag-text-color: #333; --flash-width: 100%; --flash-height: auto; --slider-card-gap: 4px; --slider-card-margin: 8px; --slider-dot-gap: .5em; --slider-dot-size: .5em; --slider-dots-visible: 5; --slider-head-card-br: none; --slider-head-card-br-color: #ccc; --slider-head-card-bg: transparent; --slider-head-card-bg-color: #f5f5f5; --slider-head-card-radius: none; --slider-head-card-shadow: none; display: block; direction: ltr; font-size: var(--font-size, 16px); font-family: var(--font-family); font-style: normal; font-weight: 400; text-align: start; line-height: normal; overflow: visible; text-decoration: none; list-style-type: disc; box-sizing: border-box; visibility: visible !important; } .rpi *, .rpi :after, .rpi :before { box-sizing: inherit; } .rpi a { display: inline; margin: 0 !important; padding: 0 !important; color: inherit !important; text-decoration: none !important; border: none !important; outline: 0 !important; box-shadow: none !important; background: 0 0 !important; } .rpi .rpi-readmore { display: block; color: var(--readmore-color); font-size: inherit; cursor: pointer; text-decoration: none; } .rpi-hide { display: none; } .rpi-logo, .rpi-logo_after, .rpi-logos { display: flex; align-items: center; } .rpi-logo, .rpi-logos { gap: 4px; } .rpi-logo::before, .rpi-logo_after::after { display: block; content: ""; width: var(--logo-size, 14px); height: var(--logo-size, 14px); border-radius: 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; z-index: 3; } .rpi-logo-google.rpi-logo_after::after, .rpi-logo-google::before { background-image: url("https://www.completeclimateservices.com/img/icons.svg#rpi-logo-g"); } .rpi-logo-facebook.rpi-logo_after::after, .rpi-logo-facebook::before { background-image: url("https://www.completeclimateservices.com/img/icons.svg#rpi-logo-f"); } .rpi-logo-yelp.rpi-logo_after::after, .rpi-logo-yelp::before { background-image: url("https://www.completeclimateservices.com/img/icons.svg#rpi-logo-y"); } .rpi-logo-yelp.rpi-logo_after::before { content: "yelp"; background-image: none; } .rpi-card-inner.rpi-logo::before, .rpi-card-inner>.rpi-logos { position: absolute; top: .75em; right: .75em; border-radius: 50%; } .rpi-logo.rpi-logo-left::before { right: auto; left: 7px; } .rpi-header .rpi-card-inner.rpi-logo::before, .rpi-header .rpi-card-inner>.rpi-logos { background-color: var(--head-card-bg); } .rpi-slider .rpi-header .rpi-card-inner.rpi-logo::before, .rpi-slider .rpi-header .rpi-card-inner>.rpi-logos { background-color: var(--slider-head-card-bg); } .rpi-content .rpi-card-inner.rpi-logo::before, .rpi-content .rpi-card-inner>.rpi-logos { background-color: var(--card-bg); } .rpi-body.rpi-logo::before { position: absolute; top: 0; right: 0; background-color: var(--card-bg); } .rpi-body.rpi-logo.rpi-logo-left::before { right: auto; left: 0; } .rpi-img-wrap.rpi-logo_after::after { display: flex; position: absolute; bottom: calc(15% - var(--logo-size) / 2); right: calc(15% - var(--logo-size) / 2); background-color: #f5f5f5; border-radius: 50%; } .rpi-review_us .rpi-logo_after::after { vertical-align: middle; border-radius: 50%; background-color: #fff; } .rpi-review_us .rpi-logo-yelp::after { border: 1px solid; } .rpi-header .rpi-logo::before, .rpi-header .rpi-logo_after::after { width: var(--head-logo-size, 14px); height: var(--head-logo-size, 14px); } .rpi-based .rpi-logo_after.rpi-logo-yelp { color: #333; font-weight: 600; } .rpi-logo-google.rpi-logo_after::after, .rpi-logo-google::before { background-image: var(--rpi-logo-g); } .rpi-logo-facebook.rpi-logo_after::after, .rpi-logo-facebook::before { background-image: var(--rpi-logo-f); } .rpi-logo-yelp.rpi-logo_after::after, .rpi-logo-yelp::before { background-image: var(--rpi-logo-y); } .rpi .rpi-img { position: relative; margin: 0; padding: 0; min-width: var(--img-size); max-width: var(--img-size); height: var(--img-size); border-radius: 50%; } .rpi [data-provider=google] .rpi-img { border-radius: unset; } .rpi .rpi-img-wrap { display: flex; position: relative; min-width: var(--img-size); max-width: var(--img-size); height: var(--img-size); } .rpi .rpi-img-wrap::before { content: ""; position: absolute; top: 0; left: 0; width: var(--img-size); height: var(--img-size); border-radius: 50%; box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24); pointer-events: none; } .rpi .rpi-header .rpi-img { object-fit: cover; object-position: top; min-width: var(--head-img-size); max-width: var(--head-img-size); height: var(--head-img-size); } .rpi .rpi-header .rpi-img-wrap::before { min-width: var(--head-img-size); max-width: var(--head-img-size); } .rpi-pop { top: 100% !important; bottom: auto !important; opacity: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; } .rpi-pop-up { opacity: 1; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); text-align: start; } .rpi-pop-down { opacity: .5; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; transition: opacity 150ms ease; transition: opacity 150ms ease; } .rpi-clickable { cursor: pointer !important; box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24) !important; } .rpi-clickable:hover { box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .24) !important; } .rpi-clickable:active { box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 0 1px rgba(0, 0, 0, .24) !important; } .rpi-scroll::-webkit-scrollbar { width: 4px; } .rpi-scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); -webkit-border-radius: 4px; border-radius: 4px; } .rpi-scroll::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #ccc; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5); } .rpi-scroll::-webkit-scrollbar-thumb:window-inactive { background: #ccc; } .rpi-card-inner { padding: var(--card-padding); } .rpi-bubble__flex { margin-left: var(--bubble-flex-margin-left); } .rpi-bubble__flex_up { margin-bottom: var(--meta-margin); } .rpi-bubble__flex_down { margin-top: var(--meta-margin); } .rpi-slider .rpi-bubble__flex { margin-left: var(--slider-bubble-flex-margin-left); } .rpi-normal-up__body { margin-top: var(--meta-margin); } .rpi-normal-down__body { margin-bottom: var(--meta-margin); } .rpi-flex { gap: var(--flex-gap, .75em); } .rpi-info { gap: var(--info-gap); } .rpi-info .rpi-star-fb:last-child { margin-bottom: var(--tail-h) !important; } .rpi-flex, .rpi-flexwrap { position: relative; display: var(--flex-display, flex); flex-wrap: var(--flex-wrap, nowrap); align-items: var(--flex-align-items, center); } .rpi-flex { text-align: var(--flex-text-align, start); flex-direction: var(--flex-direction, row); justify-content: var(--flex-justify-content, flex-start); } .rpi-flexwrap { row-gap: 8px; flex-wrap: wrap; } .rpi-shift-up__flex { --flex-align-items: var(--center-align-items, star); } .rpi-shift-down__flex { --flex-align-items: var(--center-align-items, end); } .rpi-header { --flex-align-items: var(--center-align-items, flex-start); } .rpi-cards { display: flex; margin: 0; padding: 0; flex-wrap: wrap; align-items: center; scrollbar-width: none; } .rpi-card { display: block; position: relative; width: 100%; flex-shrink: 0; align-items: center; justify-content: center; } .rpi-content .rpi-card { font-size: var(--fs); } .rpi-card-inner { display: block; position: relative; color: var(--card-color); } .rpi-card-inner.rpi-flexwrap { display: flex; } .rpi-header .rpi-card-inner { container-name: header; container-type: inline-size; height: 100%; border: var(--head-card-br); border-color: var(--head-card-br-color); border-radius: var(--head-card-radius); background-color: var(--head-card-bg); box-shadow: var(--head-card-shadow); } .rpi-header .rpi-cards { align-items: stretch; } .rpi-slider .rpi-header .rpi-card-inner { border: var(--slider-head-card-br); border-color: var(--slider-head-card-br-color); border-radius: var(--slider-head-card-radius); background-color: var(--slider-head-card-bg); box-shadow: var(--slider-head-card-shadow); } .rpi-content .rpi-card-inner { border: var(--card-br); border-color: var(--card-br-color); border-radius: var(--card-radius); background-color: var(--card-bg); box-shadow: var(--card-shadow); } .rpi-bubble__inner.rpi-bubble__inner_up { border-top-width: 0; } .rpi-bubble__inner.rpi-bubble__inner_down { border-bottom-width: 0; } .rpi-slider .rpi-bubble__inner.rpi-bubble__inner_up { margin-top: 0; } .rpi-slider .rpi-bubble__inner.rpi-bubble__inner_down { margin-bottom: 0; } .rpi-bubble__inner::after, .rpi-bubble__inner::before { content: ""; position: absolute; display: block; height: var(--card-radius, 4px); background-color: inherit; } .rpi-bubble__inner::before { left: 0; width: var(--bubble-width-before); } .rpi-bubble__inner::after { right: 0; width: var(--bubble-width-after); } .rpi-bubble__inner_up::after, .rpi-bubble__inner_up::before { top: 0; border-top: 1px solid #ccc; border-color: inherit; } .rpi-bubble__inner_up::before { border-top-left-radius: inherit; } .rpi-bubble__inner_up::after { border-top-right-radius: inherit; } .rpi-bubble__inner_down::after, .rpi-bubble__inner_down::before { bottom: 0; border-bottom: 1px solid #ccc; border-color: inherit; } .rpi-bubble__inner_down::before { border-bottom-left-radius: inherit; } .rpi-bubble__inner_down::after { border-bottom-right-radius: inherit; } .rpi-card-inner i { display: none; } .rpi-triangle { position: absolute; left: var(--triangle-left); width: var(--bubble-size); height: var(--bubble-size); background-color: inherit; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .rpi-triangle.rpi-triangle_up { display: block; top: calc(var(--bubble-size) / -2); } .rpi-triangle__br_up { border-top: 1px solid; border-left: 1px solid; border-color: inherit; } .rpi-triangle.rpi-triangle_down { display: block; bottom: calc(var(--bubble-size) / -2); } .rpi-triangle__br_down { border-right: 1px solid; border-bottom: 1px solid; border-color: inherit; } .rpi-avaborder-up { padding-left: var(--avaborder-padding-left); padding-top: var(--center-avaborder-padding, 0); } .rpi-avaborder-up div.rpi-flex { margin-left: var(--avaborder-margin-left); margin-top: var(--center-avaborder-margin, 0); } .rpi-avaborder-down { --flex-direction: var(--center-avaborder-flex-direction, row); padding-left: var(--avaborder-padding-left); padding-bottom: var(--center-avaborder-padding, 0); } .rpi-avaborder-down div.rpi-flex { margin-left: var(--avaborder-margin-left); margin-bottom: var(--center-avaborder-margin, 0); } .rpi-col-xs { -ms-flex-wrap: wrap; flex-wrap: wrap; } .rpi-card.rpi-card_block { --col: 1 !important; --gap: 1 !important; } .rpi-col-x .rpi-header_row+.rpi-content_row .rpi-card, .rpi-col-xs .rpi-card, .rpi-col-xs .rpi-content_row, .rpi-col-xs .rpi-header_row, .rpi-content, .rpi-header { --col: 1; --gap: 0; } .rpi-col-xl .rpi-header_row+.rpi-content_row { --col: 1.2; --gap: 1; } .rpi-col-l .rpi-header_row+.rpi-content_row { --col: 1.25; --gap: 1; } .rpi-col-m .rpi-header_row+.rpi-content_row { --col: 1.333333; --gap: 1; } .rpi-col-s .rpi-header_row+.rpi-content_row { --col: 1.5; --gap: 1; } .rpi-col-s .rpi-header_row+.rpi-content_row .rpi-card, .rpi-col-x .rpi-card, .rpi-col-x .rpi-header_row, .rpi-col-x .rpi-header_row+.rpi-content_row { --col: 2; --gap: 1; } .rpi-col-m .rpi-header_row+.rpi-content_row .rpi-card, .rpi-col-s .rpi-card, .rpi-col-s .rpi-header_row { --col: 3; --gap: 2; } .rpi-col-l .rpi-card, .rpi-col-m .rpi-card, .rpi-col-m .rpi-header_row { --col: 4; --gap: 3; } .rpi-col-l .rpi-header_row, .rpi-col-xl .rpi-card { --col: 5; --gap: 4; } .rpi-col-xl .rpi-header_row { --col: 6; --gap: 5; } .rpi-content_row, .rpi-grid .rpi-card, .rpi-header_row { -ms-flex: 1 0 calc(( 100% - var(--card-gap) * var(--gap) ) / var(--col)); flex: 1 0 calc(( 100% - var(--card-gap) * var(--gap) ) / var(--col)); width: calc(( 100% - var(--card-gap) * var(--gap) ) / var(--col)); } .rpi-slider .rpi-card { -ms-flex: 1 0 calc(( 100% - ( var(--slider-card-gap) ) * var(--gap) ) / var(--col)); flex: 1 0 calc(( 100% - ( var(--slider-card-gap) ) * var(--gap) ) / var(--col)); width: calc(( 100% - ( var(--slider-card-gap) ) * var(--gap) ) / var(--col)); } .rpi-slider .rpi-content, .rpi-slider .rpi-header { -ms-flex: 1 0 calc(( 100% - var(--slider-card-gap) ) / var(--col, 1)); flex: 1 0 calc(( 100% - var(--slider-card-gap) ) / var(--col, 1)); width: calc(( 100% - var(--slider-card-gap) ) / var(--col, 1)); } .rpi-content_top, .rpi-header_top { -ms-flex: 1 0 100%; flex: 1 0 100%; width: 100%; } .rpi .rpi-badge, .rpi .rpi-header { --rpi-star-size: var(--head-star-size, var(--star-size, 22px)); --rpi-star-color: var(--head-star-color, var(--star-color)); } .rpi .rpi-content { --rpi-star-size: var(--star-size, 20px); --rpi-star-color: var(--star-color); } .rpi .rpi-badge { --rpi-star-size: var(--badge-star-size, 18px); } .rpi .rpi-tag { --star-align-self: center; --rpi-star-size: var(--tag-star-size, 16px); } .rpi-cnt, .rpi-slider-btn { display: flex; flex-wrap: wrap; align-items: center; } .rpi-content, .rpi-header { min-width: 0; } .rpi-header .rpi-card { font-size: var(--head-fs); } .rpi-header .rpi-flex { --star-align-self: var(--head-flex-text-align, auto); --flex-align-items: var(--head-flex-text-align, start); --head-justify-content: var(--head-flex-text-align, start); flex: 1 0 60%; overflow: visible; text-align: var(--head-flex-text-align, start); flex-direction: var(--head-flex-direction, row); } .rpi-slider .rpi-header .rpi-flex { --star-align-self: var(--slider-head-flex-text-align, auto); text-align: var(--slider-head-flex-text-align, start); align-items: var(--slider-head-flex-text-align, start); } .rpi-header .rpi-info { flex: 1 0 calc(100% - var(--img-size) - var(--card-padding)); line-height: 1.4; text-wrap: wrap; overflow: hidden; } .rpi-based { display: flex; gap: 4px; align-items: center; justify-content: var(--slider-head-flex-text-align, var(--head-flex-text-align, start)); } .rpi-header .rpi-name, .rpi-header .rpi-scale { justify-content: var(--slider-head-flex-text-align, var(--head-flex-text-align, start)); font-size: var(--head-text-fs); font-weight: 700; color: var(--head-scale-color, #154fc1); white-space: normal; vertical-align: middle; } .rpi-based { flex-wrap: wrap; font-size: var(--head-based-fs); color: var(--head-based-color, #777); } .rpi-info { display: flex; flex-direction: column; flex-wrap: wrap; } .rpi-content .rpi-info { overflow: hidden; } .rpi-name { display: flex !important; gap: 4px; align-items: center; justify-content: var(--flex-text-align, start); color: var(--name-color); font-size: var(--name-fs); font-weight: var(--name-weight, normal); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; line-height: var(--rev-text-lh); } a.rpi-name { color: var(--name-color) !important; } .rpi-time { color: var(--time-color); font-size: var(--rev-time-fs); white-space: nowrap; line-height: var(--rev-text-lh); } .rpi-time+.rpi-stars { margin-top: 2px; } .rpi-body { --star-align-self: var(--text-align, start); position: relative; display: flex; gap: var(--body-gap); flex-direction: column; align-items: var(--text-align, start); } .rpi-text { --text-height: var(--text-height-auto, calc(var(--text-lines) * var(--text-line-height))); display: -webkit-box; width: 100%; max-height: var(--text-height); font-size: var(--text-fs); text-align: var(--text-align, start); line-height: var(--text-line-height); overflow: auto; overflow-x: hidden; -webkit-line-clamp: inherit; -webkit-box-orient: vertical; } @supports (-webkit-touch-callout:none) { .rpi-text { display: flex; flex-direction: column; -webkit-line-clamp: initial; -webkit-box-orient: initial; min-height: 0; } } .rpi-text [class^=rpi-star] { display: inline-block; margin-right: 6px; } [dir=rtl] .rpi-text { display: block; } .rpi-media { display: block; max-height: var(--media-height); overflow: hidden; text-align: var(--rev-txtalgn, start); } .rpi-thumb { position: relative; display: inline-block; width: var(--media-height); height: var(--media-height); margin-right: 4px; overflow: hidden; border-radius: 4px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .rpi-reply { display: block; color: var(--time-color); font-size: 14px; line-height: var(--text-line-height); max-height: var(--reply-height); margin: 0 0 0 var(--reply-margin); padding: 0 0 0 var(--reply-padding); overflow-y: auto; overflow-x: hidden; border-left: 1px solid #999; text-align: var(--rev-txtalgn, start); } .rpi-reply b { margin: 0 4px 0 0; } .rpi-content .rpi-url { display: inline-block; padding: 8px !important; color: var(--morev-color, #333) !important; } .rpi-sh .rpi-text { height: var(--text-height); } .rpi-sh .rpi-body:has(.rpi-media) .rpi-text { --text-media-height: calc(var(--text-height) - var(--media-height)); height: var(--text-media-height); } .rpi-sh .rpi-body:has(.rpi-reply) .rpi-text { height: calc(var(--text-media-height, var(--text-height)) - var(--reply-height)); } .rpi-sh .rpi-text:not(:empty):last-child { margin-bottom: var(--body-gap); } .rpi-sh .rpi-reply { height: var(--reply-height); } .rpi-grid, .rpi-list { align-items: start; } .rpi-grid, .rpi-grid .rpi-cards, .rpi-list, .rpi-list .rpi-cards { gap: var(--card-gap); } .rpi-list .rpi-body:empty { margin-top: 0; margin-bottom: 0; } .rpi-slider { gap: var(--slider-card-gap); } .rpi-slider .rpi-content { position: relative; display: flex; width: 100%; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: center; } .rpi-slider .rpi-cards { gap: var(--slider-card-gap); } .rpi-slider .rpi-header_top.rpi-header_pad, .rpi-slider.rpi-col-xs .rpi-header.rpi-header_pad { padding: 0 var(--slider-btn) !important; } .rpi-slider .rpi-content .rpi-cards { position: relative; display: flex; flex: 1; width: 100%; overflow-x: scroll; flex-wrap: nowrap; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .rpi-slider .rpi-content .rpi-cards::-webkit-scrollbar { display: none; } .rpi-slider .rpi-card { scroll-snap-align: start; } .rpi-slider .rpi-card-inner { margin: var(--slider-card-margin); } .rpi-slider-btn { gap: .5em; flex: 1 0 var(--btn-flex-size, 40%); align-self: var(--align-self, center); justify-content: var(--btn-justify-content, end); } @container header (width < 480px) {} .rpi-review_us { display: inline-block; color: var(--head-btn-txt-color, #fff); font-size: var(--head-btn-fs); outline: 0; line-height: 16px; border-radius: 27px; background-color: var(--head-btn-color, #0a6cff); white-space: nowrap; user-select: none; text-decoration: none; vertical-align: middle; } .rpi-review_us:last-child { margin-right: 0; } .rpi-review_us:hover { color: #fff; background: #1f67e7; } .rpi-review_us:active { color: #fff; background: #0a6cff; } .rpi-review_us a, .rpi-review_us[onclick] { display: flex; align-items: center; gap: 4px; padding: 5px 8px !important; } .rpi-tag { position: fixed; left: 0; bottom: 0; padding: 16px; font-size: var(--tag-fs); max-width: none; z-index: 2147482999; } .rpi-tag.right { left: auto; right: 16px; } .rpi-tag.embed { display: inline-block; position: relative; padding: 0; z-index: auto; } .rpi-tag-cnt { display: flex; position: relative; align-items: center; justify-content: center; gap: var(--tag-gap, 4px); outline-width: 0; overflow: visible; padding: 8px 12px; cursor: pointer; color: #333; font-weight: 400; line-height: 18px; border: none; border-radius: 32px; background-color: var(--tag-bg); box-shadow: 0 3px 6px rgba(0, 0, 0, 16%), 0 1px 2px rgba(0, 0, 0, 23%); user-select: none; transition: all .2s ease-in-out; } .rpi-tag.push .rpi-tag-cnt:hover { transform: translate(0, -2px) !important; } .rpi-tag .rpi-logo::before { width: var(--tag-logo-size, 14px); height: var(--tag-logo-size, 14px); } .rpi-tag .rpi-stars { white-space: nowrap; overflow: hidden; transition: all .2s ease-in-out; } .rpi-tag.expand .rpi-stars { width: 0; } .rpi-tag.expand:hover .rpi-stars { width: 115px; } .rpi-tag-text { margin: 0 0 0 12px; line-height: 1.7em; white-space: nowrap; color: var(--tag-text-color); font-size: var(--tag-star-size); } .rpi-tag .rpi-sb { --sb-left: auto; --sb-right: 0; } .rpi-sb { --sbh-height: 0px; --sbf-height: 0px; position: fixed; display: none; width: 0; height: calc(100% - var(--sb-top-offset, 60px)); left: var(--sb-left, 20px); right: var(--sb-right, 20px); bottom: var(--sb-bottom, 20px); overflow: hidden; z-index: 2147483000; opacity: 0; border-radius: var(--sb-border-radius, 8px); box-shadow: #bdbdbd 0 2px 10px 0; transition: width .3s ease-in-out, opacity .3s ease-in-out; } .rpi-sb.rpi-left { left: 0; } @media (max-width:460px) { .rpi-sb, .rpi-sbci, .rpi-sbhi { width: 100% !important; } } .rpi-sb .rpi { min-width: 330px; } .rpi-sb[data-layout=list] .rpi { --card-gap: 0; --card-bg: none; --text-lines: auto; --head-card-bg: none; } .rpi-sbb { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; background: rgba(250, 250, 251, .98); border-left: 1px solid #dadee2; box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08); z-index: 2147483000; } .rpi-sbc { position: absolute; top: calc(0px + var(--sbh-height, 0px)); right: 0; bottom: 0; width: 100%; height: calc(100% - var(--sbh-height, 0) - var(--sbf-height, 0)); overflow: hidden; overflow-y: auto; z-index: 2147483001; -webkit-transform: translateZ(0); } .rpi-sbci, .rpi-sbhi { position: relative; margin: 0; padding: 0; width: 358px; min-height: 100%; } .rpi-sbf, .rpi-sbh { position: absolute; right: 0; width: 100%; margin: 0; padding: 0; overflow: hidden; z-index: 2147483002; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12); box-sizing: border-box; } .rpi-sbh { top: 0; height: var(--sbh-height, 0); } .rpi-sbf { display: flex; align-items: center; justify-content: space-around; bottom: 0; height: var(--sbf-height, 0); } .rpi-sbf label { cursor: pointer; } :root { --star-gap: 2px; --rpi-star-size: 20px; --rpi-star-color: #fb8e28; --rpi-star-empty-color: #ccc; --rpi-icon-scale-google: 1; --rpi-icon-scale-yelp: .92; --rpi-icon-scale-fb: 1.125; --rpi-yelp-empty-color: #ccc; --rpi-yelp-five-color: #fb433c; --rpi-yelp-four-color: #ff643d; --rpi-yelp-three-color: #ff8742; --rpi-yelp-two-color: #ffad48; --rpi-yelp-one-color: #ffcc4b; --rpi-yelp-radius: 3px; --rpi-fb-color: #fa3e3e; --rpi-fb-radius: 3px; --rpi-star-empty: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\' fill=\'none\' stroke=\'currentColor\' stroke-width=\'1.5\' stroke-linejoin=\'round\'/%3E%3C/svg%3E"); --rpi-star-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M10.7881 3.21068C11.2364 2.13274 12.7635 2.13273 13.2118 3.21068L15.2938 8.2164L20.6979 8.64964C21.8616 8.74293 22.3335 10.1952 21.4469 10.9547L17.3295 14.4817L18.5874 19.7551C18.8583 20.8908 17.6229 21.7883 16.6266 21.1798L11.9999 18.3538L7.37329 21.1798C6.37697 21.7883 5.14158 20.8908 5.41246 19.7551L6.67038 14.4817L2.55303 10.9547C1.66639 10.1952 2.13826 8.74293 3.302 8.64964L8.70609 8.2164L10.7881 3.21068Z\'/%3E%3C/svg%3E"); } .rpi-stars .rpi-star { display: none !important; } .rpi-star, .rpi-stars-tripadvisor, .rpi-stars-yelp { display: var(--flx, flex); align-items: center; gap: var(--gap, 4px); text-align: start; z-index: 9; } .rpi-star[data-rating]:empty::before { content: attr(data-rating); color: var(--rpi-rating-color, var(--rpi-star-color)); font-size: var(--head-grade-fs, 18px); font-weight: var(--head-grade-weight, 900); } .rpi-star i { padding: 0 2px; cursor: pointer !important; background-color: var(--rpi-star-empty-color); } .rpi-star[data-rating="1"] i:nth-child(-n+1), .rpi-star[data-rating="2"] i:nth-child(-n+2), .rpi-star[data-rating="3"] i:nth-child(-n+3), .rpi-star[data-rating="4"] i:nth-child(-n+4), .rpi-star[data-rating="5"] i:nth-child(-n+5) { background-color: var(--rpi-star-color); } .rpi-star:hover i { background-color: var(--rpi-star-color) !important; } .rpi-star i:hover~i { background-color: var(--rpi-star-empty-color) !important; } .rpi-star i, .rpi-star[data-rating]:empty::after { content: ""; width: var(--rpi-star-size) !important; height: var(--rpi-star-size) !important; -webkit-mask-image: var(--rpi-star-mask) !important; -webkit-mask-repeat: no-repeat !important; -webkit-mask-position: center !important; -webkit-mask-size: contain !important; mask-image: var(--rpi-star-mask) !important; mask-repeat: no-repeat !important; mask-position: center !important; mask-size: contain !important; } .rpi-star[data-rating]:empty::after { background-color: var(--rpi-star-color); } .rpi-star+.rpi-stars { --stars-offset: 1; --stars: calc(var(--stars-max) - var(--stars-offset)); } .rpi-stars { --star-size: var(--rpi-star-size, 18px); --star-color: var(--rpi-star-color); --empty: var(--rpi-star-empty); --mask: var(--rpi-star-mask); --stars: 5; --icon-scale: 1; --rating-scale: .8; --gap: var(--star-gap, 2px); --stars-w: calc(var(--stars) * ( var(--star-size) + var(--star-gap) )); --fill: calc(( var(--rating) / var(--stars) ) * 100%); --bg-size: calc(var(--star-size) * var(--icon-scale)); --bg-size-x: calc(var(--bg-size) + var(--star-gap)); position: relative !important; display: inline-flex !important; align-items: center !important; align-self: var(--star-align-self, start) !important; width: max-content !important; height: var(--star-size) !important; font-size: calc(var(--star-size) * var(--rating-scale)) !important; font-weight: 900 !important; color: var(--rpi-rating-color, var(--star-color)) !important; white-space: nowrap !important; vertical-align: middle !important; padding-right: calc(var(--stars-w) + var(--gap)) !important; } .rpi-stars:empty { --gap: calc(-1 * ( var(--star-gap) / 2 + 1px )); } .rpi-stars::before { content: "" !important; position: absolute !important; top: 50% !important; right: 0 !important; width: var(--stars-w) !important; height: var(--star-size) !important; transform: translateY(-50%) !important; background-color: var(--star-color) !important; -webkit-mask-image: var(--empty) !important; -webkit-mask-repeat: repeat-x !important; -webkit-mask-position: left center !important; -webkit-mask-size: var(--bg-size-x) var(--bg-size) !important; mask-image: var(--empty) !important; mask-repeat: repeat-x !important; mask-position: left center !important; mask-size: var(--bg-size-x) var(--bg-size) !important; } .rpi-stars::after { content: "" !important; position: absolute !important; top: 50% !important; right: 0 !important; width: var(--stars-w) !important; height: var(--star-size) !important; transform: translateY(-50%) !important; background-color: var(--star-color) !important; -webkit-mask-image: var(--mask) !important; -webkit-mask-repeat: repeat-x !important; -webkit-mask-position: left center !important; -webkit-mask-size: var(--bg-size-x) var(--bg-size) !important; mask-image: var(--mask) !important; mask-repeat: repeat-x !important; mask-position: left center !important; mask-size: var(--bg-size-x) var(--bg-size) !important; clip-path: inset(0 calc(100% - var(--fill)) 0 0) !important; } .rpi-stars-yelp { --icon-scale: var(--rpi-icon-scale-yelp); --empty-color: var(--rpi-yelp-empty-color); --five-color: var(--rpi-yelp-five-color); --four-color: var(--rpi-yelp-four-color); --three-color: var(--rpi-yelp-three-color); --two-color: var(--rpi-yelp-two-color); --one-color: var(--rpi-yelp-one-color); --star-size: var(--rpi-star-size); --rating: 0; --gap: 4px; --radius: var(--rpi-yelp-radius); display: inline-flex !important; gap: var(--gap) !important; line-height: 0 !important; vertical-align: top !important; } .rpi-stars-yelp i { position: relative !important; display: inline-block !important; font-style: normal !important; flex: 0 0 auto !important; width: var(--star-size) !important; height: var(--star-size) !important; border-radius: var(--radius) !important; background-color: var(--empty-color) !important; background-image: linear-gradient(90deg, var(--star-color) 0 calc(var(--fill, 0) * 1%), transparent calc(var(--fill, 0) * 1%)) !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; box-sizing: border-box !important; } .rpi-stars-yelp i::after { content: "" !important; position: absolute !important; inset: 0 !important; background-color: #fff !important; -webkit-mask-image: var(--rpi-star-mask) !important; -webkit-mask-repeat: no-repeat !important; -webkit-mask-size: calc(70% / var(--icon-scale)) calc(70% / var(--icon-scale)) !important; -webkit-mask-position: center !important; mask-image: var(--rpi-star-mask) !important; mask-repeat: no-repeat !important; mask-size: calc(70% / var(--icon-scale)) calc(70% / var(--icon-scale)) !important; mask-position: center !important; } .rpi-stars-yelp, .rpi-stars-yelp[data-rating]::before { content: attr(data-rating); color: var(--rpi-rating-color, var(--star-color)); font-size: var(--head-grade-fs, 18px); font-weight: var(--head-grade-weight, 900); } .rpi-stars-yelp i:first-child { --fill: clamp(0, (var(--rating) - 0) * 100, 100); } .rpi-stars-yelp i:nth-child(2) { --fill: clamp(0, (var(--rating) - 1) * 100, 100); } .rpi-stars-yelp i:nth-child(3) { --fill: clamp(0, (var(--rating) - 2) * 100, 100); } .rpi-stars-yelp i:nth-child(4) { --fill: clamp(0, (var(--rating) - 3) * 100, 100); } .rpi-stars-yelp i:nth-child(5) { --fill: clamp(0, (var(--rating) - 4) * 100, 100); } .rpi-stars-yelp[data-stars^="1"] { --rating: 1.5; --star-color: var(--one-color); } .rpi-stars-yelp[data-stars="1"] { --rating: 1; } .rpi-stars-yelp[data-stars^="2"] { --rating: 2.5; --star-color: var(--two-color); } .rpi-stars-yelp[data-stars="2"] { --rating: 2; } .rpi-stars-yelp[data-stars^="3"] { --rating: 3.5; --star-color: var(--three-color); } .rpi-stars-yelp[data-stars="3"] { --rating: 3; } .rpi-stars-yelp[data-stars^="4"] { --rating: 4.5; --star-color: var(--four-color); } .rpi-stars-yelp[data-stars="4"] { --rating: 4; } .rpi-stars-yelp[data-stars^="5"] { --rating: 5; --star-color: var(--five-color); } .rpi-stars-tripadvisor { --empty-color: #fff; --border-color: #5ba672; --fill-color: #5ba672; --rpi-dot-size: var(--rpi-star-size); --rating: 0; --gap: 4px; --border: 3px; display: inline-flex !important; gap: var(--gap) !important; line-height: 0 !important; vertical-align: top !important; } .rpi-stars-tripadvisor i { width: var(--rpi-dot-size) !important; height: var(--rpi-dot-size) !important; display: inline-block !important; position: relative !important; flex: 0 0 auto !important; box-sizing: border-box !important; border-radius: 999px !important; border: var(--border) solid var(--border-color) !important; background-color: var(--empty-color) !important; background-image: linear-gradient(90deg, var(--fill-color) 0 calc(var(--fill, 0) * 1%), transparent calc(var(--fill, 0) * 1%)) !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; } .rpi-stars-tripadvisor, .rpi-stars-tripadvisor[data-rating]::before { content: attr(data-rating); color: var(--rpi-rating-color, var(--fill-color)); font-size: var(--head-grade-fs, 18px); font-weight: var(--head-grade-weight, 900); } .rpi-stars-tripadvisor i:first-child { --fill: clamp(0, (var(--rating) - 0) * 100, 100); } .rpi-stars-tripadvisor i:nth-child(2) { --fill: clamp(0, (var(--rating) - 1) * 100, 100); } .rpi-stars-tripadvisor i:nth-child(3) { --fill: clamp(0, (var(--rating) - 2) * 100, 100); } .rpi-stars-tripadvisor i:nth-child(4) { --fill: clamp(0, (var(--rating) - 3) * 100, 100); } .rpi-stars-tripadvisor i:nth-child(5) { --fill: clamp(0, (var(--rating) - 4) * 100, 100); } .rpi-stars-tripadvisor[data-stars^="1"] { --rating: 1.5; } .rpi-stars-tripadvisor[data-stars="1"] { --rating: 1; } .rpi-stars-tripadvisor[data-stars^="2"] { --rating: 2.5; } .rpi-stars-tripadvisor[data-stars="2"] { --rating: 2; } .rpi-stars-tripadvisor[data-stars^="3"] { --rating: 3.5; } .rpi-stars-tripadvisor[data-stars="3"] { --rating: 3; } .rpi-stars-tripadvisor[data-stars^="4"] { --rating: 4.5; } .rpi-stars-tripadvisor[data-stars="4"] { --rating: 4; } .rpi-stars-tripadvisor[data-stars^="5"] { --rating: 5; } .rpi-star-fb { --icon-scale: var(--rpi-icon-scale-fb); --size: var(--rpi-star-size, 18px); --color: var(--rpi-fb-color, #fa3e3e); --radius: var(--rpi-fb-radius, 3px); --tail-w: calc(var(--size) / 3); --tail-h: calc(var(--size) / 3.6); --tail-offset: calc(var(--size) / 4.5); --tail-overlap: 1px; --gap: .25em; --label-scale: .85; --fb-star: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M10.7881 3.21068C11.2364 2.13274 12.7635 2.13273 13.2118 3.21068L15.2938 8.2164L20.6979 8.64964C21.8616 8.74293 22.3335 10.1952 21.4469 10.9547L17.3295 14.4817L18.5874 19.7551C18.8583 20.8908 17.6229 21.7883 16.6266 21.1798L11.9999 18.3538L7.37329 21.1798C6.37697 21.7883 5.14158 20.8908 5.41246 19.7551L6.67038 14.4817L2.55303 10.9547C1.66639 10.1952 2.13826 8.74293 3.302 8.64964L8.70609 8.2164L10.7881 3.21068Z\' fill=\'%23fff\'/%3E%3C/svg%3E"); position: relative !important; display: inline-flex !important; align-items: center; align-self: var(--star-align-self, start); height: var(--size) !important; width: max-content !important; white-space: nowrap !important; font-size: calc(var(--size) * var(--label-scale)) !important; line-height: 1 !important; padding-left: calc(var(--size) + var(--gap)) !important; text-shadow: .015em 0 0 currentColor; } .rpi-star-fb::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: var(--size) !important; height: var(--size) !important; background-color: var(--color) !important; border-radius: var(--radius) !important; background-image: var(--fb-star) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: calc(70% / var(--icon-scale)) calc(70% / var(--icon-scale)) !important; } .rpi-star-fb::after { content: "" !important; position: absolute !important; left: var(--tail-offset) !important; top: 50% !important; width: 0 !important; height: 0 !important; transform: translateY(calc(var(--size) / 2 - var(--tail-overlap))) !important; border-top: var(--tail-h) solid var(--color) !important; border-right: var(--tail-w) solid transparent !important; } .rpi-star-fb[data-rating="1"] { --color: #ccc; } :root { --rpi-logo-g: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\'%3E%3Cpath d=\'M482.56 261.36c0-16.73-1.5-32.83-4.29-48.27H256v91.29h127.01c-5.47 29.5-22.1 54.49-47.09 71.23v59.21h76.27c44.63-41.09 70.37-101.59 70.37-173.46z\' fill=\'%234285f4\'/%3E%3Cpath d=\'M256 492c63.72 0 117.14-21.13 156.19-57.18l-76.27-59.21c-21.13 14.16-48.17 22.53-79.92 22.53-61.47 0-113.49-41.51-132.05-97.3H45.1v61.15c38.83 77.13 118.64 130.01 210.9 130.01z\' fill=\'%2334a853\'/%3E%3Cpath d=\'M123.95 300.84c-4.72-14.16-7.4-29.29-7.4-44.84s2.68-30.68 7.4-44.84V150.01H45.1C29.12 181.87 20 217.92 20 256c0 38.08 9.12 74.13 25.1 105.99l78.85-61.15z\' fill=\'%23fbbc05\'/%3E%3Cpath d=\'M256 113.86c34.65 0 65.76 11.91 90.22 35.29l67.69-67.69C373.03 43.39 319.61 20 256 20c-92.25 0-172.07 52.89-210.9 130.01l78.85 61.15c18.56-55.78 70.59-97.3 132.05-97.3z\' fill=\'%23ea4335\'/%3E%3C/svg%3E"); --rpi-logo-f: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 40 40\'%3E%3Cstyle type=\'text/css\'%3E.st0{fill:url(%23RPISVGID1);}.st1{fill:%23FFFFFF;}%3C/style%3E%3ClinearGradient id=\'RPISVGID1\' gradientUnits=\'userSpaceOnUse\'%3E%3Cstop offset=\'0\' style=\'stop-color:%230062E0\'/%3E%3Cstop offset=\'1\' style=\'stop-color:%2319AFFF\'/%3E%3C/linearGradient%3E%3Cpath class=\'st0\' d=\'M16.7,39.8C7.2,38.1,0,29.9,0,20C0,9,9,0,20,0s20,9,20,20c0,9.9-7.2,18.1-16.7,19.8l-1.1-0.9h-4.4L16.7,39.8z\'/%3E%3Cpath d=\'M27.8,25.6l0.9-5.6h-5.3v-3.9c0-1.6,0.6-2.8,3-2.8h2.6V8.2c-1.4-0.2-3-0.4-4.4-0.4c-4.6,0-7.8,2.8-7.8,7.8V20 h-5v5.6h5v14.1c1.1,0.2,2.2,0.3,3.3,0.3c1.1,0,2.2-0.1,3.3-0.3V25.6H27.8z\' class=\'st1\'/%3E%3C/svg%3E"); --rpi-logo-y: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\'%3E%3Cpath d=\'M317.119,340.347c-9.001,9.076-1.39,25.586-1.39,25.586l67.757,113.135c0,0,11.124,14.915,20.762,14.915 c9.683,0,19.246-7.952,19.246-7.952l53.567-76.567c0,0,5.395-9.658,5.52-18.12c0.193-12.034-17.947-15.33-17.947-15.33 l-126.816-40.726C337.815,335.292,325.39,331.994,317.119,340.347z M310.69,283.325c6.489,11.004,24.389,7.798,24.389,7.798 l126.532-36.982c0,0,17.242-7.014,19.704-16.363c2.415-9.352-2.845-20.637-2.845-20.637l-60.468-71.225 c0,0-5.24-9.006-16.113-9.912c-11.989-1.021-19.366,13.489-19.366,13.489l-71.494,112.505 C311.029,261.999,304.709,273.203,310.69,283.325z M250.91,239.461c14.9-3.668,17.265-25.314,17.265-25.314l-1.013-180.14 c0,0-2.247-22.222-12.232-28.246c-15.661-9.501-20.303-4.541-24.79-3.876l-105.05,39.033c0,0-10.288,3.404-15.646,11.988 c-7.651,12.163,7.775,29.972,7.775,29.972l109.189,148.831C226.407,231.708,237.184,242.852,250.91,239.461z M224.967,312.363 c0.376-13.894-16.682-22.239-16.682-22.239L95.37,233.079c0,0-16.732-6.899-24.855-2.091c-6.224,3.677-11.738,10.333-12.277,16.216 l-7.354,90.528c0,0-1.103,15.685,2.963,22.821c5.758,10.128,24.703,3.074,24.703,3.074L210.37,334.49 C215.491,331.048,224.471,330.739,224.967,312.363z M257.746,361.219c-11.315-5.811-24.856,6.224-24.856,6.224l-88.265,97.17 c0,0-11.012,14.858-8.212,23.982c2.639,8.552,7.007,12.802,13.187,15.797l88.642,27.982c0,0,10.747,2.231,18.884-0.127 c11.552-3.349,9.424-21.433,9.424-21.433l2.003-131.563C268.552,379.253,268.101,366.579,257.746,361.219z\' fill=\'%23D80027\'/%3E%3C/svg%3E"); --rpi-ai: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 144 144\'%3E%3ClinearGradient id=\'a\' gradientUnits=\'userSpaceOnUse\' x1=\'45.724\' y1=\'51.844\' x2=\'110.864\' y2=\'106.764\' gradientTransform=\'matrix(1 0 0 -1 0 146)\'%3E%3Cstop offset=\'0\' style=\'stop-color:%23217bfd\'%3E%3C/stop%3E%3Cstop offset=\'.27\' style=\'stop-color:%23078eca\'%3E%3C/stop%3E%3Cstop offset=\'.777\' style=\'stop-color:%23a190fe\'%3E%3C/stop%3E%3Cstop offset=\'1\' style=\'stop-color:%23bd99fa\'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath fill=\'url(%23a)\' d=\'M143.72 71.72c-9.88 0-19-1.87-27.68-5.56-8.69-3.81-16.35-9-22.77-15.42-6.42-6.42-11.61-14.09-15.42-22.77-3.69-8.68-5.56-17.81-5.56-27.68A.29.29 0 0 0 72 0a.28.28 0 0 0-.28.28c0 9.87-1.93 19-5.74 27.68-3.69 8.69-8.82 16.35-15.24 22.77-6.42 6.42-14.09 11.61-22.77 15.42-8.68 3.69-17.81 5.56-27.69 5.56-.15.01-.28.14-.28.29 0 .16.13.28.28.28 9.87 0 19 1.93 27.69 5.74 8.69 3.69 16.35 8.82 22.77 15.24 6.42 6.43 11.55 14.09 15.24 22.78 3.81 8.68 5.74 17.8 5.74 27.68a.28.28 0 1 0 .56 0c0-9.88 1.87-19 5.56-27.68 3.81-8.69 9-16.35 15.42-22.78 6.42-6.42 14.08-11.55 22.77-15.24 8.68-3.81 17.81-5.74 27.68-5.74.16 0 .28-.13.28-.28a.271.271 0 0 0-.27-.28z\'%3E%3C/path%3E%3C/svg%3E"); } .rpi button { all: revert !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; border-radius: 0 !important; line-height: 1 !important; font: inherit !important; color: inherit !important; text-align: center !important; cursor: pointer !important; border: 0 !important; background: 0 0 !important; appearance: none !important; -webkit-appearance: none !important; user-select: none !important; } .rpi button:focus { outline: 0 !important; } .rpi button:focus-visible { outline: 2px solid currentColor !important; outline-offset: 2px !important; } .rpi-x { position: absolute; top: var(--x-top, 6px) !important; right: var(--x-right, 8px) !important; display: flex !important; align-items: center; justify-content: center; width: var(--x-width, 20px) !important; height: var(--x-height, 20px) !important; cursor: pointer; opacity: var(--x-opacity, .65); border-radius: 50%; background-color: var(--x-bg, #fafafa); z-index: 2147483003; } .rpi-x:hover { opacity: 1; } .rpi-x::after, .rpi-x::before { content: ""; position: absolute; display: block; width: var(--x-line-width, 12px); height: var(--x-line-height, 1px); border-radius: 2px; background-color: var(--x-color, #373737); } .rpi-x::before { transform: rotate(45deg); } .rpi-x::after { transform: rotate(-45deg); } .rpi-x.rpi-xa::before { --x-line-width: 7px; --x-line-height: 7px; top: 4px; border-radius: 0; border-right: 1px solid #373737; border-bottom: 1px solid #373737; background-color: transparent; } .rpi-x.rpi-xa::after { content: none; } .rpi-bubble:after { content: ""; position: absolute; top: -8px; left: 16px; bottom: auto; border-style: solid; border-width: 0 8px 8px; border-color: #fff transparent; } .rpi-fade { -webkit-transition: opacity 150ms ease, -webkit-transform 150ms ease; transition: opacity 150ms ease, -webkit-transform 150ms ease; transition: transform 150ms ease, opacity 150ms ease; transition: transform 150ms ease, opacity 150ms ease, -webkit-transform 150ms ease; } .rpi-lightbox-wrap { --x-top: 15px; --x-right: 15px; --x-bg: none; --x-color: #ececec; --x-line-width: 25px; --x-line-height: 3px; --x-opacity: 1; } .rpi-lightbox { --x-top: 15px; --x-right: 15px; --x-bg: none; --x-color: #ececec; --x-line-width: 25px; --x-line-height: 3px; --x-opacity: 1; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; height: 100%; max-width: 100%; color: #333; text-align: left; z-index: 2147483003; user-select: none; background-color: rgba(0, 0, 0, .6); transition: all .3s ease-out; } .rpi-lightbox-inner { width: 95%; max-width: 1200px; height: 100%; max-height: calc(100vh - 80px); max-height: calc(100dvh - 80px); } @supports (container-type:inline-size) { .rpi-lightbox-xxx { container-name: lightbox; container-type: inline-size; } } .rpi-lightbox-xxx { position: relative; height: 100%; border: none; overflow: auto; border-radius: 4px; -webkit-overflow-scrolling: touch; } .rpi-lightbox-content { position: relative; display: flex; flex-direction: row; justify-content: flex-start; color: #000; height: 100%; flex-direction: row; border-radius: 4px; background-color: #fff; } .rpi-lightbox-media { position: relative; display: flex; justify-content: center; flex: 2; align-items: center; width: 100%; height: 100%; overflow: hidden; padding-bottom: 0; background-color: #000; } .rpi-lightbox-btn { position: absolute; display: flex; width: 30px; height: 30px; font-size: 36px; line-height: 22px; justify-content: center; z-index: 1; cursor: pointer; border-radius: 50%; background-color: rgba(214, 214, 214, .7); transition: background .3s ease-in-out; } .rpi-lightbox-btn:hover { background: #e1e1e1; } .rpi-lightbox-prev { left: 8px; } .rpi-lightbox-next { right: 8px; } .rpi-lightbox-prev::before { content: "‹"; } .rpi-lightbox-next::before { content: "›"; } .rpi-lightbox-media img { position: relative; display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; opacity: 1; object-fit: contain; border-radius: inherit; transition: opacity .3s ease-in-out; } .rpi-lightbox-review { display: flex; flex-direction: column; flex: 1; height: 100%; font-size: 15px; color: #000; padding: 0; } @supports (container-type:inline-size) { @container lightbox (width < 480px) {} } @media (max-width:480px) { .rpi-lightbox-xxx .rpi-lightbox-content { flex-direction: column; } } :root { --rpi-lt: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'currentColor\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3E%3Cpath d=\'m15 18-6-6 6-6\'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain; --rpi-gt: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'currentColor\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3E%3Cpath d=\'m9 18 6-6-6-6\'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain; } .rpi { --slider-btn-size: 16px; --slider-btn-bg: var(--card-bg, #f5f5f5); --slider-btn-color: #777; --slider-btn-padding: calc(var(--slider-btn-size) / 2); --slider-btn-bw: 1px; --slider-btn-bc: #ccc; --slider-btn-fs: calc(var(--slider-btn-size) + var(--slider-btn-bw)); --slider-btn-shadow: 0 2px 6px rgba(0, 0, 0, .15); --slider-btn-full: calc(var(--slider-btn-size) + ( var(--slider-btn-padding) * 2 ) + ( var(--slider-btn-bw) * 2 )); --slider-btn-offset: 0px; --slider-btn-out: calc(var(--slider-btn-full) / 2); --slider-btn-pos: calc(var(--slider-btn-out) + var(--slider-btn-offset)); --slider-offset: calc(var(--slider-btn-out)); } .rpi .rpi-slides { display: flex !important; flex: 1 !important; gap: var(--slider-gap, var(--card-gap, 8px)) !important; flex-wrap: nowrap !important; overflow: hidden !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scroll-behavior: var(--rpi-slider-behavior, smooth) !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .rpi .rpi-slides::-webkit-scrollbar { display: none !important; } .rpi .rpi-slide { overflow: hidden !important; padding: 4px 3px !important; scroll-snap-align: start !important; transition: transform .5s !important; } .rpi .rpi-slides-bite { --offset: var(--slides-bite-offset, 6px); --alpha: .2px; --shift: var(--slider-btn-offset); --radius: calc(var(--slider-btn-out) + var(--offset)); -webkit-mask: var(--slider-bite, radial-gradient(circle var(--radius) at calc(0% - var(--shift)) 50%, transparent 0, transparent calc(var(--radius) - var(--alpha)), #000 calc(var(--radius) + var(--alpha))), radial-gradient(circle var(--radius) at calc(100% + var(--shift)) 50%, transparent 0, transparent calc(var(--radius) - var(--alpha)), #000 calc(var(--radius) + var(--alpha))), linear-gradient(#000 0 0)); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; -webkit-mask-composite: source-in, source-in; margin: 0 var(--slider-offset, 0); } .rpi .rpi-ltgt { --margin: calc(-1 * var(--slider-btn-pos) + var(--slider-offset, 0px)); position: var(--slider-btn-position, absolute) !important; padding: var(--slider-btn-padding) !important; border-radius: 50% !important; border: var(--slider-btn-bw) solid var(--slider-btn-bc) !important; background-color: var(--slider-btn-bg) !important; box-shadow: var(--slider-btn-shadow) !important; transition: background-color .2s ease-in-out !important; z-index: 1 !important; } .rpi .rpi-ltgt:active { box-shadow: none !important; } .rpi .rpi-ltgt.rpi-lt { left: 0 !important; margin-left: var(--margin) !important; } .rpi .rpi-ltgt.rpi-gt { right: 0 !important; margin-right: var(--margin) !important; } .rpi-gt::after, .rpi-lt::before { position: relative !important; content: ""; display: block; width: var(--slider-btn-size); height: var(--slider-btn-size); background-color: var(--slider-btn-color); } .rpi-lt::before { -webkit-mask: var(--rpi-lt); mask: var(--rpi-lt); } .rpi-gt::after { -webkit-mask: var(--rpi-gt); mask: var(--rpi-gt); } [dir=rtl] .rpi-gt::after, [dir=rtl] .rpi-lt::before { transform: rotate(180deg); } .rpi .rpi-dots-wrap { position: absolute !important; top: calc(100% - 1px) !important; left: 0 !important; right: 0 !important; display: flex !important; justify-content: center !important; margin: 0 auto !important; padding-top: var(--slider-dot-padding-top, .5em) !important; max-width: 100% !important; width: calc(var(--slider-dots-visible) * var(--slider-dot-size) + ( var(--slider-dots-visible) - 1 ) * var(--slider-dot-gap)) !important; } .rpi .rpi-dots { display: flex; flex-wrap: nowrap; overflow-x: scroll !important; gap: var(--slider-dot-gap); scrollbar-width: none; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .rpi-dots .rpi-dot { display: inline-block !important; width: var(--slider-dot-size) !important; height: var(--slider-dot-size) !important; margin: 0 !important; padding: 0 !important; opacity: .4 !important; vertical-align: middle !important; flex: 1 0 auto !important; transform: scale(.6) !important; scroll-snap-align: center !important; border-radius: 20px !important; background-color: var(--slider-dot-color, #999) !important; } .rpi-dots .rpi-dot:hover { opacity: 1 !important; } .rpi-dots .rpi-dot.active { opacity: 1 !important; transform: scale(.95) !important; background-color: var(--slider-act-dot-color, #fb8e28) !important; } .rpi-dots .rpi-dot.s2 { transform: scale(.85) !important; } .rpi-dots .rpi-dot.s3 { transform: scale(.75) !important; } .rpi .rpi-flash { --info-gap: 6px; --card-bg: none; --text-lines: auto; } .rpi .rpi-flash { --rpi-star-size: 16px; } .rpi .rpi-flash-wrap { display: block; position: fixed; top: 100%; left: 0; width: auto; font-size: 16px; z-index: 999999999999; } .rpi .rpi-flash-wrap.rpi-flash-right { left: auto; right: 0; } .rpi .rpi-flash-content { opacity: 0; padding: 16px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; } .rpi .rpi-flash-content.rpi-flash-visible { opacity: 1; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); text-align: left; } .rpi .rpi-flash-content.rpi-flash-visible.rpi-flash-gout { opacity: .5; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; transition: opacity 150ms ease; transition: opacity 150ms ease; } .rpi .rpi-flash-card { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 400px; max-height: var(--flash-height); max-width: var(--flash-width); color: #8d8d8d; font-size: 12px; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 20px; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 20%), 0 3px 1px -2px rgba(0, 0, 0, 12%), 0 2px 2px 0 rgba(0, 0, 0, 14%); -webkit-transition: max-height .3s ease, opacity .3s ease, -webkit-transform .3s ease; transition: max-height .3s ease, opacity .3s ease, -webkit-transform .3s ease; transition: max-height .3s ease, opacity .3s ease, transform .3s ease; transition: max-height .3s ease, opacity .3s ease, transform .3s ease, -webkit-transform .3s ease; cursor: pointer; } .rpi .rpi-flash-card:hover { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 20%), 0 3px 14px 2px rgba(0, 0, 0, 12%), 0 8px 10px 1px rgba(0, 0, 0, 14%); opacity: 1; -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); transform: translate(0, -2px); } .rpi .rpi-flash-card.rpi-flash-expanded { height: 400px; max-height: 400px; } .rpi .rpi-flash .rpi-x { --x-top: 10px; --x-right: -2px; --x-width: 20px; --x-height: 20px; --x-bg: #fafafa; z-index: 3; opacity: .5; -webkit-transform: translate(0, -30px); -ms-transform: translate(0, -30px); transform: translate(0, -30px); -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, transform .2s ease; transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease; } .rpi .rpi-flash .rpi-x { opacity: 0; transform: translate(0, 0); } .rpi .rpi-flash-content:hover .rpi-x { opacity: 1; transform: translate(0, -10px); } .rpi .rpi-flash-x::after, .rpi .rpi-flash-x::before { --x-line-width: 10px; --x-line-height: 1px; --x-line-bg: #373737; } .rpi .rpi-flash-story { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 16px; z-index: 1; width: var(--flash-width); height: var(--flash-height); opacity: 1; padding: 8px 12px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .rpi .rpi-flash-story { --img-size: 16px; } .rpi .rpi-flash-expanded .rpi-flash-story { opacity: 0; } .rpi .rpi-flash .rpi-card { padding: 0 16px; } .rpi .rpi-flash .rpi-card.rpi-highlight { background: #f3f3f3; } .rpi .rpi-flash-img { --img-size: 50px; } .rpi .rpi-flash-img svg { display: inline-block; width: auto; height: auto; } .rpi .rpi-flash-body, .rpi .rpi-flash-footer, .rpi .rpi-flash-head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; } .rpi .rpi-flash-body, .rpi .rpi-flash-head { color: #333; font-size: 13px; } .rpi .rpi-flash-head { margin-bottom: 2px; } .rpi .rpi-flash-rating.rpi-star { --flx: inline-flex; --rpi-star-size: 12px; --head-grade-fs: 13px; --head-grade-weight: 300; --rpi-star-color: #ffc107; --rpi-rating-color: #333; --gap: 1px; } .rpi .rpi-flash-head .rpi-flash-name { color: #00a3ff; font-weight: 600; max-width: 55px; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .rpi .rpi-flash-footer { font-size: 11px; font-weight: 600; } .rpi .rpi-flash-form { position: absolute; left: 0; top: 0; overflow: auto; width: 100%; max-height: 100%; margin: 0; padding: 0; border-radius: 20px; opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .rpi .rpi-flash-expanded .rpi-flash-form { z-index: 2; opacity: 1; overflow-y: auto; } @media (max-width:768px) { .rpi .rpi-flash.rpi-flash-hide { visibility: hidden; } } .rpi .rpi-badge-cnt { --badge-side: 30px; --badge-down: 30px; position: var(--badge-pos, fixed); display: var(--badge-display2, var(--badge-display, inline-flex)); gap: var(--badge-gap, 16px); flex-wrap: var(--badge-wrap, wrap); align-items: var(--badge-align-items, stretch); justify-content: var(--badge-justify-content, left); flex-direction: var(--badge-direction, var(--badge-embed-direction, column)); max-width: none; align-content: var(--badge-align-content, left); } .rpi .rpi-badge-cnt.rpi-badge-block { --badge-display: flex; } .rpi .rpi-sb { --sb-left: auto; --sb-right: 0; --sb-bottom: 0; --sb-top-offset: 0px; --sbf-height: 40px; --sb-border-radius: 0; --text-height-auto: auto; --card-bg: transparent; --head-card-bg: transparent; --head-grade-fs: 1em; } .rpi .rpi-sb.rpi-sb-left { --sb-left: 0; --sb-right: auto; } .rpi .rpi-badge-left, .rpi .rpi-badge-right { bottom: var(--badge-down); z-index: 2147482999; } .rpi .rpi-badge-left { left: var(--badge-side); } .rpi .rpi-badge-right { right: var(--badge-side); } .rpi .rpi-badge-embed { --badge-pos: relative; --badge-embed-direction: row; } .rpi .rpi-badge { display: inline-block; position: relative; align-self: var(--badge-align-self, auto); justify-items: var(--badge-justify-items, left); flex: var(--badge-flex, none); text-align: left; font-family: inherit; border-radius: var(--badge-radius, 2px); border: var(--badge-border, none); border-color: var(--badge-br-color, #ccc); box-shadow: var(--badge-shadow, 0 2px 5px 0 rgba(0, 0, 0, .26)); } .rpi .rpi-badge>.rpi-x { --x-top: -6px; --x-right: -8px; --x-width: 16px; --x-height: 16px; --x-line-width: 8px; } .rpi .rpi-badge-line { display: block; width: 100%; height: 6px; background: var(--badge-line-color, #4fce6a); border-radius: var(--badge-radius, 2px) var(--badge-radius, 2px) 0 0; } .rpi .rpi-badge-body { --flex-display: flex; --flex-gap: var(--badge-body-gap, 8px); --flex-direction: row; --flex-align-items: center; --logo-size: var(--badge-logo-size, 44px); --img-size: var(--badge-logo-size, 44px); --rating-color: var(--head-rating-color, var(--rating-color)); --head-grade-fs: var(--badge-grade-fs, 1.125em); --head-grade-weight: var(--badge-grade-weight, 600); --score-gap: 5px; --stars-gap: var(--score-gap); --star-size: var(--badge-star-size, 1em); --star-color: var(--head-star-color, #fb8e28); --name-fs: var(--badge-name-fs, 14px); --name-color: var(--badge-name-color, #333); --name-weight: normal; --rev-text-lh: normal; --head-based-fs: var(--badge-based-fs, 13px); --head-based-color: var(--badge-based-color, #777); justify-self: var(--badge-body-justify-self, left); justify-content: var(--badge-body-justify-content, left); position: relative; width: 100%; color: #333; padding: 8px; z-index: 999; background: var(--badge-bg-color, #fff); border-radius: 0 0 var(--badge-radius, 2px) var(--badge-radius, 2px); transition: all .2s ease-in-out; } .rpi .rpi-badge-body.rpi-badge-clickable { cursor: pointer; user-select: none; } .rpi .rpi-badge-body.rpi-badge-clickable:hover { background: #f3f3f5; } .rpi .rpi-badge-body .rpi-info { --info-gap: var(--badge-info-gap, 3px); --flex-align-items: left; } .rpi .rpi-badge>.rpi-x { opacity: 0; border: 1px solid #ccc; z-index: 2147482999; transition: opacity .2s ease-in-out; } .rpi .rpi-badge:hover>.rpi-x { opacity: 1; } @media (max-width:768px) { .rpi .rpi-flash.rpi-flash-hide, .rpi-badge-cnt.rpi-badge-left.rpi-badge-hide, .rpi-badge-cnt.rpi-badge-right.rpi-badge-hide { display: none !important; } .rpi .rpi-badge>.rpi-x { opacity: 1 !important; } } /*# sourceURL=grw-public-main-css-inline-css */ .wp-gr, .wp-gr *, .wp-gr ::after, .wp-gr ::before { box-sizing: border-box; } .wp-gr { display: block; direction: ltr; font-size: var(--font-size, 16px); font-family: var(--font-family, inherit); font-style: normal; font-weight: 400; text-align: start; line-height: normal; overflow: visible; text-decoration: none; list-style-type: disc; box-sizing: border-box; visibility: visible !important; } .wp-gr div, .wp-gr span { margin: 0; padding: 0; color: inherit; font: inherit; line-height: normal; letter-spacing: normal; text-transform: none; text-decoration: none; border: 0; background: 0 0; } .wp-gr a { color: inherit; border: 0; text-decoration: none; background: 0 0; cursor: pointer; } .wp-gr a:focus { outline: 0; } .wp-gr a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } .wp-gr img { display: block; max-width: 100%; height: auto; margin: 0; padding: 0; border: 0; line-height: 0; vertical-align: middle; } .wp-gr i { font-style: normal; font-weight: inherit; margin: 0; padding: 0; border: 0; vertical-align: middle; background: 0 0; } .wp-gr svg { display: inline-block; width: auto; height: auto; vertical-align: middle; overflow: visible; } .wp-gr svg use { opacity: 1; visibility: visible; } .wp-gr { --card-gap: 4px; --rev-gap: 4px; --img-size: 46px; --media-gap: 8px; --media-size: 40px; --media-lines: 2; --color: #fb8e28; --rev-color: #f4f4f4; --rpi-star-color: var(--star-color, var(--color)); --slider-dot-size: 8px; --slider-dot-gap: 8px; --slider-dots-visible: 5; --slider-act-dot-color: var(--color); } .wp-gr .wp-google-based, .wp-gr .wp-google-powered { margin: 0 !important; padding: 0 !important; color: var(--head-based-color, #555) !important; } .wp-gr .wp-google-powered { color: var(--powered-color, #777) !important; font-size: 16px; font-weight: 600; } .wp-gr .wp-google-powered>span { font-weight: 600 !important; } .wp-gr .grw-img { position: relative !important; min-width: var(--img-size) !important; max-width: var(--img-size) !important; height: var(--img-size) !important; border: none !important; z-index: 3 !important; } .wp-gr .grw-img-wrap { position: relative; min-width: var(--img-size) !important; max-width: var(--img-size) !important; overflow: visible; } .wp-gr .grw-img-wrap::before { content: ""; position: absolute; top: 0; left: 0; width: var(--img-size); height: var(--img-size); border-radius: 50%; box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24) !important; pointer-events: none; } .wp-gr .grw-header .grw-img { border-radius: 50%; } .wp-gr .grw-header.wp-place-center { width: 100% !important; } .wp-gr .wp-google-name { color: var(--name-color, #333) !important; font-size: 100% !important; font-weight: 700 !important; text-decoration: none !important; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; width: 100% !important; text-align: var(--align, start) !important; } .wp-gr .grw-header .wp-google-name { width: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 128% !important; white-space: normal !important; } .wp-gr .grw-header-inner>.rpi-flx { overflow: hidden !important; } .wp-gr a.wp-google-name { color: #427fed !important; text-decoration: none !important; } .wp-gr .wp-google-time { color: #555 !important; font-size: 13px !important; white-space: nowrap !important; } .wp-gr .wp-google-text { color: var(--text-color, #222) !important; font-size: 15px !important; line-height: 24px !important; max-width: 100% !important; overflow: hidden !important; white-space: pre-wrap !important; word-break: break-word !important; vertical-align: middle !important; } .wp-gr .rpi-stars+.wp-google-text { padding-left: 4px !important; } .wp-gr .wp-more { display: none; } .wp-gr .wp-more-toggle { color: #136aaf !important; cursor: pointer !important; text-decoration: none !important; } .wp-gr .wp-google-url { display: block; margin: 4px auto !important; color: #136aaf !important; text-align: center !important; } .wp-gr.wp-dark .wp-google-name { color: #eee !important; } .wp-gr.rpi.wp-dark .wp-google-name a { color: var(--head-based-color, #eee) !important; } .wp-gr.wp-dark .wp-google-time { color: #bbb !important; } .wp-gr.wp-dark .wp-google-text { color: #ececec !important; } .wp-gr.wp-dark .wp-google-powered { color: var(--powered-color, #fff) !important; } .wp-gr.wp-dark .wp-google-based { color: var(--head-based-color, #999) !important; } .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd { background: var(--rev-color) !important; } .wp-gr.rpi .wp-google-name { font-size: 100% !important; } .wp-gr.rpi .grw-hide, .wp-gr.rpi .wp-google-hide { display: none; } .wp-gr.rpi .wp-google-name a { color: var(--head-name-color, #333) !important; font-size: 18px !important; text-decoration: none !important; } .wp-gr.rpi a.wp-google-name { margin: 0 !important; color: var(--name-color, #154fc1) !important; text-decoration: none !important; white-space: nowrap !important; text-overflow: ellipsis !important; } .wp-gr { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; direction: ltr !important; box-sizing: border-box !important; } .wp-gr .grw-row { display: -ms-flexbox !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; -ms-flex-wrap: nowrap !important; -ms-flex-align: center !important; } .grw-row.grw-row-xs { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .grw-row-x .grw-header+.grw-content .grw-review, .grw-row-xs .grw-content, .grw-row-xs .grw-header, .grw-row-xs .grw-review { --col: 1; } .grw-row-xl .grw-header+.grw-content { --col: 1.2; } .grw-row-l .grw-header+.grw-content { --col: 1.25; } .grw-row-m .grw-header+.grw-content { --col: 1.333333; } .grw-row-s .grw-header+.grw-content { --col: 1.5; } .grw-row-s .grw-header+.grw-content .grw-review, .grw-row-x .grw-header, .grw-row-x .grw-header+.grw-content, .grw-row-x .grw-review { --col: 2; } .grw-row-m .grw-header+.grw-content .grw-review, .grw-row-s .grw-header, .grw-row-s .grw-review { --col: 3; } .grw-row-l .grw-review, .grw-row-m .grw-header, .grw-row-m .grw-review { --col: 4; } .grw-row-l .grw-header, .grw-row-xl .grw-review { --col: 5; } .grw-row-xl .grw-header { --col: 6; } .grw-row .grw-content, .grw-row .grw-header { -ms-flex: 1 0 calc(100% / var(--col, 3)) !important; flex: 1 0 calc(100% / var(--col, 3)) !important; width: calc(100% / var(--col, 3)) !important; } .grw-row .grw-review { -ms-flex: 1 0 calc(( 100% - var(--card-gap, 16px) * ( var(--col, 3) - 1 ) ) / var(--col, 3)) !important; flex: 1 0 calc(( 100% - var(--card-gap, 16px) * ( var(--col, 3) - 1 ) ) / var(--col, 3)) !important; width: calc(( 100% - var(--card-gap, 16px) * ( var(--col, 3) - 1 ) ) / var(--col, 3)) !important; } .wp-gr .grw-content { position: relative !important; min-width: 0 !important; } .wp-gr .grw-content-inner { position: relative !important; display: flex !important; align-items: center !important; } .wp-gr .grw-review-inner { height: 100% !important; } .wp-gr .grw-header-inner, .wp-gr .grw-review-inner { position: relative !important; margin: 4px !important; padding: 16px !important; width: 100% !important; } .wp-gr .wp-google-list .grw-header-inner { padding: 0 0 16px 0 !important; } .wp-gr .grw-review-inner.grw-round { border-radius: 8px !important; } .wp-gr .grw-review-inner.grw-shadow { box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24) !important; } .wp-gr .grw-review-inner>svg { position: absolute !important; top: 10px !important; right: 10px !important; width: 16px !important; height: 16px !important; } .wp-gr .grw-review { display: flex; position: relative !important; justify-content: center !important; align-items: center !important; flex-shrink: 0 !important; } .wp-gr .grw-review .wp-google-left { display: block !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; line-height: 24px !important; padding-bottom: 2px !important; } .wp-gr .grw-review .wp-google-feedback { height: 100px !important; overflow-y: auto !important; } .wp-gr .grw-scroll::-webkit-scrollbar { width: 4px !important; } .wp-gr .grw-scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; } .wp-gr .grw-scroll::-webkit-scrollbar-thumb { -webkit-border-radius: 10px !important; border-radius: 10px !important; background: #ccc !important; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5) !important; } .wp-gr .wp-google-wr { display: flex; margin: 0 !important; } .wp-gr .wp-google-wr a { color: #fff !important; padding: 4px 12px 8px !important; outline: 0 !important; border-radius: 27px !important; background: var(--btn-color, #1f67e7) !important; white-space: nowrap !important; vertical-align: middle !important; opacity: .9 !important; text-shadow: 1px 1px 0 #888 !important; box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24) !important; user-select: none !important; transition: all .2s ease-in-out !important; } .wp-gr .wp-google-wr a:hover { opacity: .95 !important; background: var(--btn-color, #1f67e7) !important; box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .24) !important; } .wp-gr .wp-google-wr a:active { opacity: 1 !important; background: var(--btn-color, #1f67e7) !important; box-shadow: none !important; } .wp-gr .wp-google-wr a svg { display: inline-block; width: 16px; height: 16px; padding: 1px; margin: 0 0 0 4px; background: #fff; border-radius: 50%; } .wp-gr[data-layout=grid] .grw-reviews { display: flex; gap: var(--card-gap, 12px); flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; } .wp-gr .grw-b { font-weight: 700 !important; white-space: nowrap !important; } .wp-gr .wp-google-reply { font-size: 14px !important; margin-top: auto !important; margin-left: 6px !important; padding-left: 6px !important; border-left: 1px solid #999 !important; overflow: hidden !important; overflow-y: auto !important; line-height: 20px !important; max-height: 44px !important; } .wp-gr .wp-google-reply>div { display: flex; gap: 4px; align-items: center; } .wp-gr .wp-google-reply .wp-google-time { font-size: 11px !important; white-space: nowrap !important; } .wp-gr .wp-google-img { display: flex; flex-wrap: wrap; gap: var(--media-gap); max-height: calc(( var(--media-size) + var(--media-gap) ) * var(--media-lines) - 2px) !important; overflow-y: auto !important; } .wp-gr .wp-google-img img { display: flex; width: var(--media-size) !important; height: var(--media-size) !important; cursor: pointer !important; border-radius: 3px !important; box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24) !important; } .rpi-flx { display: var(--flx, flex) !important; flex-direction: var(--dir, column) !important; gap: var(--gap, 2px) !important; align-items: var(--align, flex-start) !important; flex-wrap: var(--wrap, nowrap) !important; overflow: var(--overflow, visible) !important; width: 100% !important; } .rpi-col16 { --dir: column; --gap: 16px; --align: flex-start; --overflow: hidden; } .rpi-col12 { --dir: column; --gap: 12px; --align: flex-start; --overflow: hidden; } .rpi-col6 { --dir: column; --gap: 6px; --align: flex-start; --overflow: hidden; } .rpi-col8 { --dir: column; --gap: 8px; --align: flex-start; } .rpi-col4 { --dir: column; --gap: 4px; --align: flex-start; } .rpi-row12-center { --dir: row; --gap: 12px; --align: center; --overflow: visible; } .rpi-row12 { --dir: row; --gap: 12px; --align: flex-start; } :root { --star-gap: 2px; --rpi-star-size: 20px; --rpi-star-color: #fb8e28; --rpi-star-empty-color: #ccc; --rpi-icon-scale-google: 1; --rpi-icon-scale-yelp: .92; --rpi-icon-scale-fb: 1.125; --rpi-yelp-empty-color: #ccc; --rpi-yelp-five-color: #fb433c; --rpi-yelp-four-color: #ff643d; --rpi-yelp-three-color: #ff8742; --rpi-yelp-two-color: #ffad48; --rpi-yelp-one-color: #ffcc4b; --rpi-yelp-radius: 3px; --rpi-fb-color: #fa3e3e; --rpi-fb-radius: 3px; --rpi-star-empty: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\' fill=\'none\' stroke=\'currentColor\' stroke-width=\'1.5\' stroke-linejoin=\'round\'/%3E%3C/svg%3E"); --rpi-star-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M10.7881 3.21068C11.2364 2.13274 12.7635 2.13273 13.2118 3.21068L15.2938 8.2164L20.6979 8.64964C21.8616 8.74293 22.3335 10.1952 21.4469 10.9547L17.3295 14.4817L18.5874 19.7551C18.8583 20.8908 17.6229 21.7883 16.6266 21.1798L11.9999 18.3538L7.37329 21.1798C6.37697 21.7883 5.14158 20.8908 5.41246 19.7551L6.67038 14.4817L2.55303 10.9547C1.66639 10.1952 2.13826 8.74293 3.302 8.64964L8.70609 8.2164L10.7881 3.21068Z\'/%3E%3C/svg%3E"); } .rpi-stars .rpi-star { display: none !important; } .rpi-star, .rpi-stars-tripadvisor, .rpi-stars-yelp { display: var(--flx, flex); align-items: center; gap: var(--gap, 4px); text-align: start; z-index: 9; } .rpi-star[data-rating]:empty::before { content: attr(data-rating); color: var(--rpi-rating-color, var(--rpi-star-color)); font-size: var(--head-grade-fs, 18px); font-weight: var(--head-grade-weight, 900); } .rpi-star i { padding: 0 2px; cursor: pointer !important; background-color: var(--rpi-star-empty-color); } .rpi-star[data-rating="1"] i:nth-child(-n+1), .rpi-star[data-rating="2"] i:nth-child(-n+2), .rpi-star[data-rating="3"] i:nth-child(-n+3), .rpi-star[data-rating="4"] i:nth-child(-n+4), .rpi-star[data-rating="5"] i:nth-child(-n+5) { background-color: var(--rpi-star-color); } .rpi-star:hover i { background-color: var(--rpi-star-color) !important; } .rpi-star i:hover~i { background-color: var(--rpi-star-empty-color) !important; } .rpi-star i, .rpi-star[data-rating]:empty::after { content: ""; width: var(--rpi-star-size) !important; height: var(--rpi-star-size) !important; -webkit-mask-image: var(--rpi-star-mask) !important; -webkit-mask-repeat: no-repeat !important; -webkit-mask-position: center !important; -webkit-mask-size: contain !important; mask-image: var(--rpi-star-mask) !important; mask-repeat: no-repeat !important; mask-position: center !important; mask-size: contain !important; } .rpi-star[data-rating]:empty::after { background-color: var(--rpi-star-color); } .rpi-star+.rpi-stars { --stars-offset: 1; --stars: calc(var(--stars-max) - var(--stars-offset)); } .rpi-stars { --star-size: var(--rpi-star-size, 18px); --star-color: var(--rpi-star-color); --empty: var(--rpi-star-empty); --mask: var(--rpi-star-mask); --stars: 5; --icon-scale: 1; --rating-scale: .8; --gap: var(--star-gap, 2px); --stars-w: calc(var(--stars) * ( var(--star-size) + var(--star-gap) )); --fill: calc(( var(--rating) / var(--stars) ) * 100%); --bg-size: calc(var(--star-size) * var(--icon-scale)); --bg-size-x: calc(var(--bg-size) + var(--star-gap)); position: relative !important; display: inline-flex !important; align-items: center !important; align-self: var(--star-align-self, start) !important; width: max-content !important; height: var(--star-size) !important; font-size: calc(var(--star-size) * var(--rating-scale)) !important; font-weight: 900 !important; color: var(--rpi-rating-color, var(--star-color)) !important; white-space: nowrap !important; vertical-align: middle !important; padding-right: calc(var(--stars-w) + var(--gap)) !important; } .rpi-stars:empty { --gap: calc(-1 * ( var(--star-gap) / 2 + 1px )); } .rpi-stars::before { content: "" !important; position: absolute !important; top: 50% !important; right: 0 !important; width: var(--stars-w) !important; height: var(--star-size) !important; transform: translateY(-50%) !important; background-color: var(--star-color) !important; -webkit-mask-image: var(--empty) !important; -webkit-mask-repeat: repeat-x !important; -webkit-mask-position: left center !important; -webkit-mask-size: var(--bg-size-x) var(--bg-size) !important; mask-image: var(--empty) !important; mask-repeat: repeat-x !important; mask-position: left center !important; mask-size: var(--bg-size-x) var(--bg-size) !important; } .rpi-stars::after { content: "" !important; position: absolute !important; top: 50% !important; right: 0 !important; width: var(--stars-w) !important; height: var(--star-size) !important; transform: translateY(-50%) !important; background-color: var(--star-color) !important; -webkit-mask-image: var(--mask) !important; -webkit-mask-repeat: repeat-x !important; -webkit-mask-position: left center !important; -webkit-mask-size: var(--bg-size-x) var(--bg-size) !important; mask-image: var(--mask) !important; mask-repeat: repeat-x !important; mask-position: left center !important; mask-size: var(--bg-size-x) var(--bg-size) !important; clip-path: inset(0 calc(100% - var(--fill)) 0 0) !important; } .rpi-stars-yelp { --icon-scale: var(--rpi-icon-scale-yelp); --empty-color: var(--rpi-yelp-empty-color); --five-color: var(--rpi-yelp-five-color); --four-color: var(--rpi-yelp-four-color); --three-color: var(--rpi-yelp-three-color); --two-color: var(--rpi-yelp-two-color); --one-color: var(--rpi-yelp-one-color); --star-size: var(--rpi-star-size); --rating: 0; --gap: 4px; --radius: var(--rpi-yelp-radius); display: inline-flex !important; gap: var(--gap) !important; line-height: 0 !important; vertical-align: top !important; } .rpi-stars-yelp i { position: relative !important; display: inline-block !important; font-style: normal !important; flex: 0 0 auto !important; width: var(--star-size) !important; height: var(--star-size) !important; border-radius: var(--radius) !important; background-color: var(--empty-color) !important; background-image: linear-gradient(90deg, var(--star-color) 0 calc(var(--fill, 0) * 1%), transparent calc(var(--fill, 0) * 1%)) !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; box-sizing: border-box !important; } .rpi-stars-yelp i::after { content: "" !important; position: absolute !important; inset: 0 !important; background-color: #fff !important; -webkit-mask-image: var(--rpi-star-mask) !important; -webkit-mask-repeat: no-repeat !important; -webkit-mask-size: calc(70% / var(--icon-scale)) calc(70% / var(--icon-scale)) !important; -webkit-mask-position: center !important; mask-image: var(--rpi-star-mask) !important; mask-repeat: no-repeat !important; mask-size: calc(70% / var(--icon-scale)) calc(70% / var(--icon-scale)) !important; mask-position: center !important; } .rpi-stars-yelp, .rpi-stars-yelp[data-rating]::before { content: attr(data-rating); color: var(--rpi-rating-color, var(--star-color)); font-size: var(--head-grade-fs, 18px); font-weight: var(--head-grade-weight, 900); } .rpi-stars-yelp i:first-child { --fill: clamp(0, (var(--rating) - 0) * 100, 100); } .rpi-stars-yelp i:nth-child(2) { --fill: clamp(0, (var(--rating) - 1) * 100, 100); } .rpi-stars-yelp i:nth-child(3) { --fill: clamp(0, (var(--rating) - 2) * 100, 100); } .rpi-stars-yelp i:nth-child(4) { --fill: clamp(0, (var(--rating) - 3) * 100, 100); } .rpi-stars-yelp i:nth-child(5) { --fill: clamp(0, (var(--rating) - 4) * 100, 100); } .rpi-stars-yelp[data-stars^="1"] { --rating: 1.5; --star-color: var(--one-color); } .rpi-stars-yelp[data-stars="1"] { --rating: 1; } .rpi-stars-yelp[data-stars^="2"] { --rating: 2.5; --star-color: var(--two-color); } .rpi-stars-yelp[data-stars="2"] { --rating: 2; } .rpi-stars-yelp[data-stars^="3"] { --rating: 3.5; --star-color: var(--three-color); } .rpi-stars-yelp[data-stars="3"] { --rating: 3; } .rpi-stars-yelp[data-stars^="4"] { --rating: 4.5; --star-color: var(--four-color); } .rpi-stars-yelp[data-stars="4"] { --rating: 4; } .rpi-stars-yelp[data-stars^="5"] { --rating: 5; --star-color: var(--five-color); } .rpi-stars-tripadvisor { --empty-color: #fff; --border-color: #5ba672; --fill-color: #5ba672; --rpi-dot-size: var(--rpi-star-size); --rating: 0; --gap: 4px; --border: 3px; display: inline-flex !important; gap: var(--gap) !important; line-height: 0 !important; vertical-align: top !important; } .rpi-stars-tripadvisor i { width: var(--rpi-dot-size) !important; height: var(--rpi-dot-size) !important; display: inline-block !important; position: relative !important; flex: 0 0 auto !important; box-sizing: border-box !important; border-radius: 999px !important; border: var(--border) solid var(--border-color) !important; background-color: var(--empty-color) !important; background-image: linear-gradient(90deg, var(--fill-color) 0 calc(var(--fill, 0) * 1%), transparent calc(var(--fill, 0) * 1%)) !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; } .rpi-stars-tripadvisor, .rpi-stars-tripadvisor[data-rating]::before { content: attr(data-rating); color: var(--rpi-rating-color, var(--fill-color)); font-size: var(--head-grade-fs, 18px); font-weight: var(--head-grade-weight, 900); } .rpi-stars-tripadvisor i:first-child { --fill: clamp(0, (var(--rating) - 0) * 100, 100); } .rpi-stars-tripadvisor i:nth-child(2) { --fill: clamp(0, (var(--rating) - 1) * 100, 100); } .rpi-stars-tripadvisor i:nth-child(3) { --fill: clamp(0, (var(--rating) - 2) * 100, 100); } .rpi-stars-tripadvisor i:nth-child(4) { --fill: clamp(0, (var(--rating) - 3) * 100, 100); } .rpi-stars-tripadvisor i:nth-child(5) { --fill: clamp(0, (var(--rating) - 4) * 100, 100); } .rpi-stars-tripadvisor[data-stars^="1"] { --rating: 1.5; } .rpi-stars-tripadvisor[data-stars="1"] { --rating: 1; } .rpi-stars-tripadvisor[data-stars^="2"] { --rating: 2.5; } .rpi-stars-tripadvisor[data-stars="2"] { --rating: 2; } .rpi-stars-tripadvisor[data-stars^="3"] { --rating: 3.5; } .rpi-stars-tripadvisor[data-stars="3"] { --rating: 3; } .rpi-stars-tripadvisor[data-stars^="4"] { --rating: 4.5; } .rpi-stars-tripadvisor[data-stars="4"] { --rating: 4; } .rpi-stars-tripadvisor[data-stars^="5"] { --rating: 5; } .rpi-star-fb { --icon-scale: var(--rpi-icon-scale-fb); --size: var(--rpi-star-size, 18px); --color: var(--rpi-fb-color, #fa3e3e); --radius: var(--rpi-fb-radius, 3px); --tail-w: calc(var(--size) / 3); --tail-h: calc(var(--size) / 3.6); --tail-offset: calc(var(--size) / 4.5); --tail-overlap: 1px; --gap: .25em; --label-scale: .85; --fb-star: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M10.7881 3.21068C11.2364 2.13274 12.7635 2.13273 13.2118 3.21068L15.2938 8.2164L20.6979 8.64964C21.8616 8.74293 22.3335 10.1952 21.4469 10.9547L17.3295 14.4817L18.5874 19.7551C18.8583 20.8908 17.6229 21.7883 16.6266 21.1798L11.9999 18.3538L7.37329 21.1798C6.37697 21.7883 5.14158 20.8908 5.41246 19.7551L6.67038 14.4817L2.55303 10.9547C1.66639 10.1952 2.13826 8.74293 3.302 8.64964L8.70609 8.2164L10.7881 3.21068Z\' fill=\'%23fff\'/%3E%3C/svg%3E"); position: relative !important; display: inline-flex !important; align-items: center; align-self: var(--star-align-self, start); height: var(--size) !important; width: max-content !important; white-space: nowrap !important; font-size: calc(var(--size) * var(--label-scale)) !important; line-height: 1 !important; padding-left: calc(var(--size) + var(--gap)) !important; text-shadow: .015em 0 0 currentColor; } .rpi-star-fb::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: var(--size) !important; height: var(--size) !important; background-color: var(--color) !important; border-radius: var(--radius) !important; background-image: var(--fb-star) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: calc(70% / var(--icon-scale)) calc(70% / var(--icon-scale)) !important; } .rpi-star-fb::after { content: "" !important; position: absolute !important; left: var(--tail-offset) !important; top: 50% !important; width: 0 !important; height: 0 !important; transform: translateY(calc(var(--size) / 2 - var(--tail-overlap))) !important; border-top: var(--tail-h) solid var(--color) !important; border-right: var(--tail-w) solid transparent !important; } .rpi-star-fb[data-rating="1"] { --color: #ccc; } :root { --rpi-lt: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'currentColor\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3E%3Cpath d=\'m15 18-6-6 6-6\'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain; --rpi-gt: url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'currentColor\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3E%3Cpath d=\'m9 18 6-6-6-6\'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain; } .rpi { --slider-btn-size: 16px; --slider-btn-bg: var(--card-bg, #f5f5f5); --slider-btn-color: #777; --slider-btn-padding: calc(var(--slider-btn-size) / 2); --slider-btn-bw: 1px; --slider-btn-bc: #ccc; --slider-btn-fs: calc(var(--slider-btn-size) + var(--slider-btn-bw)); --slider-btn-shadow: 0 2px 6px rgba(0, 0, 0, .15); --slider-btn-full: calc(var(--slider-btn-size) + ( var(--slider-btn-padding) * 2 ) + ( var(--slider-btn-bw) * 2 )); --slider-btn-offset: 0px; --slider-btn-out: calc(var(--slider-btn-full) / 2); --slider-btn-pos: calc(var(--slider-btn-out) + var(--slider-btn-offset)); --slider-offset: calc(var(--slider-btn-out)); } .rpi .rpi-slides { display: flex !important; flex: 1 !important; gap: var(--slider-gap, var(--card-gap, 8px)) !important; flex-wrap: nowrap !important; overflow: hidden !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scroll-behavior: var(--rpi-slider-behavior, smooth) !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .rpi .rpi-slides::-webkit-scrollbar { display: none !important; } .rpi .rpi-slide { overflow: hidden !important; padding: 4px 3px !important; scroll-snap-align: start !important; transition: transform .5s !important; } .rpi .rpi-slides-bite { --offset: var(--slides-bite-offset, 6px); --alpha: .2px; --shift: var(--slider-btn-offset); --radius: calc(var(--slider-btn-out) + var(--offset)); -webkit-mask: var(--slider-bite, radial-gradient(circle var(--radius) at calc(0% - var(--shift)) 50%, transparent 0, transparent calc(var(--radius) - var(--alpha)), #000 calc(var(--radius) + var(--alpha))), radial-gradient(circle var(--radius) at calc(100% + var(--shift)) 50%, transparent 0, transparent calc(var(--radius) - var(--alpha)), #000 calc(var(--radius) + var(--alpha))), linear-gradient(#000 0 0)); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; -webkit-mask-composite: source-in, source-in; margin: 0 var(--slider-offset, 0); } .rpi .rpi-ltgt { --margin: calc(-1 * var(--slider-btn-pos) + var(--slider-offset, 0px)); position: var(--slider-btn-position, absolute) !important; padding: var(--slider-btn-padding) !important; border-radius: 50% !important; border: var(--slider-btn-bw) solid var(--slider-btn-bc) !important; background-color: var(--slider-btn-bg) !important; box-shadow: var(--slider-btn-shadow) !important; transition: background-color .2s ease-in-out !important; z-index: 1 !important; } .rpi .rpi-ltgt:active { box-shadow: none !important; } .rpi .rpi-ltgt.rpi-lt { left: 0 !important; margin-left: var(--margin) !important; } .rpi .rpi-ltgt.rpi-gt { right: 0 !important; margin-right: var(--margin) !important; } .rpi-gt::after, .rpi-lt::before { position: relative !important; content: ""; display: block; width: var(--slider-btn-size); height: var(--slider-btn-size); background-color: var(--slider-btn-color); } .rpi-lt::before { -webkit-mask: var(--rpi-lt); mask: var(--rpi-lt); } .rpi-gt::after { -webkit-mask: var(--rpi-gt); mask: var(--rpi-gt); } [dir=rtl] .rpi-gt::after, [dir=rtl] .rpi-lt::before { transform: rotate(180deg); } .rpi .rpi-dots-wrap { position: absolute !important; top: calc(100% - 1px) !important; left: 0 !important; right: 0 !important; display: flex !important; justify-content: center !important; margin: 0 auto !important; padding-top: var(--slider-dot-padding-top, .5em) !important; max-width: 100% !important; width: calc(var(--slider-dots-visible) * var(--slider-dot-size) + ( var(--slider-dots-visible) - 1 ) * var(--slider-dot-gap)) !important; } .rpi .rpi-dots { display: flex; flex-wrap: nowrap; overflow-x: scroll !important; gap: var(--slider-dot-gap); scrollbar-width: none; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .rpi-dots .rpi-dot { display: inline-block !important; width: var(--slider-dot-size) !important; height: var(--slider-dot-size) !important; margin: 0 !important; padding: 0 !important; opacity: .4 !important; vertical-align: middle !important; flex: 1 0 auto !important; transform: scale(.6) !important; scroll-snap-align: center !important; border-radius: 20px !important; background-color: var(--slider-dot-color, #999) !important; } .rpi-dots .rpi-dot:hover { opacity: 1 !important; } .rpi-dots .rpi-dot.active { opacity: 1 !important; transform: scale(.95) !important; background-color: var(--slider-act-dot-color, #fb8e28) !important; } .rpi-dots .rpi-dot.s2 { transform: scale(.85) !important; } .rpi-dots .rpi-dot.s3 { transform: scale(.75) !important; } .rpi button { all: revert !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; border-radius: 0 !important; line-height: 1 !important; font: inherit !important; color: inherit !important; text-align: center !important; cursor: pointer !important; border: 0 !important; background: 0 0 !important; appearance: none !important; -webkit-appearance: none !important; user-select: none !important; } .rpi button:focus { outline: 0 !important; } .rpi button:focus-visible { outline: 2px solid currentColor !important; outline-offset: 2px !important; } .rpi-x { position: absolute; top: var(--x-top, 6px) !important; right: var(--x-right, 8px) !important; display: flex !important; align-items: center; justify-content: center; width: var(--x-width, 20px) !important; height: var(--x-height, 20px) !important; cursor: pointer; opacity: var(--x-opacity, .65); border-radius: 50%; background-color: var(--x-bg, #fafafa); z-index: 2147483003; } .rpi-x:hover { opacity: 1; } .rpi-x::after, .rpi-x::before { content: ""; position: absolute; display: block; width: var(--x-line-width, 12px); height: var(--x-line-height, 1px); border-radius: 2px; background-color: var(--x-color, #373737); } .rpi-x::before { transform: rotate(45deg); } .rpi-x::after { transform: rotate(-45deg); } .rpi-x.rpi-xa::before { --x-line-width: 7px; --x-line-height: 7px; top: 4px; border-radius: 0; border-right: 1px solid #373737; border-bottom: 1px solid #373737; background-color: transparent; } .rpi-x.rpi-xa::after { content: none; } .rpi-bubble:after { content: ""; position: absolute; top: -8px; left: 16px; bottom: auto; border-style: solid; border-width: 0 8px 8px; border-color: #fff transparent; } .rpi-fade { -webkit-transition: opacity 150ms ease, -webkit-transform 150ms ease; transition: opacity 150ms ease, -webkit-transform 150ms ease; transition: transform 150ms ease, opacity 150ms ease; transition: transform 150ms ease, opacity 150ms ease, -webkit-transform 150ms ease; } .rpi-lightbox-wrap { --x-top: 15px; --x-right: 15px; --x-bg: none; --x-color: #ececec; --x-line-width: 25px; --x-line-height: 3px; --x-opacity: 1; } .rpi-lightbox { --x-top: 15px; --x-right: 15px; --x-bg: none; --x-color: #ececec; --x-line-width: 25px; --x-line-height: 3px; --x-opacity: 1; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; height: 100%; max-width: 100%; color: #333; text-align: left; z-index: 2147483003; user-select: none; background-color: rgba(0, 0, 0, .6); transition: all .3s ease-out; } .rpi-lightbox-inner { width: 95%; max-width: 1200px; height: 100%; max-height: calc(100vh - 80px); max-height: calc(100dvh - 80px); } @supports (container-type:inline-size) { .rpi-lightbox-xxx { container-name: lightbox; container-type: inline-size; } } .rpi-lightbox-xxx { position: relative; display: flex; justify-content: center; height: 100%; border: none; overflow: auto; border-radius: 4px; -webkit-overflow-scrolling: touch; } .rpi-lightbox-content { position: relative; display: flex; flex-direction: row; justify-content: flex-start; color: #000; height: 100%; flex-direction: row; border-radius: 4px; background-color: #fff; } .rpi-lightbox-media { position: relative; display: flex; justify-content: center; flex: 2; align-items: center; width: 100%; height: 100%; overflow: hidden; padding-bottom: 0; background-color: #000; } .rpi-lightbox-btn { position: absolute; display: flex; width: 30px; height: 30px; font-size: 36px; line-height: 22px; justify-content: center; z-index: 1; cursor: pointer; border-radius: 50%; background-color: rgba(214, 214, 214, .7); transition: background .3s ease-in-out; } .rpi-lightbox-btn:hover { background: #e1e1e1; } .rpi-lightbox-prev { left: 8px; } .rpi-lightbox-next { right: 8px; } .rpi-lightbox-prev::before { content: "‹"; } .rpi-lightbox-next::before { content: "›"; } .rpi-lightbox-media img { position: relative; display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; opacity: 1; object-fit: contain; border-radius: inherit; transition: opacity .3s ease-in-out; } .rpi-lightbox-review { display: flex; flex-direction: column; flex: 1; height: 100%; font-size: 15px; color: #000; padding: 0; } @supports (container-type:inline-size) { @container lightbox (width < 480px) {} } @media (max-width:480px) { .rpi-lightbox-xxx .rpi-lightbox-content { flex-direction: column; } } .page-id-4567 .our-loader-right-parent { display: none; } .page-id-4525 .elementor-element-83ab296 { display: none; } .page-id-4525 .elementor-element-2e346d0 { display: none; } button.hcp-button.button-styling-cp.dark-background.white-border-hrading.banner-schedule:hover { color: #fff !important; background: transparent !important; border: 1px solid #fff !important; } .page-id-4567 .our-service-head-left { width: 100%; max-width: 100%; text-align: center; } .page-id-4534 div#second-accordion-wrapper .frequent-question-row { padding: 40px 24px; } /* .schedule-w-button { width: 190px !important; } */ div#book-now-btn-header button { background-color: rgba(16, 124, 191, 0); font-family: "Ubuntu", Sans-serif; font-size: 16px; font-weight: 400; line-height: 160%; text-shadow: 0px 0px 0px rgba(0, 0, 0, .3); fill: #107cbf; color: #107cbf; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #107cbf; border-radius: 100px 100px 100px 100px; padding: 16px 40px 16px 40px; } div#book-now-btn-header button:hover { background-color: var(--e-global-color-primary); color: #fff; } .Blogs-content .elementor-menu-anchor { scroll-margin-top: 165px; } /* .table-content-wrapper { height: max-content; } */ .table-content #elementor-toc__9a4e04a { border-top: 1px solid rgba(0, 0, 0, 10%); } .table-content .elementor-toc__list-item-text-wrapper { align-items: start; } #towson-page .slider-read-more { display: none; } div#heat-pumps-slider .our-service-head-left { max-width: 63%; } #blogs-load-more { margin-top: 30px; } .blogs-related-posts .hentry.category-uncategorized { padding: 24px; background: #fff; border-radius: 24px; } .Blogs-content ul { list-style-position: inside; display: flex; flex-direction: column; gap: 6px; } .blogs-related-posts .elementor-post__excerpt p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; max-height: calc(1.5em * 2); } .Blogs-content ul li { font-weight: 400; color: #666; } .blogs-related-posts .elementor-post__thumbnail img { height: 360px !important; border-radius: 20px !important; object-fit: cover; } .blogs-related-posts a.elementor-post__read-more { padding: 16px 40px; background-color: #107cbf; border-radius: 100px; border: 1px solid #107cbf; margin-top: 18px !important; transition: all 500ms ease-in-out; } .blogs-related-posts a.elementor-post__read-more:hover { color: #107cbf !important; background-color: transparent; border: 1px solid #107cbf; } .blogs-related-posts .elementor-post__excerpt { margin-bottom: 25px !important; } .Blogs-content h2 { color: #0e1e38; font-family: Ubuntu; font-size: 32px; font-style: normal; font-weight: 500; line-height: 120%; } .Blogs-content h3 { color: #0e1e38; font-family: Ubuntu; font-size: 28px; font-style: normal; font-weight: 500; line-height: 120%; } .-detail-parent { box-shadow: 0px 3px 34.8px 0px rgba(0, 0, 0, .05); } .Blogs-content a { color: #666; text-decoration: underline; } .Blogs-content p { color: #666; font-size: 18px; line-height: 160%; /* 28.8px */ font-weight: 400; } .faqs-dropdown .frequent-question-row { background: #fff; padding: 32px 24px 36px 24px; } .faqs-dropdown .frequent-question-row { background: #fff; } .advantage-loop-text-editor a { color: #fff !important; text-decoration: underline; } .service-button:hover { color: #fff !important; border: 1px solid #fff !important; } .our-service-body .slick-list.draggable { border-radius: 32px !important; } .page-id-4447 .row-answer { width: 90%; } .ac-maintenance-dropdown .frequent-question-row { background: #fff; } .page-id-4330 .our-service-head-left { max-width: 100%; } .ac-repiar-brand-slider .slick-list.draggable img { height: 100% !important; max-width: 100%; } .home-page-video video.elementor-video { height: 452px; } div#ac-repair-page-slider .our-service-head { align-items: start; } #contact-form-page textarea#form-field-message { height: 118px !important; padding: 16px; } #contact-form-page input { padding: 16px; } #contact-form-page select#form-field-field_a68006b { padding: 16px; } #contact-form-page select#form-field-field_dc9d8dd { padding: 16px; } div#about-us-loader .our-service-head-left { max-width: 70%; } div#about-us-loader .our-service-head-left p { width: 100%; } div#about-us-loader .our-service-head-left h2 { max-width: 70%; } div#about-us-loader button.hcp-button.button-styling-cp { display: none; } button.hcp-button.button-styling-cp.dark-background.book-service-today:hover { color: #fff !important; border: 1px solid #fff; } button.hcp-button.button-styling-cp.m-top { margin-top: 24px; } button.m-top { margin-top: 24px; } .Business-Money-section { position: relative; } .Business-Money-section::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 6px; border-radius: 6px 0 0 6px; background: #107cbf; z-index: 1; } .our-loader-right-parent { display: flex; flex-direction: column; gap: 56px; align-items: end; width: 39.4%; } .our-loader-head-top p { color: #666; font-family: "Ubuntu"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; } #home-page-loader-slider button.hcp-button.button-styling-cp { display: none; } button.advantage-loop-btn { background: transparent !important; border: 1px solid #fff !important; transtion: all .3s ease-in-out; } button.advantage-loop-btn:hover { background: #fff !important; color: #bf0336 !important; } .phone-icon-header { height: 32px; } button.Schedule-Service-Now { width: 223px !important; } #project-video video::-webkit-media-controls { display: none; } .get-in-touch-hover:hover button { color: #fff !important; } .get-in-touch-hover button { text-transform: capitalize; } button.banner-schedule { width: 191px; display: flex; align-items: center; justify-content: center; } button.extra-padding { padding: 16px 40px !important; width: 221px; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; } button.extra-padding:hover { border: 1px solid #fff !important; color: #fff !important; } .service-dot-inner span { height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; } .jss374 { padding: 20px 24px 24px !important; } .schedule-popup.wrapper { position: fixed !important; } /* book now btn starts */ #book-now-btn { position: fixed; z-index: 99; bottom: 20px; width: 100%; max-width: 1280px !important; margin: 0 auto !important; left: 0; right: 0; } #book-now-parent-wrapper { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0px 20px; } #book-now-btn button.hcp-button { padding: 15px 40px; color: #fff; font-family: Ubuntu; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } @media (max-width: 1366px) { #book-now-btn { padding: 0px 20px; } } #chat-now-btn button { height: 60px; width: 60px; } /* book now btn end */ #conatct-page-form textarea#form-field-message { min-height: 116px; } textarea { resize: none; } button:focus { background: transparent; } div#global-menu-header { width: 76%; height: 17px; } #global-menu-header .menu-item-has-children .sub-arrow svg, #second-nav-menu .menu-item-has-children .sub-arrow svg { transition: transform 350ms ease-in-out; } #global-menu-header .menu-item-has-children:hover .sub-arrow svg, #second-nav-menu .menu-item-has-children:hover .sub-arrow svg { transform: rotate(180deg); } #second-nav-menu .menu-item-has-children:hover .sub-arrow svg path { fill: #bf0336; } .home-page-slider .our-service-head-left p { width: 100%; } .furnace-page-slider .service-slider-content { max-width: 55% !important; } .ac-maintenace-page-slider .service-slider-content p { width: 628px; } div#footer-links-icons { height: 36px; } #footer-links-icons .elementor-icon-wrapper { height: 36px; } .area-serve-h6 h6 { line-height: normal !important; } .footer-menu ul li a { line-height: normal !important; } #sharing-info-content ul li::marker { color: #1a1a1a; } .contact-form-wrapper input, .contact-form-wrapper textarea { padding: 16px !important; } .contact-form-wrapper select#form-field-field_a68006b { padding: 16px; } .contact-form-wrapper select#form-field-field_dc9d8dd { padding: 16px; } .contact-us-form { box-shadow: 0px 3px 34.8px 0px rgba(0, 0, 0, .05); } .ot-slider-img img { height: 328px; width: 100%; object-fit: cover; } .ot-slider-item-main.slick-slide.slick-current.slick-active img { width: 100% !important; height: 100%; } #core-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24% !important; height: 2px !important; background-color: #f3a74d !important; border-radius: 100px !important; } #core-carousel .swiper-pagination-bullet { background-color: #e6e6e7 !important; } #core-carousel .swiper-pagination-bullet:hover { background-color: #e6e6e7 !important; } #core-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active:hover { background-color: #f3a74d !important; } #about-video img.attachment-full.size-full.wp-image-2163 { aspect-ratio: unset !important; } #about-video img.attachment-full.size-full.wp-image-2163 { height: 680px; object-fit: contain; } #core-carousel .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { left: 50%; } #core-carousel .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { position: absolute; bottom: -64px !important; top: unset; } #core-carousel .swiper-pagination-bullet { height: 2px !important; width: 7% !important; border-radius: 100px !important; margin: 0 !important; } #core-carousel .swiper-pagination-bullet:hover { background-color: unset !important; } #core-carousel .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { align-items: center; gap: 0 !important; } #core-carousel .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { width: 100%; gap: 0 !important; } #about-video { height: 680px; border-radius: 16px; } .benefit-parent-wrapper { position: relative; } .faq-icon-container img { height: 21px; width: 22px; object-fit: cover; } img { width: 100%; /* or specific width */ height: auto; /* maintain aspect ratio */ display: block; /* avoid spacing issues */ -webkit-transform: translateZ(0); } .about-us-counter .elementor-counter-title { text-align: center; } .responsive-loop { padding-left: calc(( 100% - 1280px ) / 2) !important; } .testimonial-wrapper>.e-con-inner { background-color: #f4f7fa; border-radius: 32px; } .frequent-question-row { cursor: pointer; } .frequent-question-parent-wrapper { display: flex; flex-direction: column; gap: 16px; } @media (min-width: 1365px) { #second-nav-menu { display: none; } #header-second-review { display: none; } } @media (min-width: 1440px) { .our-service { width: 1392px !important; margin: 0 auto; } .core-value-parent-wrapper { max-width: 1440px; margin: 0 auto; } } @media only screen and (max-width: 1367px) { .responsive-loop { padding-left: 40px !important; } .service-slider-content p { width: 100%; max-width: 100% !important; } .service-slider-content { width: 100%; max-width: 55% !important; } .service-slider-content p { width: 100% !important; max-width: 100% !important; } .our-service-slider-main { gap: 25px; } } @media only screen and (max-width: 1280px) { .responsive-loop { padding-left: 20px !important; } } .benefit-item { position: relative; } .benefit-item::after { content: ""; position: absolute; height: 100%; width: 2px; background-color: #e6e6e6; bottom: -44px; left: 32px; } .Icon-wrapper { height: 42px !important; width: 42px !important; } .icon-wrapper-parent { height: 62px !important; width: 62px !important; } .google-review { border: transparent !important; position: relative; overflow: hidden; } .google-review::after { position: absolute; content: ""; width: 100%; height: 3px; background-color: #ff3d00; top: 0; left: 0; } .google-review:nth-child(2)::after { background-color: #039be5; } .google-review:nth-child(3)::after { background-color: #1a1a1a; } .boiler-sytem p { padding-bottom: 8px; } /* form */ /* form */ .schedule-parent-wrapper form input { padding: 16px; } .schedule-parent-wrapper form select { padding: 16px; color: #ababab !important; font-family: Ubuntu; font-size: 14px; font-style: normal; font-weight: 500 !important; line-height: 20px; } .schedule-parent-wrapper form textarea { padding: 16px; } .schedule-parent-wrapper form select option { color: #1a1a1a !important; } svg.e-font-icon-svg.e-eicon-caret-down { opacity: 0 !important; } .select-caret-down-wrapper { position: relative; } .select-caret-down-wrapper::after { content: ""; position: absolute; background-image: url("https://cdn-ildmlic.nitrocdn.com/RFxtNjZyYLZVxOQkALXxqGdoyiviGetm/assets/images/optimized/rev-615d719/www.completeclimateservices.com/wp-content/uploads/2024/11/expand-arrow.svg"); height: 20px; width: 20px; left: -10px; } /* slider */ * { margin: 0px; padding: 0px; } html { width: 100%; height: 100%; scrollbar-width: thin; } .service-slider-content p { padding-top: 20px; } .benefit-item:last-child::after { background: transparent; } body { width: 100%; overflow-x: hidden; background-color: #fff; box-sizing: border-box; } h6 { margin: 0; padding: 0; } .our-service { width: 100%; } .our-service-main { width: 100%; } .row-answer { display: none; } element.style {} .our-service-head { width: 100%; margin-bottom: 100px; display: flex; justify-content: space-between; align-items: end; position: relative; max-width: 1280px; /* margin: 0 auto; */ margin-inline: auto; } .our-service-head-left { max-width: 49.1%; } .our-service-head-left h6 { color: #bf0336; font-family: "Ubuntu"; font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: 1.3px; padding-bottom: 18px; text-transform: uppercase; } .our-service-head-left h2 { margin-top: 18px; color: #1a1a1a; font-family: "Ubuntu"; font-size: 40px; font-weight: 500; line-height: 48px; } .our-service-head-left h2 span { color: #f3a74d; font-family: "Ubuntu"; font-size: 40px; font-weight: 500; line-height: 48px; } .our-service-head-left p { color: #666; font-family: "Ubuntu"; font-size: 16px; font-weight: 400; line-height: 25.6px; margin-top: 24px !important; } .our-service-head-right { max-width: 150px; display: flex; gap: 15px; padding-left: 15px; } .our-service-btn { width: 48px; height: 48px; border: 1px solid #107cbf; background-color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 24px; cursor: pointer; transition: all 150ms ease; } .our-service-btn span { display: flex; } #service-prev-btn svg path, #service-next-btn svg path { fill: #107cbf; } #service-prev-btn span, #service-next-btn span { height: 20px; width: 20px; display: flex; align-items: center; justify-content: center; } #service-prev-btn:hover, #service-next-btn:hover { background: #107cbf; } #service-prev-btn:hover svg path, #service-next-btn:hover svg path { fill: #fff; } .our-service-body { width: 100%; position: relative; } .our-service-item { border-radius: 32px; background-color: #034088; padding: 56px; margin: 0px 3px; } .our-service-slider-main { display: flex !important; justify-content: space-between; align-items: center; } .service-slider-img { max-width: 520px; border-radius: 20px; } .service-slider-img img { display: block; width: 100%; } .service-slider-content { max-width: 543px; padding-right: 20px; } .service-slider-content h4 { color: #fff; font-family: "Ubuntu"; font-size: 32px; font-weight: 500; line-height: 44.8px; } .service-slider-content h4 span { color: #f3a74d; font-family: "Ubuntu"; font-size: 32px; font-weight: 500; line-height: 44.8px; } .service-slider-content p { margin-top: 20px; color: #fff; font-family: "Ubuntu"; font-size: 16px; font-weight: 400; line-height: 160%; } .slider-read-more { margin-top: 32px; display: flex; align-items: center; justify-content: space-between; } .slider-read-more a { display: inline-block; padding: 16px 40px; border: 1px solid #fff; color: #fff; font-family: "Ubuntu"; font-weight: 500; border-radius: 100px; text-decoration: none; transition: all 200ms linear; } .slider-read-more a:hover { background-color: #fff; color: #034088; } .service-dot { width: 82px; height: 82px; padding: 3px; background-color: #fff; border-radius: 100px; cursor: pointer; position: relative; transition: all 200ms linear; z-index: 9; flex-shrink: 0; } .service-dot-inner { width: 100%; height: 100%; display: grid; border-radius: 100px; justify-items: center; align-items: center; background-color: #034088; border: 3px solid #034088; /* transition: all 200ms linear; */ box-sizing: border-box; } .custom-dots { position: absolute; top: -50px; left: 66px; display: flex; gap: 18px; } .service-dot span { display: flex; } .service-dot-inner.active { border-color: #fff; background-color: #f3a74d; } .progress-container { position: absolute; top: 0px; left: 0px; transform: translate(-1px, -5.4px); } .progress-circle { transform: rotate(-72deg) scale(1.08); } .circle-progress { fill: none; } .circle-progress.active { fill: none; stroke: #f3a74d; stroke-width: 3; stroke-dasharray: 260.8; stroke-dashoffset: 260.8; animation: progressAnimation 4s ease-out forwards; transform: scale(.95); } @keyframes progressAnimation { from { stroke-dashoffset: 260.8; } to { stroke-dashoffset: 0; } } .service-dot-main { display: flex; position: relative; } #heating-pumps .service-slider-content { width: 600px; } #heating-pumps .service-slider-content p { width: 100% !important; } #heating-pumps .our-service-head-left p { width: 628px; } /* slider ends */ /* zigzag slider starts */ .Warranty-zigzag-main { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; align-items: end; } .Warranty-zigzag-left { max-width: 624px; width: 49%; padding-right: 20px; } .Warranty-zigzag-left .wz-left-head { width: 100%; margin-bottom: 48px; } .Warranty-zigzag-left .wz-left-head h6 { color: #bf0336; font-family: var(--Font_Ubuntu); font-size: 13px; font-weight: 500; letter-spacing: 1.3px; text-transform: uppercase; } .Warranty-zigzag-left .wz-left-head h2 { color: #1a1a1a; font-family: var(--Font_Ubuntu); font-size: 40px; font-weight: 500; line-height: 120%; margin-top: 16px !important; } .Warranty-zigzag-left .wz-left-head h2 span { color: #f3a74d; } .wz-left-body { width: 100%; } .wz-left-body .wz-left-body-slider { width: 100%; } .wz-left-body-item { width: 100%; margin: 0 2px; } .wz-left-body-item-main { width: 100%; min-height: 395px; padding: 42px; background-color: #034088; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; } .wz-step-show { color: #fff; font-family: var(--Font_Ubuntu); font-size: 16px; font-weight: 400; line-height: 120%; } .wz-text-detail { width: 100%; } .wz-text-detail h3 { color: #fff; font-family: var(--Font_Ubuntu); font-size: 32px; font-weight: 500; line-height: 140%; } .wz-text-detail p { color: #fff; font-family: var(--Font_Ubuntu); font-size: 16px; font-weight: 400; line-height: 160%; margin-top: 12px; } .wz-bottom-detail { width: 100%; display: flex; justify-content: space-between; align-items: center; } .wz-btn-container { display: inline-flex; gap: 12px; } .wz-btn-container .wz-btn { width: 48px; height: 48px; background-color: transparent; outline: none; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 100px; cursor: pointer; transition: all 150ms linear; padding: 0; } .wz-btn span { display: flex; } .wz-btn-container .wz-btn:hover { background-color: #107cbf; border-color: #107cbf; } .wz-btn span svg path { fill: #fff; stop-color: #fff; } .wz-link-container a, .wz-link-container button { display: inline-block; padding: 16px 40px; border-radius: 100px; background-color: #107cbf; color: #fff; font-family: var(--Font_Ubuntu); font-size: 14px; font-weight: 500; text-decoration: none; border: 1px solid #107cbf; transition: all 150ms ease-in-out; } .wz-link-container a:hover { border-color: #fff; background-color: #fff; color: #107cbf; } .wz-link-container button:hover { border-color: #fff !important; background-color: transparent !important; color: #fff !important; } .Warranty-zigzag-right { width: 51%; max-width: 628px; border-radius: 20px; background-color: rgba(243, 167, 77, .12); padding: 42px; } .wz-right-head { max-width: 395px; } .wz-right-head h5 { color: #1a1a1a; font-family: var(--Font_Ubuntu); font-size: 20px; font-weight: 500; line-height: 28px; } .wz-right-head p { color: #666; font-family: var(--Font_Ubuntu); font-size: 16px; font-weight: 400; line-height: 120%; margin-top: 8px; } .wz-right-body { width: 100%; margin-top: 52px; position: relative; } .wz-right-item-holder-top { width: 100%; } .wz-right-item-holder-bottom { width: 100%; text-align: end; } .wz-right-item-holder-center { width: 100%; margin: 75px 0px; text-align: center; } .wz-right-item-btn { outline: none; display: inline-block; padding: 16px 40px; border-radius: 100px; background-color: #fef4ea; color: #f3a74d; font-family: var(--Font_Ubuntu); font-size: 14px; font-weight: 500; text-decoration: none; border: 1px solid #f3a74d; cursor: pointer; transition: all 100ms ease-in-out; position: relative; z-index: 1; } .wz-right-item-btn.active { background-color: #f3a74d; color: #fff; } .wz-right-item-holder-top>:nth-child(1) { margin-right: 58px; } .wz-right-item-holder-center .wz-right-item-btn { transform: translateX(-35px); } .wz-right-item-holder-bottom .wz-right-item-btn { transform: translateX(-72px); } .wz-top-line { position: absolute; top: 0px; left: 10px; transform: translateY(11px); } .wz-second-line { position: absolute; top: 0; right: 0; transform: translateY(19px); } .wz-thrid-line { position: absolute; bottom: 0; left: 0; transform: translateY(-12px); } .wz-line-svg>path { fill: none; stroke: #f3a74d; stroke-dashoffset: 6; animation: CovertDash 1s ease-out forwards; } @keyframes CovertDash { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 200; } } .wz-line-svg>path.active { fill: none; stroke: #f3a74d; stroke-dasharray: 530; stroke-dashoffset: 530; animation: ConvertInLine 1s ease-out forwards; } @keyframes ConvertInLine { from { stroke-dashoffset: 530; } to { stroke-dashoffset: 0; } } /* zigzag slider ends */ /* brand slider starts */ .brand-service-main { width: 100%; max-width: 1440px !important; margin: 0 auto; } .brand-service-slider { width: 100%; } .brand-service-slider .slick-list.draggable { padding: 32px 0 !important; } .brand-service-slider .brand-service-item { /* width: 100%; */ margin: 0 12px; } .bs-item-main { width: 100%; min-height: 180px; background-color: #f4f7fa; border-radius: 20px; display: grid; justify-items: center; align-items: center; transition: all 100ms ease-in-out; } .bs-item-main.active { box-shadow: 0px 3px 34.8px 0px rgba(0, 0, 0, .05); background-color: #fff; } .bs-item-main h5, .bs-item-main p { display: none; } .brand-service-bottom { width: 100%; text-align: center; } .brand-service-bottom .brand-service-text { width: 100%; margin-bottom: 40px; } .brand-service-text h5 { color: #bf0336; font-family: var(--Font_Ubuntu); font-size: 24px; font-weight: 500; line-height: 120%; } .brand-service-text p { color: #666; font-family: var(--Font_Ubuntu); font-size: 16px; font-weight: 400; line-height: 160%; margin-top: 12px; padding: 0px 15px; } .bs-btn-container { display: inline-flex; gap: 12px; } .bs-slider-btn { width: 48px; height: 48px; background-color: #fff !important; border: 1px solid #107cbf; padding: 0px; outline: none; display: grid; justify-items: center; align-items: center; border-radius: 100px; cursor: pointer; transition: all 100ms linear; } .bs-slider-btn span { display: flex; } .bs-slider-btn span svg path { fill: #107cbf; transition: all 100ms linear; } .bs-slider-btn:hover { background-color: #107cbf !important; } .bs-slider-btn:hover span svg path { fill: #fff; } .bs-item-img { width: 65%; } .bs-item-img img { width: 100%; display: block; } /* brand slider end */ /* accordion starts */ .frequent-question-row:has(.row-question.active) { background: #bf0336; } .row-answer { width: 78%; padding-left: 70px; } .row-answer p { color: var(--grey-scale-ffffff, #fff); font-family: Ubuntu; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; } .row-question.active { background: transparent; } .row-question { background: transparent; } .row-question-title { display: flex; align-items: center; gap: 20px; } .frequent-question-row { padding: 24px 20px; } .row-question { padding: 0 !important; background: transparent; } .frequent-question-row { border-radius: 20px; background: var(--f-4-f-7-fa, #f4f7fa); } .row-question.active h4 { color: #fff; } .row-question h4 { color: var(--grey-scale-1-a-1-a-1-a, #1a1a1a); font-family: Ubuntu; font-size: 20px; font-style: normal; font-weight: 500; line-height: 140%; } .row-question { width: 100%; display: block; color: #fefefe; padding: .75em; border-radius: .15em; transition: background .3s ease; display: flex; gap: 20px; align-items: center; justify-content: space-between; } .faq-icon-container { height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid #f3a74d; border-radius: 50%; } h4, p { margin: 0px; } .row-question.active .faq-icon-container { background: #f3a74d; } .row-question.active .faq-icon-container img { filter: brightness(0) invert(1); } .row-question-tite { display: flex; align-items: center; gap: 10px; } .row-question.active .faq-arrow-up { transform: rotateX(180deg) !important; } .row-question.active .faq-arrow-up svg path, .row-question.active .faq-arrow-up svg circle { stroke: #fff; } .faq-arrow-up svg { display: block; } p { margin: 0 !important; } h2 { margin: 0 !important; } /* accordion ends */ /* team slider starts */ .Container-our-team { width: 100%; max-width: 1440px; margin: 0 auto; } .our-team-main { width: 100%; position: relative; display: flex; flex-wrap: wrap; } .our-team-left { position: relative; max-width: 600px; height: 555px; padding: 40px 40px 40px 80px; border-radius: 0px 32px 32px 0px; background-color: #034088; z-index: 9; } .our-team-left-top { width: 100%; text-align: end; } .our-team-left-top p { color: #fff; font-family: "Ubuntu", sans-serif; font-size: 16px; font-weight: 400; line-height: 160%; } .our-team-left-center { width: 100%; padding-inline: 0px 4px; } .our-team-left-flex { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .ot-center-top { width: 100%; display: block; } .ot-center-top h6 { color: #fff; font-family: "Ubuntu", sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 1.3px; text-transform: uppercase; } .ot-center-top h4 { color: #fff; font-family: "Ubuntu", sans-serif; font-size: 32px; font-weight: 500; line-height: 120%; margin-block: 16px 20px; } .ot-center-top h4 span { color: #f3a74d; } .ot-center-top p { color: #fff; font-family: "Ubuntu", sans-serif; font-size: 16px; font-weight: 400; line-height: 160%; width: 98.8%; } .ot-center-bottom { width: 100%; margin-top: 32px; } .ot-center-bottom a { display: inline-block; padding: 16px 40px; border-radius: 100px; border: 1px solid #fff; background-color: #034088; color: #fff; font-family: "Ubuntu", sans-serif; font-size: 14px; font-weight: 500; text-decoration: none; transition: all 200ms ease; } .ot-center-bottom a:hover { background-color: #fff; color: #034088; } .our-team-left-bottom { width: 100%; text-align: end; } .ot-btn-flex { display: inline-flex; gap: 12px; } .ot-btn-flex .ot-btn-slider { padding: 0px; margin: 0px; outline: none; width: 48px; height: 48px; display: grid; justify-items: center; align-items: center; border-radius: 100px; border: 1px solid #fff; background-color: #034088; cursor: pointer; opacity: .8; transition: all 150ms linear; } .ot-btn-slider span { display: flex; } .ot-btn-slider span svg path { fill: #fff; } .ot-btn-slider:hover { background-color: #107cbf; border-color: #107cbf; opacity: 1; } .our-team-right { /* max-width: 925px; */ max-width: 64.3%; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1; } /* .ot-slider-item-main{ margin: 0 12px; } */ .ot-slider-item { /* margin: 0 12px; */ opacity: .2; transform: scale(.9); transition: all 200ms; } .slick-current .ot-slider-item { transform: scale(1); opacity: 1; } .ot-slider-img { width: 100%; border-radius: 16px; overflow: hidden; margin-bottom: 28px; } .ot-slider-img img { width: 100%; display: block; object-fit: cover; } .ot-slider-content { width: 100%; } .ot-slider-content h6 { color: #192838; font-family: "Ubuntu", sans-serif; font-size: 22px; font-weight: 500; line-height: 121%; } .ot-slider-content p { color: #034088; font-family: var(--blue-1); font-size: 16px; font-weight: 500; line-height: 140%; margin-top: 9px; } /* team slider ends */ .get-in-touch-hover { background-color: initial; transition: background-color .3s ease, color .3s ease; } .get-in-touch-hover:hover img { filter: brightness(180%) saturate(100%) sepia(100%) hue-rotate(19deg) saturate(700%) brightness(97%); } .get-in-touch-hover h5, .get-in-touch-hover h6 { color: initial; /* Set your initial text color */ transition: color .3s ease; } .get-in-touch-hover:hover { background-color: #bf0336 !important; cursor: pointer; } .get-in-touch-hover:hover h5, .get-in-touch-hover:hover h6 { color: #fff !important; } .benefit-item:last-child::after { background: transparent; } /* header */ .header-parent { background: #fff; box-shadow: 0px 0px 50px 0px rgba(140, 151, 159, .12); -webkit-transition: all 1s ease; transition: all 1s ease; position: fixed; top: 0; } .header-menu a { margin: 0 !important; padding: 0 !important; } .header-menu .elementor-nav-menu { gap: 50px !important; } .see-on-google { height: 100%; } .header-menu .menu-item-object-page.menu-item-85 { display: none; } .header-menu .menu-item-object-custom.menu-item-108 { display: none; } .header-parent.active { position: fixed; top: 0; left: 0; z-index: 99; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-animation: slideDown .5s forwards ease-in-out; animation: slideDown .5s forwards ease-in-out; } /* Add the prefixed keyframes for Safari compatibility */ @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /* .header-parent.active { position: fixed; top: 0; left: 0; z-index: 99; transform: translateY(-100%); animation: slideDown 0.5s forwards ease-in-out; } @keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } } */ /* footer */ .footer-menu ul a { margin-top: 20px !important; padding: 0 !important; } .area-serve-h6 h6 { cursor: pointer; } /* .area-serve-h6 h6:hover { color:#BF0336 !important; } */ .footer-menu ul li { width: 100%; } .social-link { transition: all .3s ease-in-out; } .social-links:hover svg path { fill: #f2cf1d !important; } .get-quote-form { box-shadow: 0px 0px 50px 0px rgba(120, 130, 146, .16); } /* home page */ .redeem-offer { position: relative; } .redeem-offer::after { content: ""; position: absolute; background-image: url("https://cdn-ildmlic.nitrocdn.com/RFxtNjZyYLZVxOQkALXxqGdoyiviGetm/assets/images/optimized/rev-615d719/www.completeclimateservices.com/wp-content/uploads/2024/11/arrow.svg"); height: 19px; width: 17px; display: block; background-position: center; background-repeat: no-repeat; bottom: -10px; left: 28px; } .redeem-loop-parent { border-radius: 20px; background: var(--grey-scale-ffffff, #fff); box-shadow: 0px 0px 50px 0px rgba(120, 130, 146, .16); } .coupon-carousel .elementor-swiper-button.elementor-swiper-button-next { transform: rotate(180deg) !important; height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid #107cbf !important; border-radius: 100px; } .coupon-carousel .elementor-swiper-button-prev { height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid #107cbf !important; border-radius: 100px; } .coupon-carousel .elementor-swiper-button.elementor-swiper-button-prev:hover { background: #107cbf !important; } .coupon-carousel .elementor-swiper-button.elementor-swiper-button-prev:hover svg path { fill: #fff !important; } .coupon-carousel .elementor-swiper-button.elementor-swiper-button-next:hover { background: #107cbf !important; } .coupon-carousel .elementor-swiper-button.elementor-swiper-button-next:hover svg path { fill: #fff !important; } .coupon-carousel .elementor-swiper-button.elementor-swiper-button-next svg { height: 20px !important; width: 20px !important; } .coupon-carousel .elementor-swiper-button.elementor-swiper-button-prev svg { height: 20px !important; width: 20px !important; } #project-video .elementor-custom-embed-play svg { height: 60px !important; width: 60px !important; } #project-video .elementor-custom-embed-play { position: absolute; top: unset !important; left: unset !important; transform: translate(-50%, -50%); bottom: 0 !important; right: 0 !important; } /* load slider template */ #icon-next svg path { fill: #107cbf; } #icon-next, #icon-prev { height: 48px; width: 48px; border: 1px solid #107cbf; display: flex; align-items: center !important; justify-content: center; border-radius: 50%; } #icon-next svg, #icon-prev svg { height: 16px !important; width: 16px !important; } #icon-next .elementor-widget-container, #icon-prev .elementor-widget-container { height: max-content; } #icon-next:hover, #icon-prev:hover { background: #107cbf !important; } #icon-next:hover svg path, #icon-prev:hover svg path { fill: #fff !important; } .icon .elementor-icon { border: 3px solid #fff !important; } /* General styling */ .icon { position: relative; cursor: pointer; } .content { display: none; } .content.active { display: block; } /* services */ .Service-name-container { border-radius: 20px; box-shadow: 0px 3px 34.8px 0px rgba(0, 0, 0, .05); } .project-video { height: 452px; } .project-video .elementor-wrapper.elementor-open-lightbox { height: 100% !important; } @media only screen and (max-width:1335px) { .ac-maintenace-page-slider .service-slider-content p { width: 400px; } div#global-menu-header { width: 100%; height: 17px; } div#footer-links-icons { height: 100%; } } @media only screen and (max-width:1200px) { .Blogs-content h3 { font-size: 24px; } .custom-dots { height: 90px; align-items: center; scrollbar-width: none; } .wz-right-item-btn { transform: scale(.9); } .wz-right-item-holder-top>:nth-child(1) { margin-right: 20px; } .wz-second-line, .wz-thrid-line { scale: .9; } /* team slider starts */ .our-team-left { height: 520px; max-width: 550px; } .our-team-left-center { padding-inline: 35px 4px; } .get-in-touch-hover button { font-size: 19px !important; } .service-slider-content { width: 100%; max-width: 50% !important; } .service-slider-img { max-width: 50%; } .our-service-slider-main { align-content: start; } #ac-Maintenance .custom-dots { left: 30px; } .Blogs-content h2 { font-size: 26px; } } @media only screen and (max-width:1025px) { .Blogs-content h2 { font-size: 24px; } .Blogs-content h3 { font-size: 22px; } .Blogs-content p { font-size: 16px; } #second-nav-menu .sub-menu li a { padding: 0 !important; } #ac-installation-page .our-service-head-left { max-width: unset; } div#home-page-loader-slider .custom-dots { left: 50px; } .brands-slider .slick-list.draggable img { height: 100% !important; } #home-page-loader-slider .custom-dots { flex-wrap: wrap; } .google-reviews { border: none !important; } #about-video { height: 100%; } #about-video svg { height: 60px !important; width: 60px; } .Warranty-zigzag-left .wz-left-head h2 { font-size: 30px; } .Warranty-zigzag-left { width: 100%; max-width: 100%; padding: 0px; margin-bottom: 20px; } .Warranty-zigzag-right { width: 100%; max-width: 100%; margin-top: 30px; } .wz-right-item-btn { transform: scale(1); } .wz-right-item-holder-top>:nth-child(1) { margin-right: 160px; } .wz-right-item-holder-bottom { text-align: center; } .wz-right-item-holder-bottom .wz-right-item-btn { transform: translateX(80px); } .wz-second-line, .wz-thrid-line { scale: 1; } .wz-top-line { left: 75px; } .wz-second-line { right: 95px; transform: scale(1.15) translateY(24px); } .wz-right-item-holder-center { margin: 90px 0; } .wz-line-svg>path.active { stroke-dasharray: 650; } .wz-thrid-line { left: 76px; transform: translateY(-17px) scale(1.15); } /* brands slider starts */ .bs-item-main { min-height: 155px; } /* team sldier starts */ .our-team-left { height: 500px; max-width: 500px; } .ot-slider-content h6 { font-size: 20px; } .our-team-left-center { padding-inline: 0px 4px; } .ot-slider-content p { font-size: 15px; } #about-video img.attachment-full.size-full.wp-image-2163 { height: 100%; } .service-dot-inner span { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; } .get-in-touch-hover button { font-size: 16px !important; } .slick-slide img { display: block; height: 343px; object-fit: cover; border-radius: 24px; } #ac-Maintenance .custom-dots { flex-wrap: wrap; } } @media only screen and (max-width:991px) { .our-service-head-left { max-width: 60.1%; } #home-page-loader-slider .our-service-slider-main { padding-top: 120px; } .our-loader-right-parent { gap: 0px !important; width: 36.4%; } .home-page-slider .our-service-head-left p { width: 96.1%; } .wz-right-item-holder-top>:nth-child(1) { margin-right: 120px; } .wz-top-line { left: 36px; } .wz-right-item-holder-center { margin: 70px 0; } .wz-second-line { right: 80px; transform: translateY(14px) scale(.95); } .wz-thrid-line { left: 60px; transform: translateY(-4px) scale(.95); } .wz-right-item-btn { padding: 14px 36px; } .Warranty-zigzag-left .wz-left-head h2 { font-size: 30px; margin-top: 14px; } .Warranty-zigzag-left .wz-left-head h6 { font-size: 12px; } .Warranty-zigzag-left .wz-left-head { margin-bottom: 40px; } .wz-text-detail h3 { font-size: 28px; } .wz-text-detail p { font-size: 15px; } .wz-btn-container .wz-btn { padding: 0 !important; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center !important; } .wz-link-container a, .wz-link-container button { padding: 14px 34px; } .wz-step-show { font-size: 15px; } .wz-right-body { margin-top: 45px; } .wz-right-head p { font-size: 15px; } /* brands slider starts */ .brand-service-slider .brand-service-item { margin: 0 8px; } .bs-item-main { min-height: 145px; } .brand-service-slider .slick-list.draggable { padding: 26px 0 !important; } .brand-service-text h5 { font-size: 22px; } .brand-service-text p { font-size: 15px; margin-top: 10px; } .brand-service-bottom .brand-service-text { margin-bottom: 32px; } .bs-slider-btn { width: 44px; height: 44px; } /* team slider starts */ .our-team-main { flex-direction: column; gap: 40px; } .our-team-right { position: relative; top: 0px; right: unset; transform: none; max-width: 100%; } .our-team-left { max-width: 90%; height: 475px; } .ot-center-top h4 { font-size: 28px; } .ot-center-bottom a { padding: 14px 35px; } .ot-center-bottom { margin-top: 28px; } .ot-center-top h4 { margin-block: 14px 18px; } .ot-center-top p { font-size: 15px; } .our-service-item { padding: 40px; } .ac-maintenace-page-slider .service-slider-content p { width: 300px; } .advantage-container { height: 50% !important; opacity: 1 !important; visibility: visible !important; top: auto !important; bottom: 0 !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; z-index: 9; will-change: transform; } .advantage-container p { display: none !important; } .advantage-parent-wrapper:hover .advantage-container { height: 50% !important; } .advantage-loop-text-editor { display: none; } .Blogs-content h2 { font-size: 22px; } .Blogs-content h3 { font-size: 20px; } .page-id-4534 div#second-accordion-wrapper .frequent-question-row { padding: 24px; } } @media only screen and (max-width:768px) { .Blogs-content .elementor-menu-anchor { scroll-margin-top: 125px; } div#heat-pumps-slider .our-service-head-left { max-width: 100%; } .Blogs-content h2 { font-size: 20px; } .Blogs-content h3 { font-size: 18px; } #ac-repair-page-slider .our-loader-right-parent { width: 100%; } #ac-services-slider .our-service-head { flex-direction: row; padding-bottom: 30px; } #ac-Maintenance .our-service-slider-main { padding-top: 100px; } #ac-Maintenance .our-loader-right-parent { width: 100%; padding-bottom: 50px; } .custom-dots { max-width: 100%; } div#about-us-loader .our-service-head-left { max-width: 100%; } div#about-us-loader button.hcp-button.button-styling-cp { display: none !important; } div#home-page-loader-slider .our-loader-right-parent { width: 100%; } .wz-top-line { left: 39px; scale: .8; } .wz-right-item-holder-top>:nth-child(1) { margin-right: 45px; } .wz-second-line { right: -20px; transform: translateY(3px) scale(.8); } .wz-right-item-holder-center { margin: 54px 0; } .wz-thrid-line { left: -24px; transform: translateY(0px) scale(.8); } .wz-left-body-item-main { min-height: 340px; } .Warranty-zigzag-left .wz-left-head h2 { font-size: 32px; margin-top: 12px; } .Warranty-zigzag-left .wz-left-head h6 { font-size: 11px; } .Warranty-zigzag-left .wz-left-head { margin-bottom: 32px; } .wz-text-detail h3 { font-size: 24px; } .wz-text-detail p { font-size: 14px; } .wz-btn-container .wz-btn { width: 36px; height: 36px; } .wz-btn-container .wz-btn span { width: 40%; } .wz-right-body { margin-top: 35px; } .wz-right-head p { font-size: 14px; } .wz-right-head h5 { font-size: 18px; } /* team slider starts */ .our-team-left { max-width: 95%; } .ot-slider-item { margin: 0px; } .row-answer { padding-left: 30px !important; padding-top: 20px; } .home-page-slider .our-service-head-left p { width: 100%; } #home-page-loader-slider .custom-dots { top: -36px; left: 10px; gap: 12px; } .ac-maintenace-page-slider .service-slider-content p { width: 100%; } .furnace-page-slider .service-slider-content { max-width: 100% !important; } .get-in-touch-hover button { font-size: 18px !important; } .service-slider-content { max-width: 100% !important; } .slick-slide img { display: block; height: 100%; object-fit: cover; border-radius: 24px; } .advantage-parent-wrapper img { height: 400px !important; } .page-id-4414 .our-loader-right-parent { margin-bottom: 30px; } } @media only screen and (max-width:700px) { .our-loader-right-parent { gap: 15px; width: 100%; } .Blogs-content ul li { font-size: 16px; } .our-service-head-right { margin-bottom: 0px !important; gap: 10px !important; } .advantage-parent-wrapper img { height: 350px !important; } #second-nav-menu nav { overflow: scroll; height: 80vh; } .get-in-touch-hover h5 { text-align: center; } .Blogs-content h2 { font-size: 20px; } .Blogs-content h3 { font-size: 18px; } } @media only screen and (max-width:580px) { .faqs-dropdown .row-question h4 { width: 91%; } .custom-dots { max-width: 310px; height: 60px; } .wz-right-item-holder-top { display: flex; flex-direction: column; } .wz-right-item-holder-top .wz-right-item-btn { max-width: 200px; } .wz-right-item-holder-top>:nth-child(1) { margin-right: 0px; margin-bottom: 30px; } .wz-right-item-holder-top>:nth-child(2) { transform: translateX(120px); } .wz-second-line { right: -40px; transform: translateY(70px) scale(.75); } .wz-right-item-btn { padding: 12px 24px; font-size: 12px; } .wz-thrid-line { left: -40px; transform: translateY(1px) scale(.75); } .wz-top-line { left: 39px; top: 5px; scale: .6; transform: rotate(90deg); } .Warranty-zigzag-left .wz-left-head h2 { font-size: 20px; } /* team slider starts */ .our-team-left { width: 99%; } .our-team-main { gap: 32px; } .faq-icon-container img { height: 19px; width: 19px; } .row-question-title { gap: 10px; } .frequent-question-row { padding: 24px 10px; } .row-question h4 { width: 73%; } .page-id-4584 .row-question h4 { width: 100%; } #book-now-btn button.hcp-button { padding: 12px 25px; } div#footer-links-icons { height: 100%; } .get-in-touch-hover button { font-size: 16px !important; } .service-slider-content { text-align: justify; } #home-page-loader-slider .custom-dots { padding: 0 20px; gap: 8px; } #home-page-loader-slider .our-service-slider-main { padding-top: 80px; } .custom-dots { max-width: 100%; } #ac-services-slider .our-service-head { flex-direction: column; padding-bottom: 2px; } } @media only screen and (max-width:480px) { div#home-page-loader-slider .our-service-head { margin-bottom: 100px !important; } #ac-Maintenance .our-loader-right-parent { padding-bottom: 0px; } .custom-dots { max-width: 100%; } .wz-right-item-holder-center { margin: 30px 0; } .Warranty-zigzag-right { padding: 20px; } .wz-right-item-holder-top>:nth-child(2) { transform: translateX(0px); } .wz-top-line { left: -43px; } .wz-right-item-holder-center .wz-right-item-btn { transform: translateX(0px); } .wz-right-item-holder-bottom .wz-right-item-btn { transform: translateX(0px); } .wz-right-item-holder-bottom { text-align: end; } .wz-second-line { right: -49px; transform: translateY(56px) scale(.55); } .wz-thrid-line { left: -60px; transform: translateY(15px) scale(.55); } .wz-bottom-detail { flex-direction: column-reverse; gap: 30px; } .wz-left-body-item-main { padding: 24px; min-height: 360px; } .Warranty-zigzag-left .wz-left-head h2 { font-size: 26px; margin-top: 12px; } .wz-text-detail h3 { font-size: 22px; } .wz-link-container a, .wz-link-container button { padding: 14px 30px; font-size: 13px; } /* brand sldier */ .brand-service-text p { font-size: 14px; margin-top: 8px; } .brand-service-bottom .brand-service-text { margin-bottom: 28px; } .brand-service-text h5 { font-size: 20px; } /* team slider starts */ .ot-center-top p { font-size: 14px; } .ot-center-top h4 { font-size: 26px; } .ot-btn-flex .ot-btn-slider { width: 40px; height: 40px; } .ot-slider-content h6 { font-size: 17px; } .ot-slider-img { margin-bottom: 24px; } .ot-slider-item { margin: 0px 12px; } .our-team-left { padding: 32px; padding-left: 20px; } .our-team-main { gap: 24px; } .bs-slider-btn { height: 30px; width: 30px; } .bs-slider-btn span { height: 13px; width: 13px; display: flex; align-items: center; justify-content: center; } } /* timer slider */ @media only screen and (max-width:1201px) { .row-answer { width: 100% !important; padding-left: 70px; } } @media only screen and (max-width:1025px) { .our-service-head { margin-bottom: 80px; } div#ac-repair-page-slider .our-loader-head-top { padding-bottom: 30px; } .service-dot span svg { width: 35px; } .custom-dots { gap: 14px; } .service-dot { width: 75px; height: 75px; } .circle-progress { transform: scale(.9); } .progress-container { transform: translate(-4.6px, -9px); } .service-slider-content { max-width: 460px; } .progress-circle { transform: rotate(-69deg) scale(.98); } } @media only screen and (max-width:991px) { .service-slider-content { max-width: 362px; } .our-service-head-left h2, .our-service-head-left h2 span { font-size: 32px; line-height: 38px; } .service-slider-content h4, .service-slider-content h4 span { font-size: 28px; line-height: 42px; } .service-slider-content p { margin-top: 14px; font-size: 14px; } .slider-read-more { margin-top: 24px; } .our-service-item { padding: 50px 35px; } .slider-read-more a { padding: 13px 32px; font-size: 14px; } .service-dot span svg { width: 30px; } .service-dot { width: 80px; height: 80px; } svg.progress-circle { width: 115px; height: 130px; } .circle-progress { transform: scale(.7); } .custom-dots { top: -56px; left: 45px; gap: 12px; } .progress-container { transform: translate(7.8px, -30px); } .row-question h4 { font-size: 16px !important; } .row-answer p { font-size: 14px !important; } } @media only screen and (max-width:769px) { .our-service-head-left { width: 100%; } .our-service-slider-main { flex-direction: column; row-gap: 24px; } .our-service-head-left p { font-size: 14px; margin-top: 16px; line-height: 22px; } .our-service-head-left h2, .our-service-head-left h2 span { font-size: 28px; line-height: 35px; } .service-slider-content h4, .service-slider-content h4 span { font-size: 24px; line-height: 28px; } .service-slider-img { max-width: 100%; width: 100%; } .service-slider-content { max-width: 100%; padding-right: 0px; } .our-service-head { margin-bottom: 70px !important; flex-direction: column; row-gap: 24px; } .our-service-head-left { max-width: 100%; } .service-slider-content p { line-height: 21px; } } @media only screen and (max-width:580px) { .our-service-head-left h2 { font-size: 20px; line-height: 20px; } .blog-share-button span.elementor-share-btn__title { display: none; } .blog-share-button .elementor-share-btn__text { padding: 0 !important; } .our-service-head-left h2 span { font-size: 20px; line-height: 20px; } svg.progress-circle { width: 100px; height: 100px; } .our-service-btn { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; } .our-service-btn span svg { width: 14px; height: 14px; } .our-service-item { padding: 40px 20px; } .service-dot { width: 50px; height: 50px; flex-shrink: 0; } .service-dot span svg { width: 23px; height: 23px; } .custom-dots { top: -32px; left: 10px !important; gap: 7px; } .progress-circle { transform: rotate(-69deg) scale(.64); } .circle-progress { transform: scale(.63); } .progress-container { transform: translate(-19px, -27px); } .our-service-head-left h2 { margin-top: 14px; } .our-service-head { row-gap: 30px !important; } .our-service-head { margin-bottom: 60px !important; } .service-dot-inner img { height: 27px; width: 27px; } .our-service-head-left h2 { font-size: 20px; line-height: 20px; } .our-service-head-left h2 span { font-size: 20px; line-height: 20px; } .service-slider-content h4, .service-slider-content h4 span { font-size: 22px; line-height: 20px; } .row-question-title { width: 90%; } .ellicot-city-drop .row-question h4 { width: 100%; } } @media only screen and (max-width: 391px) { .bs-item-main { min-height: 120px; } div#home-page-loader-slider .our-service-head { margin-bottom: 80px !important; } .hamburger-parent-class { width: 42% !important; } } @media only screen and (max-width: 363px) { #home-page-loader-slider .our-service-slider-main { padding-top: 115px; } .footer-menu ul li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-4637 { display: none; } .hamburger-parent-class { width: 48% !important; } } /* timer slider end */ @media only screen and (max-width: 1025px) { .header-menu nav ul a { padding-block: 10px !important; padding-inline: 20px !important; } .header-menu nav ul { background: #1a1a1a; } } @media only screen and (max-width: 767px) { .header-menu .menu-item-object-page.menu-item-85 { display: block; } } @media only screen and (max-width: 730px) { #heating-pumps .service-slider-content { width: 100%; } .page-id-4414 .our-loader-right-parent { margin-bottom: 0px; } #heating-pumps .our-service-head-left p { width: 100%; } } @media only screen and (max-width: 580px) { .coupon-carousel .elementor-swiper-button-prev, .coupon-carousel .elementor-swiper-button.elementor-swiper-button-next { height: 30px; width: 30px; } .coupon-carousel .elementor-swiper-button.elementor-swiper-button-prev svg, .coupon-carousel .elementor-swiper-button.elementor-swiper-button-next svg { height: 13px !important; width: 13px !important; } .faq-arrow-up svg { width: 24px; height: 24px; } .faq-icon-container img { max-width: 20px; } .faq-icon-container { height: 36px; width: 36px; } .row-answer { padding-left: 56px; } #core-carousel .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -42px !important; } .elementor-element.elementor-element-edd7dbc.e-con-full.e-flex.e-con.e-child { justify-content: end !important; } } @media only screen and (max-width: 390px) { li.menu-item.menu-item-type-post_type.menu-item-object-service.menu-item-134 { display: none; } #heat-pumps-slider .custom-dots { flex-wrap: wrap; } #heat-pumps-slider .our-service-slider-main { padding-top: 60px; } } @media only screen and (max-width: 350px) { .custom-dots { flex-wrap: wrap !important; gap: 10px; } .our-service-slider-main { padding-top: 70px; } .footer-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2776 { display: none; } } /* css for booking button */ button.hcp-button.custom-styling-btn { margin-top: 20px; padding: unset; background-color: transparent; font-family: "Ubuntu", Sans-serif; font-size: 24px; font-weight: 500; line-height: 135%; color: #000; text-transform: capitalize; } button.hcp-button.custom-styling-btn:hover { background: unset; box-shadow: unset; } button.hcp-button.button-styling-cp { padding: 16px 40px; font-size: 14px; text-transform: capitalize; font-weight: 500; line-height: 160%; border: 1px solid #fff; font-family: "Ubuntu", Sans-serif; background-color: transparent; } button.hcp-button.button-styling-cp:hover { color: #034088; background-color: #fff; } button.hcp-button.button-styling-cp.dark-background { background-color: #107cbf; margin: unset; box-shadow: unset; border-color: #107cbf; padding: 16px 40px; } button.hcp-button.button-styling-cp.dark-background:hover { background-color: transparent; color: #107cbf; } @media (max-width: 1201px) { button.hcp-button.custom-styling-btn { font-size: 19px; } } @media (max-width: 1025px) { button.hcp-button.custom-styling-btn { font-size: 16px; } } @media (max-width: 992px) { button.hcp-button.custom-styling-btn { font-size: 18px; } button.hcp-button.button-styling-cp { margin-bottom: 40px; } } @media (max-width: 767px) { button.hcp-button.custom-styling-btn { font-size: 16px; width: 100%; align-items: center; justify-content: center; } button.hcp-button.button-styling-cp { padding: 16px 20px; } } .border-left { border-radius: 6px; border-left: 6px solid #107cbf; } .service-dot-inner span img { object-fit: contain !important; height: 44px; } .btn-hover-border a:hover { border: 1px solid #107cbf !important; } .page-id-4322 .frequent-question-row { background: #fff; } .box-shadow-services { box-shadow: 0px 3px 34.8px 0px rgba(0, 0, 0, .05); } .row-answer.remove-padd { padding: 0px !important; width: 91%; margin-top: 8px; } .frequent-question-row.add-padding { padding: 40px 24px; } .page-id-4325 .frequent-question-row, .page-id-4567 .frequent-question-row { background-color: #fff; } .page-id-4575 .frequent-question-row, .page-id-4584 .frequent-question-row { padding: 40px 24px; } .page-id-4575 button.hcp-button.button-styling-cp.dark-background.banner-schedule.color-white-button { overflow: hidden; width: 208px; } .page-id-4575 button.hcp-button.button-styling-cp.dark-background.banner-schedule.color-white-button:hover { color: #fff; border-color: #fff; } .wp-google-powered { display: none !important; } .wp-gr .wp-google-place .wp-star svg { width: 16px !important; height: 16px !important; } .wp-gr .wp-google-rating { font-size: 16px !important; color: #f2cf1d !important; } p.rating { font-family: "Ubuntu", serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 120% !important; color: #1a1a1a !important; margin-bottom: 4px !important; } .wp-gr .wp-star svg path { fill: #f2cf1d !important; } .google-img { width: 48px !important; } .google-img img { width: 100% !important; height: auto !important; } .wp-google-place { display: flex !important; gap: 14px; align-items: center; } .wp-gr .wp-google-right { width: 100% !important; } .wp-gr.wpac { padding: 0px !important; } .elementor-element.elementor-element-c296eac.elementor-widget.elementor-widget-text-editor .elementor-widget-container p>a, .elementor-element.elementor-element-2e9e0a7.elementor-widget.elementor-widget-text-editor .elementor-widget-container p>a { color: var(--grey-scale-666666, #666); text-decoration-line: underline; } button.hcp-button.button-styling-cp.dark-background { width: auto; } #footer .wp-gr .wp-google-right>p.rating { color: #fff !important; } .elementor-element.elementor-element-edd7dbc.e-con-full.e-flex.e-con.e-child { justify-content: center; padding: 0px !important; } .page-id-4584 .elementor-element.elementor-element-2c5b7b0.e-con-full.e-flex.e-con.e-child button.hcp-button.button-styling-cp.dark-background.banner-schedule:hover { color: #fff; border-color: #fff; } /* timer slider */ @media only screen and (max-width:1201px) { .row-answer { width: 100% !important; padding-left: 70px; } } /* @media only screen and (max-width: 1025px) { span.wp-stars .wp-star { display: inline !important; } .headerReview span.wp-stars .wp-star{ display: none !important; } .headerReview span.wp-stars .wp-star:first-child{ display: inline !important; } } */ @media only screen and (max-width:1025px) { /* .page-id-4330 .our-service-item { height: 640px; } .google-img img { width: 50px !important; } .wp-gr .wp-google-right { margin-left: 10px !important; } /* .wp-gr.wpac { width: 180px !important; } */ span.wp-stars>:first-child { display: inline-block; } .our-service-head { margin-bottom: 80px; } .service-dot span svg { width: 35px; } .custom-dots { gap: 14px; } .service-dot { width: 75px; height: 75px; } .circle-progress { transform: scale(.9); } .progress-container { transform: translate(-4.6px, -9px); } .service-slider-content { max-width: 460px; } .progress-circle { transform: rotate(-69deg) scale(.98); } .wz-bottom-detail { padding-top: 30px; } } @media only screen and (max-width:991px) { .service-slider-content { max-width: 362px; } .our-service-head-left h2, .our-service-head-left h2 span { font-size: 32px; line-height: 38px; } .service-slider-content h4, .service-slider-content h4 span { font-size: 28px; line-height: 42px; } .service-slider-content p { margin-top: 14px; font-size: 14px; } .slider-read-more { margin-top: 24px; } .our-service-item { padding: 50px 35px; } .slider-read-more a { padding: 13px 32px; font-size: 14px; } .service-dot span svg { width: 30px; } .service-dot { width: 80px; height: 80px; } svg.progress-circle { width: 115px; height: 130px; } .circle-progress { transform: scale(.7); } .custom-dots { top: -56px; left: 45px; gap: 12px; } .progress-container { transform: translate(7.8px, -30px); } .row-question h4 { font-size: 16px !important; } .row-answer p { font-size: 14px !important; } } @media only screen and (max-width:769px) { .our-service-head-left { width: 100%; } .ot-slider-content { text-align: center; } /* .our-service-slider-main { flex-direction: column; row-gap: 0px !important; } */ .our-service-head-left p { font-size: 14px; margin-top: 16px; line-height: 22px; } .our-service-head-left h2, .our-service-head-left h2 span { font-size: 28px; line-height: 35px; } .service-slider-content h4, .service-slider-content h4 span { font-size: 24px; line-height: 28px; } .service-slider-img { max-width: 100%; width: 100%; } .service-slider-content { max-width: 100%; padding-right: 0px; } .our-service-head { margin-bottom: 60px; } .our-service-head { flex-direction: column; row-gap: 24px; } .our-service-head-left { max-width: 100%; } .our-service-head { margin-bottom: 50px; } .service-slider-content p { line-height: 21px; } div#book-now-btn-header button { font-size: 14px; padding: 13px 22px 12px 22px; } } @media only screen and (max-width:730px) { span.wp-stars .wp-star { display: none; } span.wp-stars>:first-child { display: inline-block; } } @media only screen and (max-width:580px) { .page-id-4303 .custom-dots { left: 20px !important; } .our-service-head-left h2 { font-size: 20px; line-height: 20px; } .our-service-head-left h2 span { font-size: 20px; line-height: 20px; } svg.progress-circle { width: 100px; height: 100px; } .our-service-btn { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; } .our-service-btn span svg { width: 14px; height: 14px; } .our-service-item { padding: 40px 20px; } .service-dot { width: 50px; height: 50px; } .service-dot span svg { width: 23px; height: 23px; } .custom-dots { top: -32px; left: 0; gap: 4px; } .progress-circle { transform: rotate(-69deg) scale(.64); } .circle-progress { transform: scale(.63); } .progress-container { transform: translate(-19px, -27px); } .our-service-head-left h2 { margin-top: 14px; } .our-service-head { row-gap: 10px; } .service-dot-inner img { height: 27px; width: 27px; } .our-service-head-left h2 { font-size: 20px; line-height: 20px; } .our-service-head-left h2 span { font-size: 20px; line-height: 20px; } .service-slider-content h4, .service-slider-content h4 span { font-size: 18px; line-height: 20px; } .rplg-badge2 .rplg-badge2-btn .rplg-badge-logo>svg { width: 30px !important; height: 30px !important; } } /* timer slider end */ /* zigzag slider */ @media only screen and (max-width:1200px) { .wz-right-item-btn { transform: scale(.9); } .wz-right-item-holder-top>:nth-child(1) { margin-right: 20px; } .wz-second-line, .wz-thrid-line { scale: .9; } } @media only screen and (max-width:1025px) { .Warranty-zigzag-left { width: 100%; max-width: 100%; padding: 0px; margin-bottom: 20px; } .Warranty-zigzag-right { width: 100%; max-width: 100%; } .wz-right-item-btn { transform: scale(1); } .wz-right-item-holder-top>:nth-child(1) { margin-right: 160px; } .wz-right-item-holder-bottom { text-align: center; } .wz-right-item-holder-bottom .wz-right-item-btn { transform: translateX(80px); } .wz-second-line, .wz-thrid-line { scale: 1; } .wz-top-line { left: 75px; } .wz-second-line { right: 80px; transform: scale(1.15) translateY(24px); } .wz-right-item-holder-center { margin: 90px 0; } .wz-line-svg>path.active { stroke-dasharray: 650; } .wz-thrid-line { left: 76px; transform: translateY(-17px) scale(1.15); } } @media only screen and (max-width:991px) { .wz-right-item-holder-top>:nth-child(1) { margin-right: 120px; } .wz-top-line { left: 36px; } .wz-right-item-holder-center { margin: 70px 0; } .wz-second-line { right: 80px; transform: translateY(14px) scale(.95); } .wz-thrid-line { left: 60px; transform: translateY(-4px) scale(.95); } .wz-right-item-btn { padding: 14px 36px; } .Warranty-zigzag-left .wz-left-head h2 { font-size: 36px; margin-top: 14px; } .Warranty-zigzag-left .wz-left-head h6 { font-size: 12px; } .Warranty-zigzag-left .wz-left-head { margin-bottom: 40px; } .wz-text-detail h3 { font-size: 28px; } .wz-text-detail p { font-size: 15px; } .wz-btn-container .wz-btn { width: 42px; height: 42px; } .wz-link-container a { padding: 14px 34px; } .wz-step-show { font-size: 15px; } .wz-right-body { margin-top: 45px; } .wz-right-head p { font-size: 15px; } } @media only screen and (max-width:768px) { .wz-top-line { left: 39px; scale: .8; } .page-id-4035 #home-page-loader-slider .our-service-slider-main { row-gap: 30px !important; } .wz-right-item-holder-top>:nth-child(1) { margin-right: 45px; } .wz-second-line { right: -20px; transform: translateY(3px) scale(.8); } .wz-right-item-holder-center { margin: 54px 0; } .wz-thrid-line { left: -24px; transform: translateY(0px) scale(.8); } .wz-left-body-item-main { min-height: 320px; } .Warranty-zigzag-left .wz-left-head h2 { font-size: 32px; margin-top: 12px; } .Warranty-zigzag-left .wz-left-head h6 { font-size: 11px; } .Warranty-zigzag-left .wz-left-head { margin-bottom: 32px; } .wz-text-detail h3 { font-size: 24px; } .wz-text-detail p { font-size: 14px; } .wz-btn-container .wz-btn { width: 36px; height: 36px; } .wz-btn-container .wz-btn span { width: 40%; } .wz-right-body { margin-top: 35px; } .wz-right-head p { font-size: 14px; } .wz-right-head h5 { font-size: 18px; } } @media only screen and (max-width:580px) { .wz-right-item-holder-top { display: flex; flex-direction: column; } .wz-right-item-holder-top .wz-right-item-btn { max-width: 200px; } .wz-right-item-holder-top>:nth-child(1) { margin-right: 0px; margin-bottom: 30px; } .wz-right-item-holder-top>:nth-child(2) { transform: translateX(120px); } .wz-second-line { right: -40px; transform: translateY(70px) scale(.75); } .wz-right-item-btn { padding: 12px 24px; font-size: 12px; } .wz-thrid-line { left: -40px; transform: translateY(1px) scale(.75); } .wz-top-line { left: 39px; top: 5px; scale: .6; transform: rotate(90deg); } } @media only screen and (max-width:480px) { .wz-right-item-holder-center { margin: 30px 0; } .Warranty-zigzag-right { padding: 20px; } .wz-right-item-holder-top>:nth-child(2) { transform: translateX(0px); } .wz-top-line { left: -43px; } .wz-right-item-holder-center .wz-right-item-btn { transform: translateX(0px); } .wz-right-item-holder-bottom .wz-right-item-btn { transform: translateX(0px); } .wz-right-item-holder-bottom { text-align: end; } .wz-second-line { right: -49px; transform: translateY(56px) scale(.55); } .wz-thrid-line { left: -60px; transform: translateY(15px) scale(.55); } .wz-bottom-detail { flex-direction: column-reverse; gap: 20px; } .wz-left-body-item-main { padding: 24px; min-height: 360px; row-gap: 20px; } .Warranty-zigzag-left .wz-left-head h2 { font-size: 26px; margin-top: 12px; } .wz-text-detail h3 { font-size: 22px; margin-top: 0px !important; } .wz-link-container a { padding: 14px 30px; font-size: 13px; } .google-img img { width: 35px !important; } .wp-gr .wp-google-right { width: 60% !important; margin-left: 5px !important; } .wp-google-place { gap: 5px; } p.rating { display: none; } } /* zigzag slider end */ @media only screen and (max-width: 1025px) { .header-menu .menu-item-object-custom.menu-item-108 { display: block; } .header-menu nav ul a { padding-block: 10px !important; padding-inline: 20px !important; } .header-menu nav ul { background: #1a1a1a; } } @media only screen and (max-width: 767px) { .header-menu .menu-item-object-page.menu-item-85 { display: block; } .page-id-4330 .service-slider-img img { height: 410px; } .page-id-4330 .our-service-item { height: 1050px; } } @media only screen and (max-width: 580px) { .coupon-carousel .elementor-swiper-button-prev, .coupon-carousel .elementor-swiper-button.elementor-swiper-button-next { height: 30px; width: 30px; } .coupon-carousel .elementor-swiper-button.elementor-swiper-button-prev svg, .coupon-carousel .elementor-swiper-button.elementor-swiper-button-next svg { height: 13px !important; width: 13px !important; } .faq-arrow-up svg { width: 24px; height: 24px; } .faq-icon-container img { max-width: 20px; } .faq-icon-container { height: 36px; width: 36px; } .row-answer { padding-left: 56px; } } @media only screen and (max-width: 370px) { li.menu-item.menu-item-type-post_type.menu-item-object-service.menu-item-134 { display: none; } } @media only screen and (max-width: 350px) { .custom-dots { flex-wrap: wrap !important; gap: 10px; } .our-service-slider-main { padding-top: 70px; } } .page-id-4330 .service-slider-img img { height: 500px; object-fit: cover; border-radius: 16px; } .our-service-slider-main { height: 100%; align-items: center; } div#book_header__blue button { background-color: #0f77cc; background-size: cover; color: #fff; font-family: "Ubuntu", Sans-serif; font-size: 16px; font-weight: 400; line-height: 160%; text-shadow: 0px 0px 0px rgba(0, 0, 0, .3); border-radius: 100px 100px 100px 100px; padding: 16px 40px 16px 40px; } #book-now-btn.footer_buton { display: none !important; } div#book_header__blue button:hover, div#book-now-btn-header button:active { background-color: #0f77cc; background-size: cover; color: #fff; font-family: "Ubuntu", Sans-serif; font-size: 16px; font-weight: 400; line-height: 160%; text-shadow: 0px 0px 0px rgba(0, 0, 0, .3); border-radius: 100px 100px 100px 100px; padding: 16px 40px 16px 40px; } @media screen and (max-width: 1024px) { .grw-review-inner .wp-stars .wp-star { display: inline !important; } } .review-badge .rplg-badge2 .rplg-badge2-border { display: none; } .review-badge .rplg-badge2-score div:nth-child(1) { color: #000 !important; font-weight: 600 !important; font-size: calc(100% - 15%) !important; } @media only screen and (max-width: 730px) { .review-badge .rplg-badge2-score div:nth-child(1) { display: none; } .review-badge .rplg-badge2-score svg { display: none !important; } .review-badge .rplg-badge2-score svg:nth-child(1) { display: block !important; } .review-badge .rplg .rplg-biz-rating.rplg-trim { display: flex !important; } } .review-badge .rplg .rplg-biz-rating.rplg-biz-google .rplg-biz-score { font-size: 100% !important; } .review-badge .rplg-badge2 .rplg-badge2-btn { padding: 0px !important; } .review-badge .rplg-badge2-score div:nth-child(2) { display: flex; gap: 10px; } .review-badge .rplg .rplg-badge2 { display: inline-block; position: relative !important; border-radius: unset !important; margin: 0 !important; box-shadow: unset !important; } .our-service-item.slick-slide .service-slider-img img { aspect-ratio: 1/.8; object-fit: cover; border-radius: 30px; } @media screen and ( max-width: 768px) { #book-now-btn.footer_buton button { /* background: red !important; */ transform: scale(1.45); transform-origin: bottom left; } } div.page-header { display: none !important; } @media screen and (max-width: 640px) { main#content, div[data-elementor-type="single-post"] { margin-top: 194px; } } #book-now-btn {} a.elementor-icon { background: var(--e-global-color-primary); padding: 12px; } #gform_wrapper_1[data-form-index="0"].gform-theme, [data-parent-form="1_0"] { --gf-color-primary: #204ce5; --gf-color-primary-rgb: 32, 76, 229; --gf-color-primary-contrast: #fff; --gf-color-primary-contrast-rgb: 255, 255, 255; --gf-color-primary-darker: #001ab3; --gf-color-primary-lighter: #527eff; --gf-color-secondary: #fff; --gf-color-secondary-rgb: 255, 255, 255; --gf-color-secondary-contrast: #112337; --gf-color-secondary-contrast-rgb: 17, 35, 55; --gf-color-secondary-darker: #f5f5f5; --gf-color-secondary-lighter: #fff; --gf-color-out-ctrl-light: rgba(17, 35, 55, .1); --gf-color-out-ctrl-light-rgb: 17, 35, 55; --gf-color-out-ctrl-light-darker: rgba(104, 110, 119, .35); --gf-color-out-ctrl-light-lighter: #f5f5f5; --gf-color-out-ctrl-dark: #585e6a; --gf-color-out-ctrl-dark-rgb: 88, 94, 106; --gf-color-out-ctrl-dark-darker: #112337; --gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, .65); --gf-color-in-ctrl: #fff; --gf-color-in-ctrl-rgb: 255, 255, 255; --gf-color-in-ctrl-contrast: #112337; --gf-color-in-ctrl-contrast-rgb: 17, 35, 55; --gf-color-in-ctrl-darker: #f5f5f5; --gf-color-in-ctrl-lighter: #fff; --gf-color-in-ctrl-primary: #204ce5; --gf-color-in-ctrl-primary-rgb: 32, 76, 229; --gf-color-in-ctrl-primary-contrast: #fff; --gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255; --gf-color-in-ctrl-primary-darker: #001ab3; --gf-color-in-ctrl-primary-lighter: #527eff; --gf-color-in-ctrl-light: rgba(17, 35, 55, .1); --gf-color-in-ctrl-light-rgb: 17, 35, 55; --gf-color-in-ctrl-light-darker: rgba(104, 110, 119, .35); --gf-color-in-ctrl-light-lighter: #f5f5f5; --gf-color-in-ctrl-dark: #585e6a; --gf-color-in-ctrl-dark-rgb: 88, 94, 106; --gf-color-in-ctrl-dark-darker: #112337; --gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, .65); --gf-radius: 3px; --gf-font-size-secondary: 14px; --gf-font-size-tertiary: 13px; --gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width=\'8\' height=\'14\' viewBox=\'0 0 8 14\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z\' fill=\'rgba(17, 35, 55, 0.65)\'/%3E%3C/svg%3E"); --gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width=\'10\' height=\'6\' viewBox=\'0 0 10 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z\' fill=\'rgba(17, 35, 55, 0.65)\'/%3E%3C/svg%3E"); --gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width=\'640\' height=\'640\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z\' fill=\'rgba(17, 35, 55, 0.65)\'/%3E%3C/svg%3E"); --gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary); --gf-ctrl-border-color: #686e77; --gf-ctrl-size: var(--gf-ctrl-size-md); --gf-ctrl-label-color-primary: #112337; --gf-ctrl-label-color-secondary: #112337; --gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md); --gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md); --gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md); --gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md); --gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md); --gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md); --gf-ctrl-btn-border-color-secondary: #686e77; --gf-ctrl-file-btn-bg-color-hover: #ebebeb; --gf-field-img-choice-size: var(--gf-field-img-choice-size-md); --gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md); --gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md); --gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md); --gf-field-pg-steps-number-color: rgba(17, 35, 55, .8); }

Contact-Free Estimate

Free Estimate

See it on Google

— Need Help Fast?

443-898-4747

— Quick Questions?

info@completeclimate
services.com

Baltimore City

Baltimore County

Anne Arundel County

Howard County

Towson

Brooklyn

Curtis Bay

Columbia

Ellicott City

Glen Burnie

Catonsville

Dundalk

Essex

Gwynn Oak

Parkville

Cockeysville

Perry Hall

Woodlawn

Halethorpe

Nottingham

Sparrows Point