.u-section-1 {
  background-image: linear-gradient(#ffedd0, white);
}

.u-section-1 .u-sheet-1 {
  min-height: 193px;
}

.u-section-1 .u-group-1 {
  width: 1042px;
  min-height: 169px;
  margin: 0 auto 24px;
}

.u-section-1 .u-container-layout-1 {
  background-image: none;
  min-height: 37px;
}

.u-section-1 .u-text-1 {
  font-weight: 700;
  margin: 0 10px;
}

.u-section-1 .u-line-1 {
  width: 834px;
  height: 3px;
  margin: 13px auto 0;
}

.u-section-1 .u-text-2 {
  font-weight: 400;
  margin: 10px 68px 0;
}

.u-section-1 .u-line-2 {
  width: 834px;
  height: 3px;
  margin: 29px auto 0;
}

@media (max-width: 1199px) {
  .u-section-1 .u-group-1 {
    width: 940px;
  }

  .u-section-1 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-text-2 {
    margin-left: 17px;
    margin-right: 17px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-group-1 {
    width: 720px;
  }

  .u-section-1 .u-line-1 {
    width: 720px;
  }

  .u-section-1 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-line-2 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-group-1 {
    width: 540px;
  }

  .u-section-1 .u-line-1 {
    width: 540px;
  }

  .u-section-1 .u-line-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-group-1 {
    width: 340px;
  }

  .u-section-1 .u-line-1 {
    width: 340px;
  }

  .u-section-1 .u-line-2 {
    width: 340px;
  }
} .u-section-2 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

.u-section-2 .u-sheet-1 {
  min-height: 469px;
}

.u-section-2 .u-list-1 {
  grid-template-rows: auto;
  width: 1037px;
  margin: 24px auto 53px;
}

.u-section-2 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 3.33333px));
  min-height: 392px;
  --gap: 5px;
  grid-auto-columns: calc(33.3333% - 3.33333px);
}

.u-section-2 .u-list-item-1 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-2 .u-container-layout-1 {
  padding: 0 30px 7px;
}

.u-section-2 .u-image-1 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 16px auto 0;
}

.u-section-2 .u-text-1 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 7px 0;
}

.u-section-2 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-2 .u-container-layout-2 {
  padding: 0 30px 7px;
}

.u-section-2 .u-image-2 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 16px auto 0;
}

.u-section-2 .u-text-2 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 7px 0;
}

.u-section-2 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-2 .u-container-layout-3 {
  padding: 0 30px 7px;
}

.u-section-2 .u-image-3 {
  width: 264px;
  height: 262px;
  object-position: 53.62% 50%;
  animation-duration: 1000ms;
  margin: 68px auto 0;
}

.u-section-2 .u-text-3 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 7px 0;
}

@media (max-width: 1199px) {
  .u-section-2 .u-list-1 {
    width: 940px;
  }

  .u-section-2 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    grid-gap: 5px 5px;
    min-height: 355px;
    grid-auto-columns: calc(33.333333333333336% - 3.33333px);
  }

  .u-section-2 .u-text-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-2 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-2 .u-text-3 {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-list-1 {
    width: 720px;
  }

  .u-section-2 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    min-height: 816px;
    grid-auto-columns: calc(50% - 2.4999975px);
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-list-1 {
    width: 540px;
  }

  .u-section-2 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-list-1 {
    width: 340px;
  }

  .u-section-2 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-3 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

.u-section-3 .u-sheet-1 {
  min-height: 469px;
}

.u-section-3 .u-list-1 {
  grid-template-rows: auto;
  width: 1037px;
  margin: 24px auto 25px;
}

.u-section-3 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 3.33333px));
  min-height: 420px;
  --gap: 5px;
  grid-auto-columns: calc(33.3333% - 3.33333px);
}

.u-section-3 .u-list-item-1 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-3 .u-container-layout-1 {
  padding: 0 30px 7px;
}

.u-section-3 .u-image-1 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 0 auto;
}

.u-section-3 .u-text-1 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 0 0 14px;
}

