/*
Theme Name: Customify Child
Theme URI: https://wp-themes.com/customify
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress Customify child theme.
Template: customify
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: customify-child
*/

/*.site-footer .item--inner.builder-item--footer-2 iframe {display: none !important;}*/

/*.logged-in .containerAlertGMS {display: none !important;}*/

/****************************************Global CSS****************************************/
.hidden, .hidden1 {display:none !important;}
.home.main-layout-content .entry-content>.alignfull {margin-top: 0px !important;}

body, html {overflow-x: hidden !important;}
.noOverflow {overflow: initial !important;}
.noMargin {margin: 0px !important;}
.noPadding {padding: 0px !important;}

.site-content {
    position: relative !important;
    z-index: 0 !important; }

.textWhite p, .textWhite span, .textWhite b, .textWhite strong, .textWhite i, .textWhite a, .textWhite small,
.textWhite h1, .textWhite h2, .textWhite h3, .textWhite h4, .textWhite h5, .textWhite h6 {
	color: var(--primary-color) !important;}
.textWhite a {
	text-decoration: underline !important;
	text-decoration-color: #ffffff !important;
	transition: all 0.3s !important; }
.textWhite a:hover {text-decoration: none !important;}

.site-content a:not(.btnSliderBox a):not(a.service-auto-link):not(.wp-block-button__link):not(.textWhite):not(.textWhite a) {
	color: #235787 !important;
	font-weight: bold !important;
	text-decoration: underline !important;
	transition: all 0.3s !important; }
.site-content a:not(.btnSliderBox a):not(a.service-auto-link):not(.wp-block-button__link):not(.textWhite):not(.textWhite a):hover {
	text-decoration: none !important;}

.aligncenter img {
    margin: 0 auto !important;
    text-align: center !important; }

figcaption {text-align: center !important; }

.sectionNoPadding1 .column1 {padding-left: 0px !important; }
.sectionNoPadding2 .column2 {padding-right: 0px !important; }
.sectionNoPadding3 .columns {padding: 0px !important; }


.h2+h3, h2+h3 {border-top: 1px solid transparent !important; }


