@keyframes moveInLeft{0%{opacity:0;transform:translateX(-10rem)}50%{transform:translateX(1.5rem)}100%{opacity:1;transform:translateX(0)}}@keyframes left{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}50%{transform:translateX(-1.5rem)}100%{opacity:1;transform:translateX(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(10rem)}100%{opacity:1;transform:translateY(0)}}@keyframes moveInTop{0%{opacity:0;transform:translateY(-10rem)}100%{opacity:1;transform:translateY(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}}::-moz-selection{background-color:#55c57a;color:#fff}::selection{background-color:#55c57a;color:#fff}body{color:#777;font-family:"Lato", sans-serif;font-weight:400;line-height:1.7}.heading-primary{margin-bottom:6rem;color:#fff;text-transform:uppercase;font-weight:400;backface-visibility:hidden}.heading-primary--main{display:block;font-size:6rem;letter-spacing:3.5rem;animation-name:moveInLeft;animation-duration:1.5s}@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;letter-spacing:1.74rem;font-weight:700;animation-name:moveInRight;animation-duration:1.5s}@media only screen and (max-width: 37.5em){.heading-primary--sub{letter-spacing:0.5rem}}.heading-secondary{display:inline-block;text-transform:uppercase;letter-spacing:2px;font-size:3.5rem;font-weight:700;background-image:linear-gradient(to right, #7ed56f, #28b485);background-clip:text;-webkit-background-clip:text;color:transparent;transition:all 0.3s;animation:left 0.6s forwards}@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)}@supports (animation-timeline: view()) and (animation-range-start: entry) and (animation-range-end: 50%){@media (prefers-reduced-motion: no-preference){.heading-secondary{animation-timeline:view();animation-range-start:entry;animation-range-end:50%}}}.heading-tertiary{font-size:1.6rem;font-weight:700;text-transform:uppercase}.paragraph{font-size:1.6rem}.paragraph:not(:last-child){margin-bottom:2rem}.u-center-text{text-align:center !important}.u-margin-bottom-1{margin-bottom:1rem !important}.u-margin-bottom-4{margin-bottom:4rem !important}@media only screen and (max-width: 56.25em){.u-margin-bottom-4{margin-bottom:3rem !important}}.u-margin-bottom-8{margin-bottom:8rem !important}@media only screen and (max-width: 56.25em){.u-margin-bottom-8{margin-bottom:5rem !important}}.u-margin-top-8{margin-top:8rem !important}.u-margin-top-4{margin-top:4rem !important}.btn,.btn:link,.btn:visited{display:inline-block;padding:1.4rem 3.5rem;border-radius:5rem;text-transform:uppercase;text-decoration:none;font-size:1.6rem;position:relative;border:none;cursor:pointer}.btn:hover{transform:translateY(-0.3rem);box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.btn:hover::after{transform:scale(1.5);opacity:0}.btn:active{transform:translateY(-0.1rem);box-shadow:0 0.7rem 1rem rgba(0,0,0,0.2)}.btn::after{content:"";width:100%;height:100%;border-radius:5rem;position:absolute;top:0;left:0;transition:all 0.3s;z-index:-1}.btn--white{margin-inline:auto;background-color:#fff;color:#777}.btn--white::after{background-color:#fff}.btn--green{margin-inline:auto;background-color:#28b485;color:#fff}.btn--green::after{background-color:#28b485}.btn--animated{animation-name:moveInBottom;animation-duration:0.8s;animation-delay:0.6s;animation-fill-mode:backwards}.btn-txt:link,.btn-txt:visited{display:inline-block;padding:3px;color:#28b485;text-decoration:none;font-size:1.6rem;border-bottom:1px solid #28b485;transition:all 0.2s}.btn-txt:hover{color:#fff;background-color:#28b485;transform:translateY(-3px);box-shadow:0 5px 50px rgba(0,0,0,0.2)}.btn-txt:active{transform:translateY(1px)}.composition{position:relative;background:#55c57a;transition:all 0.3s}.composition__photo{width:55%;outline-offset:2rem;box-shadow:0 10px 20px rgba(0,0,0,0.6);position:absolute;z-index:10;transition:all 0.3s}@media only screen and (max-width: 56.25em){.composition__photo{float:left;position:relative;width:33.3333333%;box-shadow:0 10px 20px rgba(0,0,0,0.3)}}.composition__photo:hover{outline:1.5rem solid #28b485;transform:scale(1.08) translateY(-5px);box-shadow:0 10px 40px rgba(0,0,0,0.7);z-index:20}.composition__photo-p1{left:0;top:-2rem}@media only screen and (max-width: 56.25em){.composition__photo-p1{top:0rem;transform:scale(1.2)}}.composition__photo-p2{right:0;top:2rem}@media only screen and (max-width: 56.25em){.composition__photo-p2{top:-1rem;transform:scale(1.3);z-index:50}}.composition__photo-p3{left:20%;top:10rem}@media only screen and (max-width: 56.25em){.composition__photo-p3{top:1rem;left:0;transform:scale(1.1)}}.composition:hover .composition__photo:not(:hover){transform:scale(0.9)}.feature-box{padding:2.5rem;font-size:1.5rem;text-align:center;background-color:rgba(255,255,255,0.6);border-radius:3px;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.3);transition:all .3s}.feature-box__icon{display:inline-block;margin-bottom:.5rem;color:transparent;font-size:6rem;background-image:linear-gradient(to right, #7ed56f, #28b485);-webkit-background-clip:text;background-clip:text}.feature-box:hover{transform:translateY(-15px) scale(1.01)}.card{height:52rem;perspective:150rem;-moz-perspective:150rem;position:relative}.card__side{width:100%;height:52rem;border-radius:3px;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.15);background-color:orangered;backface-visibility:hidden;transition:all 0.8s ease-in;position:absolute;left:0;top:0;overflow:hidden}.card__side--front{background-color:#fff}.card__side--back{transform:rotateY(0.5turn)}.card__side--back-1{background-image:linear-gradient(to bottom right, #ffb900, #ff7730)}.card__side--back-2{background-image:linear-gradient(to bottom right, #7ed56f, #28b485)}.card__side--back-3{background-image:linear-gradient(to bottom right, #2998ff, #5643fa)}.card:hover .card__side--front{transform:rotateY(-0.5turn)}.card:hover .card__side--back{transform:rotateY(0)}.card__picture{height:23rem;background-size:cover;background-blend-mode:screen;clip-path:polygon(0 0, 100% 0, 100% 80%, 0 100%)}.card__picture--1{background-image:linear-gradient(to bottom right, #ffb900, #ff7730),url(../img/nat-5.jpg)}.card__picture--2{background-image:linear-gradient(to bottom right, #7ed56f, #28b485),url(../img/nat-6.jpg)}.card__picture--3{background-image:linear-gradient(to bottom right, #2998ff, #5643fa),url(../img/nat-7.jpg)}.card__heading{width:75%;font-size:2.8rem;font-weight:300;text-transform:uppercase;color:#fff;position:absolute;top:12rem;right:2rem;text-align:end}.card__heading-span{padding:1rem 1.5rem}.card__heading-span--1{background-image:linear-gradient(to bottom right, rgba(255,185,0,0.85), rgba(255,119,48,0.85))}.card__heading-span--2{background-image:linear-gradient(to bottom right, rgba(126,213,111,0.85), rgba(40,180,133,0.85))}.card__heading-span--3{background-image:linear-gradient(to bottom right, rgba(41,152,255,0.85), rgba(86,67,250,0.85))}.card__details{padding:3rem}.card__details ul{width:80%;margin:0 auto;list-style:none}.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{width:95%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.card__price-box{margin-bottom:8rem;color:#fff}.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{backface-visibility:visible;transform:rotateY(0);clip-path:polygon(0 15%, 100% 0, 100% 100%, 0 100%)}.card:hover .card__side--front{transform:rotateY(0)}.card__details{padding:1rem 3rem}.card__cta{width:100%;padding:7rem 4rem 4rem 4rem;position:relative;top:0;left:0;transform:translate(0)}.card__price-box{margin-bottom:3rem}.card__price-value{font-size:6rem}}.story{width:75%;margin:0 auto;padding:6rem;padding-left:9rem;box-shadow:0 3rem 6rem rgba(0,0,0,0.1);background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:1.6rem;transform:skewX(-12deg)}@media only screen and (max-width: 56.25em){.story{width:100%;padding:3rem;padding-left:5rem}}@media only screen and (max-width: 37.5em){.story{transform:skewX(0)}}.story__shape{width:15rem;height:15rem;float:left;-webki-shape-outside:circle(50% at 50% 50%);shape-outside:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);transform:translateX(-3rem) skewX(12deg);position:relative;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 37.5em){.story__shape{width:12rem;height:12rem;transform:translateX(-3rem) skewX(0)}}.story__img{height:100%;transition:all 0.3s;transform:scale(1.3)}.story__text{transform:skewX(12deg)}@media only screen and (max-width: 37.5em){.story__text{transform:skewX(0)}}.story__caption{color:#fff;text-transform:uppercase;text-align:center;font-size:1.7rem;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%, 20%);transition:all 0.3s;backface-visibility:hidden}.story:hover .story__caption{transform:translate(-50%, -50%);opacity:1}.story:hover .story__img{transform:scale(1);filter:blur(2px) brightness(80%)}.bg-video{opacity:0.15;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.bg-video::-webkit-media-controls{display:none !important}.bg-video__content{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.form__group:not(:last-child){margin-bottom:2rem}.form__input{padding:1.5rem 2rem;font-size:1.5rem;color:#000;border-radius:2px;background-color:rgba(255,255,255,0.5);border:none;font-family:inherit;border-bottom:3px solid transparent;width:90%;display:block}@media only screen and (max-width: 56.25em){.form__input{width:100%}}.form__input:focus{outline:none;box-shadow:0 1rem 2rem rgba(0,0,0,0.1)}.form__input:focus:invalid{border-bottom:3px solid #ff7730}.form__input:focus:valid{border-bottom:3px solid #28b485}.form__input::-moz-placeholder{color:#999}.form__input::placeholder{color:#999}.form__label{font-size:1.2rem;font-weight:700;margin-left:2rem;margin-top:0.7rem;display:block;transition:all 0.4s}.form__input:-moz-placeholder-shown ~ .form__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.form__input:placeholder-shown ~ .form__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.form__radio-group{display:inline-block}@media only screen and (max-width: 56.25em){.form__radio-group{width:100%;margin-bottom:2rem}}.form__radio-group:not(:last-child){margin-right:4rem}.form__radio-label{font-size:1.6rem;cursor:pointer}.form__radio-button{display:inline-block;height:15px;width:15px;margin-right:1.5rem;background-color:transparent;border-radius:50%;outline:4px solid #28b485;outline-offset:4px}@media only screen and (max-width: 56.25em){.form__radio-button{width:7px;height:7px}}.form__radio-input{display:none}.form__radio-input:checked ~ .form__radio-label .form__radio-button{background-color:#28b485}.popup{height:100vh;width:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.8);z-index:110;opacity:0;visibility:hidden;transition:all 0.2s}@supports (-webkit-backdrop-filter: blur(7px)) or (backdrop-filter: blur(7px)){.popup{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:rgba(0,0,0,0.3)}}.popup:target{opacity:1;visibility:visible}.popup:target .popup__content{transform:translate(-50%, -50%) scale(1);opacity: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;line-height:1}@media only screen and (max-width: 56.25em){.popup__close:link,.popup__close:visited{top:1rem;right:1.75rem}}.popup__close:hover{color:#28b485}.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.8);border-radius:3px;display:table;overflow:hidden;opacity:0;transform:translate(-50%, -50%) scale(0.2);transition:all 0.4s 0.2s}@media only screen and (max-width: 37.5em){.popup__content{width:95%;display:block}}.popup__left{width:33.333333%;display:table-cell;vertical-align:middle}@media only screen and (max-width: 37.5em){.popup__left{width:100%;display:block}}.popup__right{width:66.666667%;padding:3rem 5rem;display:table-cell;vertical-align:middle}@media only screen and (max-width: 56.25em){.popup__right{padding:2rem 3rem}}@media only screen and (max-width: 37.5em){.popup__right{width:100%;display:block}}.popup__img{display:block;width:100%}@media only screen and (max-width: 37.5em){.popup__img{height:20vh;-o-object-fit:cover;object-fit:cover}}.popup__img:nth-child(2){display:none}.popup__text{font-size:1.4rem;margin-bottom:4rem;-moz-column-count:2;-moz-column-gap:4rem;-moz-column-rule:1px solid #999;column-count:2;column-gap:4rem;column-rule:1px solid #999;-webkit-hyphens:auto;hyphens:auto}.row{max-width:114rem;margin:0 auto}.row:not(:last-child){margin-bottom:8rem}@media only screen and (max-width: 56.25em){.row:not(:last-child){margin-bottom:6rem}}@media only screen and (max-width: 56.25em){.row{max-width:50rem}}@media only screen and (max-width: 37.5em){.row{padding:0 3rem}}.row::after{content:"";display:table;clear:both}.row [class^="col-"]{float:left}.row [class^="col-"]:not(:last-child){margin-right:6rem}@media only screen and (max-width: 56.25em){.row [class^="col-"]:not(:last-child){margin-right:0;margin-bottom:6rem}}@media only screen and (max-width: 56.25em){.row [class^="col-"]{width:100% !important}}.row .col-1-of-2{width:calc((100% - 6rem) / 2)}.row .col-1-of-3{width:calc((100% - 2 * 6rem) / 3)}.row .col-2-of-3{width:calc( (100% - 6rem) - calc((100% - 2 * 6rem) / 3))}.row .col-1-of-4{width:calc((100% - (3 * 6rem)) / 4)}.row .col-2-of-4{width:calc( 100% - 2 * 6rem - 2 * ( 100% - (3 * 6rem) ) / 4)}.row .col-3-of-4{width:calc( (100% - 6rem) - ((100% - (3 * 6rem)) / 4))}.header{height:95vh;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-position:top;background-size:cover;background-repeat:no-repeat;position:relative;clip-path:polygon(0 0, 100% 0, 100% 85%, 0% 100%)}@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 37.5em), only screen and (min-resolution: 192dpi) and (min-width: 37.5em), (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% 90%, 0% 100%)}}.header__logo-box{position:absolute;top:4rem;left:4rem}.header__logo{height:3.8rem}.header__text-box{text-align:center;position:absolute;top:40%;left:50%;transform:translate(-50%, -50%)}.footer{background-color:#333;color:#f7f7f7;padding:10rem 0;font-size:1.4rem}@media only screen and (max-width: 56.25em){.footer{padding:7rem 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__nav{display:inline-block;margin:0 auto;padding-top:2rem;margin-left:1rem;border-top:1px solid #eee}@media only screen and (max-width: 56.25em){.footer__nav{width:100%;text-align:center}}.footer__list{list-style:none}.footer__link:link,.footer__link:visited{color:#f7f7f7;background-color:#333;text-decoration:none;text-transform:uppercase;display:inline-block;transition:all 0.2s}.footer__link:hover,.footer__link:active{color:#28b485;box-shadow:0 1rem 2rem rgba(0,0,0,0.4);transform:rotate(5deg) scale(1.3)}.footer__item{display:inline-block}.footer__item:not(:last-child){margin-right:1.5rem}.footer__copyright{margin-right:1rem;padding-top:2rem;border-top:1px solid #eee;float:right}@media only screen and (max-width: 56.25em){.footer__copyright{width:100%;float:none;text-align:center}}.nav-bar__checkbox{display:none}.nav-bar__button{height:7rem;width:7rem;border-radius:50%;background:#fff;position:fixed;top:6rem;right:6rem;z-index:110;border:1px solid;box-shadow:0 1rem 3rem rgba(0,0,0,0.1);cursor:pointer}@media only screen and (max-width: 56.25em){.nav-bar__button{top:3rem;right:3rem}}.nav-bar__bg{height:6rem;width:6rem;border-radius:50%;background-image:radial-gradient(#7ed56f, #28b485);position:fixed;top:6.5rem;right:6.5rem;z-index:100;transition:all 0.8s cubic-bezier(0.83, 0, 0.17, 1)}@media only screen and (max-width: 56.25em){.nav-bar__bg{top:3.5rem;right:3.5rem}}.nav-bar__nav{height:100vh;width:100%;opacity:0;position:fixed;top:0;left:-100vw;z-index:105;transition:all 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6)}.nav-bar__list{width:100%;text-align:center;list-style:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.nav-bar__item{margin:1rem}.nav-bar__link:visited,.nav-bar__link:link{display:inline-block;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;font-size:3rem;font-weight:300;color:#fff;background-image:linear-gradient(120deg, transparent 0%, transparent 50%, #fff 50%);background-size:220%;transition:all 0.3s}.nav-bar__link span{margin-right:1.5rem;display:inline-block}.nav-bar__link:hover,.nav-bar__link:active{background-position:100% 0;color:#28b485;transform:translateX(1rem)}.nav-bar__checkbox:checked ~ .nav-bar__bg{transform:scale(100)}.nav-bar__checkbox:checked ~ .nav-bar__nav{opacity:1;left:0}.nav-bar__icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.nav-bar__icon,.nav-bar__icon::before,.nav-bar__icon::after{display:block;width:3rem;height:2px;background-color:#000}.nav-bar__icon::before,.nav-bar__icon::after{content:"";position:absolute;left:0;transition:all 0.3s}.nav-bar__icon::before{top:-0.8rem}.nav-bar__icon::after{top:0.8rem}.nav-bar__button:hover .nav-bar__icon::before{top:-1rem}.nav-bar__button:hover .nav-bar__icon::after{top:1rem}.nav-bar__checkbox:checked+.nav-bar__button .nav-bar__icon{background-color:transparent}.nav-bar__checkbox:checked+.nav-bar__button .nav-bar__icon::before{top:0;transform:rotate(135deg)}.nav-bar__checkbox:checked+.nav-bar__button .nav-bar__icon::after{top:0;transform:rotate(-135deg)}.section-about{padding:15rem 0;margin-top:-14vh;background:#f7f7f7}@media only screen and (max-width: 56.25em){.section-about{padding:14rem 0}}.section-features{padding:20rem 0;margin-top:-7rem;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(-6deg)}.section-features>*{transform:skewY(6deg)}@media only screen and (max-width: 56.25em){.section-features{padding:14rem 0}}.section-tours{padding:15rem 0 10rem;margin-top:-7rem;background:#f7f7f7}@media only screen and (max-width: 56.25em){.section-tours{padding:14rem 0 8rem}}.section-stories{padding:15rem 0;position:relative}@media only screen and (max-width: 56.25em){.section-stories{padding:14rem 0}}.section-book{padding:15rem 0;background-image:linear-gradient(to right bottom, rgba(126,213,111,0.8), rgba(40,180,133,0.8))}@media only screen and (max-width: 56.25em){.section-book{padding:14rem 0}}.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:cover;border-radius:3px;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.15)}@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 100%),url(../img/nat-10.jpg)}}.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%}}
