/* ibarra-real-nova-regular - latin */
@font-face {
    font-family: 'Ibarra Real Nova';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/ibarra-real-nova-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/ibarra-real-nova-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* ibarra-real-nova-600 - latin */
  @font-face {
    font-family: 'Ibarra Real Nova';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('../fonts/ibarra-real-nova-v20-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/ibarra-real-nova-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* ibarra-real-nova-700 - latin */
  @font-face {
    font-family: 'Ibarra Real Nova';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../fonts/ibarra-real-nova-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/ibarra-real-nova-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* ibarra-real-nova-italic - latin */
  @font-face {
    font-family: 'Ibarra Real Nova';
    font-style: italic;
    font-weight: 400;
    src: local(''),
         url('../fonts/ibarra-real-nova-v20-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/ibarra-real-nova-v20-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* ibarra-real-nova-600italic - latin */
  @font-face {
    font-family: 'Ibarra Real Nova';
    font-style: italic;
    font-weight: 600;
    src: local(''),
         url('../fonts/ibarra-real-nova-v20-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/ibarra-real-nova-v20-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* ibarra-real-nova-700italic - latin */
  @font-face {
    font-family: 'Ibarra Real Nova';
    font-style: italic;
    font-weight: 700;
    src: local(''),
         url('../fonts/ibarra-real-nova-v20-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/ibarra-real-nova-v20-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }


  /* mulish-300 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    src: local(''),
         url('../fonts/mulish-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/mulish-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* mulish-regular - latin */
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/mulish-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/mulish-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* mulish-600 - latin */
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('../fonts/mulish-v12-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/mulish-v12-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* mulish-700 - latin */
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../fonts/mulish-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/mulish-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
/* -------------------- *\
    VARIABLES
\* -------------------- */
/* -------------------- *\
    GENERAL
\* -------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
h1,
h2,
h3,
h4 {
  font-family: "Ibarra Real Nova", serif;
}
h1 {
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (max-width: 1023px) {
  h1 {
    font-size: 1.6rem;
  }
}
h2 {
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  h2 {
    font-size: 1.3rem;
  }
}
h4 {
  font-size: 18px;
  margin: 8px 0;
}
p,
span,
li {
  font-family: "Mulish", sans-serif;
}
.container-flex {
  width: 100%;
  padding: 100px;
}
@media (max-width: 1023px) {
  .container-flex {
    width: 100%;
    padding: 50px;
  }
}
.container-fix {
  width: calc(1024px - 50px);
  margin: 100px auto;
}
@media (max-width: 1023px) {
  .container-fix {
    width: 100%;
    margin: 50px auto;
    padding: 0 25px;
  }
}
.layout-split {
  display: flex;
  justify-content: space-between;
}
.layout-split-mobile {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .layout-split-mobile {
    flex-direction: column;
  }
}
.link-with-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.link-with-icon .icon {
  max-height: 16px;
  width: auto;
  margin-right: 10px;
}
.link-with-icon.right .icon {
  margin-right: 0;
  margin-left: 10px;
}
.button {
  height: 50px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.button.filled {
  border: 0;
  color: white;
  background-color: #1A4444;
}
.button.dark {
  border: 1px solid #1D1D1D;
}
.button.hover .icon {
  position: relative;
  left: 0px;
  transition: all 0.4s;
}
.button.hover:hover .icon {
  left: 8px;
}
.icon {
  height: 16px;
  width: 16px;
  fill: #1D1D1D;
}
.hide {
  display: none;
}

/* -------------------- *\
    VARIABLES
\* -------------------- */
/* -------------------- *\
    GENERAL
\* -------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
h1,
h2,
h3,
h4 {
  font-family: "Ibarra Real Nova", serif;
}
h1 {
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (max-width: 1023px) {
  h1 {
    font-size: 1.6rem;
  }
}
h2 {
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  h2 {
    font-size: 1.3rem;
  }
}
h4 {
  font-size: 18px;
  margin: 8px 0;
}
p,
span,
li {
  font-family: "Mulish", sans-serif;
}
.container-flex {
  width: 100%;
  padding: 100px;
}
@media (max-width: 1023px) {
  .container-flex {
    width: 100%;
    padding: 50px;
  }
}
.container-fix {
  width: calc(1024px - 50px);
  margin: 100px auto;
}
@media (max-width: 1023px) {
  .container-fix {
    width: 100%;
    margin: 50px auto;
    padding: 0 25px;
  }
}
.layout-split {
  display: flex;
  justify-content: space-between;
}
.layout-split-mobile {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .layout-split-mobile {
    flex-direction: column;
  }
}
.link-with-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.link-with-icon .icon {
  max-height: 16px;
  width: auto;
  margin-right: 10px;
}
.link-with-icon.right .icon {
  margin-right: 0;
  margin-left: 10px;
}
.button {
  height: 50px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.button.filled {
  border: 0;
  color: white;
  background-color: #1A4444;
}
.button.dark {
  border: 1px solid #1D1D1D;
}
.button.hover .icon {
  position: relative;
  left: 0px;
  transition: all 0.4s;
}
.button.hover:hover .icon {
  left: 8px;
}
.icon {
  height: 16px;
  width: 16px;
  fill: #1D1D1D;
}
.hide {
  display: none;
}
#header-wrapper {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  font-size: 14px;
  font-family: "Mulish", sans-serif;
  color: white;
  z-index: 100;
  transition: 0.2s;
}
#header-wrapper.active {
  color: black;
  background-color: white;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
#header-wrapper.active .header-languages-item.active {
  background-color: #1A4444;
  color: white;
}
#header-wrapper.active .header-languages-item:hover {
  border: 1px solid #1A4444;
}
#header-wrapper.active #header-menu #burger-icon div {
  background-color: #1D1D1D;
}
#header {
  width: calc(100% - 200px);
  min-width: calc(1024px - 50px);
  max-width: 1920px;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#header > div {
  width: calc(100% / 3);
}
@media (max-width: 1023px) {
  #header {
    width: calc(100% - 50px);
    min-width: 0;
    height: 60px;
  }
  #header > div {
    width: auto;
  }
  #header > div:first-of-type {
    display: none;
  }
}
#header-languages {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#header-languages .header-languages-item {
  height: 34px;
  width: 34px;
  min-width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  border-radius: 50%;
  font-size: 12px;
}
#header-languages .header-languages-item.active {
  background-color: rgba(255, 255, 255, 0.4);
  color: rgba(0, 0, 0, 0.6);
}
#header-languages .header-languages-item:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
#header-languages .header-phone {
  margin-left: 15px;
}
#header-logo {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header-logo .logo {
  height: 36px;
  fill: white;
  transition: all 0.4s;
}
#header-logo .logo text {
  fill: white;
  transition: all 0.4s;
}
#header-logo .logo.active text {
  fill: #122223;
}
@media (max-width: 1023px) {
  #header-logo {
    justify-content: flex-start;
  }
}
#header-menu {
  display: flex;
  justify-content: flex-end;
}
#header-menu #burger-icon {
  height: 16px;
  width: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#header-menu #burger-icon > div {
  position: relative;
  transition: all 0.4s;
}
#header-menu #burger-icon > div:first-of-type {
  width: 100%;
  height: 1px;
  background-color: white;
  margin-bottom: 3px;
}
#header-menu #burger-icon > div:last-of-type {
  width: 80%;
  height: 1px;
  background-color: white;
}
#header-menu a.active #burger-icon > div:first-of-type {
  top: 2px;
  transform: rotate(-45deg);
}
#header-menu a.active #burger-icon > div:last-of-type {
  width: 100%;
  top: -2px;
  transform: rotate(45deg);
}
@media (min-width: 1024px) {
  #header-menu a:hover #burger-icon > div:first-of-type {
    top: 2px;
    transform: rotate(-45deg);
  }
  #header-menu a:hover #burger-icon > div:last-of-type {
    width: 100%;
    top: -2px;
    transform: rotate(45deg);
  }
}

/* -------------------- *\
    VARIABLES
\* -------------------- */
/* -------------------- *\
    GENERAL
\* -------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
h1,
h2,
h3,
h4 {
  font-family: "Ibarra Real Nova", serif;
}
h1 {
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (max-width: 1023px) {
  h1 {
    font-size: 1.6rem;
  }
}
h2 {
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  h2 {
    font-size: 1.3rem;
  }
}
h4 {
  font-size: 18px;
  margin: 8px 0;
}
p,
span,
li {
  font-family: "Mulish", sans-serif;
}
.container-flex {
  width: 100%;
  padding: 100px;
}
@media (max-width: 1023px) {
  .container-flex {
    width: 100%;
    padding: 50px;
  }
}
.container-fix {
  width: calc(1024px - 50px);
  margin: 100px auto;
}
@media (max-width: 1023px) {
  .container-fix {
    width: 100%;
    margin: 50px auto;
    padding: 0 25px;
  }
}
.layout-split {
  display: flex;
  justify-content: space-between;
}
.layout-split-mobile {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .layout-split-mobile {
    flex-direction: column;
  }
}
.link-with-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.link-with-icon .icon {
  max-height: 16px;
  width: auto;
  margin-right: 10px;
}
.link-with-icon.right .icon {
  margin-right: 0;
  margin-left: 10px;
}
.button {
  height: 50px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.button.filled {
  border: 0;
  color: white;
  background-color: #1A4444;
}
.button.dark {
  border: 1px solid #1D1D1D;
}
.button.hover .icon {
  position: relative;
  left: 0px;
  transition: all 0.4s;
}
.button.hover:hover .icon {
  left: 8px;
}
.icon {
  height: 16px;
  width: 16px;
  fill: #1D1D1D;
}
.hide {
  display: none;
}
#footer-wrapper {
  padding: 25px 0;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  background-color: #122223;
  color: white;
}
#footer-wrapper nav a {
  margin-right: 20px;
}
#footer-wrapper hr {
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 480px) {
  #footer-wrapper hr {
    display: none;
  }
}
#footer {
  width: calc(100% - 200px);
  min-width: calc(1024px - 50px);
  max-width: 1920px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  #footer {
    width: calc(100% - 50px);
    min-width: 0;
    margin: 0 25px;
  }
}
.footer-top {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1023px) {
  .footer-top nav {
    display: none;
  }
}
.footer-top > div {
  display: flex;
  justify-content: space-between;
}
.footer-top > div a:first-of-type {
  margin-right: 20px;
  color: #122223;
  background-color: #D3B298;
}
.footer-top > div a:first-of-type .icon {
  position: relative;
  left: 0;
}
.footer-top > div a:first-of-type:hover .icon {
  left: 8px;
}
.footer-top > div a:last-of-type .icon {
  fill: white;
}
@media (max-width: 480px) {
  .footer-top > div {
    width: 100%;
    flex-direction: column;
  }
  .footer-top > div > a {
    width: 100%;
    justify-content: center;
  }
  .footer-top > div > a:first-of-type {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .footer-top {
    height: auto;
  }
}
.footer-bottom {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-links a {
  margin-left: 20px;
}

/* -------------------- *\
    VARIABLES
\* -------------------- */
/* -------------------- *\
    GENERAL
\* -------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
h1,
h2,
h3,
h4 {
  font-family: "Ibarra Real Nova", serif;
}
h1 {
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (max-width: 1023px) {
  h1 {
    font-size: 1.6rem;
  }
}
h2 {
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  h2 {
    font-size: 1.3rem;
  }
}
h4 {
  font-size: 18px;
  margin: 8px 0;
}
p,
span,
li {
  font-family: "Mulish", sans-serif;
}
.container-flex {
  width: 100%;
  padding: 100px;
}
@media (max-width: 1023px) {
  .container-flex {
    width: 100%;
    padding: 50px;
  }
}
.container-fix {
  width: calc(1024px - 50px);
  margin: 100px auto;
}
@media (max-width: 1023px) {
  .container-fix {
    width: 100%;
    margin: 50px auto;
    padding: 0 25px;
  }
}
.layout-split {
  display: flex;
  justify-content: space-between;
}
.layout-split-mobile {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .layout-split-mobile {
    flex-direction: column;
  }
}
.link-with-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.link-with-icon .icon {
  max-height: 16px;
  width: auto;
  margin-right: 10px;
}
.link-with-icon.right .icon {
  margin-right: 0;
  margin-left: 10px;
}
.button {
  height: 50px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.button.filled {
  border: 0;
  color: white;
  background-color: #1A4444;
}
.button.dark {
  border: 1px solid #1D1D1D;
}
.button.hover .icon {
  position: relative;
  left: 0px;
  transition: all 0.4s;
}
.button.hover:hover .icon {
  left: 8px;
}
.icon {
  height: 16px;
  width: 16px;
  fill: #1D1D1D;
}
.hide {
  display: none;
}
#menu {
  height: 100%;
  width: 100%;
  position: fixed;
  top: -100%;
  left: 0;
  color: white;
  font-family: "Mulish", sans-serif;
  transition: top 0.4s;
  background-color: #122223;
  z-index: 90;
  overflow-y: scroll;
}
#menu.active {
  top: 0%;
}
#menu .container-fix {
  padding: 100px 25px;
  margin: 80px auto;
  margin-bottom: 0;
}
#menu .container-fix > .layout-split > div {
  width: 50%;
}
@media (max-width: 1023px) {
  #menu .container-fix > .layout-split > .left {
    width: 100%;
  }
}
#menu .container-fix > .layout-split > .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#menu .container-fix > .layout-split > .right img {
  width: 80%;
}
@media (max-width: 1023px) {
  #menu .container-fix > .layout-split > .right {
    display: none;
  }
}
@media (max-width: 1023px) {
  #menu .container-fix {
    margin: 60px auto;
    margin-bottom: 0;
    padding: 50px 25px;
  }
}
#menu .subtitle {
  color: white;
}
#menu .subtitle .line {
  background-color: white;
}
#menu h1 {
  margin-bottom: 0;
}
#menu h4 {
  font-size: 16px;
  font-family: "Mulish", sans-serif;
}
#menu .menu-adress {
  margin-top: 50px;
}
@media (max-width: 1023px) {
  #menu .menu-adress {
    margin-top: 20px;
  }
}
#menu .menu-adress,
#menu .menu-phone-email,
#menu .menu-seasons {
  margin-bottom: 25px;
}
@media (max-width: 1023px) {
  #menu .menu-adress,
  #menu .menu-phone-email,
  #menu .menu-seasons {
    margin-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  #menu .menu-seasons > p:nth-of-type(2) {
    margin: 8px 0;
  }
}
#menu strong {
  font-weight: 700;
  color: #D3B298;
}
#menu .layout-split.footer {
  align-items: flex-end;
}
@media (max-width: 1023px) {
  #menu .layout-split.footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 1023px) {
  #menu .layout-split.footer > div {
    order: 2;
  }
}
#menu a.button {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  border: 0;
  background-color: #D3B298;
  color: white;
}
#menu a.button .icon {
  fill: white;
}
@media (max-width: 1023px) {
  #menu a.button {
    width: auto;
    order: 1;
    margin-bottom: 20px;
  }
}
#menu a.button:hover .icon {
  left: 8px;
}
#menu .social-media-icon {
  margin-right: 8px;
}
#menu .social-media-icon svg {
  width: 35px;
  height: 35px;
  fill: white;
}
#menu .social-media-icon:hover svg {
  fill: #D3B298;
}

/* -------------------- *\
    VARIABLES
\* -------------------- */
/* -------------------- *\
    GENERAL
\* -------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
h1,
h2,
h3,
h4 {
  font-family: "Ibarra Real Nova", serif;
}
h1 {
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (max-width: 1023px) {
  h1 {
    font-size: 1.6rem;
  }
}
h2 {
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  h2 {
    font-size: 1.3rem;
  }
}
h4 {
  font-size: 18px;
  margin: 8px 0;
}
p,
span,
li {
  font-family: "Mulish", sans-serif;
}
.container-flex {
  width: 100%;
  padding: 100px;
}
@media (max-width: 1023px) {
  .container-flex {
    width: 100%;
    padding: 50px;
  }
}
.container-fix {
  width: calc(1024px - 50px);
  margin: 100px auto;
}
@media (max-width: 1023px) {
  .container-fix {
    width: 100%;
    margin: 50px auto;
    padding: 0 25px;
  }
}
.layout-split {
  display: flex;
  justify-content: space-between;
}
.layout-split-mobile {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .layout-split-mobile {
    flex-direction: column;
  }
}
.link-with-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.link-with-icon .icon {
  max-height: 16px;
  width: auto;
  margin-right: 10px;
}
.link-with-icon.right .icon {
  margin-right: 0;
  margin-left: 10px;
}
.button {
  height: 50px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.button.filled {
  border: 0;
  color: white;
  background-color: #1A4444;
}
.button.dark {
  border: 1px solid #1D1D1D;
}
.button.hover .icon {
  position: relative;
  left: 0px;
  transition: all 0.4s;
}
.button.hover:hover .icon {
  left: 8px;
}
.icon {
  height: 16px;
  width: 16px;
  fill: #1D1D1D;
}
.hide {
  display: none;
}
#home {
  height: 650px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  background-position: top;
  background-size: cover;
  background-color: black;
  color: white;
}
#home h1 {
  width: 650px;
  margin: 0 auto;
  padding: 25px 0;
  text-align: center;
  color: #D3B298;
  background-color: #1A4444;
}
@media (max-width: 1023px) {
  #home {
    height: 450px;
  }
  #home h1 {
    width: 100%;
    margin: 0 auto;
    font-size: 24px;
    text-align: center;
  }
}
#home-footer {
  width: 100%;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#home-footer > div {
  width: calc(100% / 3);
  height: 100%;
  position: relative;
}
#home-footer #home-mouse {
  display: flex;
  justify-content: center;
}
#home-footer #home-mouse img {
  height: 32px;
  margin-top: 80px;
}
#home-footer #home-weather {
  width: 320px;
  margin-left: auto;
  padding: 35px 45px;
  display: flex;
  justify-content: flex-start;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #1A4444;
  opacity: 0;
  transition: opacity 0.4s;
}
#home-footer #home-weather svg {
  height: 50px;
  width: 50px;
  margin-right: 25px;
  fill: #D3B298;
}
#home-footer #home-weather .weather-details {
  display: flex;
  flex-direction: column;
  color: #D3B298;
}
#home-footer #home-weather .weather-details span:first-of-type {
  font-size: 24px;
  font-weight: 400;
}
@media (max-width: 1023px) {
  #home-footer #home-weather {
    display: none;
  }
}
.subtitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1D1D1D;
}
.subtitle .line {
  width: 50px;
  height: 1px;
  margin: 0 15px;
  background-color: #1D1D1D;
}
.subtitle h3 {
  margin-bottom: 0;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
}
/* -------------------- *\
    DISCOVER ENV
\* -------------------- */
#environment h1,
#environment h2,
#environment h3,
#environment .subtitle {
  color: #1D1D1D;
}
#environment h1 .line,
#environment h2 .line,
#environment h3 .line,
#environment .subtitle .line {
  background-color: #1D1D1D;
}
#environment-about {
  max-width: 600px;
}
#environment-about img {
  max-width: 100%;
}
#environment-places-nearby {
  width: 100%;
  padding-left: 50px;
}
#environment-places-nearby .environment-places-item {
  width: 100%;
  padding: 15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  border: 1px solid #F3F3F3;
}
#environment-places-nearby .environment-places-item:last-of-type {
  margin-bottom: 0;
}
#environment-places-nearby .environment-places-item .places-icon {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #F3F3F3;
}
#environment-places-nearby .environment-places-item .places-icon img {
  width: auto;
  height: 24px;
}
#environment-places-nearby .environment-places-item .places-title {
  font-weight: 600;
}
#environment-places-nearby .environment-places-item .places-distance {
  font-size: 14px;
  color: #919191;
}
@media (max-width: 1023px) {
  #environment-places-nearby {
    padding-left: 0;
    margin-top: 50px;
  }
}
/* -------------------- *\
    ACTIVITIES
\* -------------------- */
#snow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
#activities {
  width: 100%;
  color: white;
  background-color: #122223;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}