.glightbox-container:not(.specificity) .gclose, 
.glightbox-container:not(.specificity) .gnext, 
.glightbox-container:not(.specificity) .gprev {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #da8b29; }





.shadow1 {filter: drop-shadow(2px 4px 6px #000000) !important; }
.shadow2 {filter: drop-shadow(2px 4px 6px #00000063) !important; }
.shadow3 {filter: drop-shadow(2px 4px 3px #0000002b) !important; }

/*************************************END - Global CSS*************************************/
/*.header--row:not(.header--transparent).header-bottom .header--row-inner {background: yellow !important;}*/

/*Header*/

/* Franja diagonal roja, esquina superior izquierda de todo el sitio */
.site-header::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 260px !important;
    height: 85px !important;
    background: var(--red-color) !important;
    clip-path: polygon(0 0, 100% 0, 0 70%) !important;
    z-index: 1 !important;
    pointer-events: none !important; }

/* Fondo del header-main: degradado claro + skyline desvanecido */
.site-header > .site-header-inner > .header-main > .header--row-inner {
    background-color: #eef5fb !important;
    background-image: url('/wp-content/uploads/2026/09/City-header_1.webp') !important;
    background-repeat: no-repeat !important;
    /*background-position: calc(50% + 0px) calc(0% + -206px) !important;*/
    background-position: calc(50% + 0px) 65% !important;
    background-size: cover !important;
    position: relative !important; }

.site-header > .site-header-inner > .header-main > .header--row-inner > .customify-container {
    position: relative !important;
    z-index: 1 !important; }


/* Fuerza a que la columna del logo (izquierda) y la del teléfono (derecha)
   midan exactamente lo mismo, así la columna central del badge "40 years"
   queda matemáticamente en el centro del header, sin importar que el bloque
   de teléfono sea más ancho que el logo */
.header-main .row-v2.row-v2-main.no-center {
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
    justify-content: center !important;
    filter: drop-shadow(2px 4px 6px #ffffff) !important; }

/* Columna central: badge "40 años" (ya trae el texto incluido en la imagen) */
.header-main .col-v2-center {
    background-image: url('/wp-content/uploads/2026/09/40-year-experience_2.webp') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    min-height: 110px !important;
    min-width: 150px !important;
    margin-top: -17px !important;
    transform: translateX(-133px) !important;
    filter: drop-shadow(2px 4px 6px #ffffff) !important; }

.header-main .col-v2-center:after {
   content: "Same name. same Mission. \A Safer Tomorrow." !important;
    white-space: pre-wrap !important;
    display: block !important;
    position: relative !important;
    color: #012F58 !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    margin: 128px auto 0px !important;
    text-align: center !important;
    filter: drop-shadow(2px 4px 6px #ffffff) !important;
    z-index: 0 !important; }

/* Overlay: fade blanco -> transparente sobre el skyline, para separar fondo y contenido */
.site-header > .site-header-inner > .header-main > .header--row-inner:after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(-10deg,
        rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.55) 45%,
        rgba(255,255,255,0.8) 80%,
        rgba(255,255,255,0) 100%) !important;
    z-index: 0 !important;
    pointer-events: none !important; }

.site-header > .site-header-inner > .header-main > .header--row-inner > .customify-container {
    position: relative;
    z-index: 1 !important; }

/* ===== Bloque de teléfono / licencias (columna derecha) ===== */
.infoHeaderContainer {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto auto auto !important;
    column-gap: 14px !important;
    row-gap: 3px !important;
    align-items: center !important;
    padding: 10px 0 !important;
    filter: drop-shadow(2px 4px 2px #ffffff); }

.infoHeaderContainer .slogans.slogan0,
.infoHeaderContainer .slogans.slogan1,
.infoHeaderContainer .slogans.slogan2,
.infoHeaderContainer .headerPhone,
.infoHeaderContainer .slogans.slogan0 p,
.infoHeaderContainer .slogans.slogan1 p,
.infoHeaderContainer .slogans.slogan2 p,
.infoHeaderContainer .headerPhone p {filter: drop-shadow(2px 4px 2px #ffffff); }

/* El <a> que envuelve Call Today + teléfono + 24/7 se "vuelve invisible" como caja
   pero sigue siendo un link real: sus hijos pasan a ser celdas del grid directamente */
.infoHeaderContainer .h-phone {
    display: contents !important; }

/* Oculta el <p> vacío suelto y el segundo <a> vacío que trae el HTML */
.infoHeaderContainer > p,
.infoHeaderContainer p:empty {
    display: none !important; }

.infoHeaderContainer > a.h-phone {
    display: block !important;
    /*margin: 0px 0px 0px 152px !important;*/
    margin: 0px 0px 0px 57px !important; }

/* Centra el bloque de teléfono/licencias dentro de su columna (antes quedaba
   pegado al borde derecho) */
.header-main .cb-row--desktop .col-v2-right {
    justify-content: center !important; }

/* Círculo rojo con ícono de teléfono */
.infoHeaderContainer > a.h-phone::before {
    content: "\f095" !important;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased !important;
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 68px !important;
    height: 68px !important;
    margin: 0px 0px -73px -78px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: var(--red-color) !important;
    color: #ffffff !important;
    font-size: 36px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.25) !important; }



.infoHeaderContainer .slogans.slogan0 { grid-column: 2 !important; grid-row: 1 !important; }
.infoHeaderContainer .headerPhone     { grid-column: 2 !important; grid-row: 2 !important; }
.infoHeaderContainer .slogans.slogan1 { grid-column: 2 !important; grid-row: 3 !important; }
.infoHeaderContainer .slogans.slogan2 { grid-column: 1 / 3 !important; grid-row: 4 !important; }
.infoHeaderContainer .licenseNumber1 { grid-column: 1 / 3 !important; grid-row: 5 !important; }

.infoHeaderContainer .slogans p,
.infoHeaderContainer .h-phone .headerPhone p {
    margin: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important; }

.infoHeaderContainer .slogans.slogan0 p {
    color: #0b2d56 !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important; }

.infoHeaderContainer .h-phone .headerPhone p {
    color: #0b2d56 !important;
    font-weight: 800 !important;
    font-size: 30px !important;
    text-decoration: underline !important;
    transition: all 0.3s !important; }

.infoHeaderContainer .h-phone:hover .headerPhone p {
    text-decoration: none !important; }


.infoHeaderContainer .slogans.slogan1 p {
    color: var(--red-color) !important;
    font-weight: 800 !important;
    font-size: 17px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important; }

/* Licensed | Insured | Commercial | Residential | Industrial */
.infoHeaderContainer .slogans.slogan2 {
    display: flex !important;
    flex-wrap: wrap !important; }

.infoHeaderContainer .slogans.slogan2 p:not(:empty) {
    margin: 0 !important;
    padding-left: 10px !important;
    margin-left: 10px !important;
    border-left: 1px solid #0b2d56 !important;
    color: #0b2d56 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important; }

.infoHeaderContainer .slogans.slogan2 p:not(:empty):first-child {
    padding-left: 0 !important;
    margin-left: 0 !important;
    border-left: none !important; }


.infoHeaderContainer .licenseNumber1 p {
    text-align: center !important;
    color: #f70209 !important;
    font-weight: bold !important;
    letter-spacing: 2px !important;
    -webkit-text-stroke: 0.4px #f70209 !important;
    margin: -4px auto -6px !important; }

/*END - Header*/

/*Menu*/
.site-header > .site-header-inner > .header-bottom > .header--row-inner.header-bottom-inner {
    border-bottom: 1px solid #a9a9a9 !important;
    filter: drop-shadow(2px 4px 6px #00000063) !important; }

.home .site-header > .site-header-inner > .header-bottom > .header--row-inner.header-bottom-inner {
    filter: drop-shadow(2px 4px 6px #000000) !important; }


#site-navigation-bottom-desktop > .primary-menu-ul > .menu-item > .sub-menu {
    background: rgba(1,47,88,0.6) !important;
    border: 0.35px solid #ffffff !important;
    filter: drop-shadow(2px 4px 6px #00000063) !important; }

#site-navigation-bottom-desktop > .primary-menu-ul > .menu-item > .sub-menu a {
    color: #ffffff !important; }


.nav-menu-desktop .sub-menu li a {
    color: rgba(0,0,0,1) !important;
    text-decoration: underline !important;
    transition: all 0.3s !important; }
.nav-menu-desktop .sub-menu li a:hover {
    color: rgba(0,0,0,.65) !important;
    text-decoration: none !important; }

.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li > a:hover,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li.current-menu-item > a,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li.current-menu-ancestor > a,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li.current-menu-parent > a {
    /*border-radius: 15px !important;*/ }

.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li.current-menu-item .sub-menu > li.current-menu-item a,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li.current-menu-ancestor .sub-menu > li.current-menu-item a,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li.current-menu-parent .sub-menu > li.current-menu-item a {
    color: rgba(0,0,0,.65) !important;
    text-decoration: none !important; }

/*END - Menu*/

/*Main Banner*/
.bannerHome1 {
    /*background-image: url(/wp-content/uploads/2026/09/Main-Banner-Img2.2.jpg) !important;*/
    /*overflow: hidden !important;*/
    overflow: initial !important;
    background-color: rgba(255,255,255,0.8);
    /*background-position: calc(50% + -35px) calc(0% + -110px) !important;*/
    /*background-position: calc(50% + 0px) calc(100% + 285px) !important;*/
    /*background-position: calc(50% + 0px) calc(0% + -128px) !important;*/
    background-position: calc(50% + 0px) calc(30% + 0px) !important;
    /*background-size: 150% !important;*/
	border-bottom: 1px solid var(--secondary-color) !important;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) !important;
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) !important;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) !important; }


.bannerHome1, .bannerHome-wrapper {overflow: initial !important; }



.bannerHome1 > .uagb-section__overlay {
    background: linear-gradient(125deg, rgba(255,255,255,0.95) 22%, rgba(255,255,255,0.85) 42%, rgba(255,255,255,0.3) 55%, rgba(255,255,255,0) 87%, rgba(255,255,255,0.5) 90%) !important; }



.titleWhiteBlue-Red-1 {
    font-size: clamp(42px, 30px, 22px) !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-family: 'Roboto' !important; }

.titleWhiteBlue-Red-1 em {
    font-style: normal !important;
    color: var(--red-color) !important;
    /*filter: filter: drop-shadow(2px 4px 6px #000000) !important;*/ }




/* Barra roja-amarilla junto al título principal (H1) */
.h1_1 {
    position: relative !important;
    padding-left: 22px !important; }

.h1_1::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 5px !important;
    height: 100% !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, #ee0d04 0%, var(--red-color) 30%, var(--red-color) 60%, #ee0d04 100%) !important; }



.iconLocationBefore1 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important; }

.iconLocationBefore1::before {
    content: "\f041" !important;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased !important;
    color: var(--red-color) !important;
    font-size: 1.2em !important;
    line-height: 1 !important; }    



.protectinMattersIMG1 {
    display: block !important;
    position: absolute;
    margin: 0px 0px 0px 80px !important;
    bottom: -30px !important;
    filter: drop-shadow(2px 4px 6px #ffffff) !important; }

.protectinMattersIMG1 img {filter: drop-shadow(2px 4px 6px #ffffff63) !important; }

.bannerIcon1:before {
    content: "" !important;
    display: block !important;
    position: relative !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0px auto 0px !important;
    background: url(/wp-content/uploads/2026/09/mainBaner-Icons-v1.0__800x144.webp) !important;
    background-position: 0px 0px !important;
    background-size: cover !important; }

.bannerIcon2:before {
    content: "" !important;
    display: block !important;
    position: relative !important;
    width: 54px !important;
    height: 44px !important;
    margin: 0px auto 0px !important;
    background: url(/wp-content/uploads/2026/09/mainBaner-Icons-v1.0__800x144.webp) !important;
    background-position: -43px 0px !important;
    background-size: cover !important; }

.bannerIcon3:before {
    content: "" !important;
    display: block !important;
    position: relative !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0px auto 0px !important;
    background: url(/wp-content/uploads/2026/09/mainBaner-Icons-v1.0__800x144.webp) !important;
    background-position: -97px 0px !important;
    background-size: cover !important; }

.bannerIcon4:before {
    content: "" !important;
    display: block !important;
    position: relative !important;
    width: 60px !important;
    height: 44px !important;
    margin: 0px auto 0px !important;
    background: url(/wp-content/uploads/2026/09/mainBaner-Icons-v1.0__800x144.webp) !important;
    background-position: -139px 0px !important;
    background-size: cover !important; }

.bannerIcon5:before {
    content: "" !important;
    display: block !important;
    position: relative !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0px auto 0px !important;
    background: url(/wp-content/uploads/2026/09/mainBaner-Icons-v1.0__800x144.webp) !important;
    background-position: -198px 0px !important;
    background-size: cover !important; }

/*END - Main Banner*/


/*Buttons*/
    .wp-block-uagb-buttons.uagb-buttons__outer-wrap > .uagb-buttons__wrap > .wp-block-uagb-buttons-child,
    .wp-block-uagb-buttons.uagb-buttons__outer-wrap > .uagb-buttons__wrap > .wp-block-uagb-buttons-child a {
        width: 100% !important; }

/*END - Buttons*/

/*Services bannerHome 1*/
.service-1, .service-2, .service-3, .service-4, .service-5 {
    cursor: pointer !important; }

.service-1:hover h2.imgServices, .service-2:hover h2.imgServices, .service-3:hover h2.imgServices, .service-4:hover h2.imgServices, .service-5:hover h2.imgServices,
.service-1:hover .text1, .service-2:hover .text1, .service-3:hover .text1, .service-4:hover .text1, .service-5:hover .text1 {
    cursor: pointer !important;
    transform: scale(1.04) !important;
    transition: all 0.3s !important; }

.service-1 h2.imgServices, .service-2 h2.imgServices, .service-3 h2.imgServices, .service-4 h2.imgServices, .service-5 h2.imgServices,
.service-1 .text1, .service-2 .text1, .service-3 .text1, .service-4 .text1, .service-5 .text1 {
    cursor: pointer !important;
    transform: scale(1) !important;
    transition: all 0.3s !important; }

h2.imgServices {
    font-family: 'Roboto' !important; }

.imgService1:before, .imgService2:before, .imgService3:before,
.imgService4:before, .imgService5:before {
    content: "" !important;
    display: block !important;
    position: relative !important;
    width: 150px !important;
    height: 150px !important;
    top: 0px !important;
    left: 0px !important;
    margin: 15px auto 15px !important;
    padding: 32px !important;
    border-radius: 100% !important;
    background: url(/wp-content/uploads/2026/09/armor-icons-1.webp) no-repeat !important;
    background-color: #ededed !important;
    background-size: 590px !important;
    background-position: 28px 18px !important;
    filter: drop-shadow(2px 4px 6px #0000002b) !important; }

.imgService2:before {background-position: -91px 25px !important; }
.imgService3:before {background-position: -215px 25px !important; }
.imgService4:before {background-position: -338px 25px !important; }
.imgService5:before {background-position: -464px 25px !important; }


.services-box-1 > .uagb-columns__inner-wrap > .columns:not(.column5)::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: 75% !important;
    top: 12.5% !important;
    left: 0 !important;
    border-right: 2px solid #00000024 !important;
    z-index: 0 !important; }


/*END - Services Home 1*/

/*Services Home 2*/

.services-box-2 .service1, .services-box-2 .service2, .services-box-2 .service3 {
    /*background-position: 50% calc(100% + -249px) !important;*/
    /*background-size: 165% !important;*/
    background-position: 50% calc(100% + -200px) !important;
    background-size: 200% !important;
    /*background-size: 200% !important;*/ }


/* Tarjeta: foto arriba + panel azul sólido abajo con el texto */
.hoverEffect1 {
    position: relative !important;
    overflow: hidden !important;
    height: 480px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 0 28px 30px !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important; }

/* Línea roja de acento, aparece en el hover justo en la costura foto/panel */
.hoverEffect1::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    /*bottom: 220px !important;*/
    bottom: 45% !important;
    height: 3px !important;
    background: #e8140a !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.4s ease !important;
    z-index: 2 !important; }

/* Panel azul sólido, pegado abajo, detrás del texto */
.hoverEffect1 .uagb-column__overlay {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    /* max-height: 220px !important; */
    height: 45% !important;
    background: #0b2d56 !important;
    opacity: 1 !important;
    z-index: 1 !important; }


/*.service2 h2.wp-block-heading + p.wp-block-paragraph {margin-bottom: 8px !important; }
.service1 h2.wp-block-heading + p.wp-block-paragraph,
.service3 h2.wp-block-heading + p.wp-block-paragraph {
    margin-top: 8px !important;
    margin-bottom: 21px !important; }*/

/*.service2 h2 {margin-bottom: 8px !important; }
.service1 h2, .service3 h2 {margin-bottom: 32px !important; }*/



/* Textos por encima del panel azul */
.hoverEffect1 h2.wp-block-heading,
.hoverEffect1 p.wp-block-paragraph {
    position: relative !important;
    z-index: 2 !important;
    color: #ffffff !important;
    text-align: center !important; }

.hoverEffect1 h2.wp-block-heading {
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 6px; }


/* 1er párrafo: subtítulo en negrita (ej. "Homes · Apartments · Condos · Complexes") */
.hoverEffect1 h2.wp-block-heading + p.wp-block-paragraph {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 10px; }

/* 2do párrafo: descripción */
.hoverEffect1 h2.wp-block-heading + p.wp-block-paragraph + p.wp-block-paragraph {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,0.85) !important;
    margin: 0 0 16px; }

/* Botón "LEARN MORE →" */
.hoverEffect1 p.learnMore1 {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    margin: 0 !important;
    padding: 10px 20px !important;
    border: 2px solid #ffffff !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important; }

    


/* ===== Hover effect ===== */
.hoverEffect1:hover {
    transform: translateY(-8px) scale(1.035) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3) !important;
    z-index: 5 !important; }

.hoverEffect1:hover::before {
    transform: scaleX(1) !important; }

.hoverEffect1:hover p.learnMore1 {
    background: #e8140a !important;
    border-color: #e8140a !important;
    letter-spacing: 1.5px !important; }


/*END - Services Home 2*/


/*Title 1*/
.title1 {
    text-transform: uppercase !important;
    color: #6b7280 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    line-height: 1.8 !important;
    margin: 0 0 10px !important; }

/* Línea 1 en negrita, con las barras rojas a los lados */
.title1 strong {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    color: #0b2d56 !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    margin-bottom: -14px !important; }

.title1 strong::before,
.title1 strong::after {
    content: "" !important;
    flex: 1 1 auto !important;
    height: 3px !important;
    background: #e8140a !important;
    margin: 0 20px !important; }

.title1 br {display: none !important; }

/*END - Title 1*/


/*Sprinklers Systems Grid*/
.box-sprinklers-1 {
    align-items: stretch !important; }

/* Alinea imágenes y texto en la misma línea en las 7 columnas */
.box-sprinklers-1 > .columns {
    justify-content: flex-start !important; }

.box-sprinklers-1 .wp-block-image {
    height: 150px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 10px !important; }

.box-sprinklers-1 .wp-block-image img {
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important; }

.box-sprinklers-1 .text1 {
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: -32px auto 0px !important;
    font-size: 12px !important; }

/*END - Sprinklers Systems Grid*/



/*Trust Banner - 40 Years / Services / NJ*/

/* ===== Columna 1: "40 YEARS OF TRUST & EXPERIENCE" ===== */
.banner-separator-1 .column1 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; }

.banner-separator-1 .yeras40text {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin: 0 !important; }

/* Solo en la columna 1: la primera línea ("40 YEARS") más grande que la segunda */
.banner-separator-1 .column1 .yeras40text strong::first-line {
    font-size: 32px !important; }

.banner-separator-1 .text2 {
    color: rgba(255,255,255,0.85) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    font-size: 14px; }

/* Línea roja entre el título y el párrafo (aplica a columnas 1 y 3, ya que ambas usan .yeras40text) */
.banner-separator-1 .yeras40text::after {
    content: "" !important;
    display: block !important;
    width: 55px !important;
    height: 3px !important;
    background: #e8140a !important;
    margin: 14px 0 !important; }

/* ===== Columna 3: mapa de NJ a la izquierda, texto apilado a la derecha ===== */
.banner-separator-1 .column3 {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: 18px !important; }

.banner-separator-1 .column3 figure.wp-block-image {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    margin: 0 !important;
    width: 95px !important;
    height: auto !important; }

.banner-separator-1 .column3 figure.wp-block-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important; }

.banner-separator-1 .column3 .yeras40text {
    grid-column: 2 !important;
    grid-row: 1 !important; }

.banner-separator-1 .column3 .text2 {
    grid-column: 2 !important;
    grid-row: 2 !important; }

/* ===== Columna 2: fila de 4 íconos ===== */
.banner-separator-1 .box-horizontal-1 .uagb-section__inner-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 15px !important; }

.banner-separator-1 .box-horizontal-1 .text1 {
    position: relative !important;
    flex: 1 1 0 !important;
    padding-top: 55px !important;
    margin: 0 !important; }

.banner-separator-1 .box-horizontal-1 .text1::before {
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 30px !important;
    color: #012f58 !important; }

.banner-separator-1 .box-horizontal-1 .text1:nth-child(1)::before { content: "\f0f6" !important; } /* Code Compliance */
.banner-separator-1 .box-horizontal-1 .text1:nth-child(2)::before { content: "\f0a3" !important; } /* Certified Technicians */
.banner-separator-1 .box-horizontal-1 .text1:nth-child(3)::before { content: "\f0ad" !important; } /* Expert Service */
.banner-separator-1 .box-horizontal-1 .text1:nth-child(4)::before { content: "\f017" !important; } /* Fast Response */

.banner-separator-1 .btnSliderBox2 {
    margin-top: 25px !important;
    display: flex !important;
    justify-content: center !important; }

/*END - Trust Banner*/





/*Video Pop Up*/
.pp_content iframe {width: 100% !important; filter: drop-shadow(2px 4px 6px #000000) !important; }

/*END - Video Pop Up*/

/*Promotions Page*/
.page-id-000000 .btnSliderBox .btn1,
.page-id-000000 .btnSliderBox .btn2 {
    min-width: auto !important; }

/* Contador en las imágenes de la galería - Kadence Blocks */
/* Smooth Scroll para toda la página */
/*html {scroll-behavior: smooth !important; }*/

.numberedItems1 > .kb-gallery-ul {
    counter-reset: gallery-counter !important; }

.numberedItems1 > .kb-gallery-ul .kadence-blocks-gallery-item {
    position: relative !important;
    counter-increment: gallery-counter !important; }

.numberedItems1 > .kb-gallery-ul .kadence-blocks-gallery-item::before {
    content: counter(gallery-counter) !important;
    position: absolute !important;
    top: -3px !important;
    left: 10px !important;
    z-index: 10 !important;
    background: #da0b03 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: bold !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #ffffff !important;
    line-height: 1 !important;
    filter: drop-shadow(1px 2px 3px #00000063) !important; }


/*
Otros selectores útiles para referencia:
SelectorSolo el último:             :last-child
Solo el penúltimo:                  :nth-last-child(2)
Últimos 2:                          :nth-last-child(-n+2)
Últimos 3:                          :nth-last-child(-n+3)
Ítem específico (ej. el 5°):        :nth-child(5)
*/
.numberedItems1.greenAll > .kb-gallery-ul .kadence-blocks-gallery-item::before {
    background: #49ff49 !important;
    color: #000000 !important;
    border: 2px solid #49ff49 !important;
    filter: drop-shadow(2px 3px 2px #00000063) !important; }
.numberedItems1penultimate.green1last > .kb-gallery-ul .kadence-blocks-gallery-item:nth-last-child(2)::before {
    background: #49ff49 !important;
    color: #000000 !important;
    border: 2px solid #49ff49 !important;
    filter: drop-shadow(2px 3px 2px #00000063) !important; }
.numberedItems1.green2last > .kb-gallery-ul .kadence-blocks-gallery-item:nth-last-child(-n+2)::before {
    background: #49ff49 !important;
    color: #000000 !important;
    border: 2px solid #49ff49 !important;
    filter: drop-shadow(2px 3px 2px #00000063) !important; }
.numberedItems1.green3last > .kb-gallery-ul .kadence-blocks-gallery-item:nth-last-child(-n+3)::before {
    background: #49ff49 !important;
    color: #000000 !important;
    border: 2px solid #49ff49 !important;
    filter: drop-shadow(2px 3px 2px #00000063) !important; }
.numberedItems1.green4last > .kb-gallery-ul .kadence-blocks-gallery-item:nth-last-child(-n+4)::before {
    background: #49ff49 !important;
    color: #000000 !important;
    border: 2px solid #49ff49 !important;
    filter: drop-shadow(2px 3px 2px #00000063) !important; }
.numberedItems1.green5last > .kb-gallery-ul .kadence-blocks-gallery-item:nth-last-child(-n+5)::before {
    background: #49ff49 !important;
    color: #000000 !important;
    border: 2px solid #49ff49 !important;
    filter: drop-shadow(2px 3px 2px #00000063) !important; }
    



[rel="wp-video-lightbox"] {
    display: block !important;
    position: relative !important; }

[rel="wp-video-lightbox"] img.video_lightbox_anchor_image,
[rel="wp-video-lightbox noopener"] img.video_lightbox_anchor_image {
    border: 3px solid #ffffff !important;
    -webkit-box-shadow: 0px 0px 0px 8px #e1042a !important;
    -moz-box-shadow: 0px 0px 0px 8px #e1042a !important;
    box-shadow: 0px 0px 0px 6px #e1042a !important;
    filter: drop-shadow(2px 4px 6px #00000063) !important; }

[rel="wp-video-lightbox"]::before,
[rel="wp-video-lightbox noopener"]::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    background: url(/wp-content/uploads/2026/06/youtube-play-butto___400x285.webp) !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
    width: 100% !important;
    max-width: 75px !important;
    min-width: 48px !important;
    height: 100% !important;
    max-height: 50px !important;
    min-height: 34px !important;
    top: 50% !important;
    left: 48% !important;
    transform: translate(-50%, -50%) !important;
    filter: drop-shadow(2px 4px 6px #00000063) !important;
    z-index: 2 !important; }

/*END - Promotions Page*/

/* Scroll To Top - GMS */
#gms-scroll-top {
    position: fixed !important;
    bottom: 120px !important;
    right: 22px !important;
    z-index: 9999 !important;
    width: 48px !important;
    height: 48px !important;
    background: #e2211c !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) !important;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, background 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important; }

#gms-scroll-top.visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important; }

#gms-scroll-top:hover {
    background: #eb5f5b !important; } 
#gms-scroll-top:hover svg path {
    stroke: #eb5f5b !important; }

#gms-scroll-top svg {
    width: 20px !important;
    max-width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    max-height: 20px !important;
    min-height: 20px !important; }

#gms-scroll-top svg path {
    stroke: #ffffff !important;
    stroke-width: 2.5 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    transition: stroke 0.2s ease !important; }

#gms-scroll-top:hover svg polygon {
    fill: #ffffff !important; }

/*.page-id-000000 .site-content {
    z-index: 2 !important; }
.page-id-000000 .site-footer {
    z-index: 1 !important; }*/


:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy {
    background-color: #40b662 !important; }

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy > .wp-block-social-link-anchor svg {
    visibility: hidden !important; }

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy > .wp-block-social-link-anchor::before {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    background: url(/wp-content/uploads/2026/06/youtube-play-butto___400x285.webp) no-repeat !important;
    background-size: 100% !important;
    background-position: 50% 50% !important; }


.page-id-000000 div#lc_text-widget,
.page-id-000000 .lc_text-widget,
.page-id-000000 .lc_text-widget--bubble {display: none !important; }

/* END - Scroll To Top - GMS */

/*Review Us*/
.imgGoogleReview1,
.imgGoogleReview1 > figure,
.imgGoogleReview1 > figure > img,
.imgGoogleReview1 img {
    width: 100% !important; }

.imgGoogleReview1 img {
    max-width: 350px !important; }

.imgGoogleReview1 a{
    filter: drop-shadow(2px 4px 6px #7c7c7c) !important;
    transition: all 0.3s !important;}
.imgGoogleReview1 a:hover{filter: contrast(0.5) !important;}

.imgYelpReview1,
.imgYelpReview1 > figure,
.imgYelpReview1 > figure > img,
.imgYelpReview1 img {
    width: 100% !important; }

.imgYelpReview1 img {
    max-width: 350px !important; }

.imgYelpReview1 a{
    filter: drop-shadow(2px 4px 6px #7c7c7c) !important;
    transition: all 0.3s !important;}
.imgYelpReview1 a:hover{filter: contrast(0.5) !important;}

.imgFacebookReview1,
.imgFacebookReview1 > figure,
.imgFacebookReview1 > figure > img,
.imgFacebookReview1 img {
    width: 100% !important; }

.imgFacebookReview1 img {
    max-width: 350px !important; }


.imgFacebookReview1 a{
    filter: drop-shadow(2px 4px 6px #7c7c7c) !important;
    transition: all 0.3s !important;}
.imgFacebookReview1 a:hover{filter: contrast(0.5) !important;}

.page-id-2065 .gfield_description,
.page-id-1636 .gfield_description {
    color: #ffffff !important; }

/*END - Review Us*/

/*Contact Page*/
.gform_heading {display: none !important; }

input, textarea {background-color: #ffffff !important; }

#gform_1 label, #gform_3 label,
#gform_1 .gfield_description,
#gform_3 .gfield_description {
    color: #ffffff !important; }

.gform_wrapper.gravity-theme .gfield_required {
    color: #000000 !important;
    margin: 0px 0px 0px 2px !important; }

input[type=submit], button[type=submit] {
    width: 100% !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    background: #0b4f8b !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    filter: drop-shadow(2px 4px 6px #00000063) !important;
    transition: all 0.3s !important; }

input[type=submit]:hover, button[type=submit]:hover {
    background: #012f58 !important;
    filter: drop-shadow(1px 2px 3px #00000063) !important; }


/*END - Contact Page*/

/*Testimonials Card - quote-1*/
.quote-1 {
    /*max-width: 950px !important;*/
    margin: 0 auto 30px !important; }

.quote-1 .wp-block-uagb-column {
    position: relative !important;
    background: #ffffff !important;
    border: 2px solid #012f58 !important;
    border-radius: 14px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
    padding: 55px 55px 35px 70px !important;
    overflow: hidden !important; }

/* Barra doble decorativa a la izquierda (navy + roja) */
.quote-1 .wp-block-uagb-column::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 10px !important;
    background: #012f58 !important;
    z-index: 2 !important; }

.quote-1 .wp-block-uagb-column::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 10px !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #e8140a !important;
    z-index: 2 !important; }

/* Párrafo 1: texto de la reseña + comilla decorativa gigante */
.quote-1 .wp-block-uagb-column > p.wp-block-paragraph:first-of-type {
    position: relative !important;
    color: #012f58 !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    margin: 0 0 22px !important; }

.quote-1 .wp-block-uagb-column > p.wp-block-paragraph:first-of-type::before {
    content: "\201C" !important;
    position: absolute !important;
    top: -60px !important;
    left: -6px !important;
    font-family: Georgia, serif !important;
    font-weight: 700 !important;
    font-size: 130px !important;
    line-height: 1 !important;
    color: #012f58 !important;
    opacity: 0.08 !important;
    z-index: 0 !important; }

/* Párrafo 2: línea divisoria + avatar + nombre/ciudad/estrellas */
.quote-1 .wp-block-uagb-column > p.wp-block-paragraph:last-of-type {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 !important;
    padding-top: 22px !important;
    border-top: 1px solid #e6e9ee !important; }

.quote-1 .wp-block-uagb-column > p.wp-block-paragraph:last-of-type::before {
    content: "\f007" !important;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    flex: 0 0 auto !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #012f58 !important;
    color: #ffffff !important;
    font-size: 20px !important; }

.quote-1 .wp-block-uagb-column > p.wp-block-paragraph:last-of-type strong {
    color: #012f58 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important; }

.quote-1 .wp-block-uagb-column > p.wp-block-paragraph:last-of-type img.emoji {
    width: 18px !important;
    height: 18px !important;
    margin: 0 1px !important;
    vertical-align: middle !important; }

/*END - Testimonials Card*/


/*Footer*/
	.widget-title {
        font-family: 'Roboto' !important;
        font-weight: bold !important;
        font-size: 1.6em !important;
        margin: 6px auto 0px !important; }

    .site-footer {
        -webkit-box-shadow: 0px 0px 0px 8px var(--red-color) !important;
        -moz-box-shadow: 0px 0px 0px 8px var(--red-color) !important;
        box-shadow: 0px 0px 0px 8px var(--red-color) !important;
        border-top: 4px solid #ffffff !important;
        filter: drop-shadow(0px -2px 6px #00000063) !important; }

    .footerLogo1 {
        margin: -97px auto -25px !important;
        position: relative !important;
        left: -43px !important;
        filter: drop-shadow(2px 4px 6px #000000) !important; }

    .footerLogo1 img {max-width:285px !important; }

	.site-footer a:not(.footer-copyright a) {
        color: #ffffff !important;
        font-weight: bold !important;
        text-decoration: underline !important;
        transition: all 0.3s !important; }
    .site-footer a:not(.footer-copyright a):hover {text-decoration: none !important; }

	/*CopyRight*/
        .site-footer .builder-item--footer_copyright {
            display: flex !important;
            justify-content: center !important;
            align-content: center !important;
            align-items: center !important; }

		.site-footer .footer-bottom .footer-copyright p {text-align: center !important;}
		.site-footer .footer-bottom .footer-copyright p > a {
			text-decoration: underline !important;
			-webkit-text-stroke: 0.5px #000000 !important;
			transition: all 0.3s !important; }
		.site-footer .footer-bottom .footer-copyright p > a:hover {
			text-decoration: none !important;
			-webkit-text-stroke: 0.5px transparent !important; }
		.site-footer .footer-bottom > .footer--row-inner.footer-bottom-inner {padding: 10px 0px 15px 0px !important;}
	/*END - CopyRight*/

/*END - Footer*/


/*Media Queries*/
@media only screen and (min-width: 1660px) {
    .bannerHome1 {background-position: calc(50% + 0px) calc(30% + -100px) !important; }
}

@media only screen and (min-width: 2100px) {
    .bannerHome1 {background-position: calc(50% + 0px) calc(30% + -160px) !important; }
}










@media only screen and (max-width: 1025px) {
	/*Header*/
	.toolbox1 {display: none !important;}

    /*.header-main .col-v2-center {
        background-image: none !important;
        transform: translateX(0px) !important; }

    .header-main .col-v2-center:after {
        display: none !important; }*/

	/*END - Header*/

	/*Menu*/
		.header--row:not(.header--transparent) .menu-mobile-toggle >.nav-icon--label.hide-on-tablet.hide-on-mobile {
		    display: block !important;
		    margin-right: 10px !important;
		    order: 1 !important; }
		.header--row:not(.header--transparent) .menu-mobile-toggle {
			display: flex !important;
		    flex-direction: row !important;
		    flex-wrap: nowrap !important;
		    align-content: center !important;
		    justify-content: center !important;
		    align-items: center !important; }

		.header--row:not(.header--transparent) .menu-mobile-toggle > .hamburger {order: 2 !important;}

	/*END - Menu*/

}

@media only screen and (max-width: 977px) {
    /*Header*/
        .header-main .col-v2-center {
            background-image: none !important;
            transform: translateX(0px) !important; }

        .header-main .col-v2-center:after {
            display: none !important; }


    /*END - Header*/

    /*Main Banner*/
        .bannerHome1 {
            background-image: url(/wp-content/uploads/2026/09/Main-Banner-Img2.3__1730x632.webp) !important;
            background-position: calc(70% + 0px) calc(50% + 297px) !important; }

        .bannerHome1 > .uagb-section__overlay {
            background: linear-gradient(180deg, rgba(255, 255, 255, 1) 32%, rgba(255, 255, 255, 0.85) 52%, rgba(255, 255, 255, 0.3) 65%, rgba(255, 255, 255, 0) 97%, rgba(255, 255, 255, 0.5) 100%) !important; }


    /*END - Main Banner*/


	 /*Buttons*/
        .wp-block-uagb-buttons.uagb-buttons__outer-wrap > .uagb-buttons__wrap > .wp-block-uagb-buttons-child {
            width: 100% !important;
            margin-bottom: 44px !important; }

    /*END - Buttons*/

    /*Sprinklers Systems Grid*/
        .box-sprinklers-1 {
            flex-wrap: wrap !important;
            justify-content: center !important; }


    /*END - Sprinklers Systems Grid*/

}

@media only screen and (max-width: 960px) {
    /*Services Home 2*/
    .services-box-2 .service1, .services-box-2 .service2, .services-box-2 .service3 {
        background-position: 50% calc(100% + -227px) !important;
        background-size: 282% !important; }

    .hoverEffect1 .uagb-column__overlay {
        height: 50% !important; }

    .hoverEffect1::before {bottom: 50% !important; }

    /*END - Services Home 2*/

}

@media only screen and (max-width: 910px) {
    /*Services Home 2*/
    .services-box-2 .service1, .services-box-2 .service2, .services-box-2 .service3 {
        background-position: 50% calc(100% + -247px) !important;
        background-size: 260% !important; }

    .hoverEffect1 .uagb-column__overlay {
        height: 55% !important; }

    .hoverEffect1::before {bottom: 55% !important; }

    /*END - Services Home 2*/

}

@media only screen and (max-width: 900px) {
	/*Header*/
		.header--row:not(.header--transparent).header-main .header--row-inner > .customify-container > .cb-row--mobile.customify-grid-middle > .row-v2.row-v2-main > .col-v2.col-v2-center {
		    display: flex !important;
		    flex-direction: column !important;
		    flex-wrap: nowrap !important;
		    align-content: center !important;
		    justify-content: center !important;
		    align-items: center !important; }

	/*END - Header*/
}

@media only screen and (max-width: 767px) {

    /*Header*/
        .header-main .col-v2-center { display: none !important; }

        .infoHeaderContainer { padding: 6px 0 !important; }
        .infoHeaderContainer::before { width: 40px !important; height: 40px !important; font-size: 16px !important; }
        /*.infoHeaderContainer .h-phone .headerPhone p { font-size: 20px !important; }*/
        /*.infoHeaderContainer .slogans.slogan2 { display: none !important; }*/

        .text1Header { display: none !important; }

    /*END- Header*/

    /*Main Banner*/
            .bannerHome1 {
                background-size: 310% !important;
                background-position: calc(70% + 0px) calc(50% + 340px) !important; }

            .bannerHome1 > .uagb-section__overlay {
                background: linear-gradient(180deg, rgba(255, 255, 255, 1) 59%, rgba(255, 255, 255, 0.85) 66%, rgba(255, 255, 255, 0.3) 71%, rgba(255, 255, 255, 0) 97%, rgba(255, 255, 255, 0.5) 100%) !important; }

    /*END - Main banner*/

    /*Services Home 2*/
    .services-box-2 .service1, .services-box-2 .service2, .services-box-2 .service3 {
        background-position: 50% calc(0% + -48px) !important;
        /*background-size: 105% !important;*/
        background-size: 780px !important; }

    .hoverEffect1 .uagb-column__overlay {
        height: 55% !important; }

    .hoverEffect1::before {bottom: 55% !important; }

    /*END - Services Home 2*/




	 /*Buttons*/
        .wp-block-uagb-buttons.uagb-buttons__outer-wrap > .uagb-buttons__wrap > .wp-block-uagb-buttons-child {
            width: 100% !important;
            margin-bottom: 0px !important; }

    /*END - Buttons*/

    /*Video Pop Up*/
        .pp_content iframe {width: 90% !important; filter: drop-shadow(2px 4px 6px #000000) !important;}
        div.pp_default .pp_content_container .pp_details {height: 43px !important; }
        div.pp_default .pp_content, div.light_rounded .pp_content {
            padding-top: 35px !important; }

    /*END - Video Pop Up*/


    /*Services Home 2*/
        .hoverEffect1 {
            height: 380px !important;
            padding: 0 20px 24px !important; }

        .hoverEffect1 .uagb-column__overlay { height: 180px !important; }
        .hoverEffect1::before { bottom: 180px !important; }
        .hoverEffect1 h2.wp-block-heading { font-size: 22px !important; }


    /*END - Services Home 2*/

    /*Sprinklers Systems Grid*/
        .box-sprinklers-1 .wp-block-image { height: 100px !important; }
        .box-sprinklers-1 .text1 { 
            min-height: 28px !important;
            margin: -28px auto 0px !important; }

    /*END - Sprinklers Systems Grid*/



    /*Trust Banner - 40 Years / Services / NJ*/
        .banner-separator-1 .yeras40text strong::first-line { font-size: 24px !important; }
        .banner-separator-1 .box-horizontal-1 .uagb-section__inner-wrap { gap: 20px 10px !important; }
        .banner-separator-1 .box-horizontal-1 .text1 { flex: 1 1 40% !important; font-size: 11px !important; }
        .banner-separator-1 .box-horizontal-1 .text1::before { font-size: 24px !important; }


    /*END - Trust Banner - 40 Years / Services / NJ*/


    /*Testimonials Card*/
        .quote-1 .wp-block-uagb-column { padding: 45px 25px 30px 40px !important; }
        .quote-1 .wp-block-uagb-column::before { width: 7px !important; }
        .quote-1 .wp-block-uagb-column::after { left: 7px !important; width: 3px !important; }
        .quote-1 .wp-block-uagb-column > p.wp-block-paragraph:first-of-type::before { font-size: 80px !important; top: -35px !important; }
    /*END - Testimonials Card*/



    /*Footer*/
    	.logoFooter {left: 0px !important; }

    	.site-footer > .footer-main > .footer--row-inner.footer-main-inner > .customify-container > .customify-grid.customify-grid-top {
		    display: flex !important;
		    flex-direction: column !important;
		    flex-wrap: nowrap !important;
		    align-content: center !important;
		    justify-content: center !important;
		    align-items: center !important; }

		.site-footer > .footer-main > .footer--row-inner.footer-main-inner > .customify-container > .customify-grid.customify-grid-top > .builder-first--footer-1 {
			text-align: center !important; }


		.site-footer .socialmedia-buttons {
		    display: flex !important;
		    flex-direction: row !important;
		    flex-wrap: wrap !important;
		    align-content: center !important;
		    justify-content: center !important;
		    align-items: center !important; }

    /*END - Footer*/
}

@media only screen and (max-width: 680px) {
    /*Main Banner*/
            .bannerHome1 {
                /*background-position: calc(70% + 0px) calc(50% + 340px) !important;*/ }

    /*END - Main banner*/
}


@media only screen and (max-width: 590px) {

    /*Header*/
        .header-main .row-v2.row-v2-main.no-center {
            display: flex !important;
            flex-direction: column !important;
            flex-wrap: nowrap !important;
            align-content: center !important;
            justify-content: center !important;
            align-items: center !important; }

        .header-main .col-v2-center {
            min-height: 12px !important; }

        .infoHeaderContainer {
            position: relative !important;
            left: 20px !important; }

        .infoHeaderContainer .h-phone .headerPhone p { font-size: 20px !important; }
        .infoHeaderContainer .slogans.slogan2 { display: none !important; }

        .infoHeaderContainer .licenseNumber1 p {
            font-size: 10px !important;
            color: #0b2d56 !important;
            -webkit-text-stroke: 0.4px #0b2d56 !important;
            position: relative !important;
            left: 26px !important;
            margin: -12px auto 0px !important; }

        .infoHeaderContainer > a.h-phone::before {
            width: 58px !important;
            height: 58px !important;
            margin: 0px 0px -60px -65px !important; }

        .infoHeaderContainer > a.h-phone::before {
            width: 58px !important;
            height: 58px !important;
            margin: 0px 0px -60px -65px !important; }

        .infoHeaderContainer .slogans.slogan1 p {
            font-size: 14px !important; }


/*END- Header*/

}

@media only screen and (max-width: 570px) {
    /*Main Banner*/
        .bannerHome1 {
            /*background-size: 310% !important;*/
            background-size: 1750px !important;
            background-position: calc(70% + 0px) calc(100% + 155px) !important; }

            .bannerHome1 > .uagb-section__overlay {
                background: linear-gradient(180deg, rgba(255, 255, 255, 1) 59%, rgba(255, 255, 255, 0.85) 66%, rgba(255, 255, 255, 0.3) 71%, rgba(255, 255, 255, 0) 97%, rgba(255, 255, 255, 0.5) 100%) !important; }

            .protectinMattersIMG1 {
                margin: 0px 0px 0px -10px !important; }

            .protectinMattersIMG1 img {
                width: 300px !important; }


    /*END - Main banner*/
}

@media only screen and (max-width: 486px) {
    /*Main Banner*/
        .bannerHome1 > .uagb-section__overlay {
            background: linear-gradient(180deg, rgba(255, 255, 255, 1) 68%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.3) 73%, rgba(255, 255, 255, 0) 97%, rgba(255, 255, 255, 0.5) 100%) !important; }

    /*END - Main Banner*/
}

@media only screen and (max-width: 400px) {
    /*Home Service 2*/
        .hoverEffect1 .uagb-column__overlay {
            height: 209px !important; }

        .hoverEffect1::before {
            bottom: 209px !important; }

    /*END - Home services 2*/



    /*Sprinklers Systems Grid*/
        .box-sprinklers-1 {
            flex-wrap: nowrap !important;
            flex-direction: column !important;
            justify-content: center !important; }

        .box-sprinklers-1 > .columns {
            max-width: 190px !important;
            margin: 0 auto !important; }


    /*END - Sprinklers Systems Grid*/

}

@media only screen and (max-width: 375px) {
    /*Home Service 2*/
        .services-box-2 .service1, .services-box-2 .service2, .services-box-2 .service3 {
            background-size: 600px !important; }

        .hoverEffect1 .uagb-column__overlay {
            height: 235px !important; }

        .hoverEffect1::before {
            bottom: 235px !important; }

    /*END - Home services 2*/
}

@media only screen and (max-width: 300px) {
    /*Home Service 2*/
        .services-box-2 .service1, .services-box-2 .service2, .services-box-2 .service3 {
            background-size: 540px !important; }

        .hoverEffect1 .uagb-column__overlay {
            height: 255px !important; }

        .hoverEffect1::before {
            bottom: 255px !important; }

    /*END - Home services 2*/
}




/************Color & Tipography Sttings/************/
:root{
    --primary-color: #ffffff;
    --secondary-color: #838383;
    --red-color: #f70209;
	--primary-font: 'Abhaya Libre';
    --secondary-font: 'Lato'; }