/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/pages/home.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
.homepage__intro .intro__title:lang(en) {
  font-family: la-orleans;
  font-size: max(40px, 4.6875vw);
  line-height: 105.1%;
  letter-spacing: 0;
  font-weight: 400;
}

.homepage__intro .intro__title:lang(el) {
  font-family: PF-Regal-display-pro;
  font-size: max(40px, 4.6875vw);
  line-height: 105.1%;
  letter-spacing: 0;
  font-weight: 400;
}

.homepage__marquee .marquee__title:lang(en), .homepage__mid .mid__accommodation .title:lang(en), .homepage__mid .mid__title:lang(en) {
  font-family: la-orleans;
  font-size: max(30px, 3.125vw);
  line-height: 105.1%;
  letter-spacing: 0;
  font-weight: 400;
}

.homepage__marquee .marquee__title:lang(el), .homepage__mid .mid__accommodation .title:lang(el), .homepage__mid .mid__title:lang(el) {
  font-family: PF-Regal-display-pro;
  font-size: max(30px, 3.125vw);
  line-height: 105.1%;
  letter-spacing: 0;
  font-weight: 400;
}

.homepage__marquee .marquee__subtitle, .homepage__mid .mid__text, .homepage__mid .mid__accommodation .text, .homepage__mid .mid__description, .homepage__intro .intro__description .text {
  font-family: aekoinc-pro;
  font-size: max(16px, 1.0416666667vw);
  line-height: 23px;
  letter-spacing: 0;
  font-weight: 300;
}

.page-template-home .header__logo.home-fixed {
  position: fixed;
  top: max(60px, 3.125vw);
}

