home page-template-default page page-id-10 wp-embed-responsive the7-core-ver-2.5.8 dt-responsive-on right-mobile-menu-close-icon ouside-menu-close-icon mobile-hamburger-close-bg-enable mobile-hamburger-close-bg-hover-enable fade-medium-mobile-menu-close-icon fade-medium-menu-close-icon accent-gradient srcset-enabled btn-flat custom-btn-color custom-btn-hover-color phantom-sticky phantom-shadow-decoration phantom-main-logo-on sticky-mobile-header top-header first-switch-logo-left first-switch-menu-right second-switch-logo-left second-switch-menu-right right-mobile-menu layzr-loading-on popup-message-style the7-ver-10.5.0 wpb-js-composer js-comp-ver-6.8.0 vc_responsive no-mobile closed-overlay-mobile-header loader-removed

Home

Vista Professional Residential Landscape Lighting

Experience the Brilliance of Our Sleek and High Quality Architectural Outdoor and Indoor Lighting Products.

Vista Pro Residential Landscape Lighting | Elevate Your Space


var dtLocal = {"themeUrl":"https:\/\/residential.vistapro.com\/wp-content\/themes\/dt-the7","passText":"To view this protected post, enter the password below:","moreButtonText":{"loading":"Loading...","loadMore":"Load more"},"postID":"8","ajaxurl":"https:\/\/residential.vistapro.com\/wp-admin\/admin-ajax.php","REST":{"baseUrl":"https:\/\/residential.vistapro.com\/wp-json\/the7\/v1","endpoints":{"sendMail":"\/send-mail"}},"contactMessages":{"required":"One or more fields have an error. Please check and try again.","terms":"Please accept the privacy policy.","fillTheCaptchaError":"Please, fill the captcha."},"captchaSiteKey":"","ajaxNonce":"3a97670a3a","pageData":{"type":"page","template":"page","layout":null},"themeSettings":{"smoothScroll":"off","lazyLoading":false,"desktopHeader":{"height":130},"ToggleCaptionEnabled":"disabled","ToggleCaption":"Navigation","floatingHeader":{"showAfter":94,"showMenu":true,"height":130,"logo":{"showLogo":true,"html":"<img class=\" preload-me\" src=\"https:\/\/residential.vistapro.com\/wp-content\/uploads\/sites\/3\/2023\/06\/VistaPro_Residential_Logo-276x80_.png\" srcset=\"https:\/\/residential.vistapro.com\/wp-content\/uploads\/sites\/3\/2023\/06\/VistaPro_Residential_Logo-276x80_.png 276w, https:\/\/residential.vistapro.com\/wp-content\/uploads\/sites\/3\/2023\/06\/VistaPro_Residential_Logo_553x160.png 553w\" width=\"276\" height=\"80\"   sizes=\"276px\" alt=\"Vista Pro Residential Landscape Lighting\" \/>","url":"https:\/\/residential.vistapro.com\/"}},"topLine":{"floatingTopLine":{"logo":{"showLogo":false,"html":""}}},"mobileHeader":{"firstSwitchPoint":1350,"secondSwitchPoint":825,"firstSwitchPointHeight":60,"secondSwitchPointHeight":60,"mobileToggleCaptionEnabled":"disabled","mobileToggleCaption":"Menu"},"stickyMobileHeaderFirstSwitch":{"logo":{"html":"<img class=\" preload-me\" src=\"https:\/\/residential.vistapro.com\/wp-content\/uploads\/sites\/3\/2023\/06\/VistaPro_Residential_Logo-207x60-1.png\" srcset=\"https:\/\/residential.vistapro.com\/wp-content\/uploads\/sites\/3\/2023\/06\/VistaPro_Residential_Logo-207x60-1.png 207w, https:\/\/residential.vistapro.com\/wp-content\/uploads\/sites\/3\/2023\/06\/VistaPro_Residential_Logo-414x120-1.png 414w\" width=\"207\" height=\"60\"   sizes=\"207px\" alt=\"Vista Pro Residential Landscape Lighting\" \/>"}},"stickyMobileHeaderSecondSwitch":{"logo":{"html":"<img class=\" preload-me\" src=\"https:\/\/residential.vistapro.com\/wp-content\/uploads\/sites\/3\/2023\/06\/VistaPro_Residential_Logo-207x60-1.png\" srcset=\"https:\/\/residential.vistapro.com\/wp-content\/uploads\/sites\/3\/2023\/06\/VistaPro_Residential_Logo-207x60-1.png 207w, https:\/\/residential.vistapro.com\/wp-content\/uploads\/sites\/3\/2023\/06\/VistaPro_Residential_Logo-414x120-1.png 414w\" width=\"207\" height=\"60\"   sizes=\"207px\" alt=\"Vista Pro Residential Landscape Lighting\" \/>"}},"sidebar":{"switchPoint":992},"boxedWidth":"1280px"},"VCMobileScreenWidth":"768"};
var dtShare = {"shareButtonText":{"facebook":"Share on Facebook","twitter":"Share on X","pinterest":"Pin it","linkedin":"Share on Linkedin","whatsapp":"Share on Whatsapp"},"overlayOpacity":"85"};



			( function( w, d, s, l, i ) {
				w[l] = w[l] || [];
				w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} );
				var f = d.getElementsByTagName( s )[0],
					j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : '';
				j.async = true;
				j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
				f.parentNode.insertBefore( j, f );
			} )( window, document, 'script', 'dataLayer', 'GTM-5RRFRZSL' );
			



					setREVStartSize({c: 'rev_slider_17_1',rl:[1240,1024,778,480],el:[650,750,800,730],gw:[1240,1024,778,480],gh:[650,750,800,730],type:'standard',justify:'',layout:'fullwidth',mh:"0"});if (window.RS_MODULES!==undefined && window.RS_MODULES.modules!==undefined && window.RS_MODULES.modules["revslider171"]!==undefined) {window.RS_MODULES.modules["revslider171"].once = false;window.revapi17 = undefined;if (window.RS_MODULES.checkMinimal!==undefined) window.RS_MODULES.checkMinimal()}
				


					setREVStartSize({c: 'rev_slider_8_2',rl:[1240,1024,778,480],el:[500],gw:[600],gh:[500],type:'carousel',justify:'',layout:'fullwidth',mh:"0"});if (window.RS_MODULES!==undefined && window.RS_MODULES.modules!==undefined && window.RS_MODULES.modules["revslider82"]!==undefined) {window.RS_MODULES.modules["revslider82"].once = false;window.revapi8 = undefined;if (window.RS_MODULES.checkMinimal!==undefined) window.RS_MODULES.checkMinimal()}
				


		if(typeof revslider_showDoubleJqueryError === "undefined") {function revslider_showDoubleJqueryError(sliderID) {console.log("You have some jquery.js library include that comes after the Slider Revolution files js inclusion.");console.log("To fix this, you can:");console.log("1. Set 'Module General Options' -> 'Advanced' -> 'jQuery & OutPut Filters' -> 'Put JS to Body' to on");console.log("2. Find the double jQuery.js inclusion and remove it");return "Double Included jQuery Library";}}



