.error {
  width: 100%;
  background-color: #86c5e9;
  font-family: Roboto, sans-serif;
}

.error .warning-container {
  width: 80%;
  border: 1px solid #92a1ac;
  background: #ffffff;
  margin: 40px auto;
  height: 400px;
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  padding: 24px;
}

.error .warning-container h1 {
  font-weight: bold;
  color: #2e5f9e;
}

.error .warning-container p {
  padding: 24px;
}

.u-sheet {
  height: 100%;
}

.u-section-1-1 {
  background-image: linear-gradient(0deg,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)),
    url("../images/image-4.jpeg");
  background-position: 50% 50%;
}

.u-section-1-1 .u-sheet-1 {
  min-height: 100vh;
}

.u-section-1-1 .u-text-1 {
  font-size: 3.75rem;
  text-shadow: 2px 0 8px rgba(51, 51, 51, 1);
  margin: 60px 100px 0;
}

.u-section-1-1 .u-text-2 {
  margin: 26px auto 60px;
}

@media (max-width: 1199px) {
  .u-section-1-1 .u-text-1 {
    margin-left: 82px;
    margin-right: 82px;
  }
}

@media (max-width: 991px) {
  .u-section-1-1 .u-text-1 {
    margin-left: 63px;
    margin-right: 63px;
  }
}

@media (max-width: 767px) {
  .u-section-1-1 .u-text-1 {
    margin-left: 47px;
    margin-right: 47px;
  }
}

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

  .u-section-1-1 .u-text-1 {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 3rem;
  }
}

.u-section-1-2 {
  background-image: linear-gradient(0deg,
      rgba(0, 0, 0, 0.55),
      rgba(0, 0, 0, 0.55)),
    url("../images/image-8.jpeg");
  background-position: 50% 50%;
}

.u-section-1-2 .u-sheet-1 {
  min-height: 100vh;
}

.u-section-1-2 .u-text-1 {
  margin: 608px 0 0 auto;
}

.u-section-1-2 .u-text-2 {
  margin: 35px 0 60px auto;
}

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

