.popup-close,a,button{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}:root{--body-font-size:1.6rem;--body-font-color:#5f5f5f;--body-font-family:"Open Sans",sans-serif;--heading-font-family:"Playfair Display",sans-serif;--light-color:#e6e6e9;--dark-color:#262626;--light-gray-color:#f2f3f7;--orange-color:#ec5453;--blue-color:#2c98f0;--yellow-color:#f9bf3f;--purple-color:#a84cb8;--dark-blue-color:#4054b2}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:var(--body-font-family);color:var(--body-font-color);font-size:var(--body-font-size);background-color:#f4f4f6}.nav-link,button{font-size:1.4rem;letter-spacing:1px;text-transform:uppercase}a{display:block}button{background-color:transparent;border:none;color:#fff;text-align:center;margin:4px 2px;cursor:pointer;padding:1rem 3rem;display:inline-block}.nav,.nav-link,.sm-link{color:var(--dark-color)}button:focus{outline:0}.hamburger-menu{display:none}.nav{width:26rem;height:100vh;background-color:var(--light-color);position:fixed;top:0;left:0;z-index:1000;display:flex;flex-direction:column}.intro{text-align:center;margin:5rem 0}.intro img{width:150px}.nav-list{list-style:none}.nav-item{position:relative}.nav-item::before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.83,0,.17,1)}.hero,.popup{height:100vh}.nav-item:hover::before{transform:scaleX(1)}.nav-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.05)}.nav-link{padding:1rem}.social-media-wrapper{margin-top:auto;margin-bottom:3rem;text-align:center}.social-media-wrapper span{display:block;font-size:1.2rem;font-style:italic;font-weight:300;margin-bottom:1rem}.social-media{display:flex;justify-content:center}.sm-link{font-size:3.6rem;transition:color .5s,transform .5s}.sm-link:hover{color:#999;transform:translateY(-3px)}.sm-link:nth-child(2){margin:0 2rem}.main{width:calc(100% - 26rem);transform:translateX(26rem)}section:not(.hero){padding:5rem 0}.hero{position:relative}.hero::after{content:"";position:absolute;top:0;left:0;background-color:rgba(0,0,0,.2);width:100%;height:100%}.logo-heading{position:absolute;top:35%;left:50%;transform:translateX(-50%);z-index:1}.banner1,.banner2,.banner3,.banner4,.banner5,.slider-wrapper{height:100%;width:100%;left:0;position:absolute;top:0}.slider-wrapper{overflow:hidden}.banner1 img,.banner2 img,.banner3 img,.banner4 img,.banner5 img{width:130%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:zoom-out 3s linear infinite}.banner1{animation:slide1 15s linear infinite}.banner2{animation:slide2 15s linear infinite}.banner3{animation:slide3 15s linear infinite}.banner4{animation:slide4 15s linear infinite}.banner5{animation:slide5 15s linear infinite}@keyframes slide1{0%,100%{visibility:visible}20%,40%,60%,80%{visibility:hidden}}@keyframes slide2{0%,100%,20%,60%,80%{visibility:hidden}40%{visibility:visible}}@keyframes slide3{0%,100%,20%,40%,80%{visibility:hidden}60%{visibility:visible}}@keyframes slide4{0%,100%,20%,40%,60%{visibility:hidden}80%{visibility:visible}}@keyframes slide5{0%,20%,40%,60%,80%{visibility:hidden}100%{visibility:visible}}@keyframes zoom-out{100%{width:120%}}.scroll-down{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:5}.mouse{height:5rem;width:2.5rem;border:2px solid var(--light-color);border-radius:2rem;display:flex}.arrow span,.mouse span{width:1rem;display:block}.mouse span{height:1rem;background-color:var(--light-color);border-radius:50%;margin:auto;animation:move-wheel 1s linear infinite}.arrow span{border-right:2px solid var(--light-color);border-bottom:2px solid var(--light-color);height:1rem;transform:rotate(45deg);animation:arrow-down 1s linear infinite}@keyframes move-wheel{0%{opacity:1;transform:translateY(-1rem)}100%{opacity:0;transform:translateY(2rem)}}@keyframes arrow-down{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}100%{opacity:1}}.container{max-width:120rem;margin:0 auto;padding:0 3rem}.heading-group{color:var(--dark-color);margin-bottom:5rem}.section-head-small{display:block;font-size:1rem;text-transform:uppercase;color:#999;letter-spacing:3px;margin-bottom:1rem}.section-head-large{font-size:1.8rem;font-family:var(--heading-font-family);text-transform:uppercase;letter-spacing:.5rem}.intro-description p:not(:last-child){margin-bottom:2rem}.intro-description p span{font-family:var(--heading-font-family);font-weight:700;color:var(--dark-color);letter-spacing:1px}.call-to-action{background-color:var(--yellow-color);margin-top:5rem;padding:3rem;color:var(--dark-color)}.call-to-action p{font-size:2.4rem;font-weight:300;margin-bottom:2rem}.btn{font-size:1.4rem;text-transform:uppercase;letter-spacing:1px;padding:1rem 3rem;display:inline-block;transition:background-color .5s}.cta-btn{color:var(--dark-color);border:1px solid var(--dark-color)}.cta-btn:hover,.info-btn,.portfolio-item-info{color:var(--light-color)}.cta-btn:hover{background-color:var(--dark-color)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2.5rem}.my-expertise .grid-item{background-color:#fff;box-shadow:0 .5rem 2rem rgba(0,0,0,.1);padding:2rem;border-bottom:3px solid transparent;position:relative}.grid-item.orange{border-bottom-color:var(--orange-color)}.grid-item.blue{border-bottom-color:var(--blue-color)}.grid-item.yellow{border-bottom-color:var(--yellow-color)}.ico-kitchen{display:block;width:32px;height:32px;background:url(../img/kitchen.svg);background-size:32px 32px}.ico-shower{display:block;width:32px;height:32px;background:url(../img/shower.svg);background-size:32px 32px}.ico-fireplace{display:block;width:32px;height:32px;background:url(../img/fireplace.svg);background-size:32px 32px}.item-icon{display:block;font-size:3.6rem;margin-bottom:1rem}.item-heading{font-size:2rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.gallery-wrapper{display:flex;height:80vh}.gallery-item{display:flex;flex:1;padding:2.5rem;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;z-index:0;transition:flex .5s ease-in}.gallery-item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:-1;transition:background-color .5s}.gallery-item:hover::after{background-color:rgba(0,0,0,.05)}.name,.position-title{background-color:#fff;transform:translateX(-150%)}.gallery-item:hover{flex:5}.item-1{background-image:url(../img/gallery-1.jpg)}.item-2{background-image:url(../img/gallery-2.jpg)}.item-3{background-image:url(../img/gallery-3.jpg)}.item-4{background-image:url(../img/gallery-4.jpg)}.item-5{background-image:url(../img/gallery-5.jpg)}.description-wrapper{text-transform:uppercase;align-self:flex-end}.name{font-size:1.5rem;padding:0 1rem}.position-title{display:inline-block;font-size:1rem;padding:1rem;box-shadow:0 1px 1rem rgba(0,0,0,.2)}.gallery-item:hover .name,.gallery-item:hover .position-title{transform:translateX(0)}.name,.position-title{transition:transform .3s .5s}.gallery-item:not(:hover) .name,.gallery-item:not(:hover) .position-title{transition-delay:0s}.my-portfolio .grid{grid-template-columns:repeat(auto-fit,minmax(50rem,1fr))}.my-portfolio .grid-item{min-height:35rem;position:relative;overflow:hidden}.portfolio-item-image,.portfolio-item-info{height:100%;position:absolute;width:100%;top:0;left:0}.portfolio-item-image{object-fit:cover}.portfolio-item-info{background-color:var(--blue-color);padding:2rem;text-transform:uppercase;display:flex;flex-direction:column;opacity:0;transition:opacity .5s}.portfolio-item-info:hover{opacity:1}.project-name{font-size:2rem;letter-spacing:1px;margin-bottom:.7rem;transform:translateY(-2rem);transition:transform .5s}.project-name span{font-weight:300;opacity:.5}.project-type{font-size:1.3rem;opacity:.5;transform:translateY(2rem);transition:transform .5s}.portfolio-item-info:hover .project-name,.portfolio-item-info:hover .project-type{transform:translateY(0)}.info-cta{margin-top:auto}.info-btn{border:1px solid var(--light-color)}.info-btn:hover{color:var(--dark-color);background-color:rgba(255,255,255,.7);border-color:transparent}.btn-blue{background-color:var(--blue-color);color:var(--light-color)}.btn-blue:hover{background-color:#2977b1}.load-more .btn{margin-top:2.5rem;padding:1rem 5rem}.contact-info-wrapper{display:flex;flex-wrap:wrap}.contact-info{flex-basis:45%}.contact-info-item{display:flex;align-items:center;margin-bottom:2.5rem}.info-item-icon{background-color:var(--light-gray-color);display:flex;min-width:10rem;font-size:5rem;color:var(--blue-color);border-radius:3px}.info-item-icon i{margin:auto}.data-wrapper{margin-left:2rem}.info-item-data{display:block;font-size:1.4rem;line-height:1.5}.contact-form{flex:1}.contact-form .input,.contact-form textarea{width:100%;background-color:var(--light-gray-color);font-family:var(--body-font-family);color:var(--body-font-color);font-size:1.4rem;letter-spacing:1px;border:none;border-radius:3px;margin-bottom:2rem;padding:1rem}.contact-form .btn{border:none;border-radius:3px;cursor:pointer}.popup{background-color:#34495e;position:fixed;width:100vw;top:0;left:0;z-index:3000;align-items:center;justify-content:center;display:none}.popup-close{position:absolute;right:3rem;top:3rem;width:5rem;height:5rem;font-size:3rem;font-weight:300;border-radius:100%;background-color:rgba(0,0,0,.2);z-index:3001;color:#fff;line-height:5rem;text-align:center;cursor:pointer}#pano{width:100%;height:100%}@media screen and (max-width:1030px){.hamburger-menu,.nav{transition:transform .5s}.nav{transform:translateX(-27rem)}.is-open .nav{transform:translateX(0)}.hamburger-menu{display:flex;width:5rem;height:5rem;background-color:var(--dark-color);color:var(--light-color);position:fixed;top:0;left:0;font-size:2.6rem;cursor:pointer;z-index:2000}.hamburger-menu i{margin:auto}.close{display:none}.is-open .hamburger-menu{transform:translateX(21rem)}.is-open .close{display:block}.is-open .open{display:none}.main{width:100%;transform:initial}.hero{height:80vh}.hero::after{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.8);z-index:999;opacity:0;transform:scale(0);transition:opacity .5s}.is-open .hero::after{opacity:1;transform:scale(1)}.portfolio-item-info{background-color:rgba(0,0,0,.5);opacity:1}.project-name,.project-type{transform:translateY(0)}.info-btn:first-child{margin-bottom:1rem}}@media screen and (max-width:768px){.grid,.my-portfolio .grid{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}.gallery-wrapper{flex-direction:column}.gallery-item:hover{flex:100%}}