var gforms_recaptcha_recaptcha_strings = {"nonce":"7747d5048c","disconnect":"Disconnecting","change_connection_type":"Resetting","spinner":"https:\/\/residential.vistapro.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","connection_type":"classic","disable_badge":"","change_connection_type_title":"Change Connection Type","change_connection_type_message":"Changing the connection type will delete your current settings.  Do you want to proceed?","disconnect_title":"Disconnect","disconnect_message":"Disconnecting from reCAPTCHA will delete your current settings.  Do you want to proceed?","site_key":"6LfPeIkpAAAAADGTEa98MKZl8MHToqkVs3rDdHdp"};


 var dFlipLocation = "https://residential.vistapro.com/wp-content/plugins/dflip/assets/"; var dFlipWPGlobal = {"text":{"toggleSound":"Turn on\/off Sound","toggleThumbnails":"Toggle Thumbnails","thumbTitle":"Thumbnails","outlineTitle":"Table of Contents","searchTitle":"Search","searchPlaceHolder":"Search","toggleOutline":"Toggle Outline\/Bookmark","previousPage":"Previous Page","nextPage":"Next Page","toggleFullscreen":"Toggle Fullscreen","zoomIn":"Zoom In","zoomOut":"Zoom Out","toggleHelp":"Toggle Help","singlePageMode":"Single Page Mode","doublePageMode":"Double Page Mode","downloadPDFFile":"Download PDF File","gotoFirstPage":"Goto First Page","gotoLastPage":"Goto Last Page","share":"Share","search":"Search","print":"Print","mailSubject":"I wanted you to see this FlipBook","mailBody":"Check out this site {{url}}","loading":"Loading"},"viewerType":"flipbook","mobileViewerType":"auto","moreControls":"download,pageMode,startPage,endPage,sound","hideControls":"","leftControls":"outline,thumbnail","rightControls":"fullScreen,share,download,more","hideShareControls":"","scrollWheel":"false","backgroundColor":"transparent","backgroundImage":"","height":"auto","paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","controlsPosition":"bottom","controlsFloating":true,"direction":"1","duration":"800","soundEnable":"true","showDownloadControl":"true","showSearchControl":"false","showPrintControl":"false","enableAnalytics":"false","webgl":"true","hard":"none","autoEnableOutline":"false","autoEnableThumbnail":"false","pageScale":"fit","maxTextureSize":"1600","rangeChunkSize":"524288","disableRange":false,"zoomRatio":"1.5","fakeZoom":"1","flexibility":"1","pageMode":"0","singlePageMode":"0","pageSize":"0","autoPlay":"false","autoPlayDuration":"5000","autoPlayStart":"false","linkTarget":"2","sharePrefix":"flipbook-","pdfVersion":"default","thumbLayout":"book-title-hover","targetWindow":"_popup","buttonClass":"","hasSpiral":false,"spiralColor":"#eee","cover3DType":"none","color3DCover":"#aaaaaa","color3DSheets":"#fff","flipbook3DTiltAngleUp":"0","flipbook3DTiltAngleLeft":"0","autoPDFLinktoViewer":false,"sideMenuOverlay":true,"displayLightboxPlayIcon":false,"popupBackGroundColor":"#eee","shelfImage":"","enableAutoLinks":true};

img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }



	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}



/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}



: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: #000000;--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--color--accent: #5b804e;--wp--preset--color--dark-gray: #111;--wp--preset--color--light-gray: #767676;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 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: 0.44rem;--wp--preset--spacing--30: 0.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, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}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;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}



body #load {
  display: block;
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 9901;
  opacity: 1;
  visibility: visible;
  transition: all .35s ease-out;
}
.load-wrap {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  justify-content: center;
}
.load-wrap > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#load {
  background: var(--the7-elementor-beautiful-loading-bg,#ffffff);
  --the7-beautiful-spinner-color2: var(--the7-beautiful-spinner-color,rgba(51,51,51,0.25));
}



/* PRODUCT CATEGORIES CAROUSEL */

.vrl-product-categories .owl-carousel .post-thumbnail {
   /* border: 1px solid #707070; */
   background: #707070;
   padding: 1px;
   margin-right: 1px;
}

.owl-carousel.blog-carousel-shortcode .entry-title a {
    font-size: 1.1rem;
}

