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

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

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

.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-sheet-1 {
    min-height: 156px;
  }

  .u-section-1 .u-group-1 {
    width: 940px;
  }

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

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

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

  .u-section-1 .u-group-1 {
    width: 720px;
    min-height: 1062px;
  }

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

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

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

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 89px;
  }

  .u-section-1 .u-group-1 {
    width: 540px;
    min-height: 169px;
  }

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

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

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 56px;
  }

  .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: 470px;
}

.u-section-2 .u-list-1 {
  grid-gap: 5px 5px;
  grid-template-columns: calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px);
  grid-template-rows: auto;
  width: 889px;
  min-height: 455px;
  margin: 0 auto 0 112px;
}

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

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

.u-section-2 .u-image-1 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-2 .u-text-1 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

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

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

.u-section-2 .u-image-2 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-2 .u-text-2 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

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

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

.u-section-2 .u-image-3 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-2 .u-text-3 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

.u-section-2 .u-list-2 {
  grid-gap: 5px 5px;
  grid-template-columns: calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px);
  grid-template-rows: auto;
  width: 889px;
  min-height: 534px;
  margin: 24px auto 0;
}

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

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

.u-section-2 .u-image-4 {
  height: 344px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-text-4 {
  font-size: 1rem;
  margin: 46px 0 0;
}

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

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

.u-section-2 .u-image-5 {
  height: 344px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-text-5 {
  font-size: 1rem;
  margin: 46px 0 0;
}

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

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

.u-section-2 .u-image-6 {
  height: 344px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-text-6 {
  font-size: 1rem;
  margin: 46px 0 0;
}

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

  .u-section-2 .u-list-1 {
    grid-template-columns: calc(33.3333% - 7px) calc(33.3333% - 7px) calc(33.3333% - 7px);
    height: auto;
    min-height: 355px;
    margin-left: 51px;
  }

  .u-section-2 .u-list-2 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    min-height: 416px;
    height: auto;
  }
}

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

  .u-section-2 .u-list-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    width: 720px;
    min-height: 816px;
    margin-left: 0;
  }

  .u-section-2 .u-list-2 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    width: 720px;
    min-height: 956px;
  }

  .u-section-2 .u-image-4 {
    height: 437px;
  }

  .u-section-2 .u-image-5 {
    height: 437px;
  }

  .u-section-2 .u-image-6 {
    height: 437px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-list-1 {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    width: 540px;
  }

  .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;
  }

  .u-section-2 .u-list-2 {
    grid-template-columns: 100%;
    width: 540px;
  }

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

  .u-section-2 .u-image-4 {
    height: 757px;
  }

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

  .u-section-2 .u-image-5 {
    height: 757px;
  }

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

  .u-section-2 .u-image-6 {
    height: 757px;
  }
}

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

  .u-section-2 .u-list-2 {
    width: 340px;
  }

  .u-section-2 .u-image-4 {
    height: 466px;
  }

  .u-section-2 .u-image-5 {
    height: 466px;
  }

  .u-section-2 .u-image-6 {
    height: 466px;
  }
} .u-section-3 {
  background-image: linear-gradient(#f3e2cf, #faf3ef);
}

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

.u-section-3 .u-list-1 {
  grid-gap: 5px 5px;
  grid-template-columns: calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px);
  grid-template-rows: auto;
  width: 889px;
  min-height: 455px;
  margin: 0 auto 0 112px;
}

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

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

.u-section-3 .u-image-1 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-3 .u-text-1 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

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

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

.u-section-3 .u-image-2 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-3 .u-text-2 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

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

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

.u-section-3 .u-image-3 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-3 .u-text-3 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

.u-section-3 .u-list-2 {
  grid-gap: 5px 5px;
  grid-template-columns: calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px);
  grid-template-rows: auto;
  width: 889px;
  min-height: 446px;
  margin: 24px auto 0;
}

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

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

.u-section-3 .u-image-4 {
  height: 204px;
  width: 203px;
  margin: 24px auto 0;
}

.u-section-3 .u-text-4 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

.u-section-3 .u-text-5 {
  font-size: 1.14286rem;
  margin: -26px 0 0;
}

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

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

.u-section-3 .u-image-5 {
  height: 204px;
  width: 203px;
  margin: 24px auto 0;
}

.u-section-3 .u-text-6 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

.u-section-3 .u-text-7 {
  font-size: 1.14286rem;
  margin: -26px 0 0;
}

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

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

.u-section-3 .u-image-6 {
  height: 204px;
  width: 203px;
  margin: 24px auto 0;
}