#activities .container-fix {
  margin-top: 0;
  margin-bottom: 0;
}
#activities h1,
#activities h2,
#activities h3,
#activities .subtitle {
  color: white;
}
#activities h1 .line,
#activities h2 .line,
#activities h3 .line,
#activities .subtitle .line {
  background-color: white;
}
#activities p {
  margin-bottom: 50px;
}
@media (max-width: 480px) {
  #activities p {
    margin-bottom: 25px;
  }
}
#activities-season-selector {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}
#activities-list {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-gap: 15px;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
}
@media (max-width: 480px) {
  #activities-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
#activities-list .activities-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
#activities-list .activities-item div {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
}
#activities-list .activities-item span {
  margin-top: 8px;
}
#activities-list .activities-item .icon {
  height: 24px;
  width: 24px;
  fill: white;
}
#activities-gallery {
  width: 100%;
}
#activities-gallery .glide__slides img {
  width: 100%;
}
#activities-gallery .glide__slides span {
  font-style: italic;
}
#activities-gallery #activities-gallery-controls {
  width: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px auto 0 auto;
  font-weight: 600;
}
#activities-gallery #activities-gallery-controls button {
  border: 0;
  background: 0;
  padding: 5px 15px;
  cursor: pointer;
}
#activities-gallery #activities-gallery-controls button .icon {
  margin-top: 5px;
  fill: white;
}
/* -------------------- *\
    ABOUT THE FLAT
\* -------------------- */
#about-the-flat {
  background-color: #F6F6F6;
  padding-left: 0;
  padding-right: 0;
}
#about-the-flat .container-fix {
  margin-top: 0;
  margin-bottom: 0;
}
#about-the-flat h1,
#about-the-flat .subtitle {
  color: #1D1D1D;
  text-align: center;
}
#about-the-flat h1 .line,
#about-the-flat .subtitle .line {
  background-color: #1D1D1D;
}
#about-the-flat .subtitle {
  display: flex;
  justify-content: center;
}
#about-the-flat .container-fix > p {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1023px) {
  #about-the-flat .container-fix > p {
    width: 100%;
  }
}
#about-the-flat .layout-split-mobile {
  margin-top: 25px;
  align-items: center;
}
#about-the-flat-description {
  width: calc(100% - 550px);
}
#about-the-flat-description p {
  text-align: justify;
}
@media (max-width: 1023px) {
  #about-the-flat-description {
    width: 100%;
    order: 2;
  }
}
#about-the-flat-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  font-size: 14px;
}
#about-the-flat-links .button.active {
  border: 1px solid black;
}
#about-the-flat-links a {
  width: calc(50% - 8px);
  justify-content: center;
}
#about-the-flat-links a .icon {
  position: relative;
  left: 0px;
}
#about-the-flat-links a:last-of-type .icon {
  fill: white;
}
#about-the-flat-links a:hover .icon {
  left: 8px;
}
/* Images should be in the format: 480x600px */
#about-the-flat-photos {
  height: 400px;
  width: 550px;
  position: relative;
}
#about-the-flat-photos > img {
  max-width: 350px;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