.vrl-product-categories .owl-carousel .post-thumbnail .post-thumbnail-rollover:after {
    content: "";
    color: #444444;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    background: rgba(102,143,87,0.7);
    position: absolute;
    opacity: 0;
	transition: opacity 300ms ease-in-out;
}

.vrl-product-categories .owl-carousel .post-thumbnail .post-thumbnail-rollover:hover:after {
    opacity: .4;
	transition: opacity 300ms ease-in-out;
}

.vrl-product-categories .owl-carousel .post-thumbnail .post-thumbnail-rollover:before {
    content: "VIEW PRODUCTS";
    color: #444444;
    top: 50%;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    opacity: 0;
	transition: opacity 400ms ease-in-out;
}

.vrl-product-categories .owl-carousel .post-thumbnail .post-thumbnail-rollover:hover:before {
    opacity: 1;
	transition: opacity 300ms ease-in-out;
}

/* FEATURED PROJECT */

.vrl-featured-video {
    margin-bottom: -10rem;
}

@media screen and (max-width: 991px) {
    .vrl-featured-video {
        margin-bottom: -6rem;
}}

.vrl-featured-content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

@media screen and (max-width: 991px) {
.vrl-featured-content {
    padding-left: 2rem;
    padding-right: 2rem;
}}

.vrl-home-embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 

.vrl-home-embed-container iframe, 
.vrl-home-embed-container object, 
.vrl-home-embed-container embed { 
    position: absolute; 
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%; 
}

.vrl-feature-project-heading {
    padding-top: 2.5rem;
}

.vrl-feature-project-button {
    margin-bottom: 2.5rem;
}

.vrl-featured-products-used a {
    color: #333;
    text-decoration: none;
}


.vrl-made-to-order-image-column {
    min-height: 400px;
}


/********************************/

.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover {
    background: rgba(102,143,87,0.7);
}

#footer .wf-wrap div.wf-container-footer {
    border-top: 1px solid #fff;
}

@media screen and (max-width: 991px){ 
.vrl-learn-more-column .vc_column-inner .wpb_wrapper .btn-align-right {
   text-align: center; 
   padding-bottom: 2rem;
}

.vrl-manufacturer-order {
    text-align: center;
}}

.vc_do_custom_heading{margin-bottom:0.625rem;margin-top:0;}.vc_do_custom_heading{margin-bottom:0.625rem;margin-top:0;}.vc_do_custom_heading{margin-bottom:0.625rem;margin-top:0;}.vc_do_custom_heading{margin-bottom:0.625rem;margin-top:0;}.vc_do_custom_heading{margin-bottom:0.625rem;margin-top:0;}.vc_do_custom_heading{margin-bottom:0.625rem;margin-top:0;}