.u-block-6513-1 {
  background-image: linear-gradient(0deg,
      rgba(0, 0, 0, 0.55),
      rgba(0, 0, 0, 0.55)),
    url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkZWZhdWx0LWltYWdlLXNvbGlkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAwIDI2NSIgc3R5bGU9IndpZHRoOiA0MDBweDsgaGVpZ2h0OiAyNjVweDsiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyNjUiLz4NCjxwYXRoIGZpbGw9IiNEOUUzRTgiIGQ9Ik0zOTUuMyw5Ni4yYy01LTAuOC02LjEsMS4xLTguNSwyLjljLTEtMi4zLTIuNi02LjItNy43LTVjMS41LTUuMy0yLjYtOC40LTcuNy04LjRjLTAuNiwwLTEuMiwwLjEtMS44LDAuMg0KCWMtMS44LTQuMS02LTYuOS0xMC43LTYuOWMtNi41LDAtMTEuOCw1LjMtMTEuOCwxMS44YzAsMC40LDAsMC45LDAuMSwxLjNjLTEuMi0wLjgtMi41LTEuMy0zLjktMS4zYy00LjMsMC03LjksNC4yLTcuOSw5LjQNCgljMCwxLjIsMC4yLDIuNCwwLjYsMy41Yy0wLjUtMC4xLTEtMC4xLTEuNi0wLjFjLTYuOSwwLTEyLjUsNS41LTEyLjcsMTIuNGMtMC45LTAuMi0xLjktMC40LTIuOS0wLjRjLTYuNCwwLTExLjcsNS4yLTEyLjUsMTEuOA0KCWMtMS4yLTAuNC0yLjUtMC42LTMuOS0wLjZjLTUuOSwwLTEwLjgsMy44LTEyLjEsOC45Yy0yLjQtMi01LjUtMy4yLTguOS0zLjJjLTYsMC0xMS4xLDMuNy0xMi44LDguOGMtMS41LTEuNC0zLjgtMi4zLTYuMy0yLjMNCgljLTIuMSwwLTQuMSwwLjYtNS41LDEuN2gtMC4xYy0xLjMtNS41LTYuMi05LjUtMTIuMS05LjVjLTIuNCwwLTQuNywwLjctNi42LDEuOWMtMS40LTAuNy0zLTEuMi00LjgtMS4yYy0wLjMsMC0wLjUsMC0wLjgsMA0KCWMtMS41LTQuMS01LjItNy05LjUtN2MtMy4xLDAtNS45LDEuNS03LjgsMy45Yy0yLjItNC44LTYuOC04LjItMTIuMi04LjJjLTUuNiwwLTEwLjUsMy43LTEyLjUsOC44Yy0yLjEtMC45LTQuNC0xLjUtNi45LTEuNQ0KCWMtNi44LDAtMTIuNSwzLjktMTQuNSw5LjNjLTAuMiwwLTAuNSwwLTAuNywwYy01LjIsMC05LjYsMy4yLTExLjQsNy44Yy0yLjctMi44LTctNC41LTExLjgtNC41Yy0zLjMsMC02LjQsMC45LTguOSwyLjMNCgljLTIuMS02LjUtOC0xMi4yLTE4LjEtOS45Yy0yLjctMi4zLTYuMy0zLjctMTAuMS0zLjdjLTIuNSwwLTQuOCwwLjYtNi45LDEuNmMtMi4yLTUuOS03LjktMTAuMS0xNC42LTEwLjFjLTguNiwwLTE1LjYsNy0xNS42LDE1LjYNCgljMCwwLjksMC4xLDEuNywwLjIsMi41Yy0yLjYtNS03LjgtOC40LTEzLjgtOC40Yy04LjMsMC0xNS4xLDYuNS0xNS42LDE0LjZjLTIuOS0zLjItNy01LjMtMTEuNy01LjNjLTcuNCwwLTEzLjUsNS4xLTE1LjIsMTINCgljLTIuOS0zLjUtOS44LTYtMTQuNy02djExOS4yaDQwMFYxMDJDNDAwLDEwMiw0MDAsOTcsMzk1LjMsOTYuMnoiLz4NCjxwYXRoIGZpbGw9IiM4RUE4QkIiIGQ9Ik00MDAsMjA2LjJjMCwwLTI1LjMtMTkuMi0zMy42LTI1LjdjLTEzLjQtMTAuNi0yMy4xLTEyLjktMzEuNy03cy0yMy45LDE5LjctMjMuOSwxOS43cy01OC45LTYzLjktNjEuNS02Ni40DQoJYy0xLjUtMS40LTMuNi0xLjctNS41LTAuOWMtNS4yLDIuNC0xNy42LDkuNy0yNC41LDEyLjdjLTYuOSwyLjktNDEtNTAuNy00OS42LTUzcy04NC4zLDgzLjMtMTAxLjQsNzUuMXMtMjYuOS0yLjMtMzUuNCwzLjUNCgljLTguNiw1LjktMTEsNS45LTE1LjksOC4ycy0xNy4xLTUuOS0xNy4xLTUuOVYyNjVjMCwwLDQwMCwwLjIsNDAwLDB2LTU4LjhINDAweiIvPg0KPHBhdGggZmlsbD0iIzdFOTZBNiIgZD0iTTMzMy40LDE3OWMtMTMuMS05LjMtNDAsNC42LTU1LjEsMTAuN2MtMjMuNiw5LjYtOTQtNTQuNC0xMDcuMi01OS43YzAsMC00LjIsMy43LTkuNiw3LjYNCgljLTMuNS0wLjQtOC40LTUuNy05LjktNC43Yy00LjYsMy4xLTE3LjgsMTUuNC0yOC4zLDI2LjZjLTEwLjUsMTEuMy0xMS43LDAtMTUuOC0wLjZjLTIuNS0wLjQtNTQuMSw0Mi41LTU4LjcsNDMuMQ0KCUMyMi4zLDIwNS4zLDAsMTk3LjUsMCwxOTcuNVYyNjVsNDAwLTAuMXYtNTMuM0M0MDAsMjExLjYsMzQ0LjgsMTg3LjEsMzMzLjQsMTc5eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTAsMjY0Ljl2LTU4LjZjMCwwLDguMiwxLjgsMTEuMyw1LjNjMy4xLDMuNiwyNi4xLTQuMiwyNi4xLDQuN3MwLjUsNC4yLDAuNSwxNC44YzAsMTAuNywyMy00LjIsMzguMS0xOC40DQoJczM0LjktNDkuMiwzNi0zNWMxLDE0LjItMTUuMSwzOS4yLTI0LDU2LjRDNzkuMSwyNTEuNCw1MS43LDI2NSw1MS43LDI2NUwwLDI2NC45eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTEwMCwyNjVjMCwwLDY2LjctMTI1LjEsNjguMy0xMTYuOHMtNi44LDI5LjcsMi4xLDI2LjFjOC45LTMuNiwxNC42LTE2LDE4LjgtOS41czE2LjIsMzguNiwyMS45LDMzLjgNCgljNS43LTQuNywyMS40LTEzLjEsMjIuNC02LjVjMSw2LjUtMSw1LjMtNS43LDIwLjJDMjIzLjEsMjI3LjEsMjAwLDI2NSwyMDAsMjY1aC0xMGMwLDAsNi0yNC44LDguNi0zNC45YzIuNi0xMC4xLTMuNy0xOS0xMi04LjMNCglzLTIzLDIyLTI0LDE3LjhzLTUuNy0zMC4zLTE4LjgtMTQuMmMtMTMsMTYtMzMuOCwzOS43LTMzLjgsMzkuN2gtMTBWMjY1eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTI0NSwyNjVjMCwwLDE5LjgtNTQuNywzMy40LTY0LjJzNTMuNy0yNy45LDQ2LjktMTMuNmMtNi44LDE0LjItMTEsMzQuNC0yMC4zLDQ5LjgNCgljLTkuNCwxNS40LTE4LjgsMjYuMS0xNC4xLDEzLjZjNC43LTEyLjUsNi40LTIzLjMsMy43LTIzLjFDMjcxLjMsMjI5LjEsMjYwLDI2NSwyNjAsMjY1SDI0NXoiLz4NCjwvc3ZnPg0K");
  background-position: 50% 50%;
}

