.nypred{color:#d35c4e}.nypblue{color:#62beef}@font-face{font-family:EurostileExt-Med;src:url(https://www.nypconstructionco.com/assets/fonts/eurostile-extended-medium.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}*{-webkit-tap-highlight-color:transparent}html{color-scheme:light dark;background:#121212;color:#fff;font-family:Roboto,Verdana,Arial,sans-serif}html body{width:100%;margin:0 auto;text-align:center;box-sizing:border-box;position:relative;overflow:hidden;overflow-y:auto}html body #page{background-image:url(/assets/background.png);background-attachment:fixed;background-repeat:no-repeat;background-position:bottom right;background-size:100vh;min-height:100vh}html body #page.home{background-image:url(/assets/main.jpg);background-position:center;background-size:cover}html body #page #header{position:relative;height:16rem;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.6) 60%,rgba(0,0,0,.8) 100%)}html body #page #header:after{z-index:0;position:absolute;width:100%;height:20rem;content:'';bottom:-20rem;background:linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%)}html body #page #header .header-container{max-height:16rem;width:100%;align-items:flex-start;justify-content:space-between;padding:0 8rem}html body #page #header .header-container #logo #logo_svg{width:20rem}html body #page #header .header-container #navigation{flex-direction:row;padding-top:2rem}html body #page #header .header-container #navigation .nav-item{color:#FFF;margin-left:2rem;margin-right:2rem;text-transform:uppercase;transition:background .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out,box-shadow .3s ease-in-out,opacity .3s ease-in-out}html body #page #header .header-container #navigation .nav-item:hover{color:#9E9E9E;transition:background .05s ease-in-out,color .05s ease-in-out,border .05s ease-in-out,box-shadow .05s ease-in-out,opacity .05s ease-in-out}html body #page #header .header-container #navigation .nav-item.active{color:#d35c4e;pointer-events:none;font-weight:500}html body #page #content{flex-grow:1;justify-content:start;max-width:128rem;width:100%;padding:0 8rem 8rem}html body #page #content h1{z-index:10;font-weight:500;font-size:4rem;color:#d35c4e;font-family:EurostileExt-Med;margin-bottom:4rem;text-transform:uppercase;text-shadow:.1rem .1rem .1rem rgba(0,0,0,.4),-.1rem -.1rem .1rem rgba(0,0,0,.4),.1rem -.1rem .1rem rgba(0,0,0,.4),-.1rem .1rem .1rem rgba(0,0,0,.4)}html body #page #content h2{font-size:3rem;font-weight:400;letter-spacing:.1rem}html body #page #content h3{font-size:2.4rem;line-height:4rem;letter-spacing:.1rem;font-weight:400;min-width:50rem;text-align:left;margin-top:2rem}html body #page #content h3 strong{font-weight:400;display:flex;flex-wrap:wrap}html body #page #content h3 span{font-size:2rem;font-weight:300;margin-left:1rem}html body #page #content p{width:100%;text-align:justify;color:#EEE}html body #page #content a{text-decoration:none;font-size:2rem;transition:background .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out,box-shadow .3s ease-in-out,opacity .3s ease-in-out}html body #page #content a.email,html body #page #content a.phone{color:#62beef}html body #page #content a:hover{color:#488cb1;transition:background .05s ease-in-out,color .05s ease-in-out,border .05s ease-in-out,box-shadow .05s ease-in-out,opacity .05s ease-in-out}html body #page.home #content{max-width:100%;padding:0}html body #page.home #content h1{font-size:5rem}html body #page.home #content #headline{min-height:calc(100vh - 16rem);width:100%;justify-content:space-between;padding:0 8rem 4rem}html body #page.home #content #headline div.scroll_div{cursor:pointer}html body #page.home #content #headline div.scroll_div h3{font-family:EurostileExt-Med;text-align:center;text-transform:uppercase;letter-spacing:.2rem;font-weight:500}html body #page.home #content #headline div.scroll_div i{position:relative;font-size:3rem;top:.5rem;transition:top .3s ease-in-out}html body #page.home #content #headline div.scroll_div:hover i{top:1.5rem;transition:top .1s ease-in-out}html body #page.home #content #gallery{background:#121212;min-height:100vh;width:100%;padding:0 8rem 4rem}html body #page.home #content #gallery h1{margin-top:4rem;margin-bottom:8rem}html body #page.home #content #gallery .comparison{width:100%;flex-direction:row;padding-top:4rem;padding-bottom:4rem;border-top:.1rem solid rgba(211,92,78,.5)}html body #page.home #content #gallery .comparison:first-of-type{border:none}html body #page.home #content #gallery .comparison .after,html body #page.home #content #gallery .comparison .before{position:relative;width:100%;max-width:72rem}html body #page.home #content #gallery .comparison .after img,html body #page.home #content #gallery .comparison .before img{width:100%;border:1rem solid #212121}html body #page.home #content #gallery .comparison .after span,html body #page.home #content #gallery .comparison .before span{position:absolute;bottom:.9rem;padding:2rem 2rem 1rem;width:calc(100% - 1.8rem);background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);justify-content:end;font-weight:500;text-shadow:0 0 .1rem #000;text-transform:uppercase}html body #page.home #content #gallery .comparison .before{margin-right:2rem;color:#f1cdc9}html body #page.home #content #gallery .comparison .after{margin-left:2rem;color:#edf7fd}html body #page #footer{color:rgba(211,92,78,.5);font-size:1.4rem;font-weight:400;padding:1rem;width:100%}html body #page.home #footer{background:#121212}@media (max-width:980px){html body #page #header .header-container{padding:0 4rem}html body #page #content h1{font-size:3rem}html body #page #content h2{font-size:2.4rem}html body #page #content h3{font-size:2rem}html body #page #content h3 span{font-size:1.8rem}html body #page #content h3 a{font-size:1.8rem;display:block;margin-top:1rem;margin-bottom:1rem}html body #page.home #content h1{font-size:4rem}html body #page.home #content #gallery{padding:0 4rem 4rem}html body #page.home #content #gallery .comparison{flex-direction:column}html body #page.home #content #gallery .comparison .before{margin-right:0;margin-bottom:2rem}html body #page.home #content #gallery .comparison .after{margin-left:0}}@media (max-width:720px){html body #page #header .header-container{align-items:center}html body #page #header .header-container #logo #logo_svg{width:12rem}html body #page #header .header-container #navigation{flex-direction:column}html body #page #header .header-container #navigation .nav-item{padding-top:.8rem;padding-bottom:.8rem}html body #page #content{padding:4rem 4rem 8rem}html body #page #content p{text-align:left}html body #page.home #content h1{font-size:4rem}html body #page.home #content #gallery{padding:0 4rem 4rem}}@media (max-width:600px){html body #page #header{justify-content:flex-start;padding-top:2rem}html body #page #header .header-container{padding:0 1rem}html body #page #header .header-container #navigation{padding-top:0}html body #page #header .header-container #navigation .nav-item{font-size:1.6rem}html body #page #content{padding:2rem 2rem 8rem}html body #page #content h1{font-size:3.4rem}html body #page #content h2{font-size:1.8rem}html body #page #content h3{min-width:0;width:100%}html body #page #content h3 span{font-size:1.8rem}html body #page #content h3 a{font-size:1.6rem;display:block;margin-top:1rem;margin-bottom:1rem}html body #page.home #content h1{font-size:3.4rem}html body #page.home #content #headline div.scroll_div{margin-bottom:4rem}html body #page.home #content #gallery{padding:0 2rem 4rem}html body #page.home #content #gallery h1{margin-bottom:0}}