.vc_custom_1711567803985{margin-bottom: 3rem !important;}.vc_custom_1694569773192{padding-top: 5rem !important;padding-bottom: 3rem !important;}.vc_custom_1709825973922{padding-top: 4rem !important;padding-bottom: 5rem !important;background-color: #f1f1f1 !important;}.vc_custom_1694569603352{padding-top: 5rem !important;padding-bottom: 6rem !important;}.vc_custom_1687449037707{padding-top: 1rem !important;padding-bottom: 1rem !important;background-color: rgba(102,143,87,0.5) !important;*background-color: rgb(102,143,87) !important;}.vc_custom_1684355693964{padding-right: 3.1% !important;padding-left: 3.1% !important;}.vc_custom_1685994606038{padding-bottom: 3% !important;}.vc_custom_1711568926742{padding-top: 3rem !important;padding-right: 3rem !important;padding-bottom: 3rem !important;padding-left: 3rem !important;background-color: #f1f1f1 !important;}.vc_custom_1711568939715{padding-top: 3rem !important;padding-right: 3rem !important;padding-bottom: 3rem !important;padding-left: 3rem !important;background-color: #bac5b0 !important;}.vc_custom_1711568431902{margin-bottom: 0px !important;}.vc_custom_1711570418090{margin-bottom: 0px !important;}.vc_custom_1684422372736{margin-top: 1.5rem !important;}.vc_custom_1709566518982{padding-right: 0px !important;padding-left: 0px !important;background-image: url(https://residential.vistapro.com/wp-content/uploads/sites/3/2023/09/Vista_Factory.jpg?id=450) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1684345246492{padding-top: 0px !important;}

 .wpb_animate_when_almost_visible { opacity: 1; }


.sub-nav .menu-item i.fa,
.sub-nav .menu-item i.fas,
.sub-nav .menu-item i.far,
.sub-nav .menu-item i.fab {
	text-align: center;
	width: 1.25em;
}

.vrl-green-text-p {
	color: #5B804E
}

.grecaptcha-badge {
	 bottom: 60px !important;
	 z-index: 9;
}

a {
	text-decoration: none;
}

.wpb_text_column a:hover {
	color: #5B804E;
}

 /* Move reCAPTCHA v3 badge to the left */
 
/* .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important; 
	 bottom: 4px !important;
	 z-index: 9;
}
.grecaptcha-badge:hover {
  width: 256px !important;
} */



/* TEMP POPUP FIX */

	.pum-overlay.pum-active,
	.pum-overlay.pum-active .popmake.active {
    		display: block !important;
	}



/* LIGHT TEXT */

.vrl-dark-bg p, 
.vrl-dark-bg a, 
.vrl-dark-bg h1,
h1.vrl-dark-bg, 
.vrl-dark-bg h2,
h2.vrl-dark-bg, 
.vrl-dark-bg h3,
h3.vrl-dark-bg, 
.vrl-dark-bg h4,
h4.vrl-dark-bg {
	color: #fff;
}

.vrl-dark-bg a:hover {
	color: #f2f2f2;
}

/* WHITE BUTTON */

.content .vrl-btn-light.dt-btn:not(.btn-custom-style) {
    color: #444;
    background: #fff;
    transition: all 300ms ease-in-out;
}

.content .vrl-btn-light.dt-btn:not(.btn-custom-style):hover {
    background: #f1f1f1;
}



/* ROUNDED CORNERS BUTTON */

.vrl-rounded-corners-btn {
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
	white-space: nowrap;
}

/* ORANGE UNDERLINE */

.vrl-page-header,
.vrl-sub-heading {
  display: inline-block;
}
.vrl-page-header::after,
.vrl-sub-heading::after {
  content:"";
  display: block;
  width: 14rem;
  height: 2px;
  background-color: #d68b37;
	margin-top: 0.4rem;
}

.vrl-page-header.vrl-product-categories-header::after {
	width:75%;
}

/* TABLET ROW REVERSE FIX */

@media (min-width: 768px) and (max-width: 991px) {
.vert-tablet-reverse-col {
    flex-direction: column-reverse;
	}}

/* TOP BAR */

.mini-widgets .text-area a:not(.dt-btn) {
	text-decoration: none;
}

.top-bar-line-hide .left-widgets.mini-widgets .microwidget-btn.mini-button {
  margin: 0;
}

.mini-widgets.right-widgets .text-area.show-on-desktop.in-menu-second-switch.last {
  border-left: 2px solid #5B804E;
  padding-left: 5%;
}

.masthead:not(.side-header) .mini-widgets.right-widgets>:first-child {
	border-right: 2px solid #444;
  padding-right: 5%;
}

@media screen and (min-width: 997px) {
 .right-widgets {
  margin-top: -15px;
}}

.header-elements-button-1:hover span {
	transition: all 0.3s ease-out;
}

.header-elements-button-1:hover span {
  transition: color 0.5s;
}

.header-elements-button-1.microwidget-btn-hover-bg-on:hover:after {
  background: #5B804E;
  transition: background 0.5s;
}

.header-elements-button-1.microwidget-btn-hover-bg-on:after {
	background: unset;
	transition: all 0.3s ease-out;
}

.top-bar a:not(.wpml-ls-link):not(.wpml-ls-item-toggle):hover {
	color: #5b804e;
}


a.mini-contacts:hover {
    opacity: 1;
}


.mini-search .submit:hover {
    opacity: 1;
    color: #5b804e;
}

/* HEADER */

.mini-search.show-on-desktop.near-logo-first-switch.near-logo-second-switch.popup-search.custom-icon.first.last {
	padding-left: 5rem
}

.masthead:not(.side-header).full-height .main-nav {
	align-content: unset;
	align-items: unset;
}

.main-nav .sub-nav > li:not(.wpml-ls-item) > a {
	color: #444444
}

.main-nav .sub-nav > li:not(.wpml-ls-item) > a .menu-text {
    color: #444444;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-399.has-children.depth-1.no-link.dt-mega-parent.wf-1-3 {
    background-color: #f1f1f1;
}

.main-nav .sub-nav > li.dt-mega-parent > a .menu-text {
    font: 600 20px / 26px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    margin-top: 10px;
}  

/* MOBILE MENU */

.right-mobile-menu .show-mobile-header .dt-mobile-header {
	overflow-x: hidden;
}

.mobile-header-scrollbar-wrap .mobile-mini-widgets-in-menu {
 flex-direction: column;
 align-items: flex-start;
 padding: 0;
}

.mobile-header-scrollbar-wrap .mobile-mini-widgets-in-menu a {
 font-size: 15px;
 text-decoration: none;
}

.mobile-mini-widgets-in-menu .microwidget-btn.mini-button {
	width: 100%;
	margin-left: -30px
}

.mobile-mini-widgets-in-menu .microwidget-btn.mini-button span {
	width: 100%;
	text-align: left;
}

.dt-mobile-header .mobile-header-scrollbar-wrap {
 padding: 45px 0px 30px 0px;
}

.mobile-main-nav li > a {
padding-left: 30px;
}

li.vrl-residential-btn-mobile {
    width: 110%;
    background-color: #5B804E;
	margin-top: 1.2rem
}

.mobile-main-nav li.vrl-residential-btn-mobile > a .menu-text,
.mobile-main-nav li.vrl-residential-btn-mobile > a:hover .menu-text {
    color: #fff;
}

li.vrl-commercial-btn-mobile {
  width: 110%;
  background-color: #E8E8E8;
}

.mobile-header-scrollbar-wrap .mobile-mini-widgets-in-menu {
  padding-left: 30px;
  margin-top: 1.4rem;
}

@media (max-width: 1350px) {
ul.sub-nav.level-arrows-on .menu-item {
  margin-left: 10%;
}}

.mobile-main-nav li.act > a .menu-text {
	color: #fff;
}


/* POPUP SEARCH */

.popup-search .submit i, 
.mobile-header-bar .mobile-mini-widgets .popup-search .submit i {
  color: #444;
}




.popup-search .submit i:hover, 
.mobile-header-bar .mobile-mini-widgets .popup-search .submit i:hover {
	color: #5B804E;
	opacity: 1;
}

/* GRAY CONTACT ROW */

.vrl-contact-us-row {
    box-shadow: 0 0 0 1px #fff;
}

.vrl-contact-us-row h2 {
    font-size: 1.1rem;
}

@media screen and (max-width: 991px){ 
.vrl-contact-us-row .vc_column-inner .wpb_wrapper .btn-align-right {
   text-align: center; 
   padding-bottom: 2rem;
}

.vrl-manufacturer-order {
    text-align: center;
}}

/* FOOTER */

#footer .wf-wrap .wf-container-footer {
  border-top: 1px solid #a5acb5;
}