#about-the-flat-photos > img:nth-of-type(3) {
  height: calc(100% - 20px);
  top: 20px;
  right: 70px;
}
#about-the-flat-photos > img:nth-of-type(2) {
  height: calc(100% - 60px);
  right: 170px;
  top: 50px;
  transform: rotate(6deg);
}
#about-the-flat-photos > img:nth-of-type(1) {
  height: calc(100% - 40px);
  transform: rotate(-3deg);
}
@media (max-width: 1023px) {
  #about-the-flat-photos {
    height: 250px;
    width: 320px;
    margin: 25px auto 50px auto;
    order: 1;
  }
}
/* -------------------- *\
    ABOUT THE FLAT
\* -------------------- */
#partner {
  background-color: #ECEFEF;
  padding-left: 0;
  padding-right: 0;
}
#partner .container-fix {
  margin-top: 0;
  margin-bottom: 0;
}
#partner p {
  margin-bottom: 15px;
}
#partner .button {
  width: 210px;
  justify-content: center;
  margin-bottom: 50px;
}
@media (max-width: 480px) {
  #partner .button {
    margin-bottom: 25px;
  }
}
#partner .button .icon {
  fill: white;
}
#partner .button span {
  font-size: 14px;
}
#partner-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
}
#partner-grid .partner-item {
  height: 200px;
  background-position: center;
  background-size: cover;
  position: relative;
  color: white;
}
#partner-grid .partner-item > div {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 10;
}
#partner-grid .partner-item small {
  display: block;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Mulish', sans-serif;
}
#partner-grid .partner-item strong {
  font-size: 18px;
  font-weight: 700;
  font-family: 'Mulish', sans-serif;
}
#partner-grid .partner-item::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 35%);
}
@media (max-width: 1023px) {
  #partner-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  #partner-grid {
    grid-template-columns: 1fr;
  }
}
/* -------------------- *\
    FAQ
\* -------------------- */
#faq hr {
  border-style: dashed;
  border-color: rgba(0, 0, 0, 0.2);
}
.faq-item {
  margin: 25px 0;
}
/* -------------------- *\
    IMPRINT
\* -------------------- */
#imprint {
  margin-top: 180px;
}
@media (max-width: 1023px) {
  #imprint {
    margin-top: 110px;
  }
}
#imprint li {
  margin-left: 35px;
}