.u-section-3 .u-text-8 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

.u-section-3 .u-text-9 {
  font-size: 1.14286rem;
  margin: -26px 0 0;
}

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

  .u-section-3 .u-list-1 {
    grid-template-columns: calc(33.3333% - 7px) calc(33.3333% - 7px) calc(33.3333% - 7px);
    height: auto;
    min-height: 355px;
    margin-left: 51px;
  }

  .u-section-3 .u-list-2 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    min-height: 348px;
    height: auto;
  }
}

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

  .u-section-3 .u-list-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    width: 720px;
    min-height: 816px;
    margin-left: 0;
  }

  .u-section-3 .u-list-2 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    width: 720px;
    min-height: 800px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-list-1 {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    width: 540px;
  }

  .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;
  }

  .u-section-3 .u-list-2 {
    grid-template-columns: 100%;
    width: 540px;
  }

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

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

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

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

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

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

.u-section-4 .u-list-1 {
  grid-gap: 5px 5px;
  grid-template-columns: calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px);
  grid-template-rows: auto;
  width: 889px;
  min-height: 455px;
  margin: 0 auto 0 112px;
}

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

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

.u-section-4 .u-image-1 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-4 .u-text-1 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

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

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

.u-section-4 .u-image-2 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-4 .u-text-2 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

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

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

.u-section-4 .u-image-3 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-4 .u-text-3 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

.u-section-4 .u-list-2 {
  grid-gap: 5px 5px;
  grid-template-columns: calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px);
  grid-template-rows: auto;
  width: 889px;
  min-height: 440px;
  margin: 1px auto;
}

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

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

.u-section-4 .u-image-4 {
  height: 204px;
  width: 203px;
  margin: 39px auto 0 0;
}

.u-section-4 .u-text-4 {
  font-size: 1.14286rem;
  margin: 26px 0 0;
}

.u-section-4 .u-text-5 {
  font-size: 1.14286rem;
  margin: -26px 0 0;
}

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

.u-section-4 .u-container-layout-5 {
  padding: 30px;
}

.u-section-4 .u-image-5 {
  height: 204px;
  width: 203px;
  margin: 39px auto 0 0;
}

.u-section-4 .u-text-6 {
  font-size: 1.14286rem;
  margin: 26px 0 0;
}

.u-section-4 .u-text-7 {
  font-size: 1.14286rem;
  margin: -26px 0 0;
}

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

.u-section-4 .u-container-layout-6 {
  padding: 30px;
}

.u-section-4 .u-image-6 {
  height: 204px;
  width: 203px;
  margin: 39px auto 0 0;
}

.u-section-4 .u-text-8 {
  font-size: 1.14286rem;
  margin: 26px 0 0;
}

.u-section-4 .u-text-9 {
  font-size: 1.14286rem;
  margin: -26px 0 0;
}

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

  .u-section-4 .u-list-1 {
    grid-template-columns: calc(33.3333% - 7px) calc(33.3333% - 7px) calc(33.3333% - 7px);
    height: auto;
    min-height: 355px;
    margin-left: 51px;
  }

  .u-section-4 .u-list-2 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 3.33333px));
    min-height: 343px;
    height: auto;
  }
}

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

  .u-section-4 .u-list-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    width: 720px;
    min-height: 816px;
    margin-left: 0;
  }

  .u-section-4 .u-list-2 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    width: 720px;
    min-height: 788px;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-list-1 {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    width: 540px;
  }

  .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;
  }

  .u-section-4 .u-list-2 {
    grid-template-columns: 100%;
    width: 540px;
  }

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

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

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

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

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

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

.u-section-5 .u-list-1 {
  grid-gap: 5px 5px;
  grid-template-columns: calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px);
  grid-template-rows: auto;
  width: 889px;
  min-height: 455px;
  margin: 0 auto 0 112px;
}

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

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

.u-section-5 .u-image-1 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-5 .u-text-1 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

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

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

.u-section-5 .u-image-2 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-5 .u-text-2 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

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

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

.u-section-5 .u-image-3 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-5 .u-text-3 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

.u-section-5 .u-list-2 {
  grid-gap: 5px 5px;
  grid-template-columns: calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px);
  grid-template-rows: auto;
  width: 889px;
  min-height: 439px;
  margin: 0 auto;
}

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

.u-section-5 .u-container-layout-4 {
  padding: 30px;
}

.u-section-5 .u-image-4 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-5 .u-text-4 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