.u-section-3 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-3 .u-container-layout-2 {
  padding: 0 30px 7px;
}

.u-section-3 .u-image-2 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 0 auto;
}

.u-section-3 .u-text-2 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 0 0 14px;
}

.u-section-3 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-3 .u-container-layout-3 {
  padding: 0 30px 7px;
}

.u-section-3 .u-image-3 {
  width: 264px;
  height: 262px;
  object-position: 53.62% 50%;
  animation-duration: 1000ms;
  margin: 0 auto;
}

.u-section-3 .u-text-3 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 0 0 14px;
}

@media (max-width: 1199px) {
  .u-section-3 .u-list-1 {
    width: 940px;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    grid-gap: 5px 5px;
    min-height: 381px;
    grid-auto-columns: calc(33.333333333333336% - 3.33333px);
  }

  .u-section-3 .u-text-1 {
    margin-left: 0;
  }

  .u-section-3 .u-text-2 {
    margin-left: 0;
  }

  .u-section-3 .u-text-3 {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-list-1 {
    width: 720px;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    min-height: 875px;
    grid-auto-columns: calc(50% - 2.4999975px);
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-list-1 {
    width: 540px;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-list-1 {
    width: 340px;
  }

  .u-section-3 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-4 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

.u-section-4 .u-sheet-1 {
  min-height: 469px;
}

.u-section-4 .u-list-1 {
  grid-template-rows: auto;
  width: 1037px;
  margin: 24px auto 25px;
}

.u-section-4 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 3.33333px));
  min-height: 420px;
  --gap: 5px;
  grid-auto-columns: calc(33.3333% - 3.33333px);
}

.u-section-4 .u-list-item-1 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-4 .u-container-layout-1 {
  padding: 0 30px 7px;
}

.u-section-4 .u-image-1 {
  width: 271px;
  height: 276px;
  animation-duration: 1000ms;
  margin: 0 7px 0 0;
}

.u-section-4 .u-text-1 {
  font-size: 0.857143rem;
  line-height: 1.1;
  font-weight: 700;
  margin: 7px 7px 0;
}

.u-section-4 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-4 .u-container-layout-2 {
  padding: 0 30px 7px;
}

.u-section-4 .u-image-2 {
  width: 271px;
  height: 276px;
  animation-duration: 1000ms;
  margin: 0 7px 0 0;
}

.u-section-4 .u-text-2 {
  font-size: 0.857143rem;
  line-height: 1.1;
  font-weight: 700;
  margin: 7px 7px 0;
}

.u-section-4 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-4 .u-container-layout-3 {
  padding: 0 30px 7px;
}

.u-section-4 .u-image-3 {
  width: 271px;
  height: 276px;
  object-position: 53.62% 50%;
  animation-duration: 1000ms;
  margin: 0 7px 0 0;
}

.u-section-4 .u-text-3 {
  font-size: 0.857143rem;
  line-height: 1.1;
  font-weight: 700;
  margin: 7px 7px 0;
}

@media (max-width: 1199px) {
  .u-section-4 .u-list-1 {
    width: 940px;
  }

  .u-section-4 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    grid-gap: 5px 5px;
    min-height: 381px;
    grid-auto-columns: calc(33.333333333333336% - 3.33333px);
  }

  .u-section-4 .u-text-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-4 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-4 .u-text-3 {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-list-1 {
    width: 720px;
  }

  .u-section-4 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    min-height: 875px;
    grid-auto-columns: calc(50% - 2.4999975px);
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-list-1 {
    width: 540px;
  }

  .u-section-4 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-4 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-4 .u-list-1 {
    width: 340px;
  }

  .u-section-4 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-5 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

.u-section-5 .u-sheet-1 {
  min-height: 469px;
}

.u-section-5 .u-list-1 {
  grid-template-rows: auto;
  width: 1037px;
  margin: 24px auto 25px;
}

.u-section-5 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 3.33333px));
  min-height: 420px;
  --gap: 5px;
  grid-auto-columns: calc(33.3333% - 3.33333px);
}

