@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); #wpadminbar{display:none !important;} body{font-family:'Montserrat',sans-serif;background:#FFFFFF;}h1{color:#1A1C1A;font-family:'Montserrat',sans-serif;font-weight:500;font-size:2.75em;letter-spacing:-0.01em;line-height:1.1;text-transform:uppercase;margin:0 0 45px;}h1 strong,h2 strong{font-weight:800;}h2{color:#1A1C1A;font-family:'Montserrat',sans-serif;font-weight:500;font-size:1.875em;line-height:1.15;text-transform:uppercase;margin:0 0 30px;}h3{color:#1A1C1A;font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.125em;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;margin:30px 0 5px;}h4{font-family:'Montserrat',sans-serif;color:#1A1C1A;font-weight:600;font-size:1.5em;line-height:1.5;margin:25px 0;}p{font-family:'Montserrat',sans-serif;color:#000000;font-size:1em;font-weight:400;line-height:1.8;margin:15px 0;}p.fancy-text{font-family:'Montserrat',sans-serif;font-size:1em;text-transform:uppercase;letter-spacing:0.02em;margin-top:40px;font-weight:700;color:#1A1C1A;}p.fancy-text.alt{text-transform:none;}ul{list-style-type:none;}p a:hover{color:#9f201e;} .disclaimer{background:#FFFFFF;}.disclaimer p{font-size:0.875em;line-height:1.4;color:#111411;}ul li{color:#111411;font-size:.9em;}  .header-wrapper{background:#FFFFFF;}.header-bar{padding:18px 2.5vw;}.header-details{padding-top:5px;padding-bottom:5px;padding-right:15px;position:relative;display:flex;align-items:center;}.logo-wrapper{display:inline-block;width:100%;vertical-align:middle;}.logo-wrapper img{height:auto;}.company-details{display:inline-block;width:auto;max-width:86%;vertical-align:middle;}.company-details p.title,.company-details p.title a{font-family:'Montserrat',sans-serif;font-weight:800;font-size:18px;letter-spacing:0.01em;color:#1A1C1A;line-height:1.2;margin:0;text-transform:uppercase;}.company-details p.title a:hover{color:#7f0d0c;}.company-details p{margin:0;font-size:.8125em;color:#5C6159;line-height:1.5;font-family:'Montserrat',sans-serif;font-weight:400;}.header-cta-wrapper{margin-left:auto;}.tagline-strip{background:#08094f;}.tagline-wrapper{padding:9px 2.5vw;}p.tagline{color:rgba(255,255,255,0.82);text-transform:uppercase;letter-spacing:0.09em;font-size:.6875em;font-weight:500;margin:0;}.header-cta{display:inline-block;background:#08094f;font-family:'Montserrat',sans-serif;font-weight:600;color:#FFFFFF;font-size:1em;text-align:center;padding:13px 24px;border-radius:30px;-webkit-transition:background-color 300ms ease,transform 300ms ease;-moz-transition:background-color 300ms ease,transform 300ms ease;-o-transition:background-color 300ms ease,transform 300ms ease;transition:background-color 300ms ease,transform 300ms ease;}.header-cta:hover{background:#9f201e;color:#FFFFFF;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);}.header-cta i.fa-mobile{display:inline-block;margin-right:9px;color:#FFFFFF;}.header-cta i.fa-arrow-up-right{margin-left:9px;font-size:.8em;opacity:.7;}@keyframes twist{0%{-moz-transform:rotate(10deg);-webkit-transform:rotate(10deg);-o-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg);}100%{-moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}}.header-cta:hover i{animation-duration:.2s;}.menu-wrapper{background:none;margin-left:auto;}.top-bar{background:none;height:auto;}.top-bar-section ul li{background:none;}.top-bar-section li:not(.has-form) a:not(.button){font-family:'Montserrat',sans-serif;font-weight:500;background:none;color:#1A1C1A;position:relative;font-size:.9375em;line-height:44px;padding:0 18px;-webkit-transition:color 300ms ease;-moz-transition:color 300ms ease;-o-transition:color 300ms ease;transition:color 300ms ease;}.top-bar-section ul li:hover:not(.has-form)>a,.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:none;color:#9f201e;line-height:44px;padding:0 18px;}.top-bar-section .has-dropdown>a{padding-right:28px !important;}.top-bar-section .has-dropdown>a:after{border-color:#7f0d0c transparent transparent transparent;top:23px;margin-right:12px;}svg.payment-icon{filter:invert(1);}.landing-page-wrapper .btn{background:#08094f;font-family:'Archivo',sans-serif;font-weight:600;color:#FFFFFF;font-size:1em;text-align:center;padding:13px 24px;border-radius:30px;} @media only screen and (min-width:1025px){.navigation-wrapper{display:flex;justify-content:flex-end;}.header-bar{display:flex;align-items:center;}.top-bar-section li:not(.has-form) a:not(.button)::before{content:" ";width:calc(100% - 36px);height:2px;background:#7f0d0c;position:absolute;left:18px;bottom:6px;opacity:0;-webkit-transition:opacity 300ms ease;-moz-transition:opacity 300ms ease;-o-transition:opacity 300ms ease;transition:opacity 300ms ease;}.top-bar-section li.has-dropdown:not(.has-form) a:not(.button)::before{left:18px;width:calc(100% - 46px);}.top-bar-section li:not(.has-form) a:not(.button):hover::before,.top-bar-section li.active:not(.has-form) a:not(.button)::before{opacity:1;}.top-bar-section .dropdown{background:#FFFFFF;text-align:left;padding:2vh 1.5vw;left:50%;border-radius:14px;box-shadow:0px 20px 50px 0px rgba(17,20,17,0.16);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}.top-bar-section .dropdown li:not(.has-form) a:not(.button){background:none;color:#1A1C1A;font-family:'Montserrat',sans-serif;font-size:14px;line-height:35px;padding:0 15px;position:relative;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){background:none;color:#9f201e;line-height:35px;padding:0 15px;}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before{display:none;}} .slider-shell{background:#F3F3EF;}.hero-shell{overflow:hidden;}.slick-header-slider::after{content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:#0000009e;}.slick-slide img{width:100%;}.caption-slider{position:absolute;z-index:2;left:5vw;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}.caption-slider .slick-text-slider{width:46vw;}.caption-slider p.caption{font-size:5.25vw;color:#FFFFFF;font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:-0.015em;margin:0;display:flex;flex-direction:column;}.caption-slider p.caption span:first-of-type{color:#FFFFFF;font-size:4.6vw;line-height:1.05;}.caption-slider p.caption span:last-of-type{line-height:1;font-weight:bold;}.slider-cta{margin-top:6vh;}.cta-btn{display:inline-block;min-width:190px;font-size:1em;font-family:'Montserrat',sans-serif;font-weight:600;color:#FFFFFF;text-align:center;padding:15px 26px;border-radius:30px;border:2px solid transparent;-webkit-transition:background-color 300ms ease,border-color 300ms ease,color 300ms ease,transform 300ms ease;-moz-transition:background-color 300ms ease,border-color 300ms ease,color 300ms ease,transform 300ms ease;-o-transition:background-color 300ms ease,border-color 300ms ease,color 300ms ease,transform 300ms ease;transition:background-color 300ms ease,border-color 300ms ease,color 300ms ease,transform 300ms ease;}.cta-btn:first-child{margin-right:15px;}.cta-btn:hover{color:#FFFFFF;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);}.cta-btn i{transform-origin:center;margin-left:10px;font-size:.85em;-webkit-transition:transform 300ms ease;-moz-transition:transform 300ms ease;-o-transition:transform 300ms ease;transition:transform 300ms ease;}.cta-btn:hover i{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}.cta-btn.teal{background:#7f0d0c;border-color:#7f0d0c;}.cta-btn.teal:hover{background:#9f201e;border-color:#9f201e;}.cta-btn.yellow{background:none;border-color:rgba(255,255,255,0.55);}.cta-btn.yellow:hover{background:#FFFFFF;border-color:#FFFFFF;color:#08094f;}.cta-btn.brown{background:#08094f;border-color:#08094f;color:#FFFFFF;}.cta-btn.brown:hover{background:#9f201e;border-color:#9f201e;color:#FFFFFF;}.cta-btn.outline-green{background:none;border-color:#7f0d0c;color:#08094f;}.cta-btn.outline-green:hover{background:#7f0d0c;color:#FFFFFF;}  .row{margin:0 auto;max-width:1475px;width:100%;}.row.wide{max-width:1570px;}.row.full{max-width:100%;}.flex{display:flex;}.center{align-items:center;}.contain-to-grid{background:none !important;}.contain-to-grid .top-bar{max-width:75em;}.page-wrapper{max-width:75rem;clear:both;}.home-bg1{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/07/h1.jpg);}.home-bg2{background:center / cover no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/07/h3.jpg);position:absolute;width:100%;height:calc(100% - 66px);top:33px;left:0;}.home-bg3{background:center / cover no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/07/h2.jpg);}.home-bg4{background:center / cover no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/07/h4.jpg);}.home-bg5{background:center / cover no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/07/h5.jpg);}.about-bg1{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-1.jpg);}.about-bg2{background:center / cover no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/07/a2.jpg);}.service-bg1{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-2.jpg);}.service-bg2{background:center / cover no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-2.jpg);}.contact-bg{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-3.jpg);}.hardie-board-img{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/hardie-board-img.jpg);}.exterior-wall-insulation{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/exterior-wall-insulation-img.jpg);}.custom-cladding{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/custom-cladding-img.jpg);}.siding-tips{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/siding-tips-img.jpg);}.siding-inspection{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/siding-inspection-img.jpg);}.ledge-stone-veneer{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/ledge-stone-veneer-img.jpg);}.soffit-fascia-gutter-system{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/soffit-fascia-gutter-system-img.jpg);}.aluminum-siding-contractor{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-4.jpg);}.aluminum-siding-installation{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-5.jpg);}.aluminum-siding-repair{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-6.jpg);}.downspout-installation{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-7.jpg);}.exterior-remodeling{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-8.jpg);}.gutter-installation{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-9.jpg);}.gutter-repair{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-10.jpg);}.gutter-replacement{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-11.jpg);}.siding-company{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-12.jpg);}.siding-contractor{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-13.jpg);}.siding-installation{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-14.jpg);}.siding-repair{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-15.jpg);}.siding-replacement{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-16.jpg);}.siding-services{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-17.jpg);}.vinyl-siding-contractor{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-18.jpg);}.vinyl-siding-installation{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-19.jpg);}.vinyl-siding-repair{background:center / contain no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/img-20.jpg);} .intro-row{padding:13vh 0;}.intro-row.inner,.gallery-page{padding-top:10vh;}.intro-row .intro-text{order:1;padding:0 0.9375rem 0 4vw;}.intro-text p:not(:last-of-type){margin-bottom:22px;}.intro-lead{padding-left:0;}.value-strip{display:flex;padding-left:0;margin-top:10vh;}.value-item{flex:1;padding:0 18px;}.value-item:first-child{padding-left:0;}.value-item + .value-item{border-left:1px solid #D4D7CE;}.value-icon,.badge-icon,.footer-icon,.custom-icon svg{fill:none;stroke:#7f0d0c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}.value-item h3{margin:18px 0 6px;font-size:.9375em;}.value-item p{font-size:.875em;line-height:1.5;margin:0;}.intro-bg.bg-wrapper{padding-left:0;}.bg-box{height:100%;}.intro-bg .bg-box{max-width:495px;}.guarantee-row{border-radius:24px;overflow:hidden;align-items:stretch;}.guarantee-panel{background:#08094f;padding:0;}.guarantee-inner{padding:6vh 3vw 6vh 3.5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;}.guarantee-panel p{color:#FFFFFF;font-size:1em;line-height:1.85;margin:0 0 34px;}.guarantee-panel h2{color:#FFFFFF;}.guarantee-panel h4{color:#FFFFFF;}.features-panel{background:#E7E8E1;padding:6vh 3.5vw 6vh 3vw;display:flex;flex-direction:column;justify-content:center;}.icon-content h3{font-size:1em;text-transform:uppercase;margin:0;}.icon-content p{font-size:.875em;line-height:1.6;margin:0;}.custom-icon{display:flex;width:54px;height:54px;border-radius:54px;background:rgba(111,168,74,0.16);justify-content:center;align-items:center;flex-shrink:0;}.icon-box{display:flex;align-items:center;}.icon-box:not(:last-child){margin-bottom:3.5vh;}.icon-content{padding-left:22px;}.icon-box-wrapper{padding:35px 3vw 0 11.5vw;}.icon-bg{padding-left:3vw;padding-right:0;}.split-row{align-items:stretch;}.video-col{flex:0 0 20%;max-width:20%;padding-left:0;padding-right:24px;}.video-frame{position:relative;width:100%;padding-top:177.78%;border-radius:24px;overflow:hidden;}.video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}.gallery-cta{padding-left:0;padding-right:0;}.gallery-cta-text{background:center / cover no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/07/h2.jpg);border-radius:24px;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13vh 3vw;}.gallery-cta-text::before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:#08094f;}.gallery-cta-text h2,.gallery-cta-text .cta-btn{position:relative;z-index:1;}.gallery-cta-text h2{font-family:'Montserrat',sans-serif;color:#FFFFFF;font-size:5.2vw;letter-spacing:-0.015em;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;}.gallery-cta-text h2 span:first-child{font-family:'Montserrat',sans-serif;font-size:.48em;line-height:1;font-weight:400;letter-spacing:0.02em;}.gallery-cta-text h2 span{line-height:1;}.gallery-cta-text .cta-btn.yellow{background:#7f0d0c;border-color:#7f0d0c;color:#FFFFFF;}.gallery-cta-text .cta-btn.yellow:hover{background:#9f201e;border-color:#9f201e;color:#FFFFFF;}.row.badges-row{max-width:1100px;align-items:center;}.badge + .badge .badge-inner{}.badge-inner{display:flex;align-items:center;justify-content:center;padding:1vh 10px;}.badge-inner h3{margin:0 0 0 18px;font-size:1em;line-height:1.35;}.badge-icon{flex-shrink:0;}.row.bottom-cta{background:#08094f;border-radius:24px;}.bottom-cta-bg{border-radius:24px 24px 0 0;padding:0;}.bottom-cta-inner{padding:6vh 3vw 6vh 9vw;position:relative;display:flex;align-items:center;}.cta-mark{position:absolute;left:3vw;top:6vh;width:76px;height:76px;border-radius:76px;background:#7f0d0c;color:#FFFFFF;font-size:1.5em;text-align:center;line-height:76px;}.bottom-cta-text{width:100%;max-width:620px;display:block;}.bottom-cta-text h2{font-size:1.875em;color:#FFFFFF;margin-bottom:18px;}.bottom-cta-text h2 strong{color:#7f0d0c;}.bottom-cta-text p{color:rgba(255,255,255,0.78);font-size:.875em;line-height:1.75;}.bottom-cta-text p.fancy-text{color:#FFFFFF;margin:22px 0 0;}.bottom-cta-inner .cta-btn-wrapper{margin-left:auto;padding-left:3vw;flex-shrink:0;}.footer-wrapper{background:#FFFFFF;}.footer-inner-wrapper{border-top:1px solid #E1E4DB;}.footer-inner-wrapper:first-child{border-top:none;}.row.footer-row{max-width:100%;}.footer-contact-row{padding:8vh 0 6vh;}.footer-col h2{font-weight:700;font-size:1em;letter-spacing:0.06em;margin:0 0 22px;color:#1A1C1A;}.footer-col p{font-family:'Montserrat',sans-serif;font-weight:400;font-size:.9375em;line-height:1.4;margin:0;}p.footer-line{display:flex;align-items:center;margin-bottom:14px;}p.footer-line .footer-icon{margin-right:12px;flex-shrink:0;}.footer-wrapper a[href^="tel"]{color:inherit;}.footer-wrapper a[href^="tel"]:hover{color:#9f201e;}.footer-col .aligner{display:inline-block;}.footer-cta p{font-family:'Montserrat',sans-serif;color:#1A1C1A;font-size:2.6vw;letter-spacing:-0.01em;text-transform:uppercase;line-height:1;margin:0 0 28px;}.footer-btn{display:inline-block;width:76px;line-height:76px;text-align:center;background:#7f0d0c;border-radius:76px;color:#FFFFFF;font-size:1.5em;-webkit-transition:background-color 300ms ease,transform 300ms ease;-moz-transition:background-color 300ms ease,transform 300ms ease;-o-transition:background-color 300ms ease,transform 300ms ease;transition:background-color 300ms ease,transform 300ms ease;}.footer-btn:hover{background:#08094f;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);color:#FFFFFF;}.footer-row.bottom-row{padding:3.5vh 0;align-items:center;}.footer-inner-wrapper:last-child{background:#08094f;border-top:none;}.footer-payment svg.payment-icon.transparent{height:18px;}.footer-col:first-child{padding-left:6vw;}.footer-logo img{filter:brightness(0) invert(1);opacity:.85;}.footer-payment h2{color:#FFFFFF;}.footer-social h2{color:#FFFFFF;}.footer-social .fa{width:42px;line-height:40px;font-size:1em;color:#FFFFFF;border:1px solid rgba(255,255,255,0.4);border-radius:21px;text-align:center;-webkit-transition:background-color 300ms ease,border-color 300ms ease;-moz-transition:background-color 300ms ease,border-color 300ms ease;-o-transition:background-color 300ms ease,border-color 300ms ease;transition:background-color 300ms ease,border-color 300ms ease;}.footer-social .fa:hover{background:#7f0d0c;border-color:#7f0d0c;color:#FFFFFF;}.footer-social a:not(:last-child){margin-right:14px;}.grey-bg{background:#eaeaea;}.orange-divider{position:relative;}.orange-divider::after{content:" ";width:1px;height:100%;background:#08094f;position:absolute;top:0;left:calc(50% - 0.5px);}.gallery-title h1{font-size:1.875em;margin:0;line-height:1.1;}.gallery-button:not(.custom-legacy),.lnm-post{padding:0 !important;}.gallery-row{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1311px;margin:0 auto;}.gallery-container{display:inline-block;width:31.5%;margin-bottom:2.75%;position:relative;}.caption-inner{position:absolute;width:100%;height:100%;margin:0;display:flex;justify-content:center;align-items:center;background:rgba(20,20,22,0);-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}p.gallery-caption{font-family:'Montserrat',sans-serif;font-size:1.25em;font-weight:400;color:#FFFFFF;position:relative;margin:0;line-height:1;opacity:0;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}p.gallery-caption::before,p.gallery-caption::after{content:" ";width:60%;height:2px;position:absolute;left:20%;top:-40px;background:#7f0d0c;opacity:0;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}p.gallery-caption::after{bottom:-40px;top:unset;}.caption-inner:hover{background:rgba(20,20,22,0.7);}.caption-inner:hover p.gallery-caption{opacity:1;}.caption-inner:hover p.gallery-caption::before{top:-25px;opacity:1;}.caption-inner:hover p.gallery-caption::after{bottom:-25px;opacity:1;}.intro-row .intro-text.contact-body{padding-bottom:0;}.contact-body h1{font-size:1.875em;margin-bottom:30px;} .contact-row{padding:10vh 0;}.contact-body{padding-left:8.3vw;padding-right:11vw;}.contactForm{margin:0;}.contactForm label{font-weight:normal;display:block;margin-bottom:3px;color:#1A1C1A;}.contactForm input{width:100%;padding:3px;margin-bottom:5px;}.contactForm textarea{width:100%;}input.fancyInput[type="text"]{font-family:'Montserrat',sans-serif;padding:12px 25px;font-size:15px;line-height:1.4;height:auto;border:none;border-radius:0;margin-bottom:7px;background:none;color:#1A1C1A;box-shadow:inset 0px 0px 0px 1px #1A1C1A;}input.fancyInput[type="text"]::placeholder,textarea.fancyInput[type="text"]::placeholder{color:#1A1C1A;}.contactForm textarea{width:100%;}textarea.fancyInput[type="text"]{font-family:'Montserrat',sans-serif;padding:15px 25px;font-size:15px;line-height:1.4;height:100px;border:none;border-radius:0;margin-bottom:7px;background:none;color:#1A1C1A;box-shadow:inset 0px 0px 0px 1px #1A1C1A;}.contactForm .captchaWrapper{margin:0 0 5px;padding:10px 25px;font-size:0.875em;line-height:1.4;height:auto;border:none;border-radius:0;background:none;color:#1A1C1A;font-weight:bold;min-height:0;margin-bottom:23px;box-shadow:inset 0px 0px 0px 1px #111411;text-align:left !important;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:25%;}.contactForm .captchaWrapper input{background:none;border:none;box-shadow:none;display:inline-block;width:auto;font-size:1em;padding:0;margin:0 0 0 25px;color:#1A1C1A;font-weight:normal;}.contactForm .captchaWrapper input::placeholder{color:#1A1C1A;}.contactForm .captchaRefresh{vertical-align:top;}.contactForm .submitWrapper{margin-top:5px;}.emailConfirmation{margin:0 auto;}.emailConfirmation h1{color:#00CC00;}.slick-background-wrapper{left:0;position:fixed;top:0;z-index:-1;width:101% !important;overflow:hidden;}.mobile-sticky-cta{display:none;}  .slide-out-wrapper{position:fixed;top:50%;right:2vw;background:#08094f;padding:50px 70px 30px;z-index:99;max-width:570px;border-radius:29px; -moz-transform:translateX(calc(100% + 2vw + 1px)) translateY(-50%);-webkit-transform:translateX(calc(100% + 2vw + 1px)) translateY(-50%);-o-transform:translateX(calc(100% + 2vw + 1px)) translateY(-50%);-ms-transform:translateX(calc(100% + 2vw + 1px)) translateY(-50%);transform:translateX(calc(100% + 2vw + 1px)) translateY(-50%);-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;-ms-transition:all 1.2s ease;-o-transition:all 1.2s ease;transition:all 1.2s ease;}.slide-out-wrapper.active{-moz-transform:translateX(0) translateY(-50%);-webkit-transform:translateX(0) translateY(-50%);-o-transform:translateX(0) translateY(-50%);-ms-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);box-shadow:0px 40px 40px 0px rgba(28,28,28,0.2);}.slide-out-content span.form-title{font-family:'Montserrat',sans-serif;font-weight:400;color:#FFFFFF;margin:0 0 10px;font-size:1.1875em;display:block;}.slide-out-form form{margin:0;}.slide-out-wrapper span.form-toggle{position:absolute;left:1px;top:50%;color:#FFFFFF;font-size:1.375em;width:86px;line-height:48px;text-align:center;background:#7f0d0c;border-radius:25px 0 0 25px;-moz-transform:translateX(-100%) translateY(-50%);-webkit-transform:translateX(-100%) translateY(-50%);-o-transform:translateX(-100%) translateY(-50%);-ms-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%);cursor:pointer;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;}.slide-out-wrapper span.form-toggle:hover{background:#9f201e;color:#FFFFFF;}i.toggle-left{display:inline-block;position:relative;font-style:normal;}i.toggle-left::before{content:"\e091";font-family:'Font Awesome 6 Sharp';font-weight:300;}i.toggle-right{display:inline-block;position:relative;font-style:normal;}i.toggle-right::before{content:"\e093";font-family:'Font Awesome 6 Sharp';font-weight:300;}input.slideOutInput[type="text"]{font-size:.8125em;font-family:'Montserrat',sans-serif;font-weight:300;line-height:1.4;height:auto;border:1px solid rgba(102,102,102,0.5);border-radius:5px;padding:10px 10px;margin-bottom:5px;background:#111411;color:#ffffff;box-shadow:none;}.slide-out-form input[type="text"]::placeholder,.slide-out-form .contactForm textarea::placeholder{color:#cfcece;;}.slide-out-form .contactForm textarea{width:100%;line-height:1.4;border:1px solid rgba(102,102,102,0.5);border-radius:5px;background:#111411;color:#cfcece;font-family:'Montserrat',sans-serif;font-weight:300;padding:10px 25px;font-size:.8125em;height:90px;margin-bottom:5px;box-shadow:none;}.slide-out-form label{color:#cfcece;font-weight:normal;margin-bottom:3px;}.slide-out-form .contactForm .captchaWrapper{font-size:.8125em;line-height:1.4;height:auto;border:1px solid rgba(102,102,102,0.5);box-shadow:none !important;background:#111411;color:#111411;font-weight:normal;margin:0 0 3px;min-height:0;padding:0px 25px 0px 0px;overflow:hidden;border-radius:5px;}.slide-out-form .contactForm .captchaWrapper input{font-family:'Montserrat',sans-serif;font-weight:300;border:none;box-shadow:none;display:inline-block;width:auto;padding:0 15px;margin:0 0 0 30px;color:#cfcece;background:#111411;}.slide-out-form .contactForm .captchaWrapper img#captchaImage{-webkit-filter:none;filter:none;}.slide-out-form .contactForm .captchaRefresh{vertical-align:middle;max-width:30px;margin-left:3px;filter:invert(1) brightness(0.5);}.slide-out-form .contactForm .submitWrapper{text-align:center;margin-top:10px;}.slide-out-form .contactForm .submitWrapper button.submit{color:#FFFFFF;font-family:'Montserrat',sans-serif;font-weight:600;font-size:.96875em;background:#7f0d0c;text-align:center;cursor:pointer;padding:16px 10px;width:117px;border-radius:23.5px;-webkit-transition:background-color 400ms ease;-moz-transition:background-color 400ms ease;-o-transition:background-color 400ms ease;transition:background-color 400ms ease;}.slide-out-form .contactForm .submitWrapper button.submit:hover{background:#9f201e;color:#FFFFFF;}   .side-buffer{padding-left:2.5vw;padding-right:2.5vw;}.left-buffer{padding-left:5vw;}.right-buffer{padding-right:5vw;}.small-buffer{padding-left:35px;padding-right:35px;}.vertical-padding-xs{padding-top:4.5vh;padding-bottom:4.5vh;}.top-padding-xs{padding-top:4.5vh;}.bottom-padding-xs{padding-bottom:4.5vh;}.vertical-padding-small{padding-top:6vh;padding-bottom:6vh;}.top-padding-small{padding-top:6vh;}.bottom-padding-small{padding-bottom:6vh;}.vertical-padding-medium{padding-top:8vh;padding-bottom:8vh;}.top-padding-medium{padding-top:8vh;}.bottom-padding-medium{padding-bottom:8vh;}.vertical-padding-large{padding-top:12vh;padding-bottom:12vh;}.top-padding-large{padding-top:12vh;}.bottom-padding-large{padding-bottom:12vh;}.vertical-padding-x-large{padding-top:15.5vh;padding-bottom:15.5vh;}.top-padding-x-large{padding-top:15.5vh;}.bottom-padding-x-large{padding-bottom:15.5vh;} .gallery-wrapper h2{margin-top:3vh;}ul.disc{list-style:inside;margin-left:0;}  a:focus-visible,button:focus-visible,.cta-btn:focus-visible,.footer-btn:focus-visible{outline:2px solid #7f0d0c;outline-offset:3px;}div#review-response-container{display:none;} @media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;}}  @media only screen and (min-width:1025px){.strip-padding{padding-left:0 !important;padding-right:0 !important;}.horizontal-padding-large{padding-left:9vw;padding-right:9vw;}.left-padding-large{padding-left:9vw;}.right-padding-large{padding-right:9vw;}.horizontal-padding-medium{padding-left:7vw;padding-right:7vw;}.left-padding-medium{padding-left:7vw;}.right-padding-medium{padding-right:7vw;}.horizontal-padding-small{padding-left:4.5vw;padding-right:4.5vw;}.left-padding-small{padding-left:4.5vw;}.right-padding-small{padding-right:4.5vw;}.horizontal-padding-xs{padding-left:3vw;padding-right:3vw;}.left-padding-xs{padding-left:3vw;}.right-padding-xs{padding-right:3vw;}.top-bar-section .dropdown{width:650px !important;}.top-bar-section .dropdown li{width:50%;height:auto;}} @media only screen and (max-width:1366px){.home-card{width:60vw;left:30vw;}.icon-box-wrapper{padding-left:2.5vw;}.footer-col:nth-child(2){padding-left:3vw;}.hero-shell{}.gallery-cta-text h2{font-size:6vw;}.footer-cta p{font-size:3.2vw;}.bottom-cta-text h2{font-size:1.625em;}.slick-header-slider::after,.hero-shell{}.header-bar{padding:18px 0.5vw;}.top-bar-section li:not(.has-form) a:not(.button){font-size:0.8375em;}.company-details{max-width:60%;}.logo-wrapper{}} @media only screen and (max-width:1024px){main .columns{padding-left:10vw !important;padding-right:10vw !important;text-align:center;}.side-buffer{padding-left:0;padding-right:0;}.top-space,.bottom-space{margin:0;}.header-bar{padding:20px;}.header-details{padding:0;text-align:center;}.header-details::after{display:none;}.logo-wrapper{width:100%;display:block;text-align:center;margin:0 auto 10px;}.company-details{padding-right:15px;}.company-details p.title,.company-details p.title a{font-size:22px;}.company-details p{font-size:16px;}.mobile-header-bg{height:200px;background:center / cover no-repeat url(https://trinityexterior.ca/wp-content/uploads/sites/46/2026/08/slider-1.jpg);}.mobile-navigation{display:block;right:25px;position:absolute;text-transform:uppercase;top:20px;vertical-align:middle;width:auto;height:24px;z-index:999;}span.mobile-navigation.navigation-toggle.active{background:#08094f;height:50px;width:50px;border-radius:25px;}i.toggle-bars{display:inline-block;position:relative;color:#111411;width:37px;height:7px;}i.toggle-bars::before{content:" ";width:17px;height:2px;background:#111411;position:absolute;bottom:0;right:0;}i.toggle-bars::after{content:" ";width:37px;height:2px;background:#111411;position:absolute;top:0;right:0;}i.toggle-bars.close{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:50px;height:50px;}i.toggle-bars.close::after{background:#FFFFFF;top:calc(50% - 1px);left:calc(50% - 15px);width:30px;}i.toggle-bars.close::before{background:#FFFFFF;width:2px;height:30px;left:calc(50% - 1px);top:calc(50% - 15px);}.fullwidth-navigation{background:#FFFFFF;position:absolute;top:0;z-index:997;width:100%;display:none;}.fullwidth-navigation .top-bar{padding:0;display:block;background:#FFFFFF;height:auto;}.fullwidth-navigation .top-bar-section ul:not(.dropdown){padding-top:10%;}.fullwidth-navigation .title-area{display:none !important;}.top-bar-section{background:#FFFFFF;margin-bottom:10%;}.fullwidth-navigation .top-bar-section ul{position:relative;right:0;width:100%;z-index:997;padding-top:40px;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:100%;}.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li:not(.has-form) a:not(.button){color:#111411;line-height:2.5;text-align:center;padding:0 !important;font-size:1.5em !important;}.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover,.top-bar-section ul li:hover:not(.has-form)>a{color:#9f201e;padding:0;line-height:2.5;font-size:1.5em !important;}.top-bar-section .dropdown li:not(.has-form) a:not(.button){color:#111411;font-weight:normal;line-height:40px;font-size:17px !important;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover,.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){background:#08094f;color:#FFFFFF;line-height:40px;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:100%;border-radius:0;padding-bottom:40px;}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before{display:none;}.top-bar-section ul li{text-align:center;}.top-bar-section li:not(.has-form) a:not(.button){display:inline-block;width:auto;}.top-bar-section .has-dropdown>a:after{right:-20px;margin:0;border:solid 5px;border-color:#111411 transparent transparent transparent;top:29px;}.top-bar-section ul li.active{background:none;}.top-bar-section .has-dropdown.active>a:after{border-color:#7f0d0c transparent transparent transparent;}.vertical-padding-xs{padding-top:3vh;padding-bottom:3vh;}.top-padding-xs{padding-top:3vh;}.bottom-padding-xs{padding-bottom:3vh;}.vertical-padding-small{padding-top:4vh;padding-bottom:4vh;}.top-padding-small{padding-top:4vh;}.bottom-padding-small{padding-bottom:4vh;}.vertical-padding-medium{padding-top:6vh;padding-bottom:6vh;}.top-padding-medium{padding-top:6vh;}.bottom-padding-medium{padding-bottom:6vh;}.vertical-padding-large{padding-top:6vh;padding-bottom:6vh;}.top-padding-large{padding-top:6vh;}.bottom-padding-large{padding-bottom:6vh;}.vertical-padding-x-large{padding-top:6vh;padding-bottom:6vh;}.top-padding-x-large{padding-top:6vh;}.bottom-padding-x-large{padding-bottom:6vh;}main .columns.strip-padding-mobile{padding-left:0 !important;padding-right:0 !important;}.m-vpad-none{padding-top:0 !important;padding-bottom:0 !important;}.mobile-bg-remove{background:none;}.mobile-hide{display:none !important;}.footer-wrapper a[href^="tel"]{color:inherit;text-decoration:none;}.mobile-sticky-cta{display:flex;position:fixed;bottom:10px;left:0;width:100%;z-index:3;justify-content:center;}a.sticky-btn{display:inline-block;width:calc(50% - 10px);max-width:260px;text-align:center;color:#FFFFFF;font-family:'Montserrat',sans-serif;font-weight:600;font-size:1.125em;background:#7f0d0c;padding:15px 5px;margin:0 5px;border-radius:30px;}a.sticky-btn.alt{background:#08094f;}.row.flex-row{display:block;}ul.icon-list{display:inline-block;text-align:left;}.intro-row{padding:0;}.intro-row .intro-text{order:0;padding-top:6vh;padding-bottom:6vh;}.flex{flex-wrap:wrap;}.intro-bg.bg-wrapper{padding:0 !important;height:400px;}.intro-bg .bg-box{max-width:unset;}.intro-lead{padding-top:6vh;}.value-strip{flex-wrap:wrap;margin-top:5vh;}.value-item{flex:0 0 100%;padding:3vh 0;}.value-item + .value-item{border-left:none;border-top:1px solid #D4D7CE;}.home-card{left:0;width:100%;padding:6vh 10vw;text-align:center;}.guarantee-row{border-radius:0;}.guarantee-inner{padding:6vh 10vw;flex-direction:column;align-items:center;}.features-panel{padding:6vh 10vw;}.video-col{flex:0 0 100%;max-width:560px;margin:0 auto 4vh;padding-right:0;}.video-frame{border-radius:18px;}.gallery-cta{flex:0 0 100%;max-width:100%;}.gallery-cta-text{border-radius:18px;padding:8vh 10vw;align-items:center;width:100%;height:auto;}.gallery-cta-text h2{text-align:center;font-size:3.25em;margin-bottom:25px;}.gallery-cta-text h2 span:first-child{font-size:.45em;padding:0;}.gallery-cta-text .cta-btn{margin-right:0;}.icon-box-wrapper{padding-top:0;}.icon-box{flex-direction:column;align-items:center;}.custom-icon{margin-bottom:20px;}.icon-content{padding-left:0;}.badge{text-align:center !important;}.badge:not(:last-of-type){margin-bottom:20px;}.badge-inner{flex-direction:column;}.badge + .badge .badge-inner{border-left:none;}.badge-inner h3{margin:14px 0 0;text-align:center;}.row.badges-row{padding-bottom:6vh;}.row.bottom-cta{border-radius:unset;}.bottom-cta-bg{border-radius:unset;}.bottom-cta-inner{padding:6vh 10vw;flex-direction:column;text-align:center;}.cta-mark{position:relative;left:0;top:0;margin:0 auto 3vh;display:inline-block;}.bottom-cta-text{max-width:none;}.bottom-cta-text p.fancy-text{margin-bottom:30px;}.bottom-cta-text h2{font-size:1.75em;}.bottom-cta-inner .cta-btn-wrapper{margin-left:0;padding-left:0;}.intro-row.inner,.gallery-page{padding-top:0;}.orange-divider::after{display:none;}.row.gallery-title{padding-top:6vh;}.gallery-container{display:inline-block;width:48.625%;margin-bottom:2.75%;position:relative;}.gallery-row{padding:6vh 2.5vw;}.caption-inner{background:rgba(20,20,22,0.7);}p.gallery-caption{opacity:1;}.caption-inner p.gallery-caption::before{top:-25px;opacity:1;}.caption-inner p.gallery-caption::after{bottom:-25px;opacity:1;}.footer-contact-row{padding:3vh 0;}.footer-row.bottom-row{padding:3vh 0;display:flex;flex-direction:column;}.footer-col{padding:3vh 10vw !important;text-align:center;}.footer-col.footer-logo{order:3;padding-top:6vh !important;border-top:1px solid rgba(255,255,255,0.18);}p.footer-line{justify-content:center;}.footer-col.footer-social{padding-bottom:6vh !important;}main .contact-body{padding:6vh 0 !important;}svg.payment-icon{float:none;margin:0 .8vw;}footer.footer-wrapper{padding-bottom:70px;}.m-btmpad-none{padding-bottom:0 !important;}.m-toppad-none{padding-top:0 !important;}#ae_launcher{bottom:80px !important;left:10px !important;right:initial !important;}p.fancy-text{margin-top:10px;}.large-4.columns.footer-col.footer-payment{}main .columns.badge{padding-left:0vw !important;padding-right:0vw !important;}ul.disc.strip-padding{padding-left:0 !important;padding-right:0 !important;}} @media only screen and (max-width:767px){.header-bar{padding-left:0;padding-right:0;}.company-details{max-width:none;}.company-details p.title,.company-details p.title a{font-size:17px;}.company-details p{font-size:0.875em;}span.mobile-navigation.navigation-toggle.active{height:40px;width:40px;}i.toggle-bars.close{width:40px;height:40px;}i.toggle-bars.close::before{height:20px;top:calc(50% - 10px);}i.toggle-bars.close::after{width:20px;left:calc(50% - 10px);}.contactForm .captchaWrapper:not(.slideOut) img{max-width:50%;margin-bottom:15px;}main .columns{padding-left:5vw !important;padding-right:5vw !important;}main .contact-body{padding:6vh 0 !important;}.bottom-cta-inner,.gallery-cta-inner,.home-card,.features-panel,.gallery-cta-text{padding-left:5vw;padding-right:5vw;}.gallery-cta-text h2{font-size:2.5em;}.footer-col{padding-left:5vw !important;padding-right:5vw !important;}main h1{font-size:1.5em !important;}main h2:not(.large),.footer-wrapper h2,main h3{font-size:1.35em !important;}.gallery-container{width:100%;max-width:413px;margin:0 auto 2.75%;}.bottom-cta-inner .cta-btn{width:calc(50% - 0.5%);font-size:1em;}.bottom-cta-inner .cta-btn:first-child{margin-right:1%;}.bottom-cta-inner .cta-btn-wrapper{display:flex;justify-content:center;}.header-bar{padding:32px;}} @media only screen and (max-width:500px){.mobile-header-bg{height:110px;}} @media only screen and (max-width:280px){.cta-btn{min-width:unset;width:100%;}a.sticky-btn i,.cta-btn i{display:none;}}