.homepage__intro {
  background-color: #465a4a;
  padding-bottom: max(80px, 11.3541666667vw);
  position: relative;
}
.homepage__intro .intro__title {
  color: #f6f6f6;
  width: max(335px, 47.96875vw);
  margin: 0 auto;
  padding-top: max(297px, 20.4166666667vw);
  text-align: center;
  position: sticky;
  top: 30px;
  z-index: 1;
}
.homepage__intro .intro__description .star {
  width: 25px;
  height: 24px;
  margin: max(377px, 49.7916666667vw) auto 40px;
}
.homepage__intro .intro__description .star svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-top: 1.0416666667vw;
}
.homepage__intro .intro__description .text {
  color: #f6f6f6;
  width: max(335px, 29.6354166667vw);
  margin: 0 auto;
  text-align: center;
}
.homepage__intro .intro__image {
  position: absolute;
}
.homepage__intro .intro__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.homepage__intro .intro__image-1 {
  width: max(129px, 14.7916666667vw);
  height: max(86px, 7.03125vw);
  top: 12.2395833333vw;
  left: 23.1770833333vw;
}
.homepage__intro .intro__image-2 {
  width: max(221px, 16.9270833333vw);
  height: max(134px, 10.2604166667vw);
  top: 18.125vw;
  left: 14.0625vw;
}
.homepage__intro .intro__image-3 {
  width: max(173px, 14.7916666667vw);
  height: max(115px, 10.3125vw);
  top: 27.8645833333vw;
  right: 13.75vw;
}
.homepage__intro .intro__image-4 {
  width: max(125px, 14.7916666667vw);
  height: max(150px, 17.8645833333vw);
  top: 44.53125vw;
  left: 31.7708333333vw;
}
.homepage__intro .intro__image-5 {
  width: max(100px, 14.7916666667vw);
  height: max(150px, 9.84375vw);
  top: 59.8958333333vw;
  right: 27.3958333333vw;
}
.homepage__intro .intro__image-6 {
  width: max(135px, 14.7916666667vw);
  height: max(90px, 7.7604166667vw);
  top: 66.6666666667vw;
  right: 35.6770833333vw;
}
.homepage__under-intro {
  height: max(340px, 39.4270833333vw);
}
.homepage__under-intro img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.homepage__mid .mid__title {
  padding-top: max(48px, 6.09375vw);
  margin-left: max(20px, 19.6875vw);
  margin-bottom: max(40px, 3.75vw);
  width: max(340px, 42.4479166667vw);
  color: #616161;
}
.homepage__mid .mid__description {
  color: #616161;
  width: max(335px, 29.6875vw);
  margin-left: max(20px, 50.6770833333vw);
  margin-bottom: max(80px, 13.1770833333vw);
}
.homepage__mid .mid__photos {
  margin-left: max(20px, 4.1666666667vw);
  margin-bottom: max(40px, 2.0833333333vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.homepage__mid .mid__photos img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.homepage__mid .mid__photos .image-helper img {
  width: 100%;
}
.homepage__mid .mid__photos .image-helper:first-child {
  margin-top: max(80px, 6.7708333333vw);
  margin-right: max(12px, 1.25vw);
  width: 45.2083333333vw;
  height: 33.5416666667vw;
}
.homepage__mid .mid__photos .image-helper:last-child {
  width: 22.34375vw;
  height: 33.5416666667vw;
}
.homepage__mid .mid__photos-right {
  margin-left: max(20px, 20.5208333333vw);
}
.homepage__mid .mid__photos-right .image-helper:first-child {
  margin-top: 0;
}
.homepage__mid .mid__photos-right .image-helper:last-child {
  margin-top: max(80px, 5.7291666667vw);
}
.homepage__mid .mid__accommodation {
  max-width: max(572px, 29.7916666667vw);
  margin: 0 20px max(40px, 8.8541666667vw) max(20px, 58.3854166667vw);
}
.homepage__mid .mid__accommodation .title {
  color: #616161;
  margin-bottom: max(40px, 2.5vw);
}
.homepage__mid .mid__accommodation .text {
  color: #616161;
  margin-bottom: max(40px, 3.0208333333vw);
}
.homepage__mid .mid__accommodation .green-dias-btn {
  padding: max(20px, 1.25vw) max(32px, 2.0833333333vw);
}
.homepage__mid .mid__text {
  color: #616161;
  width: max(335px, 29.6875vw);
  margin: 46px 0 max(80px, 10.8854166667vw) max(20px, 11.9270833333vw);
}
.homepage__marquee {
  padding-top: max(80px, 8.8541666667vw);
  padding-bottom: max(146px, 7.6041666667vw);
  background-color: #e7e7e7;
}
.homepage__marquee .marquee__title {
  width: max(375px, 37.3958333333vw);
  text-align: center;
  margin: 0 auto 40px;
  padding: 0 20px;
  color: #616161;
}
.homepage__marquee .marquee__subtitle {
  color: #616161;
  width: max(375px, 42.5vw);
  text-align: center;
  margin: 0 auto max(80px, 10.4166666667vw);
}
.homepage__marquee .marquee__slider .marquee-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.homepage__marquee .marquee__slider .marquee__item {
  padding-right: 16px;
}
.homepage__marquee .marquee__slider .marquee__item:nth-child(4n+1) {
  width: max(287px, 26.9791666667vw);
  height: max(209px, 19.6354166667vw);
}
.homepage__marquee .marquee__slider .marquee__item:nth-child(4n+2) {
  width: max(344px, 34.1666666667vw);
  height: max(229px, 22.7604166667vw);
}
.homepage__marquee .marquee__slider .marquee__item:nth-child(4n+3) {
  width: max(279px, 26.1458333333vw);
  height: max(186px, 17.3958333333vw);
}
.homepage__marquee .marquee__slider .marquee__item:nth-child(4n+4) {
  width: max(267px, 32.96875vw);
  height: max(229px, 21.9791666667vw);
}
.homepage__marquee .marquee__slider .marquee__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991.98px) {
  .homepage__intro .intro__image-1 {
    top: 405px;
    left: -50px;
  }
  .homepage__intro .intro__image-2 {
    top: 169px;
    left: -60px;
  }
  .homepage__intro .intro__image-3 {
    top: 453px;
    right: 0;
  }
  .homepage__intro .intro__image-4 {
    display: none;
  }
  .homepage__intro .intro__image-5 {
    display: none;
  }
  .homepage__intro .intro__image-6 {
    top: 545px;
    right: 93px;
  }
}
@media (max-width: 767.98px) {
  .homepage__mid .mid__title {
    margin: 0 0 40px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
  }
  .homepage__mid .mid__description {
    margin: 0 0 80px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
  }
  .homepage__mid .mid__photos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 20px 48px;
  }
  .homepage__mid .mid__photos .image-helper:first-child {
    width: 100%;
    height: 90.6666666667vw;
    margin: 0 0 16px 0;
  }
  .homepage__mid .mid__photos .image-helper:last-child {
    width: 100%;
    height: 90.6666666667vw;
  }
  .homepage__mid .mid__photos-right .image-helper:first-child {
    width: 100%;
    height: 90.6666666667vw;
  }
  .homepage__mid .mid__photos-right .image-helper:last-child {
    margin-top: 0;
    width: 100%;
    height: 90.6666666667vw;
  }
  .homepage__mid .mid__accommodation {
    max-width: 100%;
    margin: 0 20px 40px;
  }
  .homepage__mid .mid__text {
    width: 100%;
    padding: 0 20px 80px;
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  .homepage__marquee .marquee__title {
    width: 100%;
  }
  .homepage__marquee .marquee__subtitle {
    width: 100%;
    margin: 0 auto 80px;
    padding: 0 20px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/components/_marquee.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--big
 * .type--big-gr
 * .type--medium
 * .type--medium-gr
 * .type--small
 * .type--small-gr
 * .type--extra-small
 * .type--extra-small-gr
 * .type--button
 * .type--button-gr
 * .type--text
 * .type--menu
 * .type--footer
 *
 * Style guide: typography
 */
/**
 * Marquee
 *
 * See: <a href="/docs/js/#marquee">JS docs Marquee</a>

 * Markup:
 * <div class="marquee">
 *  <div class="marquee__item">
 *    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 *  </div>
 *  <div class="marquee__item">
 *    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 *  </div>
 *  <div class="marquee__item">
 *    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 *  </div>
 *  <div class="marquee__item">
 *    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 *  </div>
 *  <div class="marquee__item">
 *    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 *  </div>
 * </div>
 *
 * Style guide: Components.Marquee
 */
.marquee {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.marquee__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/*# sourceMappingURL=home.css.map*/