@keyframes moveInLeft{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(1rem)}100%{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}100%{opacity:1;transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(3rem)}80%{transform:translateY(-1rem)}100%{opacity:1;transform:translate(0)}}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}body{box-sizing:border-box;padding:3rem}@media only screen and (max-width: 56.25em){body{padding:0}}::selection{background-color:#28b485}body{font-family:'Lato', sans-serif;font-weight:400;line-height:1.7;color:#777}.heading-primary{color:#fff;text-transform:uppercase;backface-visibility:hidden;margin-bottom:4rem}.heading-primary--main{display:block;font-size:6rem;font-weight:400;letter-spacing:3.5rem;animation:moveInLeft 1s ease-out}@media only screen and (max-width: 37.5em){.heading-primary--main{letter-spacing:1rem;font-size:5rem}}.heading-primary--sub{display:block;font-size:2rem;font-weight:700;letter-spacing:1.08rem;animation:moveInRight 1s ease-out}@media only screen and (max-width: 37.5em){.heading-primary--sub{letter-spacing:0.5rem}}.heading-secondary{font-size:3.5rem;text-transform:uppercase;font-weight:700;display:inline-block;background-image:linear-gradient(to right, #7ed56f, #28b485);-webkit-background-clip:text;color:transparent;letter-spacing:2px;transition:all 0.2s}@media only screen and (max-width: 56.25em){.heading-secondary{font-size:3rem}}@media only screen and (max-width: 37.5em){.heading-secondary{font-size:2.5rem}}.heading-secondary:hover{transform:skewY(2deg) skewX(15deg) scale(1.1);text-shadow:0.5rem 1rem 2rem rgba(0,0,0,0.2)}.heading-tertiary{font-size:1.6rem;font-weight:700;text-transform:uppercase}.paragraph{font-size:1.6rem}.paragraph:not(:last-child){margin-bottom:3rem}.u-center-text{text-align:center !important}.u-margin-bottom-small{margin-bottom:1.5rem !important}.u-margin-bottom-medium{margin-bottom:4rem !important}@media only screen and (max-width: 56.25em){.u-margin-bottom-medium{margin-bottom:2rem !important}}.u-margin-bottom-large{margin-bottom:8rem !important}@media only screen and (max-width: 56.25em){.u-margin-bottom-large{margin-bottom:5rem !important}}.u-margin-top-small{margin-top:1.5rem !important}.u-margin-top-medium{margin-top:4rem !important}.u-margin-top-large{margin-top:8rem !important}.u-padding-small{padding:2rem !important}.u-padding-medium{padding:6rem !important}.u-padding-large{padding:10rem !important}.bg-video{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;opacity:.15;overflow:hidden}.bg-video__content{height:100%;width:100%;object-fit:cover}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;display:inline-block;padding:1rem 3rem;border-radius:100px;transition:all 0.2s;position:relative;font-size:1.6rem;border:none;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.btn:hover::after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn:active,.btn:focus{outline:none;transform:translateY(-1px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.2)}.btn::after{content:'';display:inline-block;height:100%;width:100%;border-radius:10rem;position:absolute;top:0;left:0;z-index:-1;transition:all 0.4s}.btn--white{background-color:#fff;color:#777}.btn--white::after{background-color:#fff}.btn--green{background-color:#55c57a;color:#fff}.btn--green::after{background-color:#55c57a}.btn--animated{animation:moveInBottom 0.5s ease-out 0.75s backwards}.btn-text:link,.btn-text:visited{font-size:1.6rem;color:#55c57a;display:inline-block;text-decoration:none;border-bottom:1px solid #55c57a;padding:3px;transition:all 0.2s}.btn-text:hover{background-color:#55c57a;color:#fff;box-shadow:0 1rem 2rem rgba(0,0,0,0.15);transform:translateY(-2px)}.btn-text:active{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);transform:translateY(0)}.card{perspective:150rem;-moz-perspective:150rem;position:relative;height:52rem}.card__side{height:52rem;transition:all 0.8s ease;position:absolute;top:0;left:0;width:100%;backface-visibility:hidden;border-radius:3px;overflow:hidden;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.15)}.card__side--front{background-color:#fff}.card__side--back{transform:rotateY(180deg)}.card__side--back-1{background-image:linear-gradient(to right bottom, #ffb900, #ff7730)}.card__side--back-2{background-image:linear-gradient(to right bottom, #7ed56f, #28b485)}.card__side--back-3{background-image:linear-gradient(to right bottom, #2998ff, #5643fa)}.card:hover .card__side--front{transform:rotateY(-180deg)}.card:hover .card__side--back{transform:rotateY(0deg)}.card__picture{background-size:cover;height:23rem;background-blend-mode:screen;clip-path:polygon(0 0, 100% 0, 100% 85%, 0 100%);border-top-left-radius:3px;border-top-right-radius:3px}.card__picture--1{background-image:linear-gradient(to right bottom, #ffb900, #ff7730),url("../img/nat-5.jpg")}.card__picture--2{background-image:linear-gradient(to right bottom, #7ed56f, #28b485),url("../img/nat-6.jpg")}.card__picture--3{background-image:linear-gradient(to right bottom, #2998ff, #5643fa),url("../img/nat-7.jpg")}.card__heading{font-size:2.8rem;font-weight:300;text-transform:uppercase;text-align:right;color:#fff;position:absolute;top:12rem;right:2rem;width:65%}.card__heading-span{padding:1rem 1.5rem;box-decoration-break:clone}.card__heading-span--1{background-image:linear-gradient(to right bottom, rgba(255,185,0,0.85) rgba(255,119,48,0.85))}.card__heading-span--2{background-image:linear-gradient(to right bottom, rgba(126,213,111,0.85) rgba(40,180,133,0.85))}.card__heading-span--3{background-image:linear-gradient(to right bottom, rgba(41,152,255,0.85) rgba(86,67,250,0.85))}.card__details ul{list-style:none;width:80%;margin:0 auto;margin-top:2rem}.card__details ul li{text-align:center;font-size:1.5rem;padding:1rem}.card__details ul li:not(:last-child){border-bottom:1px solid #eee}.card__cta{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;text-align:center}.card__price-box{text-align:center;color:#fff;margin-bottom:8rem}.card__price-only{font-size:1.4rem;text-transform:uppercase}.card__price-value{font-size:6rem;font-weight:100}@media only screen and (max-width: 56.25em), only screen and (hover: none){.card{height:auto;border-radius:3px;background-color:#fff;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.15)}.card__side{height:auto;position:relative;box-shadow:none}.card__side--back{transform:rotateY(0deg);clip-path:polygon(0 15%, 100% 0, 100% 100%, 0 100%)}.card:hover .card__side--front{transform:rotateY(0deg)}.card__details{padding:1rem 3rem}.card__cta{position:relative;top:0;left:0;transform:translate(0);width:100%;padding:7rem 4rem 4rem 4rem}.card__price-box{margin-bottom:3rem}.card__price-value{font-size:6rem}}.composition{position:relative}.composition__photo{width:55%;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.4);border-radius:2px;position:absolute;z-index:10;transition:all 0.2s;outline-offset:2rem}@media only screen and (max-width: 56.25em){.composition__photo{float:left;position:relative;width:33.33333%}}.composition__photo--p1{left:0rem;top:-2rem}@media only screen and (max-width: 56.25em){.composition__photo--p1{top:0;transform:scale(1.2)}}.composition__photo--p2{right:0rem;top:2rem}@media only screen and (max-width: 56.25em){.composition__photo--p2{top:-.5rem;transform:scale(1.3);z-index:100}}.composition__photo--p3{left:20%;top:10rem}@media only screen and (max-width: 56.25em){.composition__photo--p3{top:0;left:0;transform:scale(1.2)}}.composition__photo:hover{outline:1.5rem solid #55c57a;transform:scale(1.05) translateY(-0.5rem);box-shadow:0 2.5rem 4rem rgba(0,0,0,0.5);z-index:20}.composition:hover .composition__photo:not(:hover){transform:scale(0.8)}.feature-box{background-color:rgba(255,255,255,0.8);font-size:1.6rem;padding:2.5rem;text-align:center;border-radius:3px;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.15);transition:all .3s}.feature-box__icon{font-size:6rem;margin-bottom:0.5rem;display:inline-block;background-image:linear-gradient(to right, #7ed56f, #28b485);-webkit-background-clip:text;color:transparent}.feature-box:hover{transform:translateY(-1.5rem) scale(1.03)}.form__group:not(:last-child){margin-bottom:2rem}.form__input{font-size:1.5rem;font-family:inherit;color:inherit;padding:1.5rem 2rem;border-radius:2px;background-color:rgba(255,255,255,0.5);border:none;border-bottom:3px solid transparent;width:90%;display:block;transition:all 0.3s}.form__input:focus{outline:none;box-shadow:0 1rem 2rem rgba(0,0,0,0.1);border-bottom:3px solid #55c57a}.form__input:focus:invalid{border-bottom:3px solid #ff7730}.form__input::-webkit-input-placeholder{color:#999}@media only screen and (max-width: 56.25em){.form__input{width:100%}}.form__label{font-size:1.2rem;font-weight:700;margin-left:2rem;margin-top:0.7rem;display:block;transition:all 0.3s}.form__input:placeholder-shown+.form__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.form__radio-group{width:49%;display:inline-block}@media only screen and (max-width: 56.25em){.form__radio-group{width:100%;margin-bottom:1.5rem}}.form__radio-input{display:none}.form__radio-label{font-size:1.6rem;cursor:pointer;position:relative;padding-left:4.5rem}.form__radio-button{height:3rem;width:3rem;border:5px solid #55c57a;border-radius:50%;display:inline-block;position:absolute;left:0;top:-0.4rem}.form__radio-button::after{content:'';display:block;height:1.3rem;width:1.3rem;border-radius:50%;position:absolute;top:50%;left:50%;background-color:#55c57a;transform:translate(-50%, -50%);opacity:0;transition:opactiy 0.3s}.form__radio-input:checked ~ .form__radio-label .form__radio-button::after{opacity:1}.popup{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:rgba(0,0,0,0.8);z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s}@supports (backdrop-filter: blur(10px)){.popup{backdrop-filter:blur(10px);background-color:rgba(0,0,0,0.3)}}.popup__content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:75%;background-color:#fff;box-shadow:0 2rem 4rem rgba(0,0,0,0.2);border-radius:3px;overflow:hidden;display:table;opacity:0;transform:translate(-50%, -50%) scale(0.25);transition:all 0.5s 0.2s}@media only screen and (max-width: 37.5em){.popup__content{display:flex;flex-direction:column}}.popup__left{width:33.33333%;display:table-cell}@media only screen and (max-width: 37.5em){.popup__left{width:100%}}.popup__right{width:66.66666%;display:table-cell;vertical-align:middle;padding:3rem 5rem}@media only screen and (max-width: 37.5em){.popup__right{width:100%}}.popup__img{display:block;width:100%}.popup__text{font-size:1.4rem;margin-bottom:4rem;column-count:2;column-gap:4rem;column-rule:1px solid #eee;hyphens:auto}@media only screen and (max-width: 37.5em){.popup__text{column-count:1}}.popup:target{opacity:1;visibility:visible}.popup:target .popup__content{opacity:1;transform:translate(-50%, -50%) scale(1)}.popup__close:link,.popup__close:visited{color:#999;position:absolute;top:2.5rem;right:2.5rem;font-size:3rem;text-decoration:none;display:inline-block;transition:all 0.3s}.popup__close:hover{color:#55c57a}.story{width:75%;margin:0 auto;box-shadow:0 3rem 6rem rgba(0,0,0,0.1);background-color:rgba(255,255,255,0.6);border-radius:3px;padding:6rem;padding-left:9rem;font-size:1.6rem;transform:skewX(-12deg)}@media only screen and (max-width: 37.5em){.story{transform:skewX(0)}}.story__shape{width:15rem;height:15rem;float:left;position:relative;transform:translateX(-3rem) skewX(12deg);overflow:hidden}@supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)){.story__shape{clip-path:circle(50% at 50% 50%);shape-outside:circle(50% at 50% 50%);border-radius:50%}}@media only screen and (max-width: 37.5em){.story__shape{transform:translateX(-3rem) skewX(0)}}.story__img{height:100%;transform:translateX(-4rem) scale(1.4);backface-visibility:hidden;transition:all 0.5s}.story__text{transform:skewX(12deg)}@media only screen and (max-width: 37.5em){.story__text{transform:skewX(0)}}.story__caption{position:absolute;top:50%;left:50%;transform:translate(-50%, 20%);color:#fff;font-size:1.7rem;text-align:center;opacity:0;transition:all 0.5s;backface-visibility:hidden}.story:hover .story__caption{opacity:1;transform:translate(-50%, -50%)}.story:hover .story__img{transform:translate(-4rem) scale(1);filter:blur(3px) brightness(80%)}.footer{background-color:#777;padding:10rem 0;font-size:1.4rem;color:#f7f7f7}@media only screen and (max-width: 56.25em){.footer{padding:8rem 0}}.footer__logo-box{text-align:center;margin-bottom:8rem}@media only screen and (max-width: 56.25em){.footer__logo-box{margin-bottom:6rem}}.footer__logo{width:15rem;height:auto}.footer__navigation{border-top:1px solid #f7f7f7;padding-top:2rem;display:inline-block;margin:0 5rem}@media only screen and (max-width: 56.25em){.footer__navigation{float:none;margin:0;text-align:center}}.footer__list{list-style:none}.footer__item{display:inline-block}.footer__item:not(:last-child){margin-right:1.5rem}.footer__link:link,.footer__link:visited{color:#f7f7f7;background-color:#777;text-decoration:none;text-transform:uppercase;display:inline-block;transition:all 0.2s}.footer__link:hover,.footer__link:active{color:#55c57a;box-shadow:0 1rem 2rem rgba(0,0,0,0.4);transform:scale(1.2)}.footer__copyright{border-top:1px solid #eee;padding-top:2rem;margin:0 5rem;float:right}@media only screen and (max-width: 56.25em){.footer__copyright{float:none;margin:0}}.grid-1{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}@media only screen and (max-width: 56.25em){.grid-2{grid-template-columns:repeat(1, 1fr);width:80%;margin-left:10%}}.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}@media only screen and (max-width: 56.25em){.grid-3{grid-template-columns:repeat(2, 1fr);width:80%;margin-left:10%}}@media only screen and (max-width: 37.5em){.grid-3{grid-template-columns:repeat(1, 1fr);width:80%;margin-left:10%}}.grid-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:4rem}@media only screen and (max-width: 56.25em){.grid-4{grid-template-columns:repeat(2, 1fr);gap:3rem}}@media only screen and (max-width: 37.5em){.grid-4{grid-template-columns:repeat(1, 1fr)}}.header{height:85vh;position:relative;background-image:linear-gradient(to right bottom, rgba(126,213,111,0.8), rgba(40,180,133,0.8)),url("../img/hero-small.jpg");background-size:cover;background-position:top}@supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)){.header{clip-path:polygon(0 0, 100% 0, 100% 75vh, 0 100%);height:95vh}}@media only screen and (min-resolution: 192dpi) and (min-width: 37.5em), only screen and (min-width: 125em), only screen and (min-width: 125em){.header{background-image:linear-gradient(to right bottom, rgba(126,213,111,0.8), rgba(40,180,133,0.8)),url("../img/hero.jpg")}}@media only screen and (max-width: 37.5em){.header{clip-path:polygon(0 0, 100% 0, 100% 85vh, 0 100%)}}.header__logo{height:2rem}.header__logo-box{position:absolute;top:2rem;left:2rem}.header__text-box{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);text-align:center}.navigation__checkbox{display:none}.navigation__button{background-color:#fff;height:7rem;width:7rem;top:6rem;right:6rem;z-index:2000;position:fixed;border-radius:50%;box-shadow:0 1rem 3rem rgba(0,0,0,0.1);text-align:center;cursor:pointer}@media only screen and (max-width: 56.25em){.navigation__button{top:4rem;right:4rem}}.navigation__background{height:6rem;width:6rem;border-radius:50%;position:fixed;top:6.5rem;right:6.5rem;background-image:radial-gradient(#7ed56f, #28b485);z-index:1000;transition:transform 0.8s cubic-bezier(0.86, 0, 0.07, 1)}@media only screen and (max-width: 56.25em){.navigation__background{top:4.5rem;right:4.5rem}}.navigation__nav{height:100vh;position:fixed;top:0;right:0;z-index:1500;opacity:0;width:0;transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.navigation__list{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);list-style:none;text-align:center;width:100%}.navigation__item{margin:1rem}.navigation__link:link,.navigation__link:visited{display:inline-block;font-size:3rem;font-weight:300;padding:1rem 2rem;color:#fff;text-decoration:none;text-transform:uppercase;background-image:linear-gradient(120deg, transparent 0%, transparent 50%, white 50%);background-size:230%;transition:all 0.4s}.navigation__link:link span,.navigation__link:visited span{margin-right:1.5rem;display:inline-block}.navigation__link:hover,.navigation__link:active{background-position:100%;color:#55c57a;transform:translateX(1rem)}.navigation__checkbox:checked ~ .navigation__background{transform:scale(80)}.navigation__checkbox:checked ~ .navigation__nav{width:100%;opacity:1}.navigation__icon{position:relative;margin-top:3.5rem}.navigation__icon,.navigation__icon::before,.navigation__icon::after{width:3rem;height:2px;background-color:#999;display:inline-block}.navigation__icon::before,.navigation__icon::after{content:'';position:absolute;left:0;transition:all 0.2s}.navigation__icon::before{top:-0.8rem}.navigation__icon::after{top:0.8rem}.navigation__button:hover .navigation__icon::before{top:-1rem}.navigation__button:hover .navigation__icon::after{top:1rem}.navigation__checkbox:checked+.navigation__button .navigation__icon{background-color:transparent}.navigation__checkbox:checked+.navigation__button .navigation__icon::before{top:0;transform:rotate(135deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon::after{top:0;transform:rotate(45deg)}.section-about{background-color:#f7f7f7;padding:25rem 0;margin-top:-20vh}@media only screen and (max-width: 56.25em){.section-about{padding:20rem 0}}.section-features{padding:20rem 0;background-image:linear-gradient(to right bottom, rgba(126,213,111,0.8), rgba(40,180,133,0.8)),url("../img/nat-4.jpg");background-size:cover;transform:skewY(-7deg);margin-top:-15rem}.section-features>*{transform:skewY(7deg)}@media only screen and (max-width: 56.25em){.section-features{padding:15rem 0}}.section-tours{background-color:#f7f7f7;padding:25rem 10rem 15rem 10rem;margin-top:-20vh}@media only screen and (max-width: 56.25em){.section-tours{padding:20rem 5rem 10rem 5rem}}.section-stories{position:relative;padding:15rem 0}@media only screen and (max-width: 56.25em){.section-stories{padding:10rem 0}}.section-book{padding:15rem 0;background-image:linear-gradient(to right bottom, #7ed56f, #28b485)}.book{background-image:linear-gradient(105deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 50%, transparent 50%),url("../img/nat-10.jpg");background-size:100%;border-radius:3px;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.2)}@media only screen and (max-width: 75em){.book{background-image:linear-gradient(105deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 65%, transparent 65%),url("../img/nat-10.jpg");background-size:cover}}@media only screen and (max-width: 56.25em){.book{background-image:linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%, transparent 65%),url("../img/nat-10.jpg");background-size:cover}}.book__form{width:50%;padding:6rem}@media only screen and (max-width: 75em){.book__form{width:65%}}@media only screen and (max-width: 56.25em){.book__form{width:100%}}.border{border:1px solid black}