:root{--background:#fff;--foreground:#171717;--text:#1d1d1f}.mobile-nav{display:none}.nav-top{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}.mobile-nav .logo{height:40px}.hamburger{width:30px;height:20px;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:3px;width:100%;background-color:#333;transition:all .3s ease}.nav-menu{position:absolute;top:56px;left:0;width:100%;background-color:#fff;padding:0;max-height:0;overflow:hidden;transition:max-height .5s ease;box-shadow:0 5px 5px rgba(0,0,0,.1);z-index:100}.nav-menu.active{max-height:500px}.nav-menu ul{list-style:none}.nav-menu li{border-bottom:1px solid #eee}.nav-menu a{display:block;padding:15px;color:#333;text-decoration:none}.contact-info{background-color:#f5f5f5;padding:15px;text-align:center}.phone-number{display:block;margin-top:10px;font-size:1.1em;font-weight:700}body{font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.z-1{z-index:1}h6{font-size:1rem}p{line-height:1.6}header{background-color:none;height:100px;display:flex;flex-direction:column;justify-content:center;.light-logo{color:#fff}.dark-logo{color:#000}.light-nav>li>a{color:#fff}.dark-nav>li>a{color:#000}.header-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;ul{display:flex;flex-direction:row;li{list-style:none;margin-right:2.5rem;font-size:1rem;font-weight:500}}.header-buttons{display:flex;flex-direction:row;align-items:center;.header-phone{font-size:1.5rem;z-index:1}}button{width:10rem;height:2.5rem;border:none;border-radius:1rem;color:#fff;margin-right:1rem}.product-menu{position:absolute;display:flex;flex-direction:column;width:250px;background-color:#fff;margin-top:1rem;margin-left:-20px;border-radius:5px;ul{display:flex;flex-direction:column;padding:1.2rem;gap:1rem;li{margin-right:0;a{font-weight:500;font-size:1.1rem}}}}}}.logo{align-items:center;h1{margin-right:2rem}img{margin-right:.6rem}}main{display:flex;flex-direction:column;width:100%;.hero{align-self:center;width:100%;background-image:linear-gradient(90deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 1%,rgba(9,9,121,0)),url(http://wp.thescreenmobile.ca/wp-content/uploads/2025/04/20250404_124448-scaled.jpg);min-height:800px;background-repeat:no-repeat;background-position:top;background-size:cover;margin-top:-100px;display:flex;flex-direction:row;overflow-x:hidden!important;justify-content:space-around;.content{align-self:center;color:#fff;width:1440px;h1{font-size:3.5rem}.tag{font-size:2.6rem;color:#ce9a37}.hero-desc{margin-top:2rem;font-size:1.2rem;line-height:1.6rem}.hero-buttons{margin-top:2rem;button{margin-right:1rem}}}}ul{li{line-height:1.4rem}}}footer{background-color:#ede7d6;display:flex;flex-direction:column;width:100%;color:#6b6b72;.footer-nav{display:flex;flex-direction:row;justify-content:space-between;padding:2rem 0;li{list-style:none;margin:1rem 0}.footer-buttons{display:flex;flex-direction:column;justify-items:center;align-items:center;a{width:12rem;height:2.6rem;border-radius:.6rem;margin-bottom:1rem;align-self:center}}}}.sub-footer{background-color:#bbb19c;height:5rem;display:flex;flex-direction:column;.content{display:flex;flex-direction:row;justify-content:space-between;padding:2rem 0;color:#1d1d1f}}.container{width:1440px;align-self:center}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:calc(3*1rem)}.mt-5{margin-top:calc(5*1rem)}.mb-08{margin-bottom:calc(.8rem)}.mb-1{margin-bottom:calc(1rem)}.mb-3{margin-bottom:calc(3*1rem)}.mb-5{margin-bottom:calc(5*1rem)}.mr-1{margin-right:1rem}.p-1{padding:1rem}.p-2{padding:2rem}.call-btn{background-color:#1f3e39;padding:.8rem 2.4rem}.call-btn,.estimate-btn{color:#fff;border:none;border-radius:.6rem;cursor:pointer;z-index:1}.estimate-btn{background-color:#ce9a37;padding:.8rem 1rem}.contact-btn{background-color:#ede7d6;border:1px solid #1d1d1f;color:#1d1d1f;border-radius:.6rem;padding:.8rem 1rem;cursor:pointer}.product-categories{width:100%;display:flex;flex-direction:column;color:#fff;margin-top:-160px;h2{font-size:2rem;font-weight:100}.category{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:40px;.product-window-screen{background-image:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 1%,rgba(9,9,121,0)),url(/window-screen.png)}.product-patiodoor-screen,.product-window-screen{width:342px;border-radius:1rem;height:404px;padding:2rem}.product-patiodoor-screen{background-image:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 1%,rgba(9,9,121,0)),url(/patiodoor-screen.png)}.product-retractable-screen{background-image:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 1%,rgba(9,9,121,0)),url(/screenmobile-retractable.png);background-size:cover;background-position:50%}.product-motorized-screen,.product-retractable-screen{width:342px;border-radius:1rem;height:404px;padding:2rem}.product-motorized-screen{background-image:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 1%,rgba(9,9,121,0)),url(/motorized-screen.png)}h3{margin-top:260px;margin-bottom:30px;font-size:1.5rem}a{color:#ce9a37}}}.choose-us{color:var(--text);p{line-height:1.6rem}li{line-height:2rem;font-size:1.2rem}a{color:#ce9a37}}.col-2{width:48%}.col-3{width:32%}.col-4{width:24%}main>.gallery>.container{width:100%;.content{height:400px}}.gallery{.content{height:600px;img{width:100%;border-radius:1rem}div:first-child{img{height:50%}}div:nth-child(2){img:first-child{height:65%}img:nth-child(2){height:35%}}div:nth-child(3){img:first-child{height:35%}img:nth-child(2){height:65%}}}.gallery-btn{background-color:#ce9a37;color:#fff;border:none}}.gallery-filter-head{display:flex;align-items:center;gap:24px}.gallery-filter{display:flex;height:40px;min-width:100px;padding:24px 24px 22px;justify-content:center;align-items:center;background:var(--Neutral-colors-100,#fff);cursor:pointer}.gallery-filter,.selected{border-radius:20px;box-shadow:0 0 4px 0 rgba(0,0,0,.16)}.selected{color:#fff;background:var(--Neutral-Balck,#1d1d1f)}.gallery-container{column-count:3;column-gap:20px;margin:3rem auto auto;width:1440px;.box{width:100%;margin-bottom:10px;page-break-inside:avoid;break-inside:avoid;border-radius:15px;img,video{max-width:100%;min-width:100%;border-radius:10px}}}.empty-div{height:20vh}button{width:10rem;height:2.5rem;border-radius:1rem;margin-bottom:1rem}.gap-3{gap:3%}.process{.process-item{border:1px solid #eeeeef;border-radius:1rem;min-height:250px;position:relative;.process-foot{position:absolute;bottom:0;width:calc(100% - 4rem);hr{width:100%;border:1px solid #eeeeef}.process-num{padding:1rem 0}}}.process-head{color:#ce9a37;font-size:.8rem;margin-bottom:1rem}}main>.process>.container{width:100%;.content{display:flex;flex-direction:column;.process-item{width:100%;margin-bottom:2rem}}}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.contact-us{h1{line-height:3rem;margin-top:5rem}.form{border:1px solid #eeeeef;border-radius:1rem;height:auto;margin-top:3rem;margin-bottom:5rem;padding:2rem;.btn-group{width:20rem;height:3rem;background-color:#eeeeef;border-radius:2rem;padding:.3rem;div{align-self:center;align-items:center;width:10rem;height:100%;border-radius:2rem;cursor:pointer;display:flex;justify-content:space-around}.active{background-color:#1d1d1f;color:#fff}}.form-fields{div{width:100%;gap:0 1rem;align-items:baseline}label{font-weight:600}input,select{display:flex;flex-direction:column;align-items:flex-start;gap:10px}input,select,textarea{margin-top:.3rem;padding:18px 16px;align-self:stretch;border-radius:8px;border:1px solid #eeeeef;background:#fff;box-shadow:0 1px 4px 0 rgba(25,33,61,.08)}textarea{min-height:8rem}.contact-submit{margin-top:3rem;background-color:#ce9a37;border:none;color:#fff}.estimator-dimensions{align-items:end}}}}.message-res>h2{margin-top:25vh;margin-bottom:25vh}.form-desc{padding-top:5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;h2{font-size:2rem;line-height:3rem}}.contact-is_new_frame{align-items:flex-end;input{height:1.2rem;width:1.2rem}label{align-self:flex-end}}.about-us{.about-text{p{color:var(--Neutral-Balck,#1d1d1f);font-family:Plus Jakarta Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:185%;margin-bottom:1rem}}.about-img{padding-left:2rem;img{border-radius:1rem;width:100%}}.about-fw-img{background-image:url(/_next/static/media/screenmobile-patio-door.be10e7f8.png);height:580px;border-radius:1rem;background-repeat:no-repeat;background-position:50%;width:100%;background-size:cover}}.google-map{border-radius:1rem}.reviews h2{color:var(--Neutral-Balck,#1d1d1f);font-family:Plus Jakarta Sans;font-size:38px;font-style:normal;font-weight:300;line-height:normal;text-transform:capitalize}.review-buttons{justify-content:flex-end}.review-cards{gap:20px}.review-card{padding:1.5rem;height:284px;width:470px;border-radius:20px;box-shadow:0 0 4px 0 rgba(0,0,0,.16);.review-card-title{color:#8b8b92;font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.56px;text-transform:capitalize}.review-card-desc{overflow:hidden;text-overflow:ellipsis;height:7.2rem;line-height:1.4rem}.review-card-project{color:#ce9a37}}.repair,.retractable{.container{.product-head,.repair-head{margin-top:150px;margin-bottom:200px;h1{color:#fff;font-size:2.5rem}}.content{gap:2rem}}.repair-bg{background-image:linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 1%,rgba(9,9,121,0) 50%),url(/_next/static/media/screenmobile-repair-bg.a5d27799.png)}.repair-bg,.retractable-bg{height:449px;width:1600px;background-repeat:no-repeat;background-position:50%;background-size:100%;z-index:-1;position:absolute;top:0;left:calc((100vw - 1600px)/2)}.retractable-bg{background-image:linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 1%,rgba(9,9,121,0) 50%),url(/_next/static/media/retractable.7e3c1d0b.jpg)}main{width:60%;.repair-img{height:340px;border-radius:1rem;margin-top:2rem;margin-bottom:2rem}}aside{width:38%;background-color:#eeeeef;border-radius:1rem;height:-moz-fit-content!important;height:fit-content!important}}.serving-area{width:100%}@media screen and (max-width:600px){header{display:none}.mobile-nav{display:block;position:relative;width:100%;.mobile-nav-product{background-color:#eee;li{border:1px solid #e1e1e1;a{margin-left:1rem}}}}.container{max-width:100vw;width:auto}main{width:100%;.hero{max-width:100%;height:100vh;background-size:cover;.content{padding:2rem;margin-left:0;max-width:600px;h1{margin-top:2rem;font-size:2.2rem}.tag{font-size:1.6rem}.hero-desc{text-wrap:wrap}.hero-buttons{display:flex;flex-direction:column;a{display:block;text-align:center;align-content:center;margin-bottom:1rem;width:100%}}}}}iframe{width:450px!important}footer{.footer-nav{flex-direction:column;.col{margin-bottom:2rem}}}.product-categories{.category{flex-direction:column;.product-motorized-screen,.product-patiodoor-screen,.product-retractable-screen,.product-window-screen{max-width:600px;width:auto;margin-bottom:1rem}}}.choose-us{.container{padding:1rem;.col-2{width:100%;margin-bottom:2rem}}.flex-row{flex-direction:column}}.gallery>.container>.content{height:300px}.process>.container>.content{flex-direction:column;.process-item{margin-bottom:1rem;width:100%}}.content-img{width:100%}.repair,.retractable{width:100%;.repair-bg{background-image:url(/_next/static/media/screenmobile-repair-bg.a5d27799.png);width:100%;left:0}.retractable-bg{width:100%;height:350px;left:0;overflow-x:hidden!important;background-size:cover;background-position:50%;background-repeat:no-repeat}.container{width:100%;padding:1rem;.repair-head{margin-top:100px;margin-bottom:150px}.product-head{margin-top:100px;margin-bottom:50px}.content{flex-direction:column;.gallery,.process{display:none}}}aside,main{width:100%}}.form{width:100%;padding:1rem;.form-fields{width:100%}.form-desc{display:none}}.gallery>.container{width:100%;padding:1rem}.gallery-container,.gallery-filter-head{flex-direction:column}.gallery-container{display:flex;width:100%}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}