.u-section-5 .u-text-5 {
  font-size: 1.14286rem;
  margin: -19px 0 0;
}

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

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

.u-section-5 .u-image-5 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-5 .u-text-6 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

.u-section-5 .u-text-7 {
  font-size: 1.14286rem;
  margin: -19px 0 0;
}

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

.u-section-5 .u-container-layout-6 {
  padding: 30px;
}

.u-section-5 .u-image-6 {
  height: 204px;
  width: 203px;
  margin: 41px auto 0 0;
}

.u-section-5 .u-text-8 {
  font-size: 1.14286rem;
  margin: 17px 0 0;
}

.u-section-5 .u-text-9 {
  font-size: 1.14286rem;
  margin: -19px 0 0;
}

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

  .u-section-5 .u-list-1 {
    grid-template-columns: calc(33.3333% - 7px) calc(33.3333% - 7px) calc(33.3333% - 7px);
    height: auto;
    min-height: 355px;
    margin-left: 51px;
  }

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

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

  .u-section-5 .u-list-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    width: 720px;
    min-height: 816px;
    margin-left: 0;
  }

  .u-section-5 .u-list-2 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    width: 720px;
    min-height: 786px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-list-1 {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    width: 540px;
  }

  .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;
  }

  .u-section-5 .u-list-2 {
    grid-template-columns: 100%;
    width: 540px;
  }

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

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

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

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

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

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

.u-section-6 .u-list-1 {
  grid-gap: 5px 5px;
  grid-template-columns: calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px) calc(33.3333% - 3.33333px);
  grid-template-rows: auto;
  width: 889px;
  min-height: 1525px;
  margin: 5px auto;
}

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

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