.u-block-6513-2 {
  position: absolute;
  bottom: 10px;
}

.u-block-6513-3 {
  position: absolute;
  left: 0;
}

.u-block-6513-4 {
  position: absolute;
  right: 0;
}

.u-section-2 {
  background-image: none;
}

.u-section-2 .u-sheet-1 {
  min-height: 100vh;
}

.u-section-2 .u-layout-wrap-1 {
  pointer-events: auto;
  margin: 60px auto 60px 0;
}

.u-section-2 .u-layout-cell-1 {
  min-height: 677px;
  pointer-events: auto;
  animation-duration: 1000ms;
}

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

.u-section-2 .u-shape-1 {
  height: 570px;
  background-image: none;
  margin: 13px -60px 0 60px;
}

.u-section-2 .u-icon-1 {
  height: 48px;
  width: 48px;
  background-image: none;
  margin: -453px auto 0;
}

.u-section-2 .u-text-1 {
  font-weight: 700;
  font-size: 3rem;
  width: 450px;
  animation-duration: 1000ms;
  margin: 20px auto 0;
}

.u-section-2 .u-text-2 {
  font-size: 1.125rem;
  width: 450px;
  margin: 20px auto 0;
}

.u-section-2 .u-image-1 {
  min-height: 656px;
  pointer-events: auto;
  background-image: url("../images/hcmc.svg");
  background-position: 50% 50%;
  animation-duration: 1000ms;
}

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

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

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

  .u-section-2 .u-layout-cell-1 {
    min-height: 558px;
  }

  .u-section-2 .u-shape-1 {
    height: 470px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-icon-1 {
    margin-top: -410px;
  }

  .u-section-2 .u-image-1 {
    min-height: 541px;
  }
}

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

  .u-section-2 .u-shape-1 {
    height: 360px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-icon-1 {
    margin-top: -320px;
  }

  .u-section-2 .u-text-1 {
    width: 360px;
    font-size: 28px;
  }

  .u-section-2 .u-text-2 {
    width: 360px;
    font-size: 14px;
  }

  .u-section-2 .u-image-1 {
    min-height: 414px;
  }

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

@media (max-width: 767px) {
  .u-section-2 .u-container-layout-1 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .u-section-2 .u-shape-1 {
    height: 540px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-icon-1 {
    margin-top: -423px;
  }

  .u-section-2 .u-image-1 {
    min-height: 621px;
  }

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

@media (max-width: 575px) {
  .u-section-2 .u-shape-1 {
    height: 340px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-icon-1 {
    margin-top: -223px;
  }

  .u-section-2 .u-text-1 {
    width: 340px;
    font-size: 1.5rem;
  }

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

  .u-section-2 .u-image-1 {
    min-height: 391px;
  }
}

.u-section-3 {
  background-image: linear-gradient(0deg,
      rgba(0, 0, 0, 0.55),
      rgba(0, 0, 0, 0.55)),
    url("../images/image-2.jpeg");
}

.u-section-3 .u-sheet-1 {
  min-height: 100vh;
}

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

.u-section-3 .u-list-1 {
  margin-top: 49px;
  margin-bottom: 49px;
  min-height: calc(100vh - 280px);
  grid-template-columns: repeat(2, calc(((100% - 1140px) / 2) + 565px));
  grid-template-rows: repeat(1, auto);
  margin-left: 0;
  grid-gap: 10px;
}

.u-section-3 .u-list-item-1 {
  animation-duration: 1000ms;
}

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

.u-section-3 .u-icon {
  height: 64px;
  width: 64px;
  margin-bottom: 15px;
}

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

.u-section-3 .u-list-item-2 {
  background-image: none;
  animation-duration: 1000ms;
}

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

.u-section-3 .u-list-item-3 {
  background-image: none;
  animation-duration: 1000ms;
}

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

.u-section-3 .u-list-item-4 {
  background-image: none;
  animation-duration: 1000ms;
}

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

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

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

  .u-section-3 .u-list-1 {
    grid-template-columns: repeat(2, calc(((100% - 940px) / 2) + 465px));
    height: auto;
    margin-left: initial;
  }

  .u-section-3 .u-list-item-1 {
    background-position: 50% 50%;
  }

  .u-section-3 .u-list-item-2 {
    background-position: 50% 50%;
  }

  .u-section-3 .u-list-item-3 {
    background-position: 50% 50%;
  }

  .u-section-3 .u-list-item-4 {
    background-position: 50% 50%;
  }
}

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

  .u-section-3 .u-list-1 {
    grid-template-columns: 100%;
    margin-left: initial;
  }
}

.u-section-4 {
  background-image: none;
}

.u-section-4 .u-sheet-1 {
  min-height: 100vh;
}

.u-section-4 .u-text-1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.875rem;
  margin: 135px auto 0;
}

.u-section-4 .u-layout-wrap-1 {
  margin: 25px 0 40px;
}

.u-section-4 .u-layout-cell-1 {
  min-height: 250px;
}

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

.u-section-4 .u-icon-1 {
  height: 48px;
  width: 48px;
  margin: 36px auto 0;
}

.u-section-4 .u-text-2 {
  margin-left: auto;
  font-weight: 700;
  margin-bottom: 0;
  margin-right: auto;
}

.u-section-4 .u-text-3 {
  margin: 20px 0 0;
}

.u-section-4 .u-layout-cell-2 {
  min-height: 250px;
}

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

.u-section-4 .u-icon-2 {
  height: 48px;
  width: 48px;
  margin: 36px auto 0;
}

.u-section-4 .u-text-4 {
  font-weight: 700;
  text-transform: uppercase;
  margin: 20px auto 0;
}

.u-section-4 .u-text-5 {
  margin: 20px auto 0;
}

.u-section-4 .u-layout-cell-3 {
  min-height: calc(100vh - 600px);
}

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

.u-section-4 .u-icon-3 {
  height: 48px;
  width: 48px;
  margin: 36px auto 0;
}

.u-section-4 .u-text-6 {
  font-weight: 700;
  text-transform: uppercase;
  margin: 19px auto 0;
}

.u-section-4 .u-text-7 {
  margin: 20px auto 0;
}

.u-section-4 .u-layout-cell-4 {
  min-height: 439px;
}

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

.u-section-4 .u-icon-4 {
  height: 48px;
  width: 48px;
  margin: 0 auto;
}

.u-section-4 .u-text-8 {
  font-weight: 700;
  text-transform: uppercase;
  width: 135px;
  margin: 20px auto 0;
}

.u-section-4 .u-table-1 {
  height: 210px;
  margin: 28px -31px 0;
}

.u-block-eca5-61 {
  height: 46px;
}

.u-block-eca5-72 {
  height: 46px;
}

.u-section-4 .u-layout-cell-5 {
  min-height: 439px;
}

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

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

  .u-section-4 .u-layout-wrap-1 {
    position: relative;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-4 .u-layout-cell-1 {
    min-height: 221px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 244px;
  }

  .u-section-4 .u-layout-cell-3 {
    min-height: calc(100vh - 600px);
  }

  .u-section-4 .u-layout-cell-4 {
    min-height: 200px;
  }

  .u-section-4 .u-text-8 {
    margin-left: 75px;
    margin-right: 64px;
  }

  .u-section-4 .u-table-1 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-4 .u-layout-cell-5 {
    min-height: 265px;
  }
}

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

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

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

  .u-section-4 .u-layout-cell-3 {
    min-height: calc(100vh - 600px);
  }

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

  .u-section-4 .u-text-8 {
    margin-left: auto;
  }

  .u-section-4 .u-layout-cell-5 {
    min-height: 277px;
  }
}

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

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

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

  .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-layout-cell-5 {
    min-height: 312px;
  }

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

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

  .u-section-4 .u-text-1 {
    font-size: 1.5rem;
  }

  .u-section-4 .u-text-8 {
    margin-right: auto;
  }

  .u-section-4 .u-layout-cell-5 {
    min-height: 137px;
  }
}

