@font-face {
  font-family: "linea-basic-10";
  src: url("fonts/linea-basic-10.eot");
  src: url("fonts/linea-basic-10.eot?#iefix") format("embedded-opentype"), url("fonts/linea-basic-10.woff") format("woff"), url("fonts/linea-basic-10.ttf") format("truetype"), url("fonts/linea-basic-10.svg#linea-basic-10") format("svg");
  font-weight: normal;
  font-display: swap !important;
  font-style: normal;
}

[data-icon]:before {
  font-family: "linea-basic-10" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-display: swap !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "linea-basic-10" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-basic-accelerator:before {
  content: "a";
}

.icon-basic-alarm:before {
  content: "b";
}

.icon-basic-anchor:before {
  content: "c";
}

.icon-basic-anticlockwise:before {
  content: "d";
}

.icon-basic-archive:before {
  content: "e";
}

.icon-basic-archive-full:before {
  content: "f";
}

.icon-basic-ban:before {
  content: "g";
}

.icon-basic-battery-charge:before {
  content: "h";
}

.icon-basic-battery-empty:before {
  content: "i";
}

.icon-basic-battery-full:before {
  content: "j";
}

.icon-basic-battery-half:before {
  content: "k";
}

.icon-basic-bolt:before {
  content: "l";
}

.icon-basic-book:before {
  content: "m";
}

.icon-basic-book-pen:before {
  content: "n";
}

.icon-basic-book-pencil:before {
  content: "o";
}

.icon-basic-bookmark:before {
  content: "p";
}

.icon-basic-calculator:before {
  content: "q";
}

.icon-basic-calendar:before {
  content: "r";
}

.icon-basic-cards-diamonds:before {
  content: "s";
}

.icon-basic-cards-hearts:before {
  content: "t";
}

.icon-basic-case:before {
  content: "u";
}

.icon-basic-chronometer:before {
  content: "v";
}

.icon-basic-clessidre:before {
  content: "w";
}

.icon-basic-clock:before {
  content: "x";
}

.icon-basic-clockwise:before {
  content: "y";
}

.icon-basic-cloud:before {
  content: "z";
}

.icon-basic-clubs:before {
  content: "A";
}

.icon-basic-compass:before {
  content: "B";
}

.icon-basic-cup:before {
  content: "C";
}

.icon-basic-diamonds:before {
  content: "D";
}

.icon-basic-display:before {
  content: "E";
}

.icon-basic-download:before {
  content: "F";
}

.icon-basic-exclamation:before {
  content: "G";
}

.icon-basic-eye:before {
  content: "H";
}

.icon-basic-eye-closed:before {
  content: "I";
}

.icon-basic-female:before {
  content: "J";
}

.icon-basic-flag1:before {
  content: "K";
}

.icon-basic-flag2:before {
  content: "L";
}

.icon-basic-floppydisk:before {
  content: "M";
}

.icon-basic-folder:before {
  content: "N";
}

.icon-basic-folder-multiple:before {
  content: "O";
}

.icon-basic-gear:before {
  content: "P";
}

.icon-basic-geolocalize-01:before {
  content: "Q";
}

.icon-basic-geolocalize-05:before {
  content: "R";
}

.icon-basic-globe:before {
  content: "S";
}

.icon-basic-gunsight:before {
  content: "T";
}

.icon-basic-hammer:before {
  content: "U";
}

.icon-basic-headset:before {
  content: "V";
}

.icon-basic-heart:before {
  content: "W";
}

.icon-basic-heart-broken:before {
  content: "X";
}

.icon-basic-helm:before {
  content: "Y";
}

.icon-basic-home:before {
  content: "Z";
}

.icon-basic-info:before {
  content: "0";
}

.icon-basic-ipod:before {
  content: "1";
}

.icon-basic-joypad:before {
  content: "2";
}

.icon-basic-key:before {
  content: "3";
}

.icon-basic-keyboard:before {
  content: "4";
}

.icon-basic-laptop:before {
  content: "5";
}

.icon-basic-life-buoy:before {
  content: "6";
}

.icon-basic-lightbulb:before {
  content: "7";
}

.icon-basic-link:before {
  content: "8";
}

.icon-basic-lock:before {
  content: "9";
}

.icon-basic-lock-open:before {
  content: "!";
}

.icon-basic-magic-mouse:before {
  content: '"';
}

.icon-basic-magnifier:before {
  content: "#";
}

.icon-basic-magnifier-minus:before {
  content: "$";
}

.icon-basic-magnifier-plus:before {
  content: "%";
}

.icon-basic-mail:before {
  content: "&";
}

.icon-basic-mail-multiple:before {
  content: "'";
}

.icon-basic-mail-open:before {
  content: "(";
}

.icon-basic-mail-open-text:before {
  content: ")";
}

.icon-basic-male:before {
  content: "*";
}

.icon-basic-map:before {
  content: "+";
}

.icon-basic-message:before {
  content: ",";
}

.icon-basic-message-multiple:before {
  content: "-";
}

.icon-basic-message-txt:before {
  content: ".";
}

.icon-basic-mixer2:before {
  content: "/";
}

.icon-basic-mouse:before {
  content: ":";
}

.icon-basic-notebook:before {
  content: ";";
}

.icon-basic-notebook-pen:before {
  content: "<";
}

.icon-basic-notebook-pencil:before {
  content: "=";
}

.icon-basic-paperplane:before {
  content: ">";
}

.icon-basic-pencil-ruler:before {
  content: "?";
}

.icon-basic-pencil-ruler-pen:before {
  content: "@";
}

.icon-basic-photo:before {
  content: "[";
}

.icon-basic-picture:before {
  content: "]";
}

.icon-basic-picture-multiple:before {
  content: "^";
}

.icon-basic-pin1:before {
  content: "_";
}

.icon-basic-pin2:before {
  content: "`";
}

.icon-basic-postcard:before {
  content: "{";
}

.icon-basic-postcard-multiple:before {
  content: "|";
}

.icon-basic-printer:before {
  content: "}";
}

.icon-basic-question:before {
  content: "~";
}

.icon-basic-rss:before {
  content: "\\";
}

.icon-basic-server:before {
  content: "\e000";
}

.icon-basic-server2:before {
  content: "\e001";
}

.icon-basic-server-cloud:before {
  content: "\e002";
}

.icon-basic-server-download:before {
  content: "\e003";
}

.icon-basic-server-upload:before {
  content: "\e004";
}

.icon-basic-settings:before {
  content: "\e005";
}

.icon-basic-share:before {
  content: "\e006";
}

.icon-basic-sheet:before {
  content: "\e007";
}

.icon-basic-sheet-multiple:before {
  content: "\e008";
}

.icon-basic-sheet-pen:before {
  content: "\e009";
}

.icon-basic-sheet-pencil:before {
  content: "\e00a";
}

.icon-basic-sheet-txt:before {
  content: "\e00b";
}

.icon-basic-signs:before {
  content: "\e00c";
}

.icon-basic-smartphone:before {
  content: "\e00d";
}

.icon-basic-spades:before {
  content: "\e00e";
}

.icon-basic-spread:before {
  content: "\e00f";
}

.icon-basic-spread-bookmark:before {
  content: "\e010";
}

.icon-basic-spread-text:before {
  content: "\e011";
}

.icon-basic-spread-text-bookmark:before {
  content: "\e012";
}

.icon-basic-star:before {
  content: "\e013";
}

.icon-basic-tablet:before {
  content: "\e014";
}

.icon-basic-target:before {
  content: "\e015";
}

.icon-basic-todo:before {
  content: "\e016";
}

.icon-basic-todo-pen:before {
  content: "\e017";
}

.icon-basic-todo-pencil:before {
  content: "\e018";
}

.icon-basic-todo-txt:before {
  content: "\e019";
}

.icon-basic-todolist-pen:before {
  content: "\e01a";
}

.icon-basic-todolist-pencil:before {
  content: "\e01b";
}

.icon-basic-trashcan:before {
  content: "\e01c";
}

.icon-basic-trashcan-full:before {
  content: "\e01d";
}

.icon-basic-trashcan-refresh:before {
  content: "\e01e";
}

.icon-basic-trashcan-remove:before {
  content: "\e01f";
}

.icon-basic-upload:before {
  content: "\e020";
}

.icon-basic-usb:before {
  content: "\e021";
}

.icon-basic-video:before {
  content: "\e022";
}

.icon-basic-watch:before {
  content: "\e023";
}

.icon-basic-webpage:before {
  content: "\e024";
}

.icon-basic-webpage-img-txt:before {
  content: "\e025";
}

.icon-basic-webpage-multiple:before {
  content: "\e026";
}

.icon-basic-webpage-txt:before {
  content: "\e027";
}

.icon-basic-world:before {
  content: "\e028";
}

@-webkit-keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-8rem);
  }
  80% {
    transform: translateX(0.65rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-8rem);
  }
  80% {
    transform: translateX(0.65rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(8rem);
  }
  80% {
    transform: translateX(-0.65rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(8rem);
  }
  80% {
    transform: translateX(-0.65rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(1.875rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(1.875rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  overflow: overlay;
  overflow-x: hidden;
  font-size: 100%;
  font-family: "Lato", sans-serif;
}

@media only screen and (max-width: 75em) {
  html {
    font-size: 93.75%;
  }
}

@media only screen and (max-width: 56.25em) {
  html {
    font-size: 87.5%;
  }
}

body {
  box-sizing: border-box;
}

body::-webkit-scrollbar {
  width: 0.65rem;
  height: 0.65rem;
}

body::-webkit-scrollbar-track {
  background: none;
  margin-bottom: 1px;
  border-radius: 8px;
}

body::-webkit-scrollbar-thumb {
  background: #256d3d;
  border-radius: 8rem;
}

body::-webkit-scrollbar-thumb:hover {
  background: #2e864b;
  border-radius: 8rem;
}

::-moz-selection {
  background: #7ed56f;
  color: #fff;
}

::selection {
  background: #7ed56f;
  color: #fff;
}

body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  line-height: 1.7;
  color: #777;
  overflow: overlay;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

.heading-primary {
  color: #fff;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-bottom: 3.75rem;
}

.heading-primary--main {
  display: block;
  font-size: 3.75rem;
  font-weight: 400;
  letter-spacing: 2.188rem;
  -webkit-animation: moveInLeft 1s ease-out;
  animation: moveInLeft 1s ease-out;
}

@media only screen and (max-width: 37.5em) {
  .heading-primary--main {
    letter-spacing: 0.625rem;
    font-family: 3.125rem;
  }
}

.heading-primary--sub {
  display: block;
  margin-right: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 1.094rem;
  -webkit-animation: moveInRight 1s ease-out;
  animation: moveInRight 1s ease-out;
}

@media only screen and (max-width: 37.5em) {
  .heading-primary--sub {
    letter-spacing: 0.3125rem;
  }
}

.heading-secondary {
  font-size: 2.188rem;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  background-image: linear-gradient(to right, #7ed56f, #28b485);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  transition: all 0.3s linear;
  letter-spacing: 2px;
}

@media only screen and (max-width: 56.25em) {
  .heading-secondary {
    font-size: 1.75rem;
  }
}

.heading-secondary:hover {
  transform: skewY(2deg) skewX(15deg) scale(1.1);
  text-shadow: 0.313rem 0.625rem 1.25rem rgba(0, 0, 0, 0.2);
}

.heading-tertiary {
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.paragraph {
  font-size: 1rem;
}

.paragraph:not(:last-child) {
  margin-bottom: 1.875rem;
}

.u-center-text {
  text-align: center !important;
}

.u-margin-bottom-small {
  margin-bottom: 0.938rem !important;
}

.u-margin-bottom-smedium {
  margin-bottom: 2.95rem !important;
}

.u-margin-bottom-medium {
  margin-bottom: 3.5rem !important;
}

.u-margin-bottom-big {
  margin-bottom: 7rem !important;
}

@media only screen and (max-width: 56.25em) {
  .u-margin-bottom-big {
    margin-bottom: 5rem !important;
  }
}

.u-margin-top-big {
  margin-top: 7rem !important;
}

.u-margin-top-huge {
  margin-top: 6.25rem !important;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.15;
  overflow: hidden;
}

.bg-video__content {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.btn, .btn:link, .btn:visited {
  text-transform: uppercase;
  text-decoration: none;
  padding: 1rem 2.5rem;
  display: inline-block;
  border-radius: 1.875rem;
  transition: all 0.25s;
  position: relative;
  border: none;
  cursor: pointer;
}

.btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.2);
}

.btn:active, .btn:focus {
  outline: none;
  transform: translateY(-1px);
  box-shadow: 0 0.313rem 0.625rem rgba(0, 0, 0, 0.2);
}

.btn--white {
  background: #fff;
  color: #777;
  letter-spacing: 1.5px;
}

.btn--white-margin {
  margin-right: 1.35rem;
}

.btn--green {
  background: #7ed56f;
  color: #fff;
  letter-spacing: 1.5px;
}

.btn-container {
  display: flex;
  justify-content: center;
}

.fade--in {
  opacity: 0;
  transform: translateY(100%);
}

.fade--in.appear {
  transform: translateY(0);
  transition: transform 1s ease, opacity 1.5s ease;
  transition-delay: 0.5s;
  opacity: 1;
}

.btn-text:link, .btn-text:visited {
  color: #55c57a;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #55c57a;
  padding: 3px;
  transition: all 0.3s;
}

.btn-text:hover {
  background: #55c57a;
  color: #fff;
  box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.btn-text:active {
  box-shadow: 0 0.313rem 0.625rem rgba(0, 0, 0, 0.15);
  transform: translateY(0);
}

.card {
  perspective: 1500px;
  -moz-perspective: 1500px;
  position: relative;
  height: 32.5rem;
}

.card__side {
  position: absolute;
  height: 32.5rem;
  transition: all 0.8s ease;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 0.9375rem 2.5rem rgba(0, 0, 0, 0.15);
}

.card__side--front {
  background: #fff;
  border-top-right-radius: 0.375rem;
  border-radius: 0.375rem;
  overflow: hidden;
}

.card__side--back {
  transform: rotateY(180deg);
  border-radius: 0.375rem;
}

@media only screen and (max-width: 56.25em), only screen and (hover: none) {
  .card__side--back {
    border-top-right-radius: 0;
  }
}

.card__side--back-1 {
  background: linear-gradient(to right bottom, #ffb900, #ff7730);
}

.card__side--back-2 {
  background: linear-gradient(to right bottom, #7ed56f, #28b485);
}

.card__side--back-3 {
  background: 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: 14.375rem;
  background-blend-mode: screen;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

.card__picture--1 {
  background-image: linear-gradient(to right bottom, #ffb900, #ff7730), url(../media/images/nat-5-small.jpeg);
}

.card__picture--2 {
  background-image: linear-gradient(to right bottom, #7ed56f, #28b485), url(../media/images/nat-6-small.jpeg);
}

.card__picture--3 {
  background-image: linear-gradient(to right bottom, #2998ff, #5643fa), url(../media/images/nat-7-small.jpeg);
}

.card__heading {
  position: absolute;
  font-size: 1.75rem;
  font-weight: 300;
  text-transform: uppercase;
  text-align: right;
  color: #fff;
  top: 7.5rem;
  right: 1.25rem;
  width: 75%;
}

.card__heading-span {
  padding: 0.625rem 0.9375rem;
  -webkit-box-decoration-break: clone;
  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 {
  padding: 1.875rem;
}

.card__details ul {
  list-style: none;
  width: 80%;
  margin: 0 auto;
}

.card__details ul li {
  text-align: center;
  font-size: 0.9375rem;
  padding: 0.625rem;
}

.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;
}

.card__price-only {
  font-size: 0.875rem;
  text-transform: uppercase;
}

.card__price-value {
  margin-bottom: 5rem;
  font-size: 3.75rem;
  font-weight: 100;
}

@media only screen and (max-width: 56.25em), only screen and (hover: none) {
  .card {
    height: auto;
    border-radius: 0.375rem;
    background: #fff;
    box-shadow: 0 0.9375rem 2.5rem rgba(0, 0, 0, 0.15);
  }
  .card__side {
    height: auto;
    position: relative;
    box-shadow: none;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }
  .card__side--back {
    transform: rotateY(0);
    -webkit-clip-path: polygon(0% 15%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0% 15%, 100% 0, 100% 100%, 0% 100%);
  }
  .card:hover .card__side--front {
    transform: rotateY(0);
  }
  .card__details {
    padding: 0.625rem 1.875rem;
  }
  .card__cta {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0);
    width: 100%;
    padding: 5rem 2.5rem 1.25rem 2.5rem;
  }
  .card__price-box {
    margin-bottom: 1.875rem;
  }
  .card__price-value {
    margin-bottom: 2.5rem;
    font-size: 3.125rem;
  }
}

.composition {
  position: relative;
}

.composition__photo {
  position: absolute;
  width: 55%;
  box-shadow: 0 0.938rem 2.5rem rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  transition: all 0.25s;
  z-index: 1;
}

@media only screen and (max-width: 56.25em) {
  .composition__photo {
    float: left;
    position: relative;
    width: 33.333333%;
    box-shadow: 0 0.938rem 1.875rem rgba(0, 0, 0, 0.2);
  }
}

.composition__photo--p1 {
  left: 0;
  top: -1.25rem;
}

@media only screen and (max-width: 56.25em) {
  .composition__photo--p1 {
    top: 0;
    transform: scale(1.2);
  }
}

.composition__photo--p2 {
  right: 0;
  top: 1.25rem;
}

@media only screen and (max-width: 56.25em) {
  .composition__photo--p2 {
    top: -0.625rem;
    transform: scale(1.3);
    z-index: 2;
  }
}

.composition__photo--p3 {
  left: 20%;
  top: 6.25rem;
}

@media only screen and (max-width: 56.25em) {
  .composition__photo--p3 {
    top: 0.625rem;
    left: 0;
    transform: scale(1.1);
  }
}

.composition__photo:hover {
  transform: scale(1.05);
  box-shadow: 0 0 4rem 0.25rem #55c57a;
  z-index: 2;
}

.composition:hover .composition__photo:not(:hover) {
  transform: scale(0.95);
}

@media only screen and (max-width: 37.5em) {
  .composition:hover .composition__photo:not(:hover) {
    transform: scale(0.99);
    z-index: 1;
  }
}

.feature-box {
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.938rem;
  padding: 1.563rem;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 0.938rem 2.5rem rgba(0, 0, 0, 0.15);
  transition: transform 0.3s;
  overflow: hidden;
}

@media only screen and (max-width: 89.375em) {
  .feature-box {
    padding: 20px 24px 28px 24px;
  }
}

@media only screen and (max-width: 56.25em) {
  .feature-box {
    padding: 20px 16px 28px 16px;
  }
}

.feature-box__icon {
  font-size: 3.75rem;
  margin-bottom: 0.313rem;
  display: inline-block;
  background-image: linear-gradient(to right, #7ed56f, #28b485);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  overflow: hidden;
}

@media only screen and (max-width: 56.25em) {
  .feature-box__icon {
    margin-bottom: 0;
  }
}

.feature-box:hover {
  transform: translateY(-0.938rem) scale(1.03);
}

.form__group:not(:last-child) {
  margin-bottom: 1.25rem;
}

.form__input {
  font-size: 0.9375rem;
  font-family: inherit;
  color: inherit;
  padding: 0.9375rem 1.25rem;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  border-bottom: 3px solid transparent;
  width: 90%;
  display: block;
  transition: all 0.3s;
}

@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);
  border-bottom: 0.1875rem solid #7ed56f;
}

.form__input:focus:invalid {
  border-bottom: 3px solid #ff7730;
}

.form__input::-moz-placeholder {
  color: #999;
}

.form__input:-ms-input-placeholder {
  color: #999;
}

.form__input::placeholder {
  color: #999;
}

.form__label {
  font-size: 0.75rem;
  font-weight: 700;
  margin-left: 1.25rem;
  margin-top: 0.4375rem;
  display: block;
  transition: all 0.3s;
}

.form__input:-moz-placeholder-shown + .form__label {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-2.5rem);
}

.form__input:-ms-input-placeholder + .form__label {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-2.5rem);
}

.form__input:placeholder-shown + .form__label {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-2.5rem);
}

.form__radio-group {
  width: 49%;
  display: inline-block;
}

@media only screen and (max-width: 56.25em) {
  .form__radio-group {
    width: 100%;
    margin-bottom: 1.25rem;
  }
}

.form__radio-input {
  display: none;
}

.form__radio-label {
  cursor: pointer;
  position: relative;
  padding-left: 2.8125rem;
}

.form__radio-button {
  position: absolute;
  height: 1.875rem;
  width: 1.875rem;
  border: 5px solid #7ed56f;
  border-radius: 50%;
  display: inline-block;
  left: 0;
  top: -0.25rem;
}

.form__radio-button::after {
  position: absolute;
  content: "";
  display: block;
  height: 0.8125rem;
  width: 0.8125rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #7ed56f;
  opacity: 0;
  transition: opacity 0.2s;
}

.form__radio-input:checked ~ .form__radio-label .form__radio-button::after {
  opacity: 1;
}

.story {
  position: relative;
  width: 75%;
  margin: 0 auto;
  box-shadow: 0 1.875rem 3.75rem rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.6);
  border-radius: 0.375rem;
  padding: 3.75rem;
  padding-left: 5.625rem;
  transform: skewX(-12deg);
}

@media only screen and (max-width: 56.25em) {
  .story {
    width: 100%;
    padding: 40px;
    padding-left: 70px;
  }
}

@media only screen and (max-width: 37.5em) {
  .story {
    transform: skewX(0);
  }
}

.story__shape {
  width: 9.375rem;
  height: 9.375rem;
  float: left;
  transform: translateX(-1.875rem) skewX(12deg);
  overflow: hidden;
  border-radius: 50%;
}

@supports (-webkit-clip-path: polygon(0 0)) or (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)) {
  .story__shape {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    shape-outside: circle(50% at 50% 50%);
    border-radius: none;
  }
}

@media only screen and (max-width: 37.5em) {
  .story__shape {
    transform: translateX(-1.875rem) skewX(0);
  }
}

.story__img {
  height: 100%;
  transform: translateX(-2.5rem) scale(1.4);
  -webkit-backface-visibility: hidden;
  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;
  text-transform: uppercase;
  font-size: 1.0625rem;
  text-align: center;
  opacity: 0;
  transition: all 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.story:hover .story__caption {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.story:hover .story__img {
  transform: translateX(-2.5rem) scale(1);
  filter: blur(0.1875rem) brightness(80%);
}

.popup {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

@supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) {
  .popup {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.25);
  }
}

.popup__text-scrollbox {
  overflow: auto;
  height: 100%;
}

@media only screen and (max-width: 37.5em) {
  .popup__text-scrollbox {
    margin-bottom: 2rem;
  }
}

.popup__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: table;
  width: 75%;
  background: #fff;
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  overflow: hidden;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.25);
  transition: all 0.4s 0.2s;
}

@media only screen and (max-width: 93.75em) {
  .popup__content {
    width: 89%;
  }
}

.popup__left {
  width: 33.333333%;
  display: table-cell;
}

@media only screen and (max-width: 71.25em) {
  .popup__left {
    width: 50%;
    display: flex;
  }
}

.popup__right {
  width: 66.666667%;
  display: table-cell;
  vertical-align: middle;
  padding: 1.875rem 3.125rem;
}

@media only screen and (max-width: 71.25em) {
  .popup__right {
    display: block;
    width: 100%;
  }
  .popup__right .heading-secondary {
    font-size: 1.425rem;
  }
  .popup__right .heading-tertiary {
    margin-top: 1rem;
    font-size: 0.9rem;
  }
}

.popup__img {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 89.375em) {
  .popup__img {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

.popup__text {
  font-size: 0.875rem;
  margin-bottom: 2.5rem;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
  -moz-column-rule: 1px solid #eee;
  column-rule: 1px solid #eee;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media only screen and (max-width: 37.5em) {
  .popup__text {
    display: flex;
    flex-direction: column;
    height: auto;
  }
}

.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: #196f52;
  position: absolute;
  top: 0.9rem;
  right: 0.95rem;
  font-size: 2.5rem;
  width: 2.75rem;
  height: 2.75rem;
  background: #d4f0dd;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  display: block;
  transition: all 0.45s;
  line-height: 1;
}

.popup__close:hover {
  color: #af0000;
  background: #ffe2e2;
}

.footer {
  background: #333;
  padding: 6.25rem 0 2rem 0;
  font-size: 0.875rem;
}

@media only screen and (max-width: 71.25em) {
  .footer {
    padding: 4rem 4rem;
  }
}

@media only screen and (max-width: 56.25em) {
  .footer {
    padding: 4rem 0;
  }
}

.footer__logo-box {
  text-align: center;
  margin-bottom: 5rem;
}

@media only screen and (max-width: 56.25em) {
  .footer__logo-box {
    margin-bottom: 3.75rem;
  }
}

.footer__logo {
  width: 9.375rem;
  height: auto;
}

.footer__navigation {
  border-top: 1px solid #777;
  padding-top: 1.25rem;
  display: inline-block;
}

@media only screen and (max-width: 75em) {
  .footer__navigation {
    float: none;
  }
}

@media only screen and (max-width: 56.25em) {
  .footer__navigation {
    width: 100%;
    text-align: center;
  }
}

.footer__list {
  list-style: none;
}

.footer__item {
  display: inline-block;
}

.footer__item:not(:last-child) {
  margin-right: 0.9375rem;
}

.footer__link:link, .footer__link:visited {
  color: #f7f7f7;
  text-transform: uppercase;
  display: inline-block;
  transition: all 0.2s;
}

.footer__link:hover, .footer__link:active {
  color: #7ed56f;
  background: #444;
  box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.4);
  transform: rotate(5deg) scale(1.3);
}

.footer__copyright {
  border-top: 1px solid #777;
  padding-top: 1.25rem;
  float: right;
}

@media only screen and (max-width: 56.25em) {
  .footer__copyright {
    width: 100%;
    float: none;
    text-align: center;
  }
}

.row {
  max-width: 71.25rem;
  margin: 0 auto;
}

.row:not(:last-child) {
  margin-bottom: 5rem;
}

@media only screen and (max-width: 56.25em) {
  .row:not(:last-child) {
    margin-bottom: 3.75rem;
  }
}

@media only screen and (max-width: 56.25em) {
  .row {
    max-width: 31.25rem;
    padding: 0 1.875rem;
  }
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

.row [class^="col-"] {
  float: left;
}

.row [class^="col-"]:not(:last-child) {
  margin-right: 3.75rem;
}

@media only screen and (max-width: 56.25em) {
  .row [class^="col-"]:not(:last-child) {
    margin-right: 0;
    margin-bottom: 3.75rem;
  }
}

@media only screen and (max-width: 56.25em) {
  .row [class^="col-"] {
    width: 100% !important;
  }
}

.row .col-1-of-2 {
  width: calc((100% - 3.75rem) / 2);
}

.row .col-1-of-3 {
  width: calc((100% - 2 * 3.75rem) / 3);
}

.row .col-2-of-3 {
  width: calc( 2 * ((100% - 2 * 3.75rem) / 3) + 3.75rem);
}

.row .col-1-of-4 {
  width: calc((100% - 3 * 3.75rem) / 4);
}

.row .col-2-of-4 {
  width: calc( 2 * ((100% - 3 * 3.75rem) / 4) + 3.75rem);
}

.row .col-3-of-4 {
  width: calc( 3 * ((100% - 3 * 3.75rem) / 4) + 2 * 3.75rem);
}

.header {
  height: 85vh;
  background: linear-gradient(to right bottom, rgba(126, 213, 111, 0.8), rgba(40, 180, 133, 0.8)), url(../media/images/hero-small.jpg) top center/cover no-repeat;
}

@supports (-webkit-clip-path: polygon(0 0)) or (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)) {
  .header {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%);
    height: 95vh;
  }
}

@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), only screen and (min-width: 125em) {
  .header {
    background: linear-gradient(to right bottom, rgba(126, 213, 111, 0.8), rgba(40, 180, 133, 0.8)), url(../media/images/hero.jpg) top center/cover no-repeat;
  }
}

@media only screen and (max-width: 75em) {
  .header {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 81.5vh, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 81.5vh, 0 100%);
  }
}

@media only screen and (max-width: 37.5em) {
  .header {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 88vh, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 88vh, 0 100%);
  }
}

.header__logo-container {
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
}

.header__logo {
  height: 2.25rem;
}

.header__hero-text {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.navigation__checkbox {
  display: none;
}

.navigation__button {
  background: #fff;
  height: 4.375rem;
  width: 4.375rem;
  position: fixed;
  top: 3.75rem;
  right: 3.75rem;
  border-radius: 50%;
  z-index: 2000;
  box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
  text-align: center;
  cursor: pointer;
}

@media only screen and (max-width: 56.25em) {
  .navigation__button {
    top: 2.1875rem;
    right: 3.125rem;
  }
}

.navigation__background {
  height: 3.75rem;
  width: 3.75rem;
  border-radius: 50%;
  position: fixed;
  top: 4.0625rem;
  right: 4.0625rem;
  background-image: radial-gradient(#7ed56f, #196f52);
  z-index: 1000;
  transition: transform 0.5s 0.18s cubic-bezier(0.85, 0, 0.15, 1);
}

@media only screen and (max-width: 37.5em) {
  .navigation__background {
    top: 2.1875rem;
    right: 3rem;
  }
}

@media only screen and (max-width: 56.25em) {
  .navigation__background {
    top: 2.525rem;
    right: 3.415rem;
  }
}

.navigation__nav {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1500;
  opacity: 0;
  width: 0;
  transition: all 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.navigation__list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  list-style: none;
  text-align: center;
  width: 100%;
}

.navigation__item {
  margin: 0.625rem;
}

.navigation__link:link, .navigation__link:visited {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 300;
  padding: 0.625rem 1.25rem;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  background-image: linear-gradient(120deg, transparent 0%, transparent 50%, #fff 50%);
  background-size: 225%;
  transition: all 0.4s;
}

.navigation__link span {
  margin-right: 0.9375rem;
  display: inline-block;
}

.navigation__link:hover, .navigation__link:active {
  background-position: 100%;
  color: #7ed56f;
  transform: translateX(0.625rem);
}

.navigation__checkbox:checked ~ .navigation__background {
  transform: scale(120);
}

.navigation__checkbox:checked ~ .navigation__nav {
  opacity: 1;
  width: 100%;
}

.navigation__icon {
  position: relative;
  margin-top: 2.125rem;
}

.navigation__icon, .navigation__icon::before, .navigation__icon::after {
  display: inline-block;
  width: 30px;
  height: 4px;
  border-radius: 6px;
  background: #333;
}

.navigation__icon::before, .navigation__icon::after {
  position: absolute;
  content: "";
  left: 0;
  transition: all 0.2s;
}

.navigation__icon::before {
  top: -11px;
}

.navigation__icon::after {
  top: 11px;
}

.navigation__button:hover .navigation__icon::before {
  transform: translateY(-3px);
  background: #7ed56f;
}

@media only screen and (max-width: 75em) {
  .navigation__button:hover .navigation__icon::before {
    transform: none;
  }
}

@media only screen and (max-width: 56.25em) {
  .navigation__button:hover .navigation__icon::before {
    transform: none;
  }
}

@media only screen and (max-width: 37.5em) {
  .navigation__button:hover .navigation__icon::before {
    transform: none;
  }
}

.navigation__button:hover .navigation__icon::after {
  transform: translateY(3px);
  background: #7ed56f;
}

@media only screen and (max-width: 75em) {
  .navigation__button:hover .navigation__icon::after {
    transform: none;
  }
}

@media only screen and (max-width: 56.25em) {
  .navigation__button:hover .navigation__icon::after {
    transform: none;
  }
}

@media only screen and (max-width: 37.5em) {
  .navigation__button:hover .navigation__icon::after {
    transform: none;
  }
}

.navigation__checkbox:checked + .navigation__button .navigation__icon {
  background: transparent;
  transition-delay: 0.18s;
}

.navigation__checkbox:checked + .navigation__button .navigation__icon::before {
  top: 0;
  transform: rotate(135deg);
  transition-delay: 0.18s;
}

.navigation__checkbox:checked + .navigation__button .navigation__icon::after {
  top: 0;
  transform: rotate(-135deg);
  transition-delay: 0.18s;
}

.section-about {
  background: #f7f7f7;
  padding: 17rem 0;
  margin-top: -20vh;
}

@media only screen and (max-width: 89.375em) {
  .section-about {
    padding: 15rem 3.75rem;
  }
}

@media only screen and (max-width: 75em) {
  .section-about {
    padding: 15rem 3.75rem;
  }
}

@media only screen and (max-width: 64em) {
  .section-about .heading-secondary {
    padding-top: 5.5rem;
  }
}

@media only screen and (max-width: 56.25em) {
  .section-about {
    padding: 15rem 0;
  }
  .section-about .heading-secondary {
    padding-top: 2rem;
  }
}

@media only screen and (max-width: 37.5em) {
  .section-about .heading-secondary {
    padding: 0 auto;
  }
}

.section-features {
  margin-top: -7.35rem;
  padding: 12.5rem 0;
  background: linear-gradient(to right bottom, rgba(126, 213, 111, 0.8), rgba(40, 180, 133, 0.8)), url(../media/images/nat-4-small.jpeg) top center/cover no-repeat;
  transform: skewY(-7.75deg);
}

@media (min-width: 37.5em), (-webkit-min-device-pixel-ratio: 2) and (min-width: 37.5em), (min-resolution: 192dpi) and (min-width: 37.5em), (min-width: 125em) {
  .section-features {
    background: linear-gradient(to right bottom, rgba(126, 213, 111, 0.8), rgba(40, 180, 133, 0.8)), url(../media/images/nat-4.jpg) top center/cover no-repeat;
  }
}

.section-features > * {
  transform: skewY(7.75deg);
}

@media only screen and (max-width: 71.25em) {
  .section-features {
    padding: 7rem 3.75rem;
  }
}

@media only screen and (max-width: 56.25em) {
  .section-features {
    padding: 7rem 0;
  }
}

.section-tours {
  background: #f7f7f7;
  padding: 17rem 0 9.375rem 0;
  margin-top: -8.5rem;
}

@media only screen and (max-width: 75em) {
  .section-tours {
    padding: 16rem 4rem 8rem 4rem;
  }
}

@media only screen and (max-width: 56.25em) {
  .section-tours {
    padding: 16rem 0 8rem 0;
  }
}

.section-stories {
  position: relative;
  padding: 9.375rem 0;
}

@media only screen and (max-width: 56.25em) {
  .section-stories {
    padding: 6.25rem 0;
  }
  .section-stories .heading-secondary {
    padding: 0 2.5rem;
  }
}

.section-book {
  padding: 9.375rem 0;
  background-image: linear-gradient(to right bottom, #7ed56f, #28b485);
}

@media only screen and (max-width: 75em) {
  .section-book {
    padding: 6.25rem 4rem;
  }
}

@media only screen and (max-width: 56.25em) {
  .section-book {
    padding: 6.25rem 0;
  }
}

.book {
  background-image: linear-gradient(105deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 49.9%, transparent 50%), url(../media/images/nat-10-small.jpeg);
  background-size: 100%;
  border-radius: 0.375rem;
  box-shadow: 0 0.9375rem 2.5rem rgba(0, 0, 0, 0.35);
  height: auto;
}

@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) 64.9%, transparent 65%), url(../media/images/nat-10-small.jpeg);
    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%), url(../media/images/nat-10-small.jpeg);
  }
}

.book__form {
  width: 50%;
  padding: 3.75rem;
}

@media only screen and (max-width: 75em) {
  .book__form {
    width: 65%;
  }
}

@media only screen and (max-width: 56.25em) {
  .book__form {
    width: 100%;
    padding: 3rem;
  }
}