/* -------------------- *\
    VARIABLES
\* -------------------- */
/* -------------------- *\
    GENERAL
\* -------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
h1,
h2,
h3,
h4 {
  font-family: "Ibarra Real Nova", serif;
}
h1 {
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (max-width: 1023px) {
  h1 {
    font-size: 1.6rem;
  }
}
h2 {
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  h2 {
    font-size: 1.3rem;
  }
}
h4 {
  font-size: 18px;
  margin: 8px 0;
}
p,
span,
li {
  font-family: "Mulish", sans-serif;
}
.container-flex {
  width: 100%;
  padding: 100px;
}
@media (max-width: 1023px) {
  .container-flex {
    width: 100%;
    padding: 50px;
  }
}
.container-fix {
  width: calc(1024px - 50px);
  margin: 100px auto;
}
@media (max-width: 1023px) {
  .container-fix {
    width: 100%;
    margin: 50px auto;
    padding: 0 25px;
  }
}
.layout-split {
  display: flex;
  justify-content: space-between;
}
.layout-split-mobile {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .layout-split-mobile {
    flex-direction: column;
  }
}
.link-with-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.link-with-icon .icon {
  max-height: 16px;
  width: auto;
  margin-right: 10px;
}
.link-with-icon.right .icon {
  margin-right: 0;
  margin-left: 10px;
}
.button {
  height: 50px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.button.filled {
  border: 0;
  color: white;
  background-color: #1A4444;
}
.button.dark {
  border: 1px solid #1D1D1D;
}
.button.hover .icon {
  position: relative;
  left: 0px;
  transition: all 0.4s;
}
.button.hover:hover .icon {
  left: 8px;
}
.icon {
  height: 16px;
  width: 16px;
  fill: #1D1D1D;
}
.hide {
  display: none;
}
/* -------------------- *\
    HEADER
\* -------------------- */
#flat-header {
  margin-top: 80px;
  padding: 50px 0;
  background-color: #1A4444;
  color: white;
}
#flat-header h1 {
  text-align: center;
  padding: 0 150px;
}
@media (max-width: 1023px) {
  #flat-header h1 {
    padding: 0;
  }
}
#flat-header .container-fix {
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  #flat-header {
    margin-top: 60px;
  }
}
/* -------------------- *\
    ABOUT THE FLAT
\* -------------------- */
#flat-about .left {
  width: calc(100% - 300px);
  padding-right: 80px;
}
@media (max-width: 1023px) {
  #flat-about .left {
    width: 100%;
    padding-right: 0;
  }
}
#flat-about .right img {
  width: 300px;
}
@media (max-width: 1023px) {
  #flat-about .right img {
    display: none;
  }
}
#flat-about .flat-basics {
  max-width: 600px;
  margin: 25px 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}
