*,*::before,*::after{box-sizing:border-box;padding:0;margin:0}::-moz-selection{background-color:#55c57e;color:#fff}::selection{background-color:#55c57e;color:#fff}html{font-size:62.5%;scroll-behavior:smooth}body{font:1.6rem "Lato", sans-serif;color:#777;padding:3rem}.heading-primary{font-size:7rem;font-weight:400;line-height:0.9}.heading-primary__text{display:inline-block}.heading-primary__text--main{letter-spacing:3.5rem;-webkit-animation:slideInLeft 1.5s linear forwards;animation:slideInLeft 1.5s linear forwards}@-webkit-keyframes slideInLeft{0%{opacity:0;transform:translate(-30%, 0)}70%{transform:translate(10%, 0)}100%{opacity:1;transform:translate(0, 0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30%, 0)}70%{transform:translate(10%, 0)}100%{opacity:1;transform:translate(0, 0)}}.heading-primary__text--sub{font-size:2.3rem;letter-spacing:1.8rem;word-spacing:1rem;-webkit-animation:slideInRight 1.5s linear forwards;animation:slideInRight 1.5s linear forwards}@-webkit-keyframes slideInRight{0%{opacity:0;transform:translate(30%, 0)}70%{transform:translate(-10%, 0)}100%{opacity:1;transform:translate(0, 0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30%, 0)}70%{transform:translate(-10%, 0)}100%{opacity:1;transform:translate(0, 0)}}.heading-secondary{font-size:4rem;text-align:center;margin-bottom:11rem;background-clip:text;-webkit-background-clip:text;color:transparent;text-transform:uppercase;background-image:linear-gradient(90deg, #7ed56f, #28b485)}.heading-secondary--left{text-align:left;margin-bottom:6rem}.btn{font-size:1.8rem;font-weight:700;transition:0.3s linear;display:inline-block;text-decoration:none}@-webkit-keyframes slideUp{0%{transform:translate(0, 40%)}100%{opacity:1;transform:translate(0, 0)}}@keyframes slideUp{0%{transform:translate(0, 40%)}100%{opacity:1;transform:translate(0, 0)}}.btn--animated{position:relative;margin-top:8rem}.btn--animated::after{content:"";display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:40px;z-index:-1;transition:0.3s linear}.btn--slideup{opacity:0;-webkit-animation:slideUp 0.8s 1.5s linear forwards;animation:slideUp 0.8s 1.5s linear forwards}.btn--white{background-color:#fff;color:#777}.btn--white::after{background-color:#fff}.btn--green{background-color:#55c57e;color:#fff}.btn--green::after{background-color:#55c57e}.btn--round{text-transform:uppercase;padding:2rem 4rem;border-radius:40px}.btn--square{font-size:1.7rem;font-weight:600;padding:1.2rem;border-bottom:solid 2px #55c57e;color:#55c57e}.btn--square:hover{background-color:#55c57e;color:#fff}.btn--no-border{border:none}.btn--no-margin{margin:0}.btn:hover{box-shadow:0 5px 10px #888;transform:translateY(-5%)}.btn:hover::after{transform:scale(2);opacity:0}.btn:active{box-shadow:0 0 10px #888;transform:translateY(0)}.paragraph{margin:3rem 0 3rem;line-height:1.5}.paragraph--last{margin-bottom:4rem}.paragraph--feature{margin-bottom:0}.header{height:100vh;-webkit-clip-path:polygon(0 0, 100% 0, 100% 75vh, 0 95vh);clip-path:polygon(0 0, 100% 0, 100% 75vh, 0 95vh);background:linear-gradient(to right bottom, rgba(126,213,111,0.8) 0%, rgba(40,180,133,0.8) 100%),url("../img/compressed/hero-min.jpg") center/cover}.header__logo{width:10rem;margin:4rem}.nav{position:fixed;top:6rem;right:6rem;width:6rem;height:6rem;border-radius:50%;background-color:#fff;box-shadow:0 5px 12px #888;cursor:pointer;z-index:3}.nav__icon,.nav__icon::before,.nav__icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:3rem;height:0.2rem;background-color:#000}.nav__icon::before{transform:translate(-50%, -600%)}.nav__icon::after{transform:translate(-50%, 500%)}.hero-box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-align:center}.section-about{background-color:#f7f7f7;margin-top:-25vh;padding:12%}.section-about__container{display:flex;gap:0}.section-about__text{flex-basis:53%}.gallery{position:relative;flex-basis:47%}.gallery__img{width:34rem;position:absolute;box-shadow:0 5px 12px #888;border-radius:3px;transition:0.2s linear}.gallery__img:hover{outline:solid 1.8rem #55c57e;outline-offset:2rem;z-index:1;box-shadow:0 5px 10px #888;transform:scale(1.05) translateY(-12%)}.gallery__img--back{top:-2%;left:6%}.gallery__img--middle{top:8%;left:56%}.gallery__img--front{top:30%;left:25%}.section-features{padding:12%;transform:skewY(-5deg);margin-top:-15vh;background:linear-gradient(to right bottom, rgba(126,213,111,0.8) 0%, rgba(40,180,133,0.8) 100%),url("../img/compressed/nat-4-min.jpg") center/cover}.section-features__container{display:flex;gap:5rem;transform:skewY(5deg)}.feature{padding:3.5rem;background-color:rgba(247,247,247,0.8);text-align:center;box-shadow:0 5px 12px #888;border-radius:3px;transition:0.15s linear}.feature:hover{box-shadow:0 5px 10px #888;transform:translateY(-10px)}.feature__icon{font-size:6rem;margin-bottom:2rem;background-clip:text;-webkit-background-clip:text;color:transparent;text-transform:uppercase;background-image:linear-gradient(90deg, #7ed56f, #28b485)}.section-offers{padding:12%;padding-top:14%;background-color:#f7f7f7;margin-top:-15vh;text-align:center}.section-offers__container{display:flex;gap:5%}.card{perspective:150rem;flex-basis:30%;height:540px;position:relative}.card:hover .card__side--front{transform:rotateY(-180deg)}.card:hover .card__side--back{transform:rotateY(0);z-index:1}.card__side{height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:0.5s linear;box-shadow:0 5px 20px #ccc;border-radius:3px}.card__side--front{background-color:#fff}.card__side--back{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:0;left:0;width:100%;text-transform:uppercase;color:#fff;transform:rotateY(180deg);z-index:-1}.card__side--back--orange{background:linear-gradient(to right bottom, #ffb900 0%, rgba(248,115,44,0.8) 100%),url("") center/cover}.card__side--back--green{background:linear-gradient(to right bottom, #7ed56f 0%, rgba(40,180,133,0.8) 100%),url("") center/cover}.card__side--back--blue{background:linear-gradient(to right bottom, #2a97ff 0%, rgba(86,68,250,0.8) 100%),url("") center/cover}.card__image{height:45%;-webkit-clip-path:polygon(0 0, 100% 0, 100% 80%, 0 90%);clip-path:polygon(0 0, 100% 0, 100% 80%, 0 90%);filter:contrast(110%)}.card__image--orange{background:linear-gradient(to right bottom, rgba(255,185,0,0.8) 0%, rgba(248,115,44,0.8) 100%),url("../img/compressed/nat-5-min.jpg") center/cover}.card__image--green{background:linear-gradient(to right bottom, rgba(126,213,111,0.8) 0%, rgba(40,180,133,0.8) 100%),url("../img/compressed/nat-6-min.jpg") center/cover}.card__image--blue{background:linear-gradient(to right bottom, rgba(42,151,255,0.8) 0%, rgba(86,68,250,0.8) 100%),url("../img/compressed/nat-7-min.jpg") center/cover}.card__heading{position:absolute;top:27%;right:3%;padding:1.5rem;color:#fff;font-size:2.5rem;font-weight:300;text-transform:uppercase}.card__heading--orange{background-color:rgba(253,122,15,0.6)}.card__heading--green{background-color:rgba(85,197,126,0.6)}.card__heading--blue{background-color:rgba(64,109,252,0.6)}.card__list{list-style:none;text-align:center;font-size:1.8rem;padding:0 3rem}.card__item{padding:1.3rem 0}.card__item:not(:first-child){border-top:solid 1px #eee}.card__text{font-size:1.8rem}.card__price{font-size:6rem;font-weight:300;margin:3rem 0}.section-testimonial{padding:12%;padding-top:15rem;position:relative;overflow:hidden}.section-testimonial__box{text-align:center}.bg-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;z-index:-1;position:absolute;top:0;left:0;opacity:0.2}.testimonial{display:flex;align-items:center;width:75%;margin:0 auto;background-color:rgba(255,255,255,0.8);transform:skewX(-7deg);padding:5rem 7rem}.testimonial:hover .testimonial__name{opacity:1;transform:translate(-50%, -50%)}.testimonial:hover .testimonial__img{filter:blur(3px) brightness(80%);transform:scale(1)}.testimonial:not(:last-of-type){margin-bottom:10rem}.testimonial>*{transform:skewX(7deg)}.testimonial__img-box{position:relative;margin-right:3rem;display:flex;justify-content:center;align-items:center;width:15rem;height:15rem;border-radius:100px;overflow:hidden}.testimonial__img{height:100%;transform:scale(1.2);transition:0.3s linear}.testimonial__name{text-align:center;font-size:2rem;font-style:normal;text-transform:uppercase;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, 40%);opacity:0;line-height:1.5;transition:0.3s linear}.section-contact{padding:12%;background:linear-gradient(to right bottom, rgba(126,213,111,0.8) 0%, rgba(40,180,133,0.8) 100%),url("") center/cover}.contact-box{padding:6rem;background:linear-gradient(100deg, rgba(255,255,255,0.8) 48%, rgba(255,255,255,0) 48%),url("../img/compressed/nat-10-min.jpg") center/cover}.contact-box__form-row{position:relative}.contact-box__form-row:not(:last-of-type){margin-bottom:5rem}.contact-box__form-row--flex{display:flex;align-items:center}.contact-box__text{width:35%;font-size:2rem;padding:2rem 3rem 1.6rem;background-color:rgba(255,255,255,0.7);border:none;border-bottom:solid 3px transparent;outline:none}.contact-box__text:focus{border-bottom:solid 3px #fd7a0f;box-shadow:0 5px 12px #ccc;border-radius:3px}.contact-box__text:focus:valid{border-bottom:solid 3px #55c57e}.contact-box__text:focus:invalid{border-bottom:solid 3px #fd7a0f}.contact-box__text:-moz-placeholder-shown+.contact-box__label--slide{transform:translateY(-7.5rem);opacity:0}.contact-box__text:placeholder-shown+.contact-box__label--slide{transform:translateY(-7.5rem);opacity:0}.contact-box__label{font-weight:700;font-size:2rem}.contact-box__label:not(:last-of-type){margin-right:3rem}.contact-box__label--slide{position:absolute;left:3rem;top:7.5rem;transition:0.2s linear}.contact-box__radio{margin-right:1rem;transform:scale(1.4)}.footer{background-color:#333;padding:17rem 23rem;text-align:center}.footer__logo{width:20rem}.footer__container{justify-content:space-between;align-items:center;margin-top:10rem;display:flex;gap:0}.footer__list{align-items:center;list-style:none;text-transform:uppercase;display:flex;gap:3rem}.footer__link{color:#fff;text-decoration:none;transition:0.15s linear}.footer__link:hover{color:#55c57e}.footer__list,.footer__copyright{border-top:solid 1.5px #fff;padding-top:1.5rem;font-size:1.7rem;color:#fff}@media only screen and (min-width: 2300px){html{font-size:75%}.feature{padding:6.5rem 4.5rem}.section-offers__container{gap:9.5%}.card{flex-basis:27%;height:650px}}@media only screen and (max-width: 1728px){html{font-size:57%}.section-offers{padding-top:14%}.card{height:480px}.card__heading{font-size:2.3rem}.card__list{font-size:1.6rem}.footer__list{gap:1.6rem}.footer__list,.footer__copyright{font-size:1.6rem}}@media only screen and (max-width: 1323px){html{font-size:54%}body{padding:0}.nav{top:4rem;right:4rem}.heading-secondary{font-size:3.3rem}.header{-webkit-clip-path:polygon(0px 0px, 100% 0px, 100% 80vh, 0px 95vh);clip-path:polygon(0px 0px, 100% 0px, 100% 80vh, 0px 95vh)}.section-about{padding-top:20%;padding-bottom:22%}.gallery__img{width:28rem}.gallery__img--front{left:20%}.gallery__img--middle{top:13%;left:40%}.section-features__container{gap:5rem 8rem;justify-content:center;flex-wrap:wrap}.feature{flex-basis:35%}.section-offers{padding-top:20%}.card__price{font-size:4.5rem}.btn--small{font-size:1.2rem}.testimonial{width:85%}.contact-box{background:linear-gradient(100deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 64%),url("../img/nat-10.jpg") center/cover}.contact-box__text{width:55%}.footer__container{flex-direction:column;gap:7rem}}@media only screen and (max-width: 847px){html{font-size:50%}.header__logo{width:8.5rem}.heading-primary{font-size:5rem}.heading-primary__text--main{letter-spacing:2.4rem}.heading-primary__text--sub{font-size:1.8rem;letter-spacing:1rem}.heading-secondary{font-size:2.7rem}.btn{font-size:1.2rem}.btn--round{padding:1.7rem 3rem}.header{-webkit-clip-path:polygon(0px 0px, 100% 0px, 100% 100vh, 0px 100vh);clip-path:polygon(0px 0px, 100% 0px, 100% 100vh, 0px 100vh)}.section-about{margin-top:0}.section-about__container{flex-direction:column-reverse}.section-about__text{margin-top:2rem}.gallery__img{width:35%;position:relative}.gallery__img--back{top:-5rem;left:14%}.gallery__img--middle{top:-5rem;left:16%}.gallery__img--front{top:-3rem;left:33%}.section-features__container{gap:4rem}.feature{flex-basis:59%}.section-offers{padding-top:26%}.section-offers__container{flex-direction:column;align-items:center}.card{width:59%}.card:hover .card__side--front{transform:rotateY(0deg)}.card:hover .card__side--back{z-index:0}.card:not(:last-of-type){margin-bottom:6rem}.card__side--front{height:370px;transform:rotateY(0deg);padding-bottom:4.5rem}.card__side--back{position:static;transform:rotateY(0deg);z-index:0;padding:3rem;-webkit-clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 100%);margin-top:-3.7rem;border-radius:0 0 3px 3px}.card__image{border-radius:3px 3px 0 0}.card__heading{top:23%}.testimonial{width:100%;transform:skewX(0deg);padding:4rem}.testimonial>*{transform:skewX(0deg)}.testimonial__img-box{margin-right:2rem}.contact-box{padding:4.5rem;background:linear-gradient(100deg, rgba(255,255,255,0.8) 100%, rgba(255,255,255,0) 100%),url(../img/nat-10.jpg) center center/cover}.contact-box__text{width:95%;font-size:1.7rem}.contact-box__label{font-size:1.7rem}.contact-box__radio{transform:scale(1.2)}.footer{padding:15rem 5rem}}@media only screen and (max-width: 402px){html{font-size:45%}.nav{top:3.3rem}.heading-primary{font-size:4rem}.heading-primary__text--sub{letter-spacing:0.8rem}.section-about{padding-bottom:30%}.feature,.card{width:95%}.section-offers{padding-top:30%}.testimonial{flex-direction:column;gap:3rem}.testimonial__article{text-align:center}.contact-box__label:not(:last-of-type){margin-right:1rem}.footer__list{gap:1rem}}@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 500px), only screen and (min-resolution: 192dpi) and (min-width: 500px), (min-width: 1000px){.header{background:linear-gradient(to right bottom, rgba(126,213,111,0.8) 0%, rgba(40,180,133,0.8) 100%),url("../img/compressed/hero-large.jpg") center/cover}.section-features{background:linear-gradient(to right bottom, rgba(126,213,111,0.8) 0%, rgba(40,180,133,0.8) 100%),url("../img/compressed/nat-4-large.jpg") center/cover}.card__img--orange{background:linear-gradient(to right bottom, rgba(255,185,0,0.8) 0%, rgba(248,115,44,0.8) 100%),url("../img/compressed/nat-5-large.jpg") center/cover}.card__img--green{background:linear-gradient(to right bottom, rgba(126,213,111,0.8) 0%, rgba(40,180,133,0.8) 100%),url("../img/compressed/nat-6-large.jpg") center/cover}.card__img--blue{background:linear-gradient(to right bottom, rgba(42,151,255,0.8) 0%, rgba(86,68,250,0.8) 100%),url("../img/compressed/nat-7-large.jpg") center/cover}.contact-box{background:linear-gradient(100deg, rgba(255,255,255,0.8) 48%, rgba(255,255,255,0) 48%),url("../img/compressed/nat-10-large.jpg") center/cover}}