.u-section-5 .u-list-item-1 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-5 .u-container-layout-1 {
  padding: 0 30px 7px;
}

.u-section-5 .u-image-1 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-5 .u-text-1 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 7px 0;
}

.u-section-5 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-5 .u-container-layout-2 {
  padding: 0 30px 7px;
}

.u-section-5 .u-image-2 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-5 .u-text-2 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 7px 0;
}

.u-section-5 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-5 .u-container-layout-3 {
  padding: 0 30px 7px;
}

.u-section-5 .u-image-3 {
  width: 264px;
  height: 262px;
  object-position: 53.62% 50%;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-5 .u-text-3 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 7px 0;
}

@media (max-width: 1199px) {
  .u-section-5 .u-list-1 {
    width: 940px;
  }

  .u-section-5 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    grid-gap: 5px 5px;
    min-height: 381px;
    grid-auto-columns: calc(33.333333333333336% - 3.33333px);
  }

  .u-section-5 .u-text-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-5 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-5 .u-text-3 {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .u-section-5 .u-list-1 {
    width: 720px;
  }

  .u-section-5 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    min-height: 875px;
    grid-auto-columns: calc(50% - 2.4999975px);
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-list-1 {
    width: 540px;
  }

  .u-section-5 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-5 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-5 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-5 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-list-1 {
    width: 340px;
  }

  .u-section-5 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-6 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

.u-section-6 .u-sheet-1 {
  min-height: 478px;
}

.u-section-6 .u-list-1 {
  grid-template-rows: auto;
  width: 1037px;
  margin: 25px auto;
}

.u-section-6 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 3.33333px));
  min-height: 429px;
  --gap: 5px;
  grid-auto-columns: calc(33.3333% - 3.33333px);
}

.u-section-6 .u-list-item-1 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-6 .u-container-layout-1 {
  padding: 0 30px 7px;
}

.u-section-6 .u-image-1 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-6 .u-text-1 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 7px 0;
}

.u-section-6 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-6 .u-container-layout-2 {
  padding: 0 30px 7px;
}

.u-section-6 .u-image-2 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-6 .u-text-2 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 7px 0;
}

.u-section-6 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-6 .u-container-layout-3 {
  padding: 0 30px 7px;
}

.u-section-6 .u-image-3 {
  width: 264px;
  height: 262px;
  object-position: 53.62% 50%;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-6 .u-text-3 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 7px 7px 0;
}

@media (max-width: 1199px) {
  .u-section-6 .u-list-1 {
    width: 940px;
  }

  .u-section-6 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    grid-gap: 5px 5px;
    min-height: 389px;
    grid-auto-columns: calc(33.333333333333336% - 3.33333px);
  }

  .u-section-6 .u-text-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-6 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-6 .u-text-3 {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .u-section-6 .u-list-1 {
    width: 720px;
  }

  .u-section-6 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    min-height: 894px;
    grid-auto-columns: calc(50% - 2.4999975px);
  }
}

@media (max-width: 767px) {
  .u-section-6 .u-list-1 {
    width: 540px;
  }

  .u-section-6 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-6 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-6 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-6 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-6 .u-list-1 {
    width: 340px;
  }

  .u-section-6 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-7 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

.u-section-7 .u-sheet-1 {
  min-height: 469px;
}

.u-section-7 .u-list-1 {
  grid-template-rows: auto;
  width: 1037px;
  margin: 24px auto 25px;
}

.u-section-7 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 3.33333px));
  min-height: 420px;
  --gap: 5px;
  grid-auto-columns: calc(33.3333% - 3.33333px);
}

.u-section-7 .u-list-item-1 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-7 .u-container-layout-1 {
  padding: 0 30px 7px;
}

.u-section-7 .u-image-1 {
  width: 271px;
  height: 277px;
  animation-duration: 1000ms;
  margin: 37px 7px 0 0;
}

.u-section-7 .u-text-1 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 17px 7px 0;
}

.u-section-7 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-7 .u-container-layout-2 {
  padding: 0 30px 7px;
}