#footer .wf-1-8 {
	width: 12.5%;
}

#footer section {
	margin: 4rem 0;
}

section#custom_html-6::before {
	content: "";
  width: 90vw;
  background-color: #A5ACB5;
  height: 1px;
  position: absolute;
  left: 5vw;
	transform: translate(0px, -4rem);
}


@media screen and (max-width: 1100px) {
	
#footer .wf-container-footer {
		padding: 3rem 0;
	}
section#media_image-2 {
	margin: 1rem 0;
}
	
#footer .wf-1-8 {
	width: 25%;
}


section#custom_html-3,
section#custom_html-4,
section#custom_html-7 {
  margin: 1rem 0;
}
	
section#custom_html-2,
section#custom_html-6 {
	display: none
}}

@media screen and (max-width: 550px) {
	
#footer .wf-1-8 {
	width: 100%;
}

#footer section {
	margin: 1rem 0;
}

section#custom_html-3 {
  margin-top: 4rem;
}
	
#footer .wf-1-8#custom_html-7
{
	width: 40%;
}}

#custom_html-2.wf-1-4 {
  width: 37.5%;
}

#presscore-custom-menu-one-4.wf-1-4 {
  width: 12.5%;
}

.footer-rep-agents-container {
	display: flex; 
	justify-content: flex-end;
}

@media (max-width: 1100px) {
.footer-rep-agents-container { 
  justify-content: flex-start
}
	
section#custom_html-5 {
  display: none;
}
	
.footer-divider {
	margin: 0 1rem;
}}

.footer-rep-portal {
  text-align:left; 
  min-width: fit-content;
	padding-right: 0.5rem;
	display: none;
}

@media only screen and (max-width: 1290px) and (min-width: 1101px) {
.footer-rep-portal{
  margin-left: -2rem
}}

.footer-divider {
	width: 2px; 
	background-color: #668f57;
}

.footer-agents {
	padding-left: 0.5rem;
	white-space: nowrap;
}

.footer .textwidget a:not(.dt-btn):hover {
	color: #3D5635
}

.wf-1-8#custom_html-7 {
    width: 25%;
}

/* BOTTOM BAR ICONS */

.bottom-text-block div a .soc-font-icon::before {
  background: #fff;
  color: #5B804E;
  border-radius: 20px;
  padding: 4px;
}

.bottom-text-block div a .soc-font-icon:hover::before {
	color: #3D5635;
}

@media screen and (max-width: 550px) {
	
.bottom-bar-copyright-container {
  flex-direction: column;
}
	
.bottom-bar-copyright-container span.copyright-logo
{
  display: contents;		
}
	
}

/* BOTTOM BAR TWITTER/X BUTTON ADJUSTMENT */

#bottom-bar .icon-x-twitter {
	margin-top: -1px;
}



    [class*="the7-spinner-animate-"]{
        animation: spinner-animation 1s cubic-bezier(1,1,1,1) infinite;
        x:46.5px;
        y:40px;
        width:7px;
        height:20px;
        fill:var(--the7-beautiful-spinner-color2);
        opacity: 0.2;
    }
    .the7-spinner-animate-2{
        animation-delay: 0.083s;
    }
    .the7-spinner-animate-3{
        animation-delay: 0.166s;
    }
    .the7-spinner-animate-4{
         animation-delay: 0.25s;
    }
    .the7-spinner-animate-5{
         animation-delay: 0.33s;
    }
    .the7-spinner-animate-6{
         animation-delay: 0.416s;
    }
    .the7-spinner-animate-7{
         animation-delay: 0.5s;
    }
    .the7-spinner-animate-8{
         animation-delay: 0.58s;
    }
    .the7-spinner-animate-9{
         animation-delay: 0.666s;
    }
    .the7-spinner-animate-10{
         animation-delay: 0.75s;
    }
    .the7-spinner-animate-11{
        animation-delay: 0.83s;
    }
    .the7-spinner-animate-12{
        animation-delay: 0.916s;
    }
    @keyframes spinner-animation{
        from {
            opacity: 1;
        }
        to{
            opacity: 0;
        }
    }



#main {
  padding-top: 70px;
  padding-bottom: 0px;
}
@media screen and (max-width: 778px) {
  #main {
    padding-top: 50px;
    padding-bottom: 0px;
  }
}



