*{box-sizing:border-box;margin:0;padding:0;font-family:"Encode Sans Expanded",sans-serif}.aboutUs,.home,.products,.services,.servicesT,.servicesTileFloor,.sign-up{display:flex;height:90vh;align-items:center;justify-content:center;font-size:3rem}.services{background-image:url(/static/media/shingle.a11e1b49.jpeg);background-position:50%;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:100px}.servicesT,.servicesTileFloor{background-image:url(/static/media/tileroofing.95cb40f5.jpg)}.aboutUs,.products,.servicesT,.servicesTileFloor{background-position:50%;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:100px}.text{text-align:justify}.form-container{margin:0 auto;width:100%;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.2);position:relative;height:768px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(90deg,#282828,#111)}.close-btn{position:absolute;top:2%;right:3%;font-size:1.5rem;z-index:1;color:#fff;cursor:pointer}.form-content-left{background:linear-gradient(90deg,#111,#282828);border-radius:10px 0 0 10px;position:relative}.form-img{height:40%;left:60%}.form-data,.form-img{width:30%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.form-data{height:10%;left:80%;color:#fff}.form-img-2{width:60%;height:60%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.form-success{text-align:center;font-size:24px;margin-top:80px;color:#fff}.form-content-right{border-radius:0 10px 10px 0;position:relative;background:linear-gradient(90deg,#282828,#111)}.form{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.form h1{font-size:1rem;text-align:start;width:100%;margin-bottom:1rem;color:#fff;text-align:center}.form-inputs{margin-bottom:.5rem;width:80%}.form-inputs p{font-size:.8rem;margin-top:.5rem;color:#f00e0e}.form-label{display:inline-block;font-size:.8rem;margin-bottom:6px;color:#fff}.form-input{display:block;padding-left:10px;outline:none;border-radius:2px;height:40px;width:100%;border:none}.form-input::-webkit-input-placeholder{color:#595959;font-size:12px}.form-input:-ms-input-placeholder{color:#595959;font-size:12px}.form-input::placeholder{color:#595959;font-size:12px}.form-input-btn{width:100%;height:50px;margin-top:10px;border-radius:2px;background:linear-gradient(90deg,#01bf71,#01e888);outline:none;border:none;color:#fff;font-size:1rem}.form-input-btn:hover{cursor:pointer;background:linear-gradient(90deg,#278fff,#0c63fa);transition:all .4s ease-out}.form-input-login{font-size:.8rem;margin-top:10px;color:#fff;width:80%;text-align:center}.form-input-login a{text-decoration:none;color:#27cdff;font-weight:600}.cards{padding:4rem;background:#fff;cursor:pointer}h1{text-align:center}.cards__container{display:flex;flex-flow:column;align-items:center;max-width:1120px;width:90%;margin:0 auto}.cards__wrapper{position:relative;margin:50px 0 45px}.cards__items{margin-bottom:24px}.cards__item{display:flex;flex:1 1;margin:0 1rem;border-radius:10px}.cards__item__link{display:flex;flex-flow:column;width:100%;box-shadow:0 6px 20px rgba(56,125,255,.17);-webkit-filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));border-radius:10px;overflow:hidden;text-decoration:none}.cards__item__pic-wrap{position:relative;width:100%;padding-top:67%;overflow:hidden}.fade-img{-webkit-animation-name:fade-img;animation-name:fade-img;-webkit-animation-duration:2s;animation-duration:2s}.cards__item__pic-wrap:after{content:attr(data-category);position:absolute;bottom:0;margin-left:10px;padding:6px 8px;max-width:calc(100% - 60px);font-size:12px;font-weight:700;color:#fff;background-color:#1f98f4;box-sizing:border-box;cursor:pointer}.cards__item__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;transition:all .2s linear;cursor:pointer}.cards__item__img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.cards__item__info{padding:20px 30px 30px}.cards__item__text{color:#252e48;font-size:18px;text-align:justify;line-height:24px}@media only screen and (min-width:1200px){.content__blog__container{width:84%}}@media only screen and (min-width:1024px){.cards__items{display:flex}}@media only screen and (max-width:1024px){.cards__item{margin-bottom:2rem}}
/*# sourceMappingURL=main.f86a0380.chunk.css.map */