.u-section-7 .u-image-2 {
  width: 271px;
  height: 277px;
  animation-duration: 1000ms;
  margin: 37px 7px 0 0;
}

.u-section-7 .u-text-2 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 17px 7px 0;
}

.u-section-7 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-7 .u-container-layout-3 {
  padding: 0 30px 7px;
}

.u-section-7 .u-image-3 {
  width: 271px;
  height: 277px;
  object-position: 53.62% 50%;
  animation-duration: 1000ms;
  margin: 37px 7px 0 0;
}

.u-section-7 .u-text-3 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 17px 7px 0;
}

@media (max-width: 1199px) {
  .u-section-7 .u-list-1 {
    width: 940px;
  }

  .u-section-7 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    grid-gap: 5px 5px;
    min-height: 381px;
    grid-auto-columns: calc(33.333333333333336% - 3.33333px);
  }

  .u-section-7 .u-text-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-7 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-7 .u-text-3 {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .u-section-7 .u-list-1 {
    width: 720px;
  }

  .u-section-7 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    min-height: 875px;
    grid-auto-columns: calc(50% - 2.4999975px);
  }
}

@media (max-width: 767px) {
  .u-section-7 .u-list-1 {
    width: 540px;
  }

  .u-section-7 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-7 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-7 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-7 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-list-1 {
    width: 340px;
  }

  .u-section-7 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-8 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

.u-section-8 .u-sheet-1 {
  min-height: 469px;
}

.u-section-8 .u-list-1 {
  grid-template-rows: auto;
  width: 1037px;
  margin: 24px auto 25px;
}

.u-section-8 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 3.33333px));
  min-height: 420px;
  --gap: 5px;
  grid-auto-columns: calc(33.3333% - 3.33333px);
}

.u-section-8 .u-list-item-1 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-8 .u-container-layout-1 {
  padding: 0 30px 7px;
}

.u-section-8 .u-image-1 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-8 .u-text-1 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 24px 7px 0;
}

.u-section-8 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-8 .u-container-layout-2 {
  padding: 0 30px 7px;
}

.u-section-8 .u-image-2 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-8 .u-text-2 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 24px 7px 0;
}

.u-section-8 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-8 .u-container-layout-3 {
  padding: 0 30px 7px;
}

.u-section-8 .u-image-3 {
  width: 264px;
  height: 262px;
  object-position: 53.62% 50%;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-8 .u-text-3 {
  font-size: 0.857143rem;
  line-height: 1.1;
  margin: 24px 7px 0;
}

@media (max-width: 1199px) {
  .u-section-8 .u-list-1 {
    width: 940px;
  }

  .u-section-8 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    grid-gap: 5px 5px;
    min-height: 381px;
    grid-auto-columns: calc(33.333333333333336% - 3.33333px);
  }

  .u-section-8 .u-text-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-8 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-8 .u-text-3 {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .u-section-8 .u-list-1 {
    width: 720px;
  }

  .u-section-8 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    min-height: 875px;
    grid-auto-columns: calc(50% - 2.4999975px);
  }
}

@media (max-width: 767px) {
  .u-section-8 .u-list-1 {
    width: 540px;
  }

  .u-section-8 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-8 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-8 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-8 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-8 .u-list-1 {
    width: 340px;
  }

  .u-section-8 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-9 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

.u-section-9 .u-sheet-1 {
  min-height: 447px;
}

.u-section-9 .u-list-1 {
  grid-template-rows: auto;
  width: 1040px;
  margin: 25px auto 39px;
}

.u-section-9 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 3.33333px));
  min-height: 383px;
  grid-auto-columns: calc(33.3333% - 3.33333px);
  --gap: 5px;
}

.u-section-9 .u-image-1 {
  box-shadow: 0px -2px 8px 0px rgba(128,128,128,1);
  --radius: 15px;
  background-image: url("images/maxresdefault1.jpg");
  background-position: 50% 50%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-container-layout-1 {
  padding: 0 30px 7px;
}

.u-section-9 .u-text-1 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  text-shadow: 2px -2px 8px rgba(128,128,128,1);
  margin: 155px 7px 0;
}