.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.dividers-on.classic-layout-list article {
  padding-top: 0;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.dividers-on.classic-layout-list article:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.classic-layout-list.mode-list .post-entry-content {
  width: calc(100% - );
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.classic-layout-list.mode-list .no-img .post-entry-content {
  width: 100%;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .filter-bg-decoration .filter-categories a.act {
  color: #fff;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a:not(.mode-masonry) article:first-of-type,
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a:not(.mode-masonry) article.visible.first:not(.product) {
  margin-top: 0;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.dividers-on:not(.mode-masonry) article {
  margin-top: 0;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.dividers-on:not(.mode-masonry) article:first-of-type,
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.dividers-on:not(.mode-masonry) article.visible.first:not(.product) {
  margin-top: 0;
  padding-top: 0;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .post-thumbnail-wrap {
  padding: 0% 0% 0% 0%;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.enable-bg-rollover .post-thumbnail-rollover:after {
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico {
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 100px;
  margin: -22px 0 0 -22px;
  border-width: 0px;
  color: #ffffff;
  background: none;
}
.bottom-overlap-layout-list.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico {
  margin-top: -72px;
}
.gradient-overlay-layout-list.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico,
.content-rollover-layout-list.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico {
  margin: 0 0 10px;
}
.content-align-center.gradient-overlay-layout-list.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico,
.content-align-center.content-rollover-layout-list.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico {
  margin: 0 auto 10px;
}
.dt-icon-bg-on.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico {
  background: rgba(255,255,255,0.3);
  box-shadow: none;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico > span,
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico:before {
  font-size: 32px;
  line-height: 44px;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico > span,
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .gallery-zoom-ico:before {
  color: #ffffff;
  background: none;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .entry-title,
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .entry-title {
  margin-bottom: 0px;
  font-weight: bold;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .entry-meta {
  margin-bottom: 15px;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .portfolio-categories {
  margin-bottom: 15px;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .entry-excerpt {
  margin-bottom: 10px;
  font-weight: bold;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a:not(.centered-layout-list) .post-entry-content {
  padding: 15px 0px 0px 0px;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img .post-entry-content {
  padding: 0;
}
@media screen and (max-width: ) {
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a article {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-top: 20px;
  }
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.dividers-on article {
    border: none;
  }
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.content-bg-on.centered-layout-list article {
    padding: 0;
  }
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.blog-shortcode.dividers-on article,
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.dividers-on.classic-layout-list article {
    margin-top: 20px;
    padding: 0;
  }
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.blog-shortcode.dividers-on article:first-of-type,
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.dividers-on.classic-layout-list article:first-of-type {
    padding: 0;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .post-thumbnail-wrap,
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .post-entry-content {
    width: 100%;
    margin: 0;
    top: 0;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .post-thumbnail-wrap {
    padding: 0;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .post-entry-content:after {
    display: none;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .project-even .post-thumbnail-wrap,
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.centered-layout-list .post-thumbnail-wrap {
    -ms-flex-order: 0;
    order: 0;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.centered-layout-list .post-entry-title-content {
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 20px 20px 0;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.centered-layout-list .post-entry-content {
    -ms-flex-order: 2;
    order: 2;
    padding-top: 0;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .fancy-categories {
    top: 10px;
    left: 10px;
    bottom: auto;
    right: auto;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .fancy-date a {
    top: 10px;
    right: 10px;
    left: auto;
    bottom: auto;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .post-entry-content {
    padding: 20px;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .entry-title {
    margin: 3px 0 5px;
    font-size: 20px;
    line-height: 26px;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .entry-meta {
    margin: 5px 0 5px;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .entry-excerpt {
    margin: 15px 0 0;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .post-details {
    margin: 5px 0 10px;
  }
  #page .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .post-details.details-type-link {
    margin-bottom: 2px;
  }
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div {
  width: 36px;
  height: 36px;
  border-radius: 50px;
}
.dt-arrow-border-on.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div:not(:hover):before {
  border-width: 0px;
}
.dt-arrow-hover-border-on.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div:hover:after {
  border-width: 0px;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div.owl-prev {
  top: 50%;
  transform: translateY(calc(-50% + 0px));
  left: -43px;
}
@media all and (-ms-high-contrast: none) {
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div.owl-prev {
    transform: translateY(-50%);
    margin-top: 0px;
  }
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div.owl-prev i {
  padding: 0px 0px 0px 0px;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div.owl-next {
  top: 50%;
  transform: translateY(calc(-50% + 0px));
  right: -43px;
}
@media all and (-ms-high-contrast: none) {
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div.owl-next {
    transform: translateY(-50%);
    margin-top: 0px;
  }
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div.owl-next i {
  padding: 0px 0px 0px 0px;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav i {
  font-size: 26px;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div:not(:hover) i,
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div:not(:hover) i:before {
  color: #668f57;
  background: none;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div:hover i,
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.owl-carousel .owl-nav div:hover i:before {
  color: #415d6f;
  background: none;
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .owl-dots {
  top: calc(100% + 20px);
  left: 50%;
  transform: translateX(calc(-50% + 0px));
}
@media all and (-ms-high-contrast: none) {
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .owl-dots {
    transform: translateX(-50%);
    margin-left: 0px;
  }
}
.blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a .owl-dot {
  width: 10px;
  height: 10px;
  margin: 0 8px;
}
@media screen and (max-width: 778px) {
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.hide-arrows .owl-nav a {
    display: none;
  }
}
@media screen and (max-width: 778px) {
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.reposition-arrows .owl-nav .owl-prev {
    top: 50%;
    transform: translateY(calc(-50% + 0px));
    left: -30px;
  }
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.reposition-arrows .owl-nav .owl-next {
    top: 50%;
    transform: translateY(calc(-50% + 0px));
    right: -30px;
  }
}
@media screen and (max-width: 778px) and all and (-ms-high-contrast: none) {
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.reposition-arrows .owl-nav .owl-prev {
    transform: translateY(-50%);
    margin-top: 0px;
  }
}
@media screen and (max-width: 778px) and all and (-ms-high-contrast: none) {
  .blog-carousel-shortcode.blog-carousel-shortcode-id-afd0fa5b5bcd0207c9ff971980fe952a.reposition-arrows .owl-nav .owl-next {
    transform: translateY(-50%);
    margin-top: 0px;
  }
}


.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div {
  width: 36px;
  height: 36px;
  border-radius: 500px;
}
.dt-arrow-border-on.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div:not(:hover):before {
  border-width: 0px;
}
.dt-arrow-hover-border-on.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div:hover:after {
  border-width: 0px;
}
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div.owl-prev {
  top: 50%;
  transform: translateY(calc(-50% + 0px));
  left: -43px;
}
@media all and (-ms-high-contrast: none) {
  .carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div.owl-prev {
    transform: translateY(-50%);
    margin-top: 0px;
  }
}
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div.owl-prev i {
  padding: 0px 0px 0px 0px;
}
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div.owl-next {
  top: 50%;
  transform: translateY(calc(-50% + 0px));
  right: -43px;
}
@media all and (-ms-high-contrast: none) {
  .carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div.owl-next {
    transform: translateY(-50%);
    margin-top: 0px;
  }
}
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div.owl-next i {
  padding: 0px 0px 0px 0px;
}
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav i {
  font-size: 18px;
}
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div:not(:hover) i,
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div:not(:hover) i:before {
  color: #ffffff;
  background: none;
}
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div:hover i,
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.owl-carousel .owl-nav div:hover i:before {
  color: rgba(255,255,255,0.75);
  background: none;
}
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8 .owl-dots {
  top: calc(100% + 20px);
  left: 50%;
  transform: translateX(calc(-50% + 0px));
}
@media all and (-ms-high-contrast: none) {
  .carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8 .owl-dots {
    transform: translateX(-50%);
    margin-left: 0px;
  }
}
.carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8 .owl-dot {
  width: 10px;
  height: 10px;
  margin: 0 8px;
}
@media screen and (max-width: 778px) {
  .carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.hide-arrows .owl-nav a {
    display: none;
  }
}
@media screen and (max-width: 778px) {
  .carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.reposition-arrows .owl-nav .owl-prev {
    top: 50%;
    transform: translateY(calc(-50% + 0px));
    left: 10px;
  }
  .carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.reposition-arrows .owl-nav .owl-next {
    top: 50%;
    transform: translateY(calc(-50% + 0px));
    right: 10px;
  }
}
@media screen and (max-width: 778px) and all and (-ms-high-contrast: none) {
  .carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.reposition-arrows .owl-nav .owl-prev {
    transform: translateY(-50%);
    margin-top: 0px;
  }
}
@media screen and (max-width: 778px) and all and (-ms-high-contrast: none) {
  .carousel-shortcode.carousel-shortcode-id-1941155decc975a5f8551e312de93ce8.reposition-arrows .owl-nav .owl-next {
    transform: translateY(-50%);
    margin-top: 0px;
  }
}


#default-btn-10211ac3cc3b40acc008951b5ea22d34.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-10211ac3cc3b40acc008951b5ea22d34 > i {
  margin-right: 8px;
}


#default-btn-6ae34e02a0b1b4c19a3fe8755b1de156.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-6ae34e02a0b1b4c19a3fe8755b1de156 > i {
  margin-right: 8px;
}


#default-btn-f5983938aa69c9ec5910090a8272fdde.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-f5983938aa69c9ec5910090a8272fdde > i {
  margin-right: 8px;
}


#default-btn-232c2fc4394d59104f98be09132c1740.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-232c2fc4394d59104f98be09132c1740 > i {
  margin-right: 8px;
}



		.text-container{box-shadow:0 0 4px lightgrey; background-color:rgba(255,255,255,.65)!important; backdrop-filter:blur(5px)!important; -webkit-backdrop-filter:blur(5px)!important; white-space:normal!important}.vcl-text-group{margin-right:5%}h1.vcl-slider-header{line-height:1.3em; display:block; font-size:1.6rem; text-transform:unset}.vcl-slider-subheader{font-size:1rem; display:block; line-height:1.2em; font-weight:400; color:#444; margin-bottom:1.5rem}@media screen and (max-width:777px){.vcl-slider-header{line-height:28px;  font-size:1.5rem}.vcl-slider-subheader{font-size:1rem}}@media screen and (max-width:1024px){.utl-slider-products-btn{max-width:85%; margin-top:20px}}.vrl-slider-btn{margin:5px}
		#rev_slider_17_1_wrapper .uranus .tp-bullet{border-radius:50%; box-shadow:0 0 0 2px #b5c2c7; -webkit-transition:box-shadow 0.3s ease; transition:box-shadow 0.3s ease; background:transparent; width:15px; height:15px}#rev_slider_17_1_wrapper .uranus .tp-bullet.selected,#rev_slider_17_1_wrapper .uranus .tp-bullet.rs-touchhover{box-shadow:0 0 0 2px #ffffff; border:none; border-radius:50%; background:transparent}#rev_slider_17_1_wrapper .uranus .tp-bullet-inner{-webkit-transition:background-color 0.3s ease,-webkit-transform 0.3s ease; transition:background-color 0.3s ease,transform 0.3s ease; top:0; left:0; width:100%; height:100%; outline:none; border-radius:50%; background-color:#b5c2c7; background-color:rgba(181,194,199,0.3); text-indent:-999em; cursor:pointer; position:absolute}#rev_slider_17_1_wrapper .uranus .tp-bullet.selected .tp-bullet-inner,#rev_slider_17_1_wrapper .uranus .tp-bullet.rs-touchhover .tp-bullet-inner{transform:scale(0.4); -webkit-transform:scale(0.4); background-color:#ffffff}
		#rev_slider_8_2_wrapper .metis.tparrows{background:rgba(255,255,255,0); padding:10px; transition:all 0.3s; -webkit-transition:all 0.3s; width:60px; height:60px; box-sizing:border-box}#rev_slider_8_2_wrapper .metis.tparrows.rs-touchhover{background:rgba(255,255,255,0)}#rev_slider_8_2_wrapper .metis.tparrows:before{color:#6c8f58;   transition:all 0.3s; -webkit-transition:all 0.3s}#rev_slider_8_2_wrapper .metis.tparrows.rs-touchhover:before{transform:scale(1.5)}#rev_slider_8_2_wrapper .hermes.tp-bullets{}#rev_slider_8_2_wrapper .hermes .tp-bullet{overflow:hidden;  border-radius:50%;  width:16px;  height:16px;  background-color:rgba(0,0,0,0);  box-shadow:inset 0 0 0 2px #6c8f58;  -webkit-transition:background 0.3s ease;  transition:background 0.3s ease;  position:absolute}#rev_slider_8_2_wrapper .hermes .tp-bullet.rs-touchhover{background-color:rgba(68,68,68,0.21)}#rev_slider_8_2_wrapper .hermes .tp-bullet:after{content:' '; position:absolute; bottom:0; height:0; left:0; width:100%; background-color:#6c8f58; box-shadow:0 0 1px #6c8f58; -webkit-transition:height 0.3s ease; transition:height 0.3s ease}#rev_slider_8_2_wrapper .hermes .tp-bullet.selected:after{height:100%}


.df-sheet .df-page:before { opacity: 0.5;}section.linkAnnotation a, a.linkAnnotation, .buttonWidgetAnnotation a, a.customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation, a.df-autolink{background-color: #668f57; opacity: 0.2;}
        section.linkAnnotation a:hover, a.linkAnnotation:hover, .buttonWidgetAnnotation a:hover, a.customLinkAnnotation:hover, .customHtmlAnnotation:hover, .customVideoAnnotation:hover, a.df-autolink:hover{background-color: #668f57b3; opacity: 0.5;}.df-container.df-transparent.df-fullscreen{background-color: #eee;}  

/* POPUP */

@media screen and (max-width: 470px) {
    .pum-overlay, html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container, html.pum-open.pum-open-overlay.pum-open-fixed .pum-container {
    width: 340px !important /*Important tag overrides inline CSS */;
}}

.vrl-signup-form {
    margin-bottom: 0;
}

.pum-content .ctct-form-embed.form_1 .ctct-form-defaults
 {
    background-color: transparent;
}

.pum-content div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header, 
.pum-content div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text, 
.pum-content div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {
    font-family: "Poppins", sans-serif;
}

.pum-content div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
    border-radius: 0px 20px;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.pum-content div.ctct-form-embed form.ctct-form-custom button.ctct-form-button:hover {
    text-transform: uppercase;
}

.pum-content .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button:hover {
    background-color: #3D5635;
    border: 1px solid #3D5635;
}


/* PRODUCT CATEGORIES CAROUSEL */

.vrl-product-categories .owl-carousel .post-thumbnail {
   /* border: 1px solid #707070; */
   background: #707070;
   padding: 1px;
   margin-right: 1px;
}

.owl-carousel.blog-carousel-shortcode .entry-title a {
    font-size: 1.1rem;
}

.vrl-product-categories .owl-carousel .post-thumbnail .post-thumbnail-rollover:after {
    content: "";
    color: #444444;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    background: #f1f1f1;
    position: absolute;
    opacity: 0;
	transition: opacity 300ms ease-in-out;
}

.vrl-product-categories .owl-carousel .post-thumbnail .post-thumbnail-rollover:hover:after {
    opacity: .6;
	transition: opacity 300ms ease-in-out;
}

.vrl-product-categories .owl-carousel .post-thumbnail .post-thumbnail-rollover:before {
    content: "VIEW PRODUCTS";
    color: #444444;
    top: 50%;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    opacity: 0;
	transition: opacity 400ms ease-in-out;
}

.vrl-product-categories .owl-carousel .post-thumbnail .post-thumbnail-rollover:hover:before {
    opacity: 1;
	transition: opacity 300ms ease-in-out;
}

/* FEATURED PROJECT */

.vrl-featured-video {
    margin-bottom: -10rem;
}

@media screen and (max-width: 991px) {
    .vrl-featured-video {
        margin-bottom: -6rem;
}}

.vrl-featured-content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

@media screen and (max-width: 991px) {
.vrl-featured-content {
    padding-left: 2rem;
    padding-right: 2rem;
}}

.vrl-home-embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 

.vrl-home-embed-container iframe, 
.vrl-home-embed-container object, 
.vrl-home-embed-container embed { 
    position: absolute; 
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%; 
}

.vrl-feature-project-heading {
    padding-top: 2.5rem;
}

.vrl-feature-project-button {
    margin-bottom: 2.5rem;
}

.vrl-made-to-order-image-column {
    min-height: 400px;
}


/********************************/

#footer .wf-wrap div.wf-container-footer {
    border-top: 1px solid #fff;
}

.vc_custom_1711567803985{margin-bottom: 3rem !important;}.vc_custom_1694569773192{padding-top: 5rem !important;padding-bottom: 3rem !important;}.vc_custom_1709825973922{padding-top: 4rem !important;padding-bottom: 5rem !important;background-color: #f1f1f1 !important;}.vc_custom_1694569603352{padding-top: 5rem !important;padding-bottom: 6rem !important;}.vc_custom_1755708798986{padding-top: 1rem !important;padding-bottom: 1rem !important;background-color: #F1F1F1 !important;}.vc_custom_1684355693964{padding-right: 3.1% !important;padding-left: 3.1% !important;}.vc_custom_1685994606038{padding-bottom: 3% !important;}.vc_custom_1711568926742{padding-top: 3rem !important;padding-right: 3rem !important;padding-bottom: 3rem !important;padding-left: 3rem !important;background-color: #f1f1f1 !important;}.vc_custom_1755707528986{padding-top: 3rem !important;padding-right: 3rem !important;padding-bottom: 3rem !important;padding-left: 3rem !important;background-color: #5B804E !important;}.vc_custom_1711568431902{margin-bottom: 0px !important;}.vc_custom_1755707534610{margin-bottom: 0px !important;}.vc_custom_1684422372736{margin-top: 1.5rem !important;}.vc_custom_1709566518982{padding-right: 0px !important;padding-left: 0px !important;background-image: url(https://residential.vistapro.com/wp-content/uploads/sites/3/2023/09/Vista_Factory.jpg?id=450) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1684345246492{padding-top: 0px !important;}

TM-120

Tree Mount Junction Box

Resources

Specsheets

Colors & Finishes

Mounting Type

Similar Products

Mounting Collection

Rep Portal