natours-react/static/css/main.0212284f.chunk.css.map

{"version":3,"sources":["webpack://src/index.css","webpack://src/sass/base/_animations.scss","webpack://src/sass/base/_typography.scss","webpack://src/sass/abstracts/_variables.scss","webpack://src/sass/abstracts/_mixins.scss","webpack://src/sass/base/_base.scss","webpack://src/sass/base/_utilities.scss","webpack://src/sass/components/_button.scss","webpack://src/sass/components/_composition.scss","webpack://src/sass/components/_feature-box.scss","webpack://src/sass/components/_card.scss","webpack://src/sass/components/_story.scss","webpack://src/sass/components/_bg-video.scss","webpack://src/sass/components/_form.scss","webpack://src/sass/components/_popup.scss","webpack://src/sass/layout/_header.scss","webpack://src/sass/layout/_grid.scss","webpack://src/sass/layout/_footer.scss","webpack://src/sass/layout/_navigation.scss","webpack://src/sass/pages/_home.scss"],"names":[],"mappings":"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","file":"main.0212284f.chunk.css","sourcesContent":["body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n","@keyframes moveInBottom {\n  0% {\n    opacity: 0;\n    transform: translateY(10rem);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n@keyframes moveInLeft {\n  0% {\n    opacity: 0;\n    transform: translateX(-10rem);\n  }\n\n  80% {\n    transform: translateX(1rem);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n@keyframes moveInRight {\n  0% {\n    opacity: 0;\n    transform: translateX(10rem);\n  }\n\n  80% {\n    transform: translateX(-1rem);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n",".heading-primary {\n  color: $color-white;\n  text-transform: uppercase;\n\n  backface-visibility: hidden;\n  margin-bottom: 6rem;\n\n  &--main {\n    display: block;\n    font-size: 6rem;\n    font-weight: 400;\n    letter-spacing: 3.5rem;\n\n    animation: moveInLeft 1s ease-out;\n\n    @include respond(phone) {\n      letter-spacing: 1rem;\n      font-size: 5rem;\n    }\n  }\n\n  &--sub {\n    display: block;\n    font-size: 2rem;\n    font-weight: 700;\n    letter-spacing: 1.75rem;\n\n    animation: moveInRight 1s ease-out;\n\n    @include respond(phone) {\n      letter-spacing: 0.5rem;\n    }\n  }\n}\n\nbody {\n  font-family: \"Lato\", sans-serif;\n  font-weight: 400;\n  line-height: 1.7;\n  color: $color-grey-dark;\n}\n\n.heading-secondary {\n  font-size: 3.5rem;\n  text-transform: uppercase;\n  font-weight: 700;\n  display: inline-block;\n  background-image: linear-gradient(\n    to right,\n    $color-primary-light,\n    $color-primary-dark\n  );\n  background-clip: text;\n  color: transparent;\n  letter-spacing: 0.2rem;\n  transition: all 0.2s;\n\n  @include respond(tab-port) {\n    font-size: 3rem;\n  }\n\n  @include respond(phone) {\n    font-size: 2.5rem;\n  }\n\n  &:hover {\n    transform: skewY(2deg) skewX(15deg) scale(1.1);\n    text-shadow: $shadow-light;\n  }\n}\n\n.heading-tertiary {\n  font-size: $default-font-size;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n\n.paragraph {\n  font-size: $default-font-size;\n  &:not(:last-child) {\n    margin-bottom: 3rem;\n  }\n}\n","// COLORS\n$color-primary: #55c57a;\n$color-primary-light: #55c57a;\n$color-primary-dark: #28b485;\n\n$color-secondary-light: #ffb900;\n$color-secondary-dark: #ff7730;\n\n$color-tertiary-light: #2998ff;\n$color-tertiary-dark: #5643fa;\n\n$color-grey-light-1: #f7f7f7;\n$color-grey-light-2: #eee;\n\n$color-grey-dark: #777;\n$color-grey-dark-2: #999;\n$color-grey-dark-3: #333;\n\n$color-white: #fff;\n$color-black: #000;\n\n// FONT CONTROL\n$default-font-size: 1.6rem;\n$normal-font-size: 1.4rem;\n$medium-font-size: 3rem;\n$big-font-size: 5rem;\n\n// GRID background\n$grid-width: 114rem;\n$gutter-vertical: 8rem;\n$gutter-horizontal: 6rem;\n\n// OTHER\n\n$shadow-default: 0 1.5rem 4rem rgba($color-black, 0.15);\n$shadow-light: 0.5rem 1rem 2rem rgba($color-black, 0.2);\n$shadow-link: 0 1rem 2rem rgba($color-black, 0.4);\n\n$border-radius-small: 0.2rem;\n$border-radius-default: 0.3rem;\n$bottom-border-green: 3px solid $color-primary;\n$bottom-border-green-thick: 5px solid $color-primary;\n$bottom-border-orange: 3px solid $color-secondary-dark;\n","@mixin clearfix {\n  &::after {\n    content: \"\";\n    display: table;\n    clear: both;\n  }\n}\n\n@mixin center-horizontal-vertical {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n// MEDIA QUERIES\n\n/*\n$breakpoint arguments:\n- phone\n- tab-port\n- tab-land\n- big-desktop\n*/\n\n@mixin respond($breakpoint) {\n  // 600px\n  @if $breakpoint == phone {\n    @media only screen and (max-width: 37.5em) {\n      @content;\n    }\n  }\n\n  // 900px\n  @if $breakpoint == tab-port {\n    @media only screen and (max-width: 56.25em) {\n      @content;\n    }\n  }\n\n  // 1200px\n  @if $breakpoint == tab-land {\n    @media only screen and (max-width: 75em) {\n      @content;\n    }\n  }\n\n  // 1800px\n  @if $breakpoint == big-desktop {\n    @media only screen and (min-width: 112.5em) {\n      @content;\n    }\n  }\n}\n","*,\n*::after,\n*::before {\n  margin: 0;\n  padding: 0;\n  box-sizing: inherit;\n}\n\nhtml {\n  font-size: 62.5%; // 1 rem = 10px; 10px/16px = 62.5% (16 is default browser font size)\n\n  @include respond(tab-land) {\n    font-size: 56.25%; // 1 rem = 9px; 9/16 = 50%\n  }\n\n  @include respond(tab-port) {\n    font-size: 50%; // 1 rem = 8px; 8/16 = 50%\n  }\n\n  @include respond(big-desktop) {\n    font-size: 75%; // 1 rem = 12px; 12/16 = 75%\n  }\n}\n\nbody {\n  box-sizing: border-box;\n  padding: 3rem;\n\n  @include respond(tab-port) {\n    padding: 0;\n  }\n}\n\n::selection {\n  background-color: $color-primary;\n  color: $color-white;\n}\n",".u-center-text {\n  text-align: center !important;\n}\n\n.u-margin-bottom-big {\n  margin-bottom: 8rem !important;\n\n  @include respond(tab-port) {\n    margin-bottom: 5rem !important;\n  }\n}\n.u-margin-bottom-medium {\n  margin-bottom: 4rem !important;\n\n  @include respond(tab-port) {\n    margin-bottom: 3rem !important;\n  }\n}\n.u-margin-bottom-small {\n  margin-bottom: 1.5rem !important;\n}\n\n.u-margin-top-big {\n  margin-top: 8rem !important;\n}\n\n.u-margin-top-huge {\n  margin-top: 10rem !important;\n}\n",".btn {\n  &,\n  &:link,\n  &:visited {\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 1.5rem 4rem;\n    display: inline-block;\n    border-radius: 10rem;\n    transition: all 0.2s;\n    position: relative;\n    font-size: $default-font-size;\n\n    border: none;\n    cursor: pointer;\n  }\n\n  &:hover {\n    transform: translateY(-0.3rem);\n    box-shadow: 0 1rem 2rem rgba($color-black, 0.2);\n\n    &::after {\n      transform: scaleX(1.4) scaleY(1.6);\n      opacity: 0;\n    }\n  }\n\n  &:active {\n    transform: translateY(-0.1rem);\n    box-shadow: 0 0.5rem 1rem rgba($color-black, 0.2);\n  }\n\n  &--white {\n    background-color: $color-white;\n    color: $color-grey-dark;\n    &::after {\n      background-color: $color-white;\n    }\n  }\n\n  &--green {\n    background-color: $color-primary;\n    color: $color-white;\n    &::after {\n      background-color: $color-primary;\n    }\n  }\n\n  &:after {\n    content: \" \";\n    display: inline-block;\n    height: 100%;\n    width: 100%;\n    border-radius: 10rem;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    transition: all 0.4s;\n  }\n}\n\n.move-in--bottom {\n  animation: moveInBottom 0.5s ease-out 0.75s;\n  animation-fill-mode: backwards;\n}\n\n.btn-text {\n  font-size: $default-font-size;\n  color: $color-primary;\n  display: inline-block;\n  border: none;\n  cursor: pointer;\n  text-decoration: none;\n  border-bottom: 1px solid $color-primary;\n  padding: 0.3rem;\n  transition: all 0.2s;\n  background-color: transparent;\n\n  &:hover {\n    background-color: $color-primary;\n    color: $color-white;\n    box-shadow: 0 1rem 2rem rgba($color-black, 0.2);\n    transform: translateY(-0.2rem);\n  }\n\n  &:active,\n  &:focus {\n    outline: none;\n    box-shadow: 0 1rem 2rem rgba($color-black, 0.2);\n    transform: translateY(0);\n  }\n}\n",".composition {\n  position: relative;\n  &__photo {\n    width: 55%;\n    box-shadow: 0 1.5rem 4rem rgba($color-black, 0.4);\n    border-radius: 2px;\n    position: absolute;\n    z-index: 10;\n    transition: all 0.2s;\n\n    @include respond(tab-port) {\n      float: left;\n      position: relative;\n      width: 33.33333333%;\n      box-shadow: $shadow-light;\n    }\n\n    &--p1 {\n      left: 0;\n      top: -2rem;\n\n      @include respond(tab-port) {\n        top: 0;\n        transform: scale(1.2);\n      }\n    }\n    &--p2 {\n      right: 0;\n      top: 2rem;\n\n      @include respond(tab-port) {\n        top: -1rem;\n        left: 0;\n        transform: scale(1.3);\n        z-index: 15;\n      }\n    }\n    &--p3 {\n      left: 20%;\n      top: 10rem;\n\n      @include respond(tab-port) {\n        top: 1rem;\n        left: 0;\n        transform: scale(1.1);\n      }\n    }\n\n    &:hover {\n      outline: 1.5rem solid $color-primary;\n      transform: scale(1.05) translateY(-0.5rem);\n      box-shadow: 0 2.5rem 4rem rgba($color-black, 0.5);\n      z-index: 20;\n    }\n  }\n\n  &:hover &__photo:not(:hover) {\n    transform: scale(0.95);\n  }\n}\n",".feature-box {\n  background-color: rgba($color-white, 0.8);\n  font-size: 1.5rem;\n  padding: 2.5rem;\n  text-align: center;\n  border-radius: 0.3rem;\n  box-shadow: $shadow-default;\n  transition: transform 0.3s;\n\n  @include respond(tab-port) {\n    padding: 2rem;\n  }\n\n  &__icon {\n    font-size: 6rem;\n    margin-bottom: 0.5rem;\n    display: inline-block;\n    background-image: linear-gradient(\n      to right,\n      $color-primary-light,\n      $color-primary-dark\n    );\n    background-clip: text;\n    color: transparent;\n\n    @include respond(tab-port) {\n      margin-bottom: 0;\n    }\n  }\n\n  &:hover {\n    transform: translateY(-1.5rem) scale(1.03);\n  }\n}\n",".card {\n  // functionality\n  perspective: 150rem;\n  position: relative;\n  height: 52rem;\n\n  &__side {\n    height: 52rem;\n    transition: all 0.58s ease;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    backface-visibility: hidden;\n    border-radius: 3px;\n    overflow: hidden;\n    box-shadow: $shadow-default;\n\n    &--front {\n      background-color: $color-white;\n    }\n\n    &--back {\n      transform: rotateY(180deg);\n\n      &-1 {\n        background-image: linear-gradient(\n          to right bottom,\n          $color-secondary-light,\n          $color-secondary-dark\n        );\n      }\n\n      &-2 {\n        background-image: linear-gradient(\n          to right bottom,\n          $color-primary-light,\n          $color-primary-dark\n        );\n      }\n\n      &-3 {\n        background-image: linear-gradient(\n          to right bottom,\n          $color-tertiary-light,\n          $color-tertiary-dark\n        );\n      }\n    }\n  }\n\n  &:hover &__side--front {\n    transform: rotateY(-180deg);\n  }\n\n  &:hover &__side--back {\n    transform: rotateY(0deg);\n  }\n\n  // Front side styling\n\n  &__picture {\n    background-size: cover;\n    height: 23rem;\n    background-blend-mode: screen;\n    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\n\n    &--1 {\n      background-image: linear-gradient(\n          to right bottom,\n          $color-secondary-light,\n          $color-secondary-dark\n        ),\n        url(../../commons/images/nat-5.jpg);\n    }\n\n    &--2 {\n      background-image: linear-gradient(\n          to right bottom,\n          $color-primary-light,\n          $color-primary-dark\n        ),\n        url(../../commons/images/nat-6.jpg);\n    }\n\n    &--3 {\n      background-image: linear-gradient(\n          to right bottom,\n          $color-tertiary-light,\n          $color-tertiary-dark\n        ),\n        url(../../commons/images/nat-7.jpg);\n    }\n  }\n\n  &__heading {\n    font-size: 2.8rem;\n    font-weight: 300;\n    text-transform: uppercase;\n    color: $color-white;\n    position: absolute;\n    top: 12rem;\n    right: 2rem;\n    text-align: right;\n    width: 75%;\n  }\n\n  &__heading-span {\n    padding: 1rem 1.5rem;\n    box-decoration-break: clone;\n    &--1 {\n      background-image: linear-gradient(\n        to right bottom,\n        rgba($color-secondary-light, 0.85),\n        rgba($color-secondary-dark, 0.85)\n      );\n    }\n\n    &--2 {\n      background-image: linear-gradient(\n        to right bottom,\n        rgba($color-primary-light, 0.85),\n        rgba($color-primary-dark, 0.85)\n      );\n    }\n\n    &--3 {\n      background-image: linear-gradient(\n        to right bottom,\n        rgba($color-tertiary-light, 0.85),\n        rgba($color-tertiary-dark, 0.85)\n      );\n    }\n  }\n\n  &__details {\n    padding: 3rem;\n    ul {\n      list-style: none;\n      margin: 0 auto;\n\n      li {\n        text-align: center;\n        font-size: 1.5rem;\n        padding: 1rem;\n\n        &:not(:last-child) {\n          border-bottom: 1px solid $color-grey-light-2;\n        }\n      }\n    }\n  }\n\n  // Back side\n  &__cta {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 90%;\n    text-align: center;\n  }\n\n  &__price-box {\n    text-align: center;\n    margin-bottom: 8rem;\n    color: $color-white;\n  }\n\n  &__price-only {\n    font-size: 1.4rem;\n    text-transform: uppercase;\n  }\n\n  &__price-value {\n    font-size: 6rem;\n    font-weight: 100;\n  }\n\n  @media only screen and (max-width: 56.25em), only screen and (hover: none) {\n    height: auto;\n    border-radius: 3px;\n    background-color: $color-white;\n    box-shadow: $shadow-default;\n\n    &__side {\n      height: auto;\n      transition: all 0.58s ease;\n      position: relative;\n      box-shadow: none;\n\n      &--back {\n        transform: rotateY(0);\n        clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);\n      }\n    }\n\n    &:hover &__side--front {\n      transform: rotateY(0);\n    }\n\n    &__details {\n      padding: 1rem 3rem;\n    }\n\n    // Back side\n    &__cta {\n      position: relative;\n      top: 0;\n      left: 0;\n      transform: translate(0);\n      width: 100%;\n      padding: 7rem 4rem 4rem 4rem;\n    }\n\n    &__price-box {\n      margin-bottom: 3rem;\n    }\n\n    &__price-value {\n      font-size: 5.5rem;\n    }\n  }\n}\n",".story {\n  width: 75%;\n  margin: 0 auto;\n  box-shadow: 0 3rem 6rem rgba($color-black, 0.1);\n  background-color: rgba($color-white, 60%);\n  border-radius: 3px;\n  padding: 6rem;\n  padding-left: 9rem;\n  font-size: $default-font-size;\n  transform: skewX(-12deg);\n\n  @include respond(tab-port) {\n    width: 100%;\n    padding: 4rem;\n    padding-left: 7rem;\n  }\n\n  @include respond(phone) {\n    transform: skewX(0);\n    padding-left: 4rem;\n  }\n\n  &__shape {\n    width: 15rem;\n    height: 15rem;\n    float: left;\n    shape-outside: circle(50% at 50% 50%);\n    -webkit-clip-path: circle(50% at 50% 50%);\n    clip-path: circle(50% at 50% 50%);\n    transform: translateX(-3rem) skewX(12deg);\n    position: relative;\n\n    @include respond(phone) {\n      transform: translateX(-3rem) skewX(0);\n      shape-outside: none;\n      clip-path: circle(50%);\n      margin-bottom: 1rem;\n      margin-top: -2rem;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n\n  &__img {\n    height: 100%;\n    transform: translateX(-4rem) scale(1.4);\n    transition: all 0.5s;\n  }\n\n  &__text {\n    transform: skewX(12deg);\n\n    @include respond(phone) {\n      transform: skewX(0);\n      display: inline-block;\n    }\n  }\n\n  &__caption {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, 20%);\n    color: $color-white;\n    text-transform: uppercase;\n    font-size: 1.7rem;\n    text-align: center;\n    opacity: 0;\n    transition: all 0.5s;\n    backface-visibility: hidden;\n  }\n\n  &:hover &__caption {\n    opacity: 1;\n    transform: translate(-50%, -50%);\n  }\n\n  &:hover &__img {\n    transform: translateX(-4rem) scale(1);\n    filter: blur(3px) brightness(80%);\n  }\n}\n",".bg-video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: -1;\n  opacity: 0.15;\n\n  &__content {\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n  }\n}\n",".form {\n  &__group:not(:last-child) {\n    margin-bottom: 2rem;\n  }\n\n  &__input {\n    font-size: 1.5rem;\n    font-family: inherit;\n    padding: 1.5rem 2rem;\n    color: inherit;\n    border-radius: $border-radius-small;\n    background-color: rgba($color-white, 0.5);\n    border: none;\n    border-bottom: 3px solid transparent;\n    width: 90%;\n    display: block;\n    transition: all 0.3s;\n\n    @include respond(tab-port) {\n      width: 100%;\n    }\n\n    &:focus {\n      outline: none;\n      box-shadow: $shadow-light;\n      border-bottom: $bottom-border-green;\n    }\n\n    &:focus:invalid {\n      border-bottom: $bottom-border-orange;\n    }\n\n    &::-webkit-input-placeholder {\n      color: $color-grey-dark-2;\n    }\n  }\n\n  &__label {\n    font-size: 1.2rem;\n    font-weight: 700;\n    margin-left: 2rem;\n    margin-top: 0.7rem;\n    display: block;\n    transition: all 0.3s;\n  }\n\n  &__input:placeholder-shown + &__label {\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(-4rem);\n  }\n\n  &__radio-group {\n    width: 50%;\n    display: inline-block;\n\n    @include respond(tab-port) {\n      width: 100%;\n      margin-bottom: 2rem;\n    }\n  }\n\n  &__radio-input {\n    display: none;\n  }\n\n  &__radio-label {\n    font-size: $default-font-size;\n    cursor: pointer;\n    position: relative;\n    padding-left: 3.4rem;\n  }\n\n  &__radio-button {\n    height: 3rem;\n    width: 3rem;\n    border: $bottom-border-green-thick;\n    border-radius: 50%;\n    display: inline-block;\n    position: absolute;\n    left: 0;\n    top: -0.5rem;\n\n    &::after {\n      content: \"\";\n      display: block;\n      height: 1.4rem;\n      width: 1.4rem;\n      border-radius: 50%;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background-color: $color-primary;\n      opacity: 0;\n      transition: opacity 0.2s;\n    }\n  }\n\n  &__radio-input:checked ~ &__radio-label &__radio-button::after {\n    opacity: 1;\n  }\n}\n",".popup {\n  background-color: rgba($color-black, 0.8);\n  height: 100vh;\n  width: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 3000;\n  opacity: 0;\n  visibility: hidden;\n  transition: all 0.3s;\n\n  &__blocker {\n    position: fixed;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    content: \" \";\n    background: rgba(0, 0, 0, 0.5);\n    cursor: default;\n    opacity: 0;\n  }\n\n  @supports (-webkit-backdrop-filter: blur(10px)) or\n    (backdrop-filter: blur(10px)) {\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px);\n    background-color: rgba($color-black, 0.3);\n  }\n\n  &__content {\n    @include center-horizontal-vertical;\n    width: 75%;\n    background-color: $color-white;\n    box-shadow: $shadow-default;\n    border-radius: 3px;\n    display: table;\n    overflow: hidden;\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.5);\n    transition: all 0.4s 0.2s;\n\n    @include respond(tab-land) {\n      display: block;\n    }\n  }\n\n  &__left {\n    width: 33.33333333%;\n    display: table-cell;\n    vertical-align: middle;\n\n    @include respond(tab-land) {\n      display: block;\n      width: 100%;\n    }\n  }\n\n  &__right {\n    width: 66.666666%;\n    display: table-cell;\n    vertical-align: middle;\n    padding: 3rem 5rem;\n  }\n\n  &__img {\n    display: block;\n    width: 100%;\n\n    @include respond(tab-land) {\n      width: 50%;\n      float: left;\n      height: 25rem;\n    }\n\n    @include respond(phone) {\n      display: none;\n    }\n  }\n\n  &__text {\n    font-size: $normal-font-size;\n    margin-bottom: 4rem;\n\n    column-count: 2;\n    column-gap: 4rem;\n    column-rule: 1px solid $color-grey-light-2;\n    hyphens: auto;\n  }\n\n  &:target {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &:target &__content {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n\n  &__close {\n    &:link,\n    &:visited {\n      color: $color-grey-dark;\n      position: absolute;\n      top: 2.5rem;\n      right: 2.5rem;\n      font-size: $medium-font-size;\n      text-decoration: none;\n      display: inline-block;\n      transition: all 0.2s;\n      line-height: 1;\n    }\n\n    &:hover {\n      color: $color-primary;\n    }\n  }\n}\n",".header {\n  height: 85vh;\n  background-image: linear-gradient(\n      to right bottom,\n      rgba($color-primary-light, 0.8),\n      rgba($color-primary-dark, 0.8)\n    ),\n    url(../../commons/images/hero-small.jpg);\n  background-size: cover;\n  background-position: top;\n  position: relative;\n\n  @supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)) {\n    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%);\n    clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%);\n    height: 95vh;\n  }\n\n  @media only screen and (min-resolution: 192dpi) and (min-width: 37.5em),\n    only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 37.5em),\n    only screen and (min-width: 125em) {\n    background-image: linear-gradient(\n        to right bottom,\n        rgba($color-primary-light, 0.8),\n        rgba($color-primary-dark, 0.8)\n      ),\n      url(../../commons/images/hero.jpg);\n  }\n\n  @include respond(phone) {\n    clip-path: polygon(0 0, 100% 0, 100% 85vh, 0 100%);\n  }\n\n  &__logo-box {\n    position: absolute;\n    top: 4rem;\n    left: 4rem;\n  }\n\n  &__text-box {\n    position: absolute;\n    top: 40%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n  }\n\n  &__logo {\n    height: 3.5rem;\n  }\n}\n",".row {\n  max-width: $grid-width;\n  margin: 0 auto;\n\n  &:not(:last-child) {\n    margin-bottom: $gutter-vertical;\n\n    @include respond(tab-port) {\n      margin-bottom: $gutter-horizontal;\n    }\n  }\n\n  @include respond(tab-port) {\n    max-width: 50rem;\n    padding: 0 3rem;\n  }\n\n  @include clearfix;\n\n  [class^=\"col-\"] {\n    float: left;\n\n    &:not(:last-child) {\n      margin-right: $gutter-horizontal;\n\n      @include respond(tab-port) {\n        margin-right: 0;\n        margin-bottom: $gutter-horizontal;\n      }\n    }\n\n    @include respond(tab-port) {\n      width: 100% !important;\n    }\n  }\n\n  .col-1-of-2 {\n    width: calc((100% - #{$gutter-horizontal}) / 2);\n  }\n\n  .col-1-of-3 {\n    width: calc((100% - (2 * #{$gutter-horizontal})) / 3);\n  }\n\n  .col-1-of-4 {\n    width: calc((100% - (3 * #{$gutter-horizontal})) / 4);\n  }\n\n  .col-2-of-3 {\n    width: calc(\n      2 * ((100% - (2 * #{$gutter-horizontal})) / 3) + #{$gutter-horizontal}\n    );\n  }\n\n  .col-2-of-4 {\n    width: calc(\n      2 * ((100% - (3 * #{$gutter-horizontal})) / 4) + #{$gutter-horizontal}\n    );\n  }\n\n  .col-3-of-4 {\n    width: calc(\n      3 * ((100% - (3 * #{$gutter-horizontal})) / 4) + 2 * #{$gutter-horizontal}\n    );\n  }\n}\n",".footer {\n  background-color: $color-grey-dark-3;\n  padding: 10rem 0;\n  font-size: $normal-font-size;\n\n  @include respond(tab-port) {\n    padding: 8rem 0;\n  }\n\n  &__logo-box {\n    text-align: center;\n    margin-bottom: 8rem;\n\n    @include respond(tab-port) {\n      margin-bottom: 6rem;\n    }\n  }\n\n  &__logo {\n    width: 10rem;\n    height: auto;\n  }\n\n  &__navigation {\n    border-top: 1px solid $color-grey-dark;\n    padding-top: 2rem;\n    display: inline-block;\n\n    @include respond(tab-port) {\n      width: 100%;\n      text-align: center;\n    }\n  }\n\n  &__list {\n    list-style-type: none;\n  }\n\n  &__item {\n    display: inline-block;\n\n    &:not(:last-child) {\n      margin-right: 1.5rem;\n    }\n  }\n\n  &__link {\n    &:link,\n    &:visited {\n      color: $color-grey-light-1;\n      background-color: $color-grey-dark-3;\n      text-decoration: none;\n      text-transform: uppercase;\n      display: inline-block;\n      transition: all 0.2s;\n    }\n\n    &:hover,\n    &:active {\n      color: $color-primary;\n      box-shadow: $shadow-link;\n      transform: rotate(5deg) scale(1.3);\n    }\n  }\n\n  &__copyright {\n    border-top: 1px solid $color-grey-dark;\n    padding-top: 2rem;\n    float: right;\n    color: $color-grey-dark;\n    color: $color-grey-light-1;\n\n    @include respond(tab-port) {\n      width: 100%;\n      float: none;\n    }\n  }\n}\n",".navigation {\n  &__checkbox {\n    display: none;\n  }\n\n  &__button {\n    background-color: $color-white;\n    height: 7rem;\n    width: 7rem;\n    position: fixed;\n    top: 6rem;\n    right: 6rem;\n    border-radius: 50%;\n    z-index: 2000;\n    box-shadow: $shadow-light;\n    cursor: pointer;\n\n    &--bars,\n    &--times {\n      @include center-horizontal-vertical;\n      font-size: 3.5rem;\n      text-align: center;\n      transition: opacity 0.2s;\n    }\n    &--times {\n      opacity: 0;\n    }\n\n    @include respond(tab-port) {\n      top: 4rem;\n      right: 4rem;\n    }\n    @include respond(phone) {\n      top: 3rem;\n      right: 3rem;\n    }\n  }\n\n  &__background {\n    height: 6rem;\n    width: 6rem;\n    border-radius: 50%;\n    position: fixed;\n    top: 6.5rem;\n    right: 6.5rem;\n    background-image: radial-gradient(\n      $color-primary-light,\n      $color-primary-dark\n    );\n    z-index: 1000;\n    transition: all 0.8s cubic-bezier(0.85, 0, 0.15, 1);\n\n    @include respond(tab-port) {\n      top: 4.5rem;\n      right: 4rem;\n    }\n\n    @include respond(phone) {\n      top: 3.5rem;\n      right: 3rem;\n    }\n  }\n\n  &__nav {\n    height: 100vh;\n    width: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 1500;\n\n    visibility: hidden;\n    opacity: 0;\n    width: 0;\n    transition: all 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6);\n  }\n\n  &__list {\n    @include center-horizontal-vertical;\n    list-style: none;\n    text-align: center;\n    width: 100%;\n  }\n\n  &__item {\n    margin: 1rem;\n  }\n\n  &__link {\n    &:link,\n    &:visited {\n      display: inline-block;\n      font-size: $medium-font-size;\n      font-weight: 300;\n      color: $color-white;\n      text-decoration: none;\n      text-transform: uppercase;\n      padding: 1rem 2rem;\n      background-image: linear-gradient(\n        120deg,\n        transparent 0%,\n        transparent 50%,\n        $color-white 50%\n      );\n      background-size: 230%;\n      transition: all 0.4s;\n\n      span {\n        margin-right: 1.5rem;\n        display: inline-block;\n      }\n    }\n\n    &:hover,\n    &:active {\n      background-position: 100%;\n      color: $color-primary;\n      transform: translateX(1rem);\n    }\n  }\n\n  &__checkbox:checked ~ &__background {\n    transform: scale(80);\n  }\n\n  &__checkbox:checked ~ &__nav {\n    visibility: visible;\n    opacity: 1;\n    width: 100%;\n  }\n\n  //ICON\n  &__checkbox:checked ~ &__button &__button--times {\n    opacity: 1;\n  }\n\n  &__checkbox:checked ~ &__button &__button--bars {\n    opacity: 0;\n  }\n}\n",".section-about {\n  background-color: $color-grey-light-1;\n  padding: 25rem 0;\n  margin-top: -20vh;\n\n  @include respond(tab-port) {\n    padding: 20rem 0;\n  }\n  @include respond(phone) {\n    padding: 22rem 0;\n  }\n}\n\n.section-features {\n  padding: 20rem 0;\n  background-image: linear-gradient(\n      to right bottom,\n      rgba($color-primary-light, 0.8),\n      rgba($color-primary-dark, 0.8)\n    ),\n    url(../../commons/images/nat-4.jpg);\n  background-size: cover;\n  margin-top: -12rem;\n\n  transform: skewY(-7deg);\n\n  & > * {\n    transform: skewY(7deg);\n  }\n\n  @include respond(tab-port) {\n    padding: 10rem 0;\n  }\n}\n\n.section-tours {\n  background-color: $color-grey-light-1;\n  padding: 25rem 0 15rem 0;\n  margin-top: -12rem;\n\n  @include respond(tab-port) {\n    padding: 20rem 0 10rem 0;\n  }\n}\n\n.section-stories {\n  padding: 15rem 0;\n  position: relative;\n\n  @include respond(tab-port) {\n    padding: 10rem 0;\n  }\n}\n\n.section-book {\n  padding: 15rem 0;\n  background-image: linear-gradient(\n    to right bottom,\n    $color-primary-light,\n    $color-primary-dark\n  );\n\n  @include respond(tab-port) {\n    padding: 10rem 0;\n  }\n}\n\n.book {\n  background-image: linear-gradient(\n      105deg,\n      rgba($color-white, 0.9) 0%,\n      rgba($color-white, 0.9) 50%,\n      transparent 50%\n    ),\n    url(../../commons/images/nat-10.jpg);\n  background-size: cover;\n  border-radius: $border-radius-default;\n  box-shadow: $shadow-default;\n\n  @include respond(tab-land) {\n    background-image: linear-gradient(\n        105deg,\n        rgba($color-white, 0.9) 0%,\n        rgba($color-white, 0.9) 65%,\n        transparent 65%\n      ),\n      url(../../commons/images/nat-10.jpg);\n  }\n\n  @include respond(tab-port) {\n    background-image: linear-gradient(\n        to right,\n        rgba($color-white, 0.9) 0%,\n        rgba($color-white, 0.9) 65%\n      ),\n      url(../../commons/images/nat-10.jpg);\n  }\n\n  &__form {\n    width: 50%;\n    padding: 6rem;\n\n    @include respond(tab-land) {\n      width: 65%;\n    }\n\n    @include respond(tab-port) {\n      width: 100%;\n    }\n  }\n}\n"]}