@charset "UTF-8";@keyframes a{0%{transform:scale(.9)}to{transform:scale(1)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:weight;font-style:normal;font-size:1.6rem;color:#161616;background-color:#fff}.wrapper{margin:0 auto;width:100%}.nav{transition:opacity .3s ease}.nav-small{position:fixed;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#fff;transform:translateX(100%);transition:.5s cubic-bezier(.65,.05,.36,1);z-index:900}.nav-small--active{transform:translateX(0)}.nav-small__item{position:relative;display:flex;justify-content:center;align-items:center;padding:1.5em 2em;width:200px;color:#161616;font-size:1.2rem;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #161616}.nav-small__item:last-child{border-bottom:none}.nav__items{position:fixed;display:grid;grid-template-columns:repeat(8,1fr);top:0;left:50%;width:100%;max-width:1200px;height:6rem;background-color:#fff;border-bottom:2px solid #161616;transform:translateX(-50%);text-transform:uppercase;z-index:1000;overflow:hidden}.nav__items .nav__item{display:none;justify-content:center;align-items:center;color:#161616;text-decoration:none}.nav__items .home{position:relative;display:flex;top:-20px;width:150px;height:150px;margin-left:10px}.nav__items .burger-btn{position:fixed;display:block;top:20px;right:20px;padding:1em;background:none;background-color:#fff;border:1px solid #161616;border-radius:6px;z-index:1000;cursor:pointer}.nav__items .burger-btn:focus{border-radius:6px;box-shadow:inset 0 0 3px #161616}.nav__items .burger-btn:focus .burger-btn__bars:after,.nav__items .burger-btn:focus .burger-btn__bars:before,.nav__items .burger-btn:hover .burger-btn__bars:after,.nav__items .burger-btn:hover .burger-btn__bars:before{width:100%}.nav__items .burger-btn__box{position:relative;width:24px;height:24px}.nav__items .burger-btn__bars,.nav__items .burger-btn__bars:after,.nav__items .burger-btn__bars:before{content:"";position:absolute;right:0;height:3px;background-color:#161616;transition:width .3s}.nav__items .burger-btn__bars{width:100%}.nav__items .burger-btn__bars:after{top:10px;width:60%}.nav__items .burger-btn__bars:before{top:20px;width:30%;transition-delay:.1s}.nav-bar{position:fixed;top:0;width:100vw;height:6rem;background-color:#fff;border-bottom:2px solid #161616;z-index:100}@keyframes b{0%{transform:translateX(200%)}to{transform:translateX(0)}}.nav-items-animation{animation:b 1s both}.hidden{opacity:0}.swiper{position:relative;top:6rem;width:100vw;height:60%}.swiper .swiper-slide{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;z-index:1}.swiper .swiper-slide .more{font-family:Montserrat,sans-serif;position:absolute;right:0;bottom:0;margin:15px 20px;color:#fff;background-color:#161616;border:none;border-radius:30px;transition:scale .3s;z-index:2}.swiper .swiper-slide .more:hover{scale:.95}.swiper .swiper-slide .more a{text-decoration:none}.swiper .swiper-slide .more a p{padding:10px 30px;color:#fff}.swiper-pagination{margin-bottom:1rem}.swiper-pagination-bullet{text-align:center;width:10px;height:10px;font-size:12px;line-height:20px;color:#000;background:rgba(0,0,0,.2);opacity:1}.swiper-pagination-bullet-active{background-color:#161616}.swiper-button-prev{left:2vw;color:#161616}.swiper-button-next{right:2vw;color:#161616}.swiper-horizontal,.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{z-index:1}.section-padding{padding:6rem 2rem}.section-heading{display:flex;justify-content:center;align-items:center;padding:2rem 0;color:#161616;font-size:2rem;text-transform:uppercase;font-weight:400}.intro{position:relative;font-size:1rem;text-align:justify}.intro,.intro h3{font-weight:300}.intro .section-title{display:flex;justify-content:center;align-items:center;margin-top:50px;padding:6rem 2rem 3rem;font-size:1.2rem;font-weight:600}.intro__studio{display:flex;flex-direction:column;padding:0 2rem}.intro__studio-logo{width:120px;margin-left:-10px}.intro__studio-info{display:flex;justify-content:center;flex-direction:column}.intro__studio-info-box{position:relative;padding-bottom:100px}.intro__grey{justify-content:center;margin-top:3rem;padding:3rem 0;background-color:#f4eeec;color:#161616}.intro__grey h1{text-align:center;margin-top:1rem;margin-bottom:1rem}.intro__grey-box{position:relative;padding:1rem 2rem 100px;display:flex;justify-content:center}.intro__grey-box .grey-btn{color:#161616}.intro__grey-types{text-align:center;margin-bottom:6rem}.intro__grey-types-architecture{padding:2rem 0 4rem}.intro__grey-types-architecture-icon{width:60px;margin-bottom:25px}.intro__grey-types-interior-icon{width:70px;margin-bottom:25px}.intro__contact{display:flex;flex-direction:column}.intro__contact .red-logo{padding:0 6rem}.intro__contact-description{padding:0 2rem 2rem}.intro__contact h3{padding:0 2rem;text-align:center}.intro__contact .write{padding:0;padding-top:1rem}.about-me{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;font-size:1rem}.about-me-studio{margin-top:1rem;text-align:justify}.about-me-img{display:flex;justify-content:center;align-items:center;padding:0;margin:3rem 0;overflow:hidden}.about-me-img img{width:400px;height:auto}.about-me-info{text-align:justify}.contact__logo{display:none}.contact__text{margin-top:3rem;padding-bottom:1rem;font-size:1rem}.contact__text-justify{text-align:justify}.contact__text a{color:#161616;text-decoration:none;cursor:pointer}.contact__text i{margin:1rem 1rem 0 0;font-size:2.5rem;color:#161616}.contact__form{position:relative;padding-bottom:100px}.contact__form-box{position:relative;display:flex;flex-direction:column;margin-top:3rem;overflow:hidden}.contact__form-box-label{margin-bottom:.5rem;font-size:1.2rem}.contact__form-box-input,.contact__form-box-textarea{margin-bottom:1rem;padding:.6em .8em;border:none;font-size:1rem;border-bottom:1px solid #161616}.contact__form-box-input:focus,.contact__form-box-textarea:focus{outline:none}.contact__form-box-input::placeholder,.contact__form-box-textarea::placeholder{color:transparent}.contact__form-box-textarea{height:8rem;resize:none}.contact__form-box-error{margin:-10px 0 20px 10px;padding-top:20px;color:#ea6d6d;font-size:.6em;font-weight:300;visibility:hidden}.contact__form-box.error .contact__form-box-error{visibility:visible}.projects__box{position:relative;margin:1em 0;width:300px;height:300px;left:50%;transform:translateX(-50%);overflow:hidden}.projects__box:hover .projects__box-info{opacity:1}.projects__box:hover .projects__box-img{transform:scale(1.05)}.projects__box:hover .projects__box-info-title,.projects__box:hover .projects__box-info-type{animation:a .5s}.projects__box-img{width:100%;height:100%;background-size:cover;background-position:50%;transition:transform .4s}.projects__box-img--first{background-image:url(/src/img/ZDJ\ KATOWICKA.png)}.projects__box-img--second{background-image:url("/src/img/olobok/dom ołobok 1.png")}.projects__box-img--third{background-image:url(/src/img/WIZ\ ZUPANSKIEGO.png)}.projects__box-img--fourth{background-image:url(/src/img/WIZ\ RUCHOCICE.png)}.projects__box-info{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;color:#fff;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity 1s}.projects__box-info-title{margin:1rem;font-size:1.6rem;text-align:center;text-transform:uppercase;font-weight:400}.projects__box-info-type{font-size:1rem}.projects__box-info-info{margin:1rem;font-size:1rem;text-align:justify}.projects__box-info-btn{position:absolute;bottom:1rem;padding:1em 2em;color:#fff;background-color:transparent;border:1px solid #fff;border-radius:25px;font-size:.8rem;text-transform:uppercase;text-decoration:none;transition:scale .3s,background-color .3s}.projects__box-info-btn:hover{scale:.95;background-color:#161616}.projects__box .soon{color:#161616;background-color:#d1d1d1;opacity:1}.projects__box .soon__comming{margin-top:50px;font-size:1.2rem}.projects .no-hover{pointer-events:none}.project__page-gallery{margin-top:10px;width:100%;overflow:hidden}.project__page-gallery-img{margin:.2em 0;width:100%;height:auto;object-fit:contain}.project__page-info{margin:1em 0;font-size:.8em;font-weight:200;text-align:justify}.project__page-info-description{font-size:1rem}.project__page-info-box{display:table;table-layout:fixed;padding:5px 0;font-size:1rem}.project__page-info-box--label{display:table-cell;min-width:120px;font-weight:600}.project__page-info-box--value{display:table-cell}.project__page-info-title{padding:1.5rem 0;font-size:28px;font-weight:500;text-align:center}hr{margin:27px 0;border:0;border-top-width:1px;border-style:solid}.little-project{min-height:84vh}.offer-section{padding:6rem 0 3rem}.offer ul{margin:0 1rem}.offer h3{margin-bottom:1.5rem}.offer h3,.offer h5{text-align:center;font-weight:400;text-transform:uppercase}.offer h5{margin:1.5rem 0}.offer p{text-align:justify;font-size:1rem;font-weight:300}.offer .step-number{display:flex;justify-content:center;align-items:center;margin:2rem 0 1rem;width:60px;height:60px;border-radius:50%;border:1.5px solid #161616;font-size:2rem;font-weight:500;text-align:center}.offer__description{padding:0 2rem 2rem;font-size:1.4rem}.offer__architecture{background-color:#f4eeec}.offer__architecture-steps{background-color:#fff;padding:1rem 2rem 2rem}.offer__interior{background-color:#f4eeec}.offer__interior-steps{background-color:#fff;padding:1rem 2rem 0}.offer-contact{position:relative;display:block;margin:50px 0 20px;padding:.2em 0;left:50%;transform:translateX(-50%);color:#161616;background:transparent;border:none;transition:.5s ease;cursor:pointer}.offer-contact a{text-decoration:none}.offer-contact a p{font-size:1.4rem;padding-bottom:5px;color:#161616;font-weight:400;transition:.3s}.offer-contact:before{content:"";position:absolute;display:inline;left:0;bottom:0;width:0;height:2px;background-color:#161616;transition:.4s ease}.offer-contact:hover{transition-delay:.5s}.offer-contact:hover:before{width:100%}.offer-contact-second{margin-top:80px;margin-bottom:30px}.grey{margin:0;padding:3rem}.footer{display:grid;grid-template-rows:repeat(4,2fr) 1fr;padding-top:10px;color:#fff;background-color:#161616;font-size:.7rem}.footer a{text-decoration:none;color:#f4eeec}.footer ul{margin:auto;list-style:none}.footer ul li{display:flex;justify-content:center;align-items:end;margin-bottom:5px}.footer ul li h3,.footer ul li p{display:inline}.footer__name{grid-row:1/2}.footer__name-brand p{font-size:1.5em;font-weight:300}.footer__name-brand p span{font-weight:500}.footer__contact{grid-row:2/3}.footer__follow{grid-row:3/4}.footer__follow-social i{padding:0 10px;color:#e4e2dd;font-size:1.5rem}.footer__law{grid-row:4/5}.footer__bottom-text{grid-row:5/6;margin:auto;font-size:.5rem}.main-btn{position:relative;display:inline-block;margin:0 0 50px;padding:.2em 0;color:#161616;background:transparent;font-size:1.2rem;border:none;transition:.5s ease;cursor:pointer}.main-btn a{text-decoration:none}.main-btn a p{padding-bottom:5px;color:#161616;font-weight:400;transition:.3s}.main-btn:before{content:"";position:absolute;display:inline;left:0;bottom:0;width:0;height:2px;background-color:#161616;transition:.4s ease}.main-btn:hover{transition-delay:.5s}.main-btn:hover:before{width:100%}.main-btn-info{margin-top:60px;width:180px;position:absolute;right:0}.main-btn-types{margin:50px 2rem 0 0;width:220px;position:absolute;right:0}.main-btn-contact{margin-top:2rem;width:168px}.main-btn-contact,.main-btn-send{left:50%;transform:translateX(-50%)}.main-btn-send{position:absolute;margin-top:20px;bottom:0;font-size:2rem;letter-spacing:2px}.main-btn-beige:before{content:"";position:absolute;display:inline;left:0;bottom:0;width:0;height:2px;background-color:#161616;transition:.4s ease}.main-btn-beige:hover{transition-delay:.5s}.main-btn-beige:hover:before{width:100%}.thanks{margin-top:80px;height:55vh;display:flex;justify-content:center;align-items:center}.thanks__msg{margin:0 2rem;font-size:2.5rem;font-weight:300;text-align:center}@media (min-width:576px){.nav__items .nav__item{display:none}}@media (min-width:768px){.nav__items{grid-template-columns:repeat(5,1fr);margin:auto;padding-right:20px;width:100%;font-size:1.1rem;border:none}.nav__items .burger-btn{display:none}.nav__items .home{display:flex;margin-left:25px;width:120px;height:120px;top:0}.nav__items .nav__item{display:grid}.nav__items .contact{grid-column:5/6}.nav__items .about-me-nav{grid-column:4/5;padding-right:10px}.nav__items .offer{grid-column:3/4}.nav__items .portfolio{grid-column:2/3}.nav-bar{height:120px}.swiper{margin-top:20px}.swiper .swiper-slide .more{margin:30px 45px}.swiper .swiper-slide p{font-size:1.5rem}.section-heading{margin-top:1.5rem;padding:3rem 0;font-size:3rem}.intro .section-title{margin-bottom:0}.intro__grey h1{margin-bottom:2rem}.intro__grey-box{margin-top:1rem}.intro__grey-types{display:flex;flex-direction:row;justify-content:space-evenly}.intro__grey-types-architecture{padding:0}.intro__grey-types-architecture-icon{margin-top:50px;width:50px}.intro__grey-types-interior-icon{margin-top:40px;width:60px}.intro__contact .red-logo{padding:0 12rem}.projects__box{width:400px;height:400px}.projects__box-info-btn{font-size:1rem}.project__page-gallery{margin-top:40px}.project__page-gallery-img{margin:.4em 0}.project__page-info{margin-bottom:1em;font-size:.9em}.project__page-info-title{margin:.6em;font-size:3rem}.offer__architecture-steps{margin-bottom:1rem}.about-me{padding:0 2rem}.about-me-studio{margin:0}.about-me-img{margin:4rem 0;width:600px;height:400px}.footer{grid-template-columns:repeat(2,1fr);grid-template-rows:2fr 2fr 1fr;padding-top:20px;height:250px;font-size:1rem}.footer__name{grid-column:1/2;grid-row:1/2}.footer__contact{grid-column:1/2;grid-row:2/3}.footer__follow{grid-column:2/3;grid-row:1/2}.footer__law{grid-column:2/3;grid-row:2/3}.footer__bottom-text{grid-row:3/4;grid-column:1/3;font-size:.8rem}.main-btn-send{left:auto;right:0;font-size:2.5rem;transform:translateX(0)}.thanks{height:70vh}.thanks__msg{font-size:3rem}}@media (min-width:992px){.nav__items{grid-template-columns:repeat(8,1fr);height:7rem;top:-25px}.nav__items .nav__item{font-size:1.3rem}.nav__items .home{width:150px;height:150px}.nav__items .contact{grid-column:8/9}.nav__items .about-me-nav{grid-column:7/8}.nav__items .offer{grid-column:6/7}.nav__items .portfolio{grid-column:5/6}.nav-bar{height:6rem}.swiper{margin-top:0;top:-1rem}.swiper .swiper-slide .more{margin:30px 45px}.swiper .swiper-slide p{font-size:1.7rem}.intro{position:relative}.intro .section-title{padding:8rem 6rem 4rem;text-align:center}.intro__studio{padding-left:6rem;padding-right:6rem}.intro__studio-info{text-align:center;grid-column:2/3}.intro__grey{position:relative;padding-left:6rem;padding-right:6rem}.intro__grey h1{margin-top:4rem}.intro__grey-box{margin:3rem auto 0}.intro__grey-box,.intro__grey-description{text-align:center}.intro__grey .main-btn-types{margin-right:0;margin-left:auto}.intro__contact{margin:4rem 2rem 1rem;display:grid;grid-template-columns:2fr 2fr;grid-template-rows:1fr 1fr 100px 100px;max-width:100%}.intro__contact .us-photo{grid-column:1/2;grid-row:1/3;max-width:100%}.intro__contact .red-logo{padding:0;justify-self:center;max-width:50%;grid-column:2/3;grid-row:1/2}.intro__contact p{grid-column:2/3;grid-row:2/3;justify-self:center}.intro__contact h3{grid-column:1/3;grid-row:3/4;padding-top:3rem}.intro__contact .main-btn{grid-column:1/3;grid-row:4/5}.intro__contact .write{padding:0;margin-top:0}.section-heading{margin-top:0}.contact{display:grid;grid-template-columns:2fr 1fr}.contact__logo{display:block}.contact__logo img{position:relative;z-index:-100000}.contact-section{min-height:1150px}.contact__text{padding-bottom:2rem;font-size:1.5rem}.contact__text i{margin-top:1.5rem;margin-right:2rem;font-size:3.5rem}.contact__form-box-label{margin-bottom:1rem;font-size:2rem}.contact__form-box-input,.contact__form-box-textarea{margin-bottom:1.5rem;padding:.8em 1em;font-size:1.5rem}.contact__form-box-textarea{height:10rem}.contact__form-box-btn{padding:20px 40px;font-size:2rem}.contact__logo{grid-row:1/6;grid-column:2/3;justify-self:center;align-self:center}.contact__logo img{scale:1.5}.projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0 1.2rem}.projects__box{margin:1em;left:0;transform:translateX(0)}.project__page{display:grid;grid-template-columns:3fr 2fr;margin-top:2rem}.project__page-gallery{grid-column:1/2;margin:0 .2em}.project__page-gallery-img{margin:0 0 .8em}.project__page-info{margin:0 .2em 0 1.2em;grid-column:2/3;font-size:1.2em;transform:translateX(0)}.project__page-info-title{margin:0;padding:0;font-size:2rem;text-align:left}.project__page-info-description{font-size:1rem}.about-me{margin:-60px 0 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.about-me-studio{grid-column:2/3;grid-row:1/2;justify-self:center;align-self:center}.about-me-img{grid-column:1/2;grid-row:1/2;width:100%}.about-me-img img{display:flex;justify-content:flex-start;align-items:flex-start}.about-me-info{grid-column:2/3;grid-row:2/3;padding:0;justify-self:start;align-self:start}.offer{display:flex;flex-direction:column;justify-content:center;align-items:center}.offer h3{font-size:2.5rem}.offer__description{position:relative;max-width:1200px}.offer__description-text{grid-column:2/3;grid-row:1/2}.offer__description-btn{grid-column:2/3;grid-row:2/3;width:155px}.offer__description-btn p{text-align:end}.offer__architecture-steps-first,.offer__interior-steps-first{padding:0 1rem 0 0}.offer__architecture-steps-second,.offer__interior-steps-second{padding:0 1rem}.offer__architecture-steps-third,.offer__interior-steps-third{padding:0 0 0 1rem}.offer__architecture-steps{margin-bottom:0;padding-bottom:2rem}.offer__architecture{margin:2rem 0}.offer-contact{margin-right:auto;margin-left:auto}.offer-contact-second{margin-left:0}.footer{grid-template-columns:repeat(4,1fr);grid-template-rows:2fr 1fr;padding-top:20px;height:250px;font-size:1rem}.footer__name{grid-column:1/2;grid-row:1/2}.footer__contact{grid-column:2/3;grid-row:1/2}.footer__follow{grid-column:3/4;grid-row:1/2}.footer__law{grid-column:4/5;grid-row:1/2}.footer__bottom-text{grid-row:2/3;grid-column:2/4;font-size:1rem}.thanks{height:77vh}.thanks__msg{font-size:4rem}}@media (min-width:1200px){.section-padding .section-heading{position:relative;padding:4rem 0 2rem;font-size:3rem}.section-padding .wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1200px}.section-padding .wrapper .contact{display:grid;grid-template-columns:1fr 1fr;font-weight:300}.section-padding .wrapper .contact__text{grid-column:1/2;padding:0 100px 0 30px;font-size:1rem}.section-padding .wrapper .contact__text i{margin-top:1rem;margin-right:1.5rem;font-size:3rem}.section-padding .wrapper .contact__form{grid-column:2/3;grid-row:1/5;margin-top:3rem}.section-padding .wrapper .contact__form-box{margin:0}.section-padding .wrapper .contact__form-box-top{margin:0;padding:0 10px}.section-padding .wrapper .contact__form-box-label{margin-bottom:.5rem;font-size:1rem}.section-padding .wrapper .contact__form-box-input,.section-padding .wrapper .contact__form-box-textarea{margin-bottom:0;padding:1em .8em .5rem;font-size:.8rem}.section-padding .wrapper .contact__form-box-textarea{height:7rem}.section-padding .wrapper .contact__form-box-btn{padding:10px 20px;font-size:1rem}.section-padding .wrapper .contact__logo img{scale:1}.projects{justify-content:flex-start;margin:0}.projects__box{width:340px;height:340px}.projects__box-info-btn{font-size:.8rem}.project__page-gallery{display:flex;flex-direction:column;justify-content:center;align-items:center}.project__page-gallery-img{max-width:1200px;margin:.4em 0}.project__page-info{position:relative;max-width:1200px;font-size:.8em}.project__page-info-title{font-size:3rem}.about-me{grid-template-rows:3fr 2fr}.about-me-info{padding:0}.about-me p{font-size:1.2rem;font-weight:300}.about-me-img{margin:0;scale:1.3}.offer ul{display:grid;grid-template-columns:1fr 1fr;justify-self:center;gap:1rem 5rem;max-width:1200px}.offer .grey h3{width:100vw}.offer .grey-text{max-width:1200px;justify-self:center}.main-btn-send{font-size:2rem}.thanks{height:60vh}.contact-section{min-height:800px}}@media (min-width:1500px){.swiper{margin-top:6rem;top:-1rem}.intro__studio,.intro h1{max-width:1500px;justify-self:center}.intro__studio{padding:0}.intro__contact,.intro__grey-box{max-width:1500px;justify-self:center}.contact-section{height:82vh}.nav__items .about-me-nav{padding-right:20px}}
/*# sourceMappingURL=style.min.css.map */