@media (max-width: 480px) {
  #flat-about .flat-basics {
    grid-template-columns: repeat(3, 1fr);
  }
}
#flat-about .flat-basics-item {
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#flat-about .flat-basics-item .icon {
  height: 24px;
  width: 24px;
  margin-bottom: 5px;
}
#flat-about .button {
  display: inline-flex;
  padding: 0 50px;
}
#flat-about .button .icon {
  fill: white;
}
/* -------------------- *\
    GALLERY
\* -------------------- */
#flat-gallery {
  background-color: #F3F3F3;
  padding-left: 0;
  padding-right: 0;
}
#flat-gallery .container-fix {
  margin-top: 0;
  margin-bottom: 0;
}
#flat-gallery .subtitle {
  justify-content: center;
}
#flat-gallery h1 {
  text-align: center;
}
#flat-gallery .glide__slides img {
  width: 100%;
}
#flat-gallery #flat-photo-gallery-controls {
  width: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px auto 0 auto;
  font-weight: 600;
}
#flat-gallery #flat-photo-gallery-controls button {
  border: 0;
  background: 0;
  padding: 5px 15px;
  cursor: pointer;
}
#flat-gallery #flat-photo-gallery-controls button .icon {
  margin-top: 5px;
  fill: #1D1D1D;
}
/* -------------------- *\
    SURROUNDINGS
\* -------------------- */
@media (max-width: 480px) {
  #flat-surroundings .layout-split {
    display: block;
  }
}
#flat-surroundings .layout-split > div {
  width: calc((100% - 150px)/3);
}
@media (max-width: 480px) {
  #flat-surroundings .layout-split > div {
    width: 100%;
    margin-top: 25px;
  }
  #flat-surroundings .layout-split > div:first-of-type {
    margin: 0;
  }
}
#flat-surroundings .layout-split > div > div {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
#flat-surroundings .layout-split hr {
  border-style: dashed;
  border-color: rgba(0, 0, 0, 0.2);
  margin: 15px 0;
}
#flat-surroundings .layout-split .surroundings-distance {
  font-size: 14px;
}
/* -------------------- *\
    DETAILS
\* -------------------- */
#flat-details {
  display: flex;
  justify-content: center;
  font-family: "Mulish", sans-serif;
}
@media (max-width: 1023px) {
  #flat-details {
    display: block;
  }
}
#flat-details > div {
  width: 50%;
}
@media (max-width: 1023px) {
  #flat-details > div {
    width: 100%;
  }
}
#flat-details > div > div {
  width: calc(1024px / 2);
  padding: 100px 25px;
}
@media (max-width: 1023px) {
  #flat-details > div > div {
    width: 100%;
    padding: 50px 25px;
  }
}
#flat-details > div h1:first-of-type {
  margin-top: 0;
}
#flat-details > .left {
  background-color: #F4F5F5;
}
#flat-details > .left > div {
  margin-left: auto;
}
#flat-details > .right {
  background-color: #ECEFEF;
}
#flat-details .button:first-of-type {
  padding: 0;
  border: 0;
  font-size: 14px;
  font-weight: 700;
}
#flat-details .button:first-of-type img {
  height: 25px;
  margin-right: 15px;
}
#flat-details h4 {
  margin-bottom: 16px;
  margin-top: 35px;
}
#flat-details h4:first-of-type {
  margin-top: 0;
}
.flat-amenities-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 50px;
       column-gap: 50px;
  margin-top: 25px;
}
.flat-amenities-grid > div {
  padding: 15px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.flat-amenities-grid > div:first-of-type {
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
}
.flat-amenities-grid > div:nth-of-type(2) {
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
}
@media (max-width: 1023px) {
  .flat-amenities-grid > div:nth-of-type(2) {
    border-top: 0;
  }
}
.flat-amenities-grid > div .icon {
  width: 16px;
  margin-right: 15px;
  transform: 0;
}
@media (max-width: 480px) {
  .flat-amenities-grid {
    grid-template-columns: 1fr;
  }
}
.flat-sleeping-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-top: 15px;
}
.flat-sleeping-grid > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px;
  background-color: white;
  border: 1px solid #F3F3F3;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.flat-sleeping-grid > div .icon {
  width: 24px;
  height: 24px;
  margin-right: 15px;
  transform: 0;
}
.flat-sleeping-grid .flat-sleeping-text {
  display: flex;
  flex-direction: column;
}
.flat-sleeping-grid .flat-sleeping-text > span:last-of-type {
  font-size: 14px;
}
@media (max-width: 480px) {
  .flat-sleeping-grid {
    grid-template-columns: 1fr;
  }
}
.flat-house-rules > div {
  margin: 10px 0;
}
.flat-house-rules .icon {
  width: 16px;
  margin-right: 15px;
}
.flat-reviews-summary {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
}
.flat-reviews-summary-rating {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  background-color: #1A4444;
  color: white;
  font-weight: 700;
}
.flat-reviews-summary-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.flat-review-item {
  background-color: white;
  padding: 15px;
  margin-bottom: 25px;
}
.flat-review-item p {
  font-size: 14px;
}
.flat-review-item .layout-split {
  margin-bottom: 15px;
}
.flat-review-name {
  font-weight: 600;
}
.flat-review-country {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #1D1D1D;
}
.flat-review-country .icon {
  margin-left: 10px;
}
.flat-review-date {
  font-size: 14px;
  color: #1D1D1D;
}
.flat-review-rating {
  text-align: right;
  margin-top: 10px;
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flat-review-rating .icon {
  margin-right: 5px;
}