.p-text-title {
  margin-top: 10px;
  font-size: 1.2rem;
  color: #2e5f9e;
}

.click-to-expand {
  position: relative;
}

.click-to-expand .show-if-collapsed {
  display: block;
}

.click-to-expand .collapsed .show-if-collapsed,
.click-to-expand .expanded .show-if-collapsed {
  display: none;
  margin: 0;
  height: 0;
  width: 0;
}

.click-to-expand .collapsed {
  visibility: hidden;
}

.click-to-expand .expanded {
  display: block;
}

.click-to-expand .extended {
  width: 100%;
  height: 100%;
  justify-content: stretch;
}

.click-to-expand .expanded .extended {
  position: absolute;
  height: calc(200% + 10px);
  width: calc(200% + 10px);
  max-width: unset;
  background: #5fd4ce;
  z-index: 10;
  justify-content: flex-start;
  animation: zoomIn 0.2s linear;
}

.click-to-expand .view-detail {
  display: block;
  cursor: pointer;
  color: #455f69;
}

.click-to-expand .expanded .view-detail,
.click-to-expand .collapsed .view-detail {
  display: none;
}

.click-to-expand .show-if-expanded {
  display: none;
  height: 0;
  width: 0;
}

.click-to-expand .expanded .show-if-expanded {
  display: block;
  height: auto;
  width: auto;
}