.u-section-9 .u-image-2 {
  box-shadow: 0px -2px 8px 0px rgba(128,128,128,1);
  --radius: 15px;
  background-image: url("images/_4.jpg");
  margin-top: 0;
  margin-bottom: 0;
  background-position: 50% 50%;
}

.u-section-9 .u-container-layout-2 {
  padding: 0 30px 7px;
}

.u-section-9 .u-text-2 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  text-shadow: 2px -2px 8px rgba(128,128,128,1);
  margin: 155px 7px 0;
}

.u-section-9 .u-image-3 {
  box-shadow: 0px -2px 8px 0px rgba(128,128,128,1);
  --radius: 15px;
  background-image: url("images/AgiosXaralampos1.jpg");
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-container-layout-3 {
  padding: 0 30px 7px;
}

.u-section-9 .u-text-3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  text-shadow: 2px -2px 8px rgba(128,128,128,1);
  margin: 155px 7px 0;
}

@media (max-width: 1199px) {
  .u-section-9 .u-list-1 {
    width: 940px;
  }

  .u-section-9 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    grid-gap: 5px;
    min-height: 346px;
    grid-auto-columns: calc(33.333333333333336% - 3.33333px);
  }

  .u-section-9 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-9 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-9 .u-text-3 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-9 .u-list-1 {
    width: 720px;
  }

  .u-section-9 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    min-height: 795px;
    grid-auto-columns: calc(50% - 2.4999975px);
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-list-1 {
    width: 540px;
  }

  .u-section-9 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-9 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-list-1 {
    width: 340px;
  }

  .u-section-9 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-10 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

.u-section-10 .u-sheet-1 {
  min-height: 469px;
}

.u-section-10 .u-list-1 {
  grid-template-rows: auto;
  width: 1037px;
  margin: 24px auto 25px;
}

.u-section-10 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 3.33333px));
  min-height: 420px;
  --gap: 5px;
  grid-auto-columns: calc(33.3333% - 3.33333px);
}

.u-section-10 .u-list-item-1 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-10 .u-container-layout-1 {
  padding: 0 30px 7px;
}

.u-section-10 .u-image-1 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-10 .u-text-1 {
  font-size: 0.857143rem;
  margin: 19px 7px 0;
}

.u-section-10 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-10 .u-container-layout-2 {
  padding: 0 30px 7px;
}

.u-section-10 .u-image-2 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-10 .u-text-2 {
  font-size: 0.857143rem;
  margin: 19px 7px 0;
}

.u-section-10 .u-btn-1 {
  background-image: none;
  padding: 0;
}

.u-section-10 .u-btn-2 {
  background-image: none;
  padding: 0;
}

.u-section-10 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-10 .u-container-layout-3 {
  padding: 0 30px 7px;
}

.u-section-10 .u-image-3 {
  width: 264px;
  height: 262px;
  object-position: 53.62% 50%;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-10 .u-text-3 {
  font-size: 0.857143rem;
  margin: 19px 7px 0;
}

@media (max-width: 1199px) {
  .u-section-10 .u-list-1 {
    width: 940px;
  }

  .u-section-10 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    grid-gap: 5px 5px;
    min-height: 381px;
    grid-auto-columns: calc(33.333333333333336% - 3.33333px);
  }

  .u-section-10 .u-text-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-10 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-10 .u-text-3 {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .u-section-10 .u-list-1 {
    width: 720px;
  }

  .u-section-10 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    min-height: 875px;
    grid-auto-columns: calc(50% - 2.4999975px);
  }
}

@media (max-width: 767px) {
  .u-section-10 .u-list-1 {
    width: 540px;
  }

  .u-section-10 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-10 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-10 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-10 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-10 .u-list-1 {
    width: 340px;
  }

  .u-section-10 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-11 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

.u-section-11 .u-sheet-1 {
  min-height: 469px;
}

.u-section-11 .u-list-1 {
  grid-template-rows: auto;
  width: 1037px;
  margin: 24px auto 25px;
}

.u-section-11 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 3.33333px));
  min-height: 420px;
  --gap: 5px;
  grid-auto-columns: calc(33.3333% - 3.33333px);
}

