*{box-sizing:inherit;font-family:Montserrat,sans-serif;margin:0;padding:0}html{box-sizing:border-box;overflow-x:hidden}html body{margin:0;overflow-x:inherit;padding:0}.contact-page,.designs,.gallery-page,.patio,.pools,.stucco{align-items:left;display:flex;font-size:3rem;height:80vh;justify-content:left}.navbar{height:80px;left:0;margin:auto;position:fixed;top:0;transition:.3s ease-in;width:100%;z-index:9000}.navbar-bg{background-color:#000000b3}.navbar-container{height:80px;justify-content:center;max-width:1500px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;cursor:pointer;justify-self:start;margin-top:70px;text-decoration:none}.logo{height:100px;margin-left:90px;margin-top:-60px}.nav-menu{grid-gap:10px;display:grid;grid-template-columns:repeat(5,auto);justify-content:end;list-style:none;margin-left:-200px;margin-right:2rem;text-align:center;width:60vw}.nav-item{height:80px}.nav-links{align-items:center;color:#fff;display:flex;height:100%;padding:.5rem 1rem;text-decoration:none}.nav-links:hover{border-bottom:4px solid #fff;transition:all .2s ease-out}.fa-bars{color:#fff}.menu-icon,.nav-links-mobile{display:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:.7;transform:translateY(0)}}.dropdown-item{color:#fff;height:100%;padding:.5rem 1rem;text-decoration:none}.dropdown-item,.dropdown-menu{align-items:center;display:flex}.dropdown-menu{flex-direction:column;list-style:none;margin-left:-22px;opacity:0;overflow:hidden;position:absolute;top:100%;width:112px}.dropdown-menu.show{animation:fadeInDown .3s ease-in-out forwards}.dropdown-links{align-items:center;background-color:#fff;border-radius:50px;color:#000;display:flex;height:100%;margin-top:10px;padding:.5rem 1rem;text-decoration:none;width:100%}.dropdown-links:hover{background-color:#000;color:#fff;transition:all .2s ease-out}.marginTop{margin-top:22px}@media screen and (max-width:1120px){.NavbarItems{position:relative}.navbar{align-items:center;background:linear-gradient(90deg,#000,#000);display:flex;font-size:1rem;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.nav-menu{display:flex;flex-direction:column;left:-100%;margin-left:0;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#242222;left:0;z-index:1}.nav-links{display:table;padding:2rem;text-align:center;width:100%}.nav-links:hover{background-color:#fff;border-radius:0;color:#242424}.navbar-logo{align-items:center;display:flex;flex-direction:column;height:0;justify-content:center;left:0;padding-top:5px;position:absolute;top:0;transform:translate(25%,50%);width:50%}.logo{margin:-60px auto auto -20px}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;transform:translate(-100%,60%)}.fa-times{color:#fff;font-size:2rem}.nav-links-mobile{background-color:initial;border:1px solid #fff;border-radius:4px;color:#fff;display:block;font-size:1.5rem;margin:2rem auto;padding:14px 20px;text-align:center;text-decoration:none;transition:all .3s ease-out;width:80%}.nav-links-mobile:hover{background:#fff;color:#242424;transition:.25s}}:root{--primary:#fff}.btn{border:none;border-radius:10px;cursor:pointer;outline:none;padding:8px 20px}.btn--primary{background-color:#fff;background-color:var(--primary);color:#242424}.btn--outline,.btn--primary{border:1px solid #fff;border:1px solid var(--primary)}.btn--outline{background-color:initial;color:#fff;padding:8px 20px;transition:all .3s ease-out}.btn--small{font-size:15px;padding:8px 20px}.btn--medium{font-size:20px;padding:8px 20px}.btn--large{font-size:20px;padding:12px 26px}.btn--large:hover,.btn--medium:hover,.btn--small:hover{background:#fff;color:#242424;transition:all .3s ease-out}.btn--blackoutline{background-color:initial;border:1px solid #242424;color:#242424;padding:8px 20px;transition:all .3s ease-out}.footer-container{align-items:center;background-color:#454545;display:flex;flex-direction:column;justify-content:center;padding:3rem 0 2rem}.footer-container>h1{font-size:32px}.footer-container>h2{font-size:24px}.footer-links{display:flex;justify-content:center;max-width:1000px;width:100%}.footer-link-wrapper{display:flex}.footer-link-items{align-items:left;box-sizing:border-box;display:flex;flex-direction:column;margin:16px;text-align:left;width:300px}.footer-link-items h2{margin-bottom:16px}.footer-link-items>h2{color:#fff}.footer-link-items a{margin-left:20px}.footer-link-items a,.footer-link-items p{color:#fff;margin-bottom:8px;text-decoration:none}.footer-link-items a:hover{color:#63dbf3;transition:.3s ease-out}.contact,.footer-about{margin-left:20px;margin-top:0;text-align:left}.social-icon-link{color:#fff;font-size:24px}.social-media{max-width:1000px;width:100%}.social-media-wrapper{align-items:center;display:flex;justify-content:space-between;margin:40px auto 0;max-width:1000px;width:90%}.social-icons{align-items:center;display:flex;width:240px}.social-icon-link{margin-right:2rem}.social-logo{align-self:center;cursor:pointer;display:flex;font-size:2rem;justify-self:start;margin-left:20px;text-decoration:none}.social-logo,.website-rights{color:#fff;margin-bottom:16px}@media screen and (max-width:1000px){.footer-links{padding-top:2rem}.footer-input{width:100%}.footer-link-wrapper,.social-media-wrapper{flex-direction:column}.social-icons{width:96px}}.hero-container{align-items:left;background:url(/static/media/indoorpool.1727346e6a2fd7b41f6c.jpg) 50%/cover no-repeat;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 1000px #0000001a;display:flex;flex-direction:column;height:100vh;justify-content:center;object-fit:contain;padding-left:64px;width:100%}.hero-container h1{color:#fff;font-size:55px;text-align:left}.hero-container p{color:#fff;font-size:32px;margin-top:8px}.hero-btns{margin-top:32px}hero-btns .btn{margin:6px}@media only screen and (max-width:1366px){.hero-container{background-attachment:scroll}}@media screen and (max-width:960px){.hero-container>h1{font-size:50px;margin-top:-150px}}@media screen and (max-width:768px){.hero-container>h1{font-size:30px;margin-top:-100px}.hero-container>p{font-size:20px}.btn-mobile{display:block;text-decoration:none}.btn{width:80%}}.home-about{display:flex;height:45vw;margin-bottom:-50px;margin-top:-50px;max-width:2048px}.home-left{align-items:center;border:50px solid #eee;justify-content:center;margin-bottom:150px;margin-top:-50px;object-fit:contain;padding:15px}.home-left h1{font-size:28px;margin-bottom:20px;text-align:center}.home-right-pic{margin-top:-200px;transition:.3s ease-in}.home-right-pic-fade{opacity:0}.home-p{align-items:center;flex-direction:column;margin-top:25px;object-fit:contain}.home-p,.image-home{float:left;justify-content:center}.image-home{align-self:center;height:80%}.home-p p{font-size:18px;line-height:2rem;margin-bottom:100px;margin-right:50px;margin-top:40px;text-align:center}.left{background-color:#3c3c3c;display:flex;flex-direction:row;transition:.3s ease-in;width:40vw}.left-fade{opacity:0}.statistics{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:40px;text-align:center;width:20vw}.statistics h1{font-size:56px}.right{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:200px;text-align:center;width:40vw}.home-mid{background-attachment:fixed;background-image:url(/static/media/Ceulemans_Stefan_new_home-NSP_003.ea6267383d78275f1637.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:70vh}.home-mid-content{margin-left:200px;margin-top:35vh}.home-mid-btn{margin-top:32px}@media screen and (max-width:1000px){.home-content{align-items:center;flex-direction:column;justify-content:center;object-fit:contain;padding:10px}.home-mid-content{margin:auto}.image-home{display:none}}@media only screen and (max-width:1366px){.home-mid{background-attachment:scroll}}.container{align-items:center;display:flex;justify-content:center;margin:2rem auto 7rem;max-width:1120px;transform:translateY(50%);width:90%}.border{background:#0000;height:369px;position:relative;transition:border 1s;width:290px}.border:hover{border:1px solid #fff;border-radius:20px}.card{align-items:center;background:grey;background:#000;border-radius:20px;display:flex;height:379px;justify-content:center;overflow:hidden;position:relative;transition:background .8s;width:300px}.card-move{transform:translateY(0);transition:all .5s ease-out}.card0{background:url(/static/media/poolcard.aa1e5e06746b3136ff13.png) 50% no-repeat;background-size:300px}.card0:hover{background:url(/static/media/poolcard.aa1e5e06746b3136ff13.png) 50% no-repeat;background-size:600px}.card1{background:url(/static/media/patiocard.701bf0d2c237ee953d53.png) 50% no-repeat;background-size:300px}.card1:hover{background:url(/static/media/patiocard.701bf0d2c237ee953d53.png) 50% no-repeat;background-size:600px}.card2{background:url(/static/media/kitchencard.8606be133460f2136ff4.png) 50% no-repeat;background-size:300px}.card2:hover{background:url(/static/media/kitchencard.8606be133460f2136ff4.png) 50% no-repeat;background-size:600px}.card3{background:url(/static/media/yardscapecard.f94680e6bd994b78b6e9.png) 50% no-repeat;background-size:300px}.card3:hover{background:url(/static/media/yardscapecard.f94680e6bd994b78b6e9.png) 50% no-repeat;background-size:600px}.container h2{bottom:10px;color:#fff;left:10px;margin:0;padding:10px;position:absolute;transition:opacity 1s}a:link{text-decoration:none}@media only screen and (min-width:1200px){.container{width:84%}}@media only screen and (min-width:1024px){.card{display:flex;margin:1rem}}@media only screen and (max-width:1024px){.card{height:303px;margin:1rem;width:240px}.border{height:296px;width:232px}.container{align-items:center;display:flex;justify-content:center;margin:1rem 1rem 6rem}}@media only screen and (max-width:600px){.container{flex-flow:column;transform:translateY(0)}}.process-container{background-color:#f0f0f0;text-align:center}.process-header{font-size:36px;padding-top:50px}.process{display:flex;justify-content:space-around;padding:40px}.process-step{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:20px;width:30%}.process-step:hover .step-number{height:100px;width:100px}.step-number{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin-bottom:20px;transition:all .3s ease-out;width:60px}.step-content h2{color:#333;font-size:24px;margin:0 0 10px;text-align:center}.step-content p{color:#555;line-height:1.6;margin:0;text-align:center}.gallery-page{background-attachment:fixed;background-image:url(/static/media/Grego_Pools_014.d2d78c6a4806ee3d748e.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;position:relative}.gallery-page-header{bottom:0;font-size:3rem;margin-left:200px;position:absolute}.gallery-head{align-items:center;justify-content:center;margin:50px;text-align:center}@media screen and (max-width:1000px){.gallery-page-header{margin-left:0}}@media only screen and (max-width:1366px){.gallery-page{background-attachment:scroll}}.gallery{column-count:3;margin-top:12px;padding:0 12px}.gallery .pics{cursor:pointer;margin-bottom:12px;transition:all .35s ease}.gallery .pics:hover{filter:opacity(.8)}@media (max-width:991px){.gallery{column-count:2}}@media (max-width:480px){.gallery{column-count:1}}.modal{align-items:center;background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;opacity:0;overflow:hidden;position:fixed;top:0;transform:scale(0);transition:opacity .4s ease,visibility .4s ease,transform .5s ease-in-out;visibility:hidden;width:100%;z-index:9001}.modal.open{opacity:1;transform:scale(1);visibility:visible}.modal img{box-sizing:border-box;display:block;height:auto;line-height:0;margin:0 auto;max-height:100%;max-width:100%;padding:20px 0;width:auto}.modal .fa-times{color:#fff;cursor:pointer;font-size:2rem;height:2rem;padding:5px;position:fixed;right:10px;top:10px;width:2rem}.pools{background-attachment:fixed;background-image:url(/static/media/Todd%20-%20Pool%20Design%20-%20IBP%2012-26-23_016.e14fccddc19776b0d6f0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;position:relative}.pools-header{bottom:0;font-size:3rem;margin-left:200px;position:absolute}.pools-content{display:flex;margin:20px auto auto;max-width:1200px}.pools-left-1{align-items:center;border-left:1px solid #000;justify-content:center;margin-bottom:150px;margin-top:75px;object-fit:contain;padding:15px;transform:translate(-50%)}.pools-left-move{transform:translate(0);transition:all 1s ease-out}.pools-right-1{align-items:center;border-right:1px solid #000;justify-content:center;margin-bottom:150px;margin-top:75px;object-fit:contain;padding:15px;transform:translate(50%)}.pools-right-move{transform:translate(0);transition:all 1s ease-out}.pools-left-1 h1,.pools-right-1 h1{margin-bottom:20px;text-align:center}.image-pools{align-self:center;border-radius:20px;box-shadow:0 8px 16px #0000004d;float:left;height:350px;justify-content:center;margin:40px}.pool-designs{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:32px;margin-top:24px;text-align:center}@media screen and (max-width:1000px){.pools-header{margin-left:0}.pools-content{align-items:center;flex-direction:column;justify-content:center;margin:30px;object-fit:contain}.image-pools-left,.image-pools-right{border:0;margin:auto}}@media only screen and (max-width:1366px){.pools{background-attachment:scroll}}.accordian-container{display:flex;justify-content:center}.img-accordion{display:flex;height:80vh;width:90%}.img{background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;flex:1 1;height:100%;position:relative;transition:all .3s;width:60px}.img p{bottom:0;left:0;text-transform:uppercase;transform:rotate(-90deg);transform-origin:0 0;white-space:nowrap}.img h3,.img p{background-color:#0009;color:#fff;padding:10px;position:absolute;transition:all .3s}.img h3{opacity:0;text-align:center}.img:hover{flex:5 1}.img:hover p{background-color:initial;transform:rotate(0deg)}.img:hover h3{opacity:1}.img1{background-image:url(/static/media/Todd%20-%20Pool%20Design%20-%20IBP%2012-26-23_010.51a1c82325862c666cca.jpg)}.img2{background-image:url(/static/media/Grego_Pools_002.0f0f1750bd06f0687af4.jpg)}.img3{background-image:url(/static/media/family_pool.c175bf4f9ccbc52a96e6.jpg)}.img4{background-image:url(/static/media/spa_pool.d9ed1417a3cc80ef131f.jpg)}.patio{background-attachment:fixed;background-image:url(/static/media/11419%20ST%20GERMAIN%20WAY%20TOPO%20-%20The%20View%2010-12-23_019.d52d76d2528a909b23df.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;position:relative}.patio-header{bottom:0;font-size:3rem;margin-left:200px;position:absolute}.stucco{background-attachment:fixed;background-image:url(/static/media/stucco.7e47d22ea57b2f223587.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 1000px #0003;color:#fff;position:relative}.stucco-header{bottom:0;font-size:3rem;margin-left:200px;position:absolute}.stucco-content{display:flex;margin:auto;max-width:1080px;top:100px}.stucco-left-1{align-items:center;border-left:1px solid #000;justify-content:center;margin-bottom:150px;margin-top:75px;object-fit:contain;padding:15px;transform:translate(-50%)}.stucco-left-move{transform:translate(0);transition:all 1s ease-out}.stucco-right-1{align-items:center;border-right:1px solid #000;justify-content:center;margin-bottom:150px;margin-top:75px;object-fit:contain;padding:15px;transform:translate(50%)}.stucco-right-move{transform:translate(0);transition:all 1s ease-out}.stucco-left-1 h1,.stucco-right-1 h1{margin-bottom:20px;text-align:center}.image-stucco-right{float:left;margin-left:100px}.image-stucco-left,.image-stucco-right{align-self:center;border:50px solid #eee;height:400px;justify-content:center}.image-stucco-left{float:right;margin-right:100px;width:600px}@media screen and (max-width:1000px){.stucco-header{margin-left:0}.stucco-content{align-items:center;flex-direction:column;justify-content:center;margin:30px;object-fit:contain}.image-stucco-left,.image-stucco-right{border:0;margin:auto}}@media only screen and (max-width:1366px){.stucco{background-attachment:scroll}}.contact-page{background-attachment:fixed;background-color:grey;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:auto;padding:20px}.contact-form-container{background-color:#f2f2f2;border:3px solid #000;border-radius:5px;margin:100px auto auto;padding:30px;width:50%}label{color:#000;font-size:20px}input[type=email],input[type=text],select,textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:16px;margin-top:6px;padding:12px;resize:vertical;width:100%}button[type=submit]{background-color:#008da9;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px 20px}button[type=submit]:hover{background-color:#63dbf3;transition:.1s ease-in}@media screen and (max-width:900px){.contact-form-container{width:80%}}
/*# sourceMappingURL=main.cc24f935.css.map*/