.click-to-expand .closed {
  position: absolute;
  font-size: large;
  top: 10px;
  right: 0;
  width: 50px;
  height: 50px;
  display: none;
  text-align: center;
  z-index: 20;
}

.click-to-expand .closed::after {
  content: '✕';
}

.click-to-expand .expanded .closed {
  display: block;
  cursor: pointer;
}

.click-to-expand .expanded .extended.u-container-layout-1 {
  top: 0;
  left: 0;
}

.click-to-expand .expanded .extended.u-container-layout-2 {
  top: 0;
  right: 0;
}

.click-to-expand .expanded .extended.u-container-layout-3 {
  bottom: 0;
  left: 0;
}

.click-to-expand .expanded .extended.u-container-layout-4 {
  bottom: 0;
  right: 0;
}

.u-section-3 .u-text {
  color: #222222;
}

.u-section-3 .u-text-6.show-if-expanded {
  margin: 0;
}

.u-section-3 .expanded .u-text-6.show-if-expanded {
  margin: 24px 0 0;
}

section.full-height {
  height: 100vh;
}

.extended .accordion {
  display: none;
}

.expanded .extended .accordion {
  display: block;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 6px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.accordion.active,
.accordion:hover {
  background-color: #bdf1ee;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2212";
}

.accordion-content {
  padding: 0px 18px;
  background-color: white;
  color: #333333;
  max-height: 0;
  overflow: hidden;
  font-size: 14px;
  transition: max-height 0.2s ease-out;
}

@media screen and (max-width: 1366px) {
  .u-section-3 .u-icon {
    height: 56px;
    width: 56px;
  }

  .u-section-3 .u-text-1 {
    font-size: 32px;
    margin: 80px 0 0;
  }

  .u-section-3 .u-list-1 {
    margin-top: 30px;
    min-height: calc(100vh - 186px);
  }
}

@media screen and (max-width: 1040px) {
  .u-section-3 .u-icon {
    height: 56px;
    width: 56px;
  }
}

@media screen and (max-width: 991px) {
  .u-section-3 .u-list-1 {
    grid-template-columns: repeat(2, calc(((100% - 940px) / 2) + 465px));
    margin-left: initial;
    min-height: 720px;
  }

  .u-section-3 h4.u-text {
    font-size: 18px;
  }

  .u-section-3 p.u-text {
    font-size: 14px;
  }
}

.ie-fix #home .u-carousel-item {
  display: table;
}

.ie-fix #home .u-carousel-item .u-valign-middle {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

.ie-fix #home .u-carousel-item .u-valign-middle h1 {
  margin: 0 auto;
}

.ie-fix .u-section-3 .u-list-1.click-to-expand {
  min-height: calc(100vh - 280px);
}

.ie-fix .u-section-3 .u-repeater-item {
  display: block;
  float: left;
  width: 49%;
  margin-bottom: 1%;
  margin-right: 1%;
  background: none;
}

.ie-fix .click-to-expand .extended {
  background-color: #2cccc4;
}

.ie-fix .click-to-expand .expanded .extended {
  position: absolute;
  max-width: none;
  height: calc(100vh - 280px);
}

.ie-fix .click-to-expand .expanded .extended.u-container-layout-3 {
  top: -80px;
  bottom: 0;
  left: 0;
}

.ie-fix .click-to-expand .expanded .extended.u-container-layout-4 {
  top: -80px;
  bottom: 0;
  right: 0;
}