.u-section-6 .u-image-1 {
  height: 293px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.u-section-6 .u-text-1 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

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

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

.u-section-6 .u-image-2 {
  height: 293px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.u-section-6 .u-text-2 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

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

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

.u-section-6 .u-image-3 {
  height: 293px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.u-section-6 .u-text-3 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

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

.u-section-6 .u-container-layout-4 {
  padding: 30px;
}

.u-section-6 .u-image-4 {
  height: 293px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.u-section-6 .u-text-4 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

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

.u-section-6 .u-container-layout-5 {
  padding: 30px;
}

.u-section-6 .u-image-5 {
  height: 293px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.u-section-6 .u-text-5 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

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

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

.u-section-6 .u-image-6 {
  height: 293px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.u-section-6 .u-text-6 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

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

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

.u-section-6 .u-image-7 {
  height: 293px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.u-section-6 .u-text-7 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

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

.u-section-6 .u-container-layout-8 {
  padding: 30px;
}

.u-section-6 .u-image-8 {
  height: 293px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.u-section-6 .u-text-8 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

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

.u-section-6 .u-container-layout-9 {
  padding: 30px;
}

.u-section-6 .u-image-9 {
  height: 293px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.u-section-6 .u-text-9 {
  font-size: 1.14286rem;
  margin: 41px 0 0;
}

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

  .u-section-6 .u-list-1 {
    grid-template-columns: calc(33.3333% - 7px) calc(33.3333% - 7px) calc(33.3333% - 7px);
    height: auto;
    min-height: 1189px;
  }

  .u-section-6 .u-image-1 {
    margin-left: initial;
  }

  .u-section-6 .u-image-2 {
    margin-left: initial;
  }

  .u-section-6 .u-image-3 {
    margin-left: initial;
  }

  .u-section-6 .u-image-4 {
    margin-left: initial;
  }

  .u-section-6 .u-image-5 {
    margin-left: initial;
  }

  .u-section-6 .u-image-6 {
    margin-left: initial;
  }

  .u-section-6 .u-image-7 {
    margin-left: initial;
  }

  .u-section-6 .u-image-8 {
    margin-left: initial;
  }

  .u-section-6 .u-image-9 {
    margin-left: initial;
  }
}

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

  .u-section-6 .u-list-1 {
    grid-template-columns: repeat(2, calc(50% - 2.4999975px));
    width: 720px;
    min-height: 2277px;
  }

  .u-section-6 .u-image-1 {
    height: 372px;
    margin-left: initial;
  }

  .u-section-6 .u-image-2 {
    height: 372px;
    margin-left: initial;
  }

  .u-section-6 .u-image-3 {
    height: 372px;
    margin-left: initial;
  }

  .u-section-6 .u-image-4 {
    height: 372px;
    margin-left: initial;
  }

  .u-section-6 .u-image-5 {
    height: 372px;
    margin-left: initial;
  }

  .u-section-6 .u-image-6 {
    height: 372px;
    margin-left: initial;
  }

  .u-section-6 .u-image-7 {
    height: 372px;
    margin-left: initial;
  }

  .u-section-6 .u-image-8 {
    height: 372px;
    margin-left: initial;
  }

  .u-section-6 .u-image-9 {
    height: 372px;
    margin-left: initial;
  }
}

@media (max-width: 767px) {
  .u-section-6 .u-sheet-1 {
    min-height: 100vh;
  }

  .u-section-6 .u-list-1 {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    width: 540px;
  }

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

  .u-section-6 .u-image-1 {
    height: 645px;
    margin-left: initial;
  }

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

  .u-section-6 .u-image-2 {
    height: 645px;
    margin-left: initial;
  }

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

  .u-section-6 .u-image-3 {
    height: 645px;
    margin-left: initial;
  }

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

  .u-section-6 .u-image-4 {
    height: 645px;
    margin-left: initial;
  }

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

  .u-section-6 .u-image-5 {
    height: 645px;
    margin-left: initial;
  }

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

  .u-section-6 .u-image-6 {
    height: 645px;
    margin-left: initial;
  }

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

  .u-section-6 .u-image-7 {
    height: 645px;
    margin-left: initial;
  }

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

  .u-section-6 .u-image-8 {
    height: 645px;
    margin-left: initial;
  }

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

  .u-section-6 .u-image-9 {
    height: 645px;
    margin-left: initial;
  }
}

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

  .u-section-6 .u-image-1 {
    height: 397px;
    margin-left: initial;
  }

  .u-section-6 .u-image-2 {
    height: 397px;
    margin-left: initial;
  }

  .u-section-6 .u-image-3 {
    height: 397px;
    margin-left: initial;
  }

  .u-section-6 .u-image-4 {
    height: 397px;
    margin-left: initial;
  }

  .u-section-6 .u-image-5 {
    height: 397px;
    margin-left: initial;
  }

  .u-section-6 .u-image-6 {
    height: 397px;
    margin-left: initial;
  }

  .u-section-6 .u-image-7 {
    height: 397px;
    margin-left: initial;
  }

  .u-section-6 .u-image-8 {
    height: 397px;
    margin-left: initial;
  }

  .u-section-6 .u-image-9 {
    height: 397px;
    margin-left: initial;
  }
} .u-section-7 {
  background-image: linear-gradient(0deg, rgba(255,237,208,1), rgba(255,237,208,1)), url("images/January-18-A1-cover-1-1-1024x640.jpg");
}

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

.u-section-7 .u-layout-wrap-1 {
  margin: 0 auto;
}

.u-section-7 .u-layout-cell-1 {
  min-height: 331px;
}

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

.u-section-7 .u-image-1 {
  width: 386px;
  height: 250px;
  object-position: 0% 50%;
  background-position: 0% 50%;
  margin: 21px auto 0;
}

.u-section-7 .u-layout-cell-2 {
  min-height: 331px;
}

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

.u-section-7 .u-text-1 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0 21px;
}

.u-section-7 .u-text-2 {
  font-size: 1rem;
  margin: 42px 1px 0;
}

.u-section-7 .u-line-1 {
  height: 3px;
  transform-origin: right center 0;
  width: 460px;
  margin: 2px auto 0;
}

.u-section-7 .u-text-3 {
  font-size: 1.14286rem;
  font-weight: 700;
  width: 393px;
  margin: 11px auto 0;
}

.u-section-7 .u-line-2 {
  height: 3px;
  transform-origin: right center 0;
  width: 460px;
  margin: 5px auto 0;
}

@media (max-width: 1199px) {
   .u-section-7 {
    background-position: 50% -8.79589vh;
    min-height: 13px;
  }

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

  .u-section-7 .u-layout-wrap-1 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-7 .u-layout-cell-1 {
    min-height: 273px;
  }

  .u-section-7 .u-image-1 {
    width: 379px;
    height: 245px;
  }

  .u-section-7 .u-layout-cell-2 {
    min-height: 273px;
  }

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

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

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

  .u-section-7 .u-text-3 {
    margin-left: 29px;
  }

  .u-section-7 .u-line-2 {
    width: 441px;
  }
}

@media (max-width: 991px) {
  .u-section-7 .u-layout-cell-1 {
    min-height: 209px;
  }

  .u-section-7 .u-image-1 {
    width: 276px;
    height: 179px;
  }

  .u-section-7 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-7 .u-line-1 {
    width: 324px;
    margin-left: -8px;
    margin-right: -8px;
  }

  .u-section-7 .u-text-3 {
    margin-left: -2px;
    margin-right: -2px;
    width: 312px;
  }

  .u-section-7 .u-line-2 {
    width: 324px;
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media (max-width: 767px) {
  .u-section-7 .u-layout-cell-1 {
    min-height: 324px;
  }

  .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-text-3 {
    margin-left: auto;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-layout-cell-1 {
    min-height: 204px;
  }
} .u-section-8 {
  background-image: linear-gradient(0deg, rgba(255,237,208,0.85), rgba(255,237,208,0.85)), url("images/January-18-A1-cover-1-1-1024x640.jpg");
}

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

.u-section-8 .u-layout-wrap-1 {
  margin: 42px auto 24px 0;
}

.u-section-8 .u-layout-cell-1 {
  min-height: 331px;
}

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

.u-section-8 .u-image-1 {
  width: 417px;
  height: 270px;
  object-position: 0% 50%;
  background-position: 0% 50%;
  margin: 0 auto;
}

.u-section-8 .u-layout-cell-2 {
  min-height: 331px;
}

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

.u-section-8 .u-text-1 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0 21px;
}

.u-section-8 .u-text-2 {
  font-size: 1rem;
  margin: 16px 1px 0;
}

.u-section-8 .u-line-1 {
  height: 3px;
  transform-origin: right center 0;
  width: 460px;
  margin: 2px auto 0;
}

.u-section-8 .u-text-3 {
  font-size: 1.14286rem;
  font-weight: 700;
  margin: 11px 51px 0 81px;
}

.u-section-8 .u-line-2 {
  height: 3px;
  transform-origin: right center 0;
  width: 460px;
  margin: 5px auto 0 33px;
}

@media (max-width: 1199px) {
   .u-section-8 {
    background-position: 50% -2.96623vh;
  }

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

  .u-section-8 .u-layout-wrap-1 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 273px;
  }

  .u-section-8 .u-image-1 {
    width: 379px;
    height: 245px;
  }

  .u-section-8 .u-layout-cell-2 {
    min-height: 273px;
  }

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

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

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

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

  .u-section-8 .u-line-2 {
    width: 441px;
    margin-left: 0;
  }
}

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

  .u-section-8 .u-layout-cell-1 {
    min-height: 187px;
  }

  .u-section-8 .u-image-1 {
    height: 179px;
    width: 276px;
  }

  .u-section-8 .u-layout-cell-2 {
    min-height: 100px;
  }

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

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

  .u-section-8 .u-line-2 {
    width: 360px;
  }
}

@media (max-width: 767px) {
  .u-section-8 .u-sheet-1 {
    min-height: 196px;
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 324px;
  }

  .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-line-1 {
    width: 324px;
  }

  .u-section-8 .u-line-2 {
    margin-left: auto;
  }
}

@media (max-width: 575px) {
  .u-section-8 .u-layout-cell-1 {
    min-height: 204px;
  }

  .u-section-8 .u-line-1 {
    width: 320px;
    margin-left: -2px;
    margin-right: -2px;
  }

  .u-section-8 .u-line-2 {
    width: 320px;
    margin-left: -2px;
    margin-right: -2px;
  }
} .u-section-9 {
  background-image: none;
}

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

.u-section-9 .u-group-1 {
  min-height: 131px;
  width: 800px;
  background-image: none;
  margin: 25px auto 0;
}

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

.u-section-9 .u-text-1 {
  margin: 30px 0 0;
}

.u-section-9 .u-form-1 {
  height: 294px;
  width: 635px;
  margin: 15px auto 0;
}

.u-section-9 .u-form-group-1 {
  width: 100%;
}

.u-section-9 .u-form-group-2 {
  width: 100%;
}

.u-section-9 .u-form-group-3 {
  width: 100%;
}

.u-section-9 .u-btn-1 {
  background-image: none;
  padding: 7px 30px;
}

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

  .u-section-9 .u-group-1 {
    margin-top: 0;
  }
}

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

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

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

@media (max-width: 767px) {
  .u-section-9 .u-sheet-1 {
    min-height: 86px;
  }

  .u-section-9 .u-group-1 {
    min-height: 250px;
    width: 540px;
  }

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

  .u-section-9 .u-form-1 {
    width: 520px;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-sheet-1 {
    min-height: 54px;
  }

  .u-section-9 .u-group-1 {
    min-height: 272px;
    width: 340px;
  }

  .u-section-9 .u-form-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;
          }
          
        } 