@import url(../css/swiper.css);
@font-face {
  font-family: 'HKGrotesk-Regular';
  src: url("../fonts/HKGrotesk-Regular.otf") format("opentype");
}
@font-face {
  font-family: 'Swis';
  src: url("../fonts/tt0003c.ttf") format("truetype");
}
/* line 1, ../scss/_box.scss */
.box {
  background: white;
  margin-right: 16px;
  margin-left: 16px;
  width: calc(100% - 32px);
  position: relative;
  z-index: 2;
  box-shadow: 0px 0px 20px #00000029;
  color: #060606;
}
@media screen and (min-width: 440px) {
  /* line 1, ../scss/_box.scss */
  .box {
    width: 444px;
  }
}
@media screen and (min-width: 992px) {
  /* line 1, ../scss/_box.scss */
  .box {
    width: 978px;
  }
}
@media screen and (min-width: 440px) {
  /* line 16, ../scss/_box.scss */
  .box .smaller-title {
    font-size: 34px !important;
    line-height: 40px !important;
    margin: 0 0 40px 0 !important;
  }
}
/* line 24, ../scss/_box.scss */
.box__video {
  background-color: transparent;
}
/* line 26, ../scss/_box.scss */
.box__video iframe {
  width: 100%;
  height: calc(100vw/1.77777778);
}
@media screen and (min-width: 440px) {
  /* line 26, ../scss/_box.scss */
  .box__video iframe {
    height: 281px;
  }
}
@media screen and (min-width: 992px) {
  /* line 26, ../scss/_box.scss */
  .box__video iframe {
    height: 550px;
  }
}
/* line 37, ../scss/_box.scss */
.box__description-and-photo {
  font-size: 16px;
  line-height: 25px;
  font-family: "HKGrotesk-Regular", sans-serif;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0;
}
@media screen and (min-width: 992px) {
  /* line 37, ../scss/_box.scss */
  .box__description-and-photo {
    display: flex;
    justify-content: center;
    flex-direction: row;
  }
}
/* line 50, ../scss/_box.scss */
.box__description-and-photo__text {
  padding: 16px 28px 7px 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  /* line 50, ../scss/_box.scss */
  .box__description-and-photo__text {
    padding: 0 49px 0 101px;
  }
}
/* line 59, ../scss/_box.scss */
.box__description-and-photo__img {
  position: relative;
}
/* line 61, ../scss/_box.scss */
.box__description-and-photo__img img {
  width: 100%;
}
@media screen and (min-width: 992px) {
  /* line 61, ../scss/_box.scss */
  .box__description-and-photo__img img {
    width: auto;
    height: 100%;
  }
}
/* line 70, ../scss/_box.scss */
.box__description {
  font-size: 16px;
  line-height: 25px;
  font-family: "HKGrotesk-Regular", sans-serif;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0;
}
@media screen and (min-width: 992px) {
  /* line 70, ../scss/_box.scss */
  .box__description {
    width: calc(978px - 156px);
    padding: 0px 66px 0px 90px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  /* line 85, ../scss/_box.scss */
  .box__description--with-photo {
    width: calc(978px - 90px);
    padding: 0px 0px 0px 90px;
  }
}
@media screen and (min-width: 992px) {
  /* line 91, ../scss/_box.scss */
  .box__description--with-photo-on-left {
    width: calc(978px - 55px);
    padding: 0px 55px 0px 0px;
  }
}
/* line 97, ../scss/_box.scss */
.box__description__image {
  position: relative;
}
/* line 99, ../scss/_box.scss */
.box__description__image img {
  width: 100%;
}
@media screen and (min-width: 992px) {
  /* line 99, ../scss/_box.scss */
  .box__description__image img {
    width: auto;
    height: 100%;
  }
}
/* line 107, ../scss/_box.scss */
.box__description__only-photos {
  padding: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  background: transparent;
}
@media screen and (min-width: 992px) {
  /* line 107, ../scss/_box.scss */
  .box__description__only-photos {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
}
/* line 120, ../scss/_box.scss */
.box__description__column {
  padding: 20px 28px 29px 28px;
  max-width: 390px;
}
@media screen and (min-width: 992px) {
  /* line 120, ../scss/_box.scss */
  .box__description__column {
    padding: 29px 0 20px 0;
  }
}
/* line 126, ../scss/_box.scss */
.box__description__column--special-title-display {
  padding: 20px 28px 29px 28px;
}
@media screen and (min-width: 992px) {
  /* line 126, ../scss/_box.scss */
  .box__description__column--special-title-display {
    padding: 29px 0 20px 0;
    display: flex;
    flex-direction: column;
  }
}
/* line 134, ../scss/_box.scss */
.box__description__column--special-title, .box__description__column--simple-title {
  font-family: "Swis", sans-serif;
  position: relative;
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 17px;
  word-break: break-word;
}
@media screen and (min-width: 440px) {
  /* line 134, ../scss/_box.scss */
  .box__description__column--special-title, .box__description__column--simple-title {
    font-size: 38px;
    line-height: 50px;
  }
}
@media screen and (min-width: 992px) {
  /* line 134, ../scss/_box.scss */
  .box__description__column--special-title, .box__description__column--simple-title {
    margin: 0 0 auto 0;
  }
}
/* line 150, ../scss/_box.scss */
.box__description__column--special-title {
  padding-left: 18px;
}
/* line 151, ../scss/_box.scss */
.box__description__column--special-title span {
  display: block;
  position: absolute;
  left: -28px;
}
@media screen and (min-width: 992px) {
  /* line 151, ../scss/_box.scss */
  .box__description__column--special-title span {
    left: -50px;
  }
}
@media screen and (min-width: 440px) {
  /* line 150, ../scss/_box.scss */
  .box__description__column--special-title {
    padding-left: 20px;
  }
}
@media screen and (min-width: 992px) {
  /* line 150, ../scss/_box.scss */
  .box__description__column--special-title {
    padding-left: 0px;
  }
}
/* line 167, ../scss/_box.scss */
.box__description__column--margin-mobile {
  margin-top: 10px;
}
@media screen and (min-width: 992px) {
  /* line 167, ../scss/_box.scss */
  .box__description__column--margin-mobile {
    margin-top: 0;
  }
}
/* line 173, ../scss/_box.scss */
.box__description__column--padding-minus-mobile {
  padding-top: 0px !important;
}
@media screen and (min-width: 992px) {
  /* line 173, ../scss/_box.scss */
  .box__description__column--padding-minus-mobile {
    padding-top: 29px !important;
  }
}

/* line 1, ../scss/_container.scss */
.container {
  position: relative;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
@media screen and (min-width: 992px) {
  /* line 1, ../scss/_container.scss */
  .container {
    background-image: url(../img/backgrounds/background-desktop.jpg);
  }
}

/* line 13, ../scss/_container.scss */
.background-mobile {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/backgrounds/background-mobile.jpg);
}
@media screen and (min-width: 992px) {
  /* line 13, ../scss/_container.scss */
  .background-mobile {
    background-image: none;
  }
}

/* line 1, ../scss/_pin.scss */
.pin-link {
  position: absolute;
  z-index: 10;
  width: 31px;
  height: 31px;
  border-radius: 31px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/basic/plus.png);
  border-width: 0px;
  cursor: pointer;
}

/* line 17, ../scss/_pin.scss */
.pin-1 {
  top: 80px;
  right: 80px;
}
@media screen and (min-width: 440px) {
  /* line 17, ../scss/_pin.scss */
  .pin-1 {
    top: 101px;
    right: 102px;
  }
}
@media screen and (min-width: 992px) {
  /* line 17, ../scss/_pin.scss */
  .pin-1 {
    top: 101px;
    right: 72px;
  }
}

/* line 30, ../scss/_pin.scss */
.pin-2 {
  top: 22px;
  right: 50px;
}

/* line 35, ../scss/_pin.scss */
.pin-3 {
  top: 80px;
  right: 122px;
}
@media screen and (min-width: 440px) {
  /* line 35, ../scss/_pin.scss */
  .pin-3 {
    top: 101px;
    right: 122px;
  }
}
@media screen and (min-width: 992px) {
  /* line 35, ../scss/_pin.scss */
  .pin-3 {
    top: 101px;
    right: 142px;
  }
}

/* line 1, ../scss/_main-section.scss */
.main-section {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  /* line 1, ../scss/_main-section.scss */
  .main-section {
    margin-bottom: 35px;
  }
}
/* line 12, ../scss/_main-section.scss */
.main-section__title {
  padding: 14px 9px 13px 28px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  color: #060606;
  margin-top: 56px;
  margin-bottom: 24px;
  width: calc(100% - 69px);
}
@media screen and (min-width: 440px) {
  /* line 12, ../scss/_main-section.scss */
  .main-section__title {
    width: calc(444px - 37px);
  }
}
@media screen and (min-width: 992px) {
  /* line 12, ../scss/_main-section.scss */
  .main-section__title {
    align-items: center;
    padding: 15px 0 14px 0;
    margin-top: 69px;
    margin-bottom: 21px;
    width: 978px;
  }
}
/* line 31, ../scss/_main-section.scss */
.main-section__title h1 {
  font-family: "Swis", sans-serif;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 1px;
}
@media screen and (min-width: 992px) {
  /* line 31, ../scss/_main-section.scss */
  .main-section__title h1 {
    margin-bottom: 0;
    font-size: 46px;
    line-height: 55px;
  }
}
/* line 42, ../scss/_main-section.scss */
.main-section__title h2 {
  font-family: "Swis", sans-serif;
  font-size: 28px;
  line-height: 34px;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  /* line 42, ../scss/_main-section.scss */
  .main-section__title h2 {
    font-size: 36px;
    line-height: 47px;
  }
}
/* line 53, ../scss/_main-section.scss */
.main-section__description {
  width: calc(100% - 64px);
  padding: 0px 16px 13px 16px;
}
@media screen and (min-width: 440px) {
  /* line 53, ../scss/_main-section.scss */
  .main-section__description {
    width: calc(444px - 32px);
  }
}
@media screen and (min-width: 992px) {
  /* line 53, ../scss/_main-section.scss */
  .main-section__description {
    width: calc(978px - 110px);
    padding: 42px 55px 46px 55px;
  }
}

/* line 1, ../scss/_info-section.scss */
.info-section {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}
/* line 7, ../scss/_info-section.scss */
.info-section .reverse-colors {
  background-color: #030303 !important;
  color: white !important;
}
/* line 11, ../scss/_info-section.scss */
.info-section .reverse-background {
  background-color: transparent !important;
}
@media screen and (min-width: 992px) {
  /* line 11, ../scss/_info-section.scss */
  .info-section .reverse-background {
    background-color: #030303 !important;
  }
}
/* line 19, ../scss/_info-section.scss */
.info-section .box--1 {
  margin-top: 24px;
}
@media screen and (min-width: 992px) {
  /* line 19, ../scss/_info-section.scss */
  .info-section .box--1 {
    margin-top: 58px;
  }
}
/* line 25, ../scss/_info-section.scss */
.info-section .box--2 {
  margin-top: 25px;
}
@media screen and (min-width: 440px) {
  /* line 25, ../scss/_info-section.scss */
  .info-section .box--2 {
    margin-top: 435px;
  }
}
@media screen and (min-width: 992px) {
  /* line 25, ../scss/_info-section.scss */
  .info-section .box--2 {
    margin-top: 50px;
  }
}
/* line 34, ../scss/_info-section.scss */
.info-section .box--3 {
  margin-top: 25px;
}
@media screen and (min-width: 440px) {
  /* line 34, ../scss/_info-section.scss */
  .info-section .box--3 {
    margin-top: 296px;
  }
}
@media screen and (min-width: 992px) {
  /* line 34, ../scss/_info-section.scss */
  .info-section .box--3 {
    margin-top: 67px;
  }
}
/* line 43, ../scss/_info-section.scss */
.info-section .box--4 {
  margin-top: 25px;
}
@media screen and (min-width: 440px) {
  /* line 43, ../scss/_info-section.scss */
  .info-section .box--4 {
    margin-top: 406px;
  }
}
@media screen and (min-width: 992px) {
  /* line 43, ../scss/_info-section.scss */
  .info-section .box--4 {
    margin-top: 96px;
  }
}
/* line 52, ../scss/_info-section.scss */
.info-section .box--5 {
  margin-top: 25px;
}
@media screen and (min-width: 440px) {
  /* line 52, ../scss/_info-section.scss */
  .info-section .box--5 {
    margin-top: 14px;
  }
}
@media screen and (min-width: 992px) {
  /* line 52, ../scss/_info-section.scss */
  .info-section .box--5 {
    margin-top: 76px;
  }
}
/* line 61, ../scss/_info-section.scss */
.info-section .box--6 {
  margin-top: 25px;
}
@media screen and (min-width: 440px) {
  /* line 61, ../scss/_info-section.scss */
  .info-section .box--6 {
    margin-top: 417px;
  }
}
@media screen and (min-width: 992px) {
  /* line 61, ../scss/_info-section.scss */
  .info-section .box--6 {
    margin-top: 78px;
  }
}
/* line 70, ../scss/_info-section.scss */
.info-section .box--7 {
  margin-top: 25px;
}
@media screen and (min-width: 440px) {
  /* line 70, ../scss/_info-section.scss */
  .info-section .box--7 {
    margin-top: 48px;
  }
}
@media screen and (min-width: 992px) {
  /* line 70, ../scss/_info-section.scss */
  .info-section .box--7 {
    margin-top: 81px;
  }
}
/* line 79, ../scss/_info-section.scss */
.info-section .box--8 {
  margin-top: 23px;
}
@media screen and (min-width: 992px) {
  /* line 79, ../scss/_info-section.scss */
  .info-section .box--8 {
    margin-top: 78px;
  }
}
/* line 85, ../scss/_info-section.scss */
.info-section .box--9 {
  margin-top: 25px;
}
@media screen and (min-width: 440px) {
  /* line 85, ../scss/_info-section.scss */
  .info-section .box--9 {
    margin-top: 56px;
  }
}
@media screen and (min-width: 992px) {
  /* line 85, ../scss/_info-section.scss */
  .info-section .box--9 {
    margin-top: 86px;
  }
}
/* line 94, ../scss/_info-section.scss */
.info-section .box--10 {
  margin-top: 25px;
}
@media screen and (min-width: 440px) {
  /* line 94, ../scss/_info-section.scss */
  .info-section .box--10 {
    margin-top: 63px;
  }
}
@media screen and (min-width: 992px) {
  /* line 94, ../scss/_info-section.scss */
  .info-section .box--10 {
    margin-top: 108px;
  }
}
/* line 103, ../scss/_info-section.scss */
.info-section .box--11 {
  margin-top: 10px;
  margin-bottom: 37px;
}
@media screen and (min-width: 992px) {
  /* line 103, ../scss/_info-section.scss */
  .info-section .box--11 {
    margin-top: 108px;
    margin-bottom: 62px;
  }
}
/* line 112, ../scss/_info-section.scss */
.info-section .box__video--1 {
  margin-top: 25px;
}
@media screen and (min-width: 440px) {
  /* line 112, ../scss/_info-section.scss */
  .info-section .box__video--1 {
    margin-top: 42px;
  }
}
@media screen and (min-width: 992px) {
  /* line 112, ../scss/_info-section.scss */
  .info-section .box__video--1 {
    margin-top: 67px;
  }
}
/* line 121, ../scss/_info-section.scss */
.info-section .box__video--2 {
  margin-top: 27px;
}
@media screen and (min-width: 992px) {
  /* line 121, ../scss/_info-section.scss */
  .info-section .box__video--2 {
    margin-top: 78px;
  }
}

/* line 2, ../scss/_slider.scss */
.slider {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  /* line 2, ../scss/_slider.scss */
  .slider {
    max-width: 1264px;
  }
}
/* line 8, ../scss/_slider.scss */
.slider__box {
  margin: 0 auto 32px auto;
  position: relative;
  width: 240px;
  height: 309px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
}
/* line 15, ../scss/_slider.scss */
.slider__box img {
  width: 100%;
  height: 100%;
}

/* line 1, ../scss/_footer.scss */
.footer {
  padding: 70px 0 21px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 992px) {
  /* line 1, ../scss/_footer.scss */
  .footer {
    padding: 80px 0 70px 0;
  }
}
/* line 13, ../scss/_footer.scss */
.footer__text {
  margin-top: 30px;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  font-family: "Swis", sans-serif;
  text-align: center;
  padding: 0 16px;
  max-width: 260px;
}
@media screen and (min-width: 992px) {
  /* line 13, ../scss/_footer.scss */
  .footer__text {
    margin-top: 58px;
    max-width: 100%;
  }
}

/* line 14, ../scss/style.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 19, ../scss/style.scss */
body {
  overflow-x: hidden;
}

/* line 23, ../scss/style.scss */
.mobile {
  display: block;
}
@media screen and (min-width: 992px) {
  /* line 23, ../scss/style.scss */
  .mobile {
    display: none;
  }
}

/* line 30, ../scss/style.scss */
.desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  /* line 30, ../scss/style.scss */
  .desktop {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  /* line 37, ../scss/style.scss */
  .reverse-column {
    flex-direction: row-reverse !important;
  }
}