.u-section-11 .u-list-item-1 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-11 .u-container-layout-1 {
  padding: 0 30px 7px;
}

.u-section-11 .u-image-1 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-11 .u-text-1 {
  font-size: 0.857143rem;
  margin: 19px 7px 0 20px;
}

.u-section-11 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-11 .u-container-layout-2 {
  padding: 0 30px 30px;
}

.u-section-11 .u-image-2 {
  width: 264px;
  height: 262px;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-11 .u-text-2 {
  font-size: 0.857143rem;
  margin: 19px 7px 0 20px;
}

.u-section-11 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  --radius: 15px;
}

.u-section-11 .u-container-layout-3 {
  padding: 0 30px 30px;
}

.u-section-11 .u-image-3 {
  width: 264px;
  height: 262px;
  object-position: 53.62% 50%;
  animation-duration: 1000ms;
  margin: 30px auto 0;
}

.u-section-11 .u-text-3 {
  font-size: 0.857143rem;
  margin: 19px 7px 0 20px;
}

@media (max-width: 1199px) {
  .u-section-11 .u-list-1 {
    width: 940px;
  }

  .u-section-11 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    grid-gap: 5px 5px;
    min-height: 381px;
    grid-auto-columns: calc(33.333333333333336% - 3.33333px);
  }

  .u-section-11 .u-text-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-11 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-11 .u-text-3 {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .u-section-11 .u-list-1 {
    width: 720px;
  }

  .u-section-11 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    min-height: 875px;
    grid-auto-columns: calc(50% - 2.4999975px);
  }
}

@media (max-width: 767px) {
  .u-section-11 .u-list-1 {
    width: 540px;
  }

  .u-section-11 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-11 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-11 .u-list-1 {
    width: 340px;
  }

  .u-section-11 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-12 {
  background-image: none;
}

.u-section-12 .u-sheet-1 {
  min-height: 214px;
}

.u-section-12 .u-layout-wrap-1 {
  width: 1096px;
  margin: 60px 0 20px auto;
}

.u-section-12 .u-layout-cell-1 {
  min-height: 134px;
  background-image: none;
}

.u-section-12 .u-container-layout-1 {
  padding: 5px 11px 8px;
}

.u-section-12 .u-custom-html-1 {
  width: 464px;
  min-height: 30px;
  margin: 30px 246px 0 0;
}

.u-section-12 .u-form-1 {
  height: 74px;
  margin: 2px 273px 0 210px;
}

.u-section-12 .u-input-1 {
  --radius: 15px;
}

.u-section-12 .u-input-2 {
  --radius: 15px;
}

.u-section-12 .u-btn-1 {
  background-image: none;
  --radius: 7px;
  padding: 5px 20px;
}

.u-section-12 .u-text-1 {
  width: 740px;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .u-section-12 .u-sheet-1 {
    min-height: 377px;
  }

  .u-section-12 .u-layout-wrap-1 {
    width: 940px;
  }

  .u-section-12 .u-layout-cell-1 {
    min-height: 115px;
  }

  .u-section-12 .u-form-1 {
    width: 570px;
    margin-top: 318px;
    margin-right: 245px;
    margin-left: 103px;
  }
}

@media (max-width: 991px) {
  .u-section-12 .u-sheet-1 {
    min-height: 300px;
  }

  .u-section-12 .u-layout-wrap-1 {
    width: 720px;
  }

  .u-section-12 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-12 .u-custom-html-1 {
    margin-right: 234px;
  }

  .u-section-12 .u-form-1 {
    margin-right: 128px;
    margin-left: 22px;
  }

  .u-section-12 .u-text-1 {
    width: 698px;
  }
}

@media (max-width: 767px) {
  .u-section-12 .u-layout-wrap-1 {
    width: 540px;
  }

  .u-section-12 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-custom-html-1 {
    margin-right: 56px;
  }

  .u-section-12 .u-form-1 {
    width: 520px;
    margin-top: 304px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-12 .u-text-1 {
    margin-top: 20px;
    width: 520px;
  }
}

@media (max-width: 575px) {
  .u-section-12 .u-layout-wrap-1 {
    width: 340px;
  }

  .u-section-12 .u-custom-html-1 {
    width: 320px;
    margin-right: 0;
  }

  .u-section-12 .u-form-1 {
    width: 320px;
  }

  .u-section-12 .u-text-1 {
    width: 320px;
  }
} $background_color : #fcee6d;
        $element_highlight : $background_color;
        $calendar_color: #29323f;
        
        $day_pill_size : 25px;
        $pill_margin : 8px;
        html {
          position: relative;
          position: absolute; width:100%; height: 100%;
          left:0; top:0; right:0; bottom: 0;
        }
        
        body {
          background-color:desaturate($background_color, 30);
        }
        
        section.calendar {
          background-color: $calendar_color;
          font-family: 'Dosis', sans-serif;
          color: #fff;
          width: 290px; padding:45px;
          position: absolute;
          top:50%; left:50%; transform: translateY(-50%) translateX(-50%);
          box-shadow: 5px 10px 20px rgba(0,0,0,.6);
          border-radius:5px;
        
          h1 {
            text-align: center;
            color: $element_highlight;
            margin: 0 0 30px 0;
          }
          
          form {
            position:relative;
            display: flex;    
            flex-direction: row;
            flex-wrap: wrap;
            align-items: flex-start;
            align-content: flex-start;
        
            label.weekday{
              display: inline-block;
              width:$day_pill_size; margin: $pill_margin;
              text-align: center;
              color: #999;
            }
            
            form {
              margin:0; padding:0;
              
            }
            
            label.day{
              display: inline-block;
              width:$day_pill_size; margin: $pill_margin;
              
              span {
                display: inline-block;
                width:$day_pill_size; height:$day_pill_size; line-height: $day_pill_size;
                margin: -2px 0 0 -2px;
                border-radius: 50%;
                border: 2px solid $calendar_color;
                text-align:center;
                transition: all .2s linear;
                cursor: pointer;
                
                &:hover {
                  
                  border-color: darken(desaturate($element_highlight, 20), 10);
                }
              }
              
              em {
                display: inline-block;
                position: absolute;
                border-radius: 50%;
                border-color: $calendar_color;
                width: 3px; height:3px; background-color: darken($element_highlight, 50);
                margin-left:11px; margin-top: 2px;
                opacity: 0;
                transition: all .2s linear;
              }
              
              input[type=text]{
                border:0; opacity:0;
                position:absolute;
                margin-top: 40px; 
                left: -45px; width: 380px; height: 1px; padding: 0;
                outline: none; font-size: 16px;
                transition: height .2s linear, opacity .2s linear, color .02s linear;
                color: #fff;
                
                &:focus{
                  opacity: 1;
                  height: 35px; padding:10px 40px;
                  left: -45px; width: 300px;
                  color: $calendar_color;
                  
                  &+ span {
                    color: $element_highlight;
                    border-color: $element_highlight;
                    background: $element_highlight;
                    color: $calendar_color;
                    font-weight: bold;
                    margin-bottom: 65px;
                  }
                  
                  &~ em {
                    border-radius: 0;
                    border: 5px solid transparent;
                    background: transparent;
                    border-bottom-color:rgba(255,255,255,1);
                    margin-top:-62px; margin-left:7px;
                    width:0; height:0;
                    display:inline-block; opacity: 1;
                  }
                }
                
                &:valid {
                  &+ span {
        
                  }
                  &~ em {
                    display: inline-block;
                    opacity: 1;
                  }
                }
                
              }
              
              &.invalid {
                opacity: 0;  width:$day_pill_size; height:$day_pill_size;
                
                span, input {
                  display: none;
                }
              }
            }
          }
        
          
          div.clearfix {
            clear:both;
          }
          
          div.hidden {
            display:none;
          }
          
        }