@-moz-keyframes button1 {
  0% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(5%);
    transform: translateY(5%);
  }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes button1 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes button1 {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes button2 {
  0% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-3%);
    transform: translateY(-3%);
  }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes button2 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-3%);
    transform: translateY(-3%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes button2 {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-3%);
    -ms-transform: translateY(-3%);
    -webkit-transform: translateY(-3%);
    transform: translateY(-3%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes button3 {
  0% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(6%);
    transform: translateY(6%);
  }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes button3 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(6%);
    transform: translateY(6%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes button3 {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(6%);
    -ms-transform: translateY(6%);
    -webkit-transform: translateY(6%);
    transform: translateY(6%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes button4 {
  0% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes button4 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes button4 {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-4%);
    -ms-transform: translateY(-4%);
    -webkit-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes button5 {
  0% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-9%);
    transform: translateY(-9%);
  }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes button5 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-9%);
    transform: translateY(-9%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes button5 {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-9%);
    -ms-transform: translateY(-9%);
    -webkit-transform: translateY(-9%);
    transform: translateY(-9%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes icon1 {
  0% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-3%);
    transform: translateY(-3%);
  }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes icon1 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-3%);
    transform: translateY(-3%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes icon1 {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-3%);
    -ms-transform: translateY(-3%);
    -webkit-transform: translateY(-3%);
    transform: translateY(-3%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes icon2 {
  0% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(4%);
    transform: translateY(4%);
  }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes icon2 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes icon2 {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(4%);
    -ms-transform: translateY(4%);
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes icon3 {
  0% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes icon3 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes icon3 {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes icon4 {
  0% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes icon4 {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes icon4 {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.page-income {
  /* replace */
  /*.swiper-container--twoSlides .swiper-pagination{
    @include transform(none !important);
  }
  .swiper-container--twoSlides .swiper-pagination-bullet-active{

  }*/
  /* common */
}
.page-income a, .page-income a:visited {
  color: #007396;
}
.page-income .esgPage__section--light {
  background: #f8fcff;
}
.page-income .esgPage__heading, .page-income .swiper-title {
  color: #007396;
}
.page-income .esgPage__nav a[data-anchor]:hover {
  color: #007396;
}
.page-income .esgPage__nav a.active[data-anchor], .page-income .esgPage__nav a.active[data-anchor]:visited {
  color: #007396;
}
.page-income .esgPage__nav .active::after {
  background: #007396;
}
.page-income .esgPage__section--fund {
  background-image: url(../images/bg-2B.jpg) !important;
  background-size: cover !important;
}
.page-income .fundInfo__subtitle {
  padding-top: 1rem;
  margin-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.page-income .fundInfo__subtitle::after {
  top: 0;
  bottom: inherit;
}
.page-income .fundInfo--active .fundInfo__subtitle, .page-income .fundInfo--active .fundInfo__title {
  color: #000;
}
.page-income .fundInfo--active .fundInfo__subtitle br {
  display: none;
}
.page-income .fundInfo--active .fundInfo__subtitle::after {
  background: #000;
}
.page-income .fundInfo__top, .page-income .fundInfo__link:first-child {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.page-income .fundInfo__link > div > div {
  color: #2f709b;
    color: white;
}
.page-income .fundInfo--active .fundInfo__link {
  background: #2f709b;
}
.page-income .fundInfo--active .fundInfo__heading {
  position: relative;
  padding: 20px 0;
  margin-top: -2rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.page-income .fundInfo--active .fundInfo__heading:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f9c35e;
    background: #007396;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
.page-income .keyPoints__frontside img {
 width: 55%;
 width: 100%
}
.page-income .text-highlight {
  color: #2e709b;
}
.page-income .bubble-section {
  position: relative;
  width: 100%;
  padding-top: 35%;
  overflow: hidden;
}
.page-income .bubble-section .bubble-button {
  position: absolute;
  color: #fff;
  /*font-size: 2.5rem;*/
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.page-income .bubble-section .bubble-button:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.page-income .bubble-section .bubble-button:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.page-income .bubble-section .bubble-button span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-income .bubble-section .bubble-button.button-1 {
  background: #4694b9;
  width: 15%;
  top: 3%;
  left: 7%;
  -moz-animation: button1 5s infinite;
  -webkit-animation: button1 5s infinite;
  animation: button1 5s infinite;
}
.page-income .bubble-section .bubble-button.button-2 {
  background: #7eafce;
  width: 18%;
  bottom: 3%;
  left: 21%;
  -moz-animation: button2 4s infinite;
  -webkit-animation: button2 4s infinite;
  animation: button2 4s infinite;
}
.page-income .bubble-section .bubble-button.button-3 {
  background: #5bafd2;
  width: 15%;
  top: 13%;
  left: 42%;
  -moz-animation: button3 7s infinite;
  -webkit-animation: button3 7s infinite;
  animation: button3 7s infinite;
}
.page-income .bubble-section .bubble-button.button-4 {
  background: #3b91be;
  width: 16%;
  bottom: 6%;
  right: 25%;
  -moz-animation: button4 3s infinite;
  -webkit-animation: button4 3s infinite;
  animation: button4 3s infinite;
}
.page-income .bubble-section .bubble-button.button-5 {
  background: #7eafce;
  width: 16%;
  top: 7%;
  right: 10%;
  -moz-animation: button5 8s infinite;
  -webkit-animation: button5 8s infinite;
  animation: button5 8s infinite;
}
.page-income .bubble-section .bubble-icon {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.page-income .bubble-section .bubble-icon:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.page-income .bubble-section .bubble-icon.icon-1 {
  width: 9%;
  top: 56%;
  left: 0;
  background-image: url(https://hk.allianzgi.com/-/media/AllianzGI/AP/HongKong/home/income2020/images/banner-icon-1.png);
  -moz-animation: icon1 6s infinite;
  -webkit-animation: icon1 6s infinite;
  animation: icon1 6s infinite;
}
.page-income .bubble-section .bubble-icon.icon-2 {
  width: 5%;
  top: 9%;
  left: 29%;
  background-image: url(https://hk.allianzgi.com/-/media/AllianzGI/AP/HongKong/home/income2020/images/banner-icon-2.png);
  -moz-animation: icon2 4s infinite;
  -webkit-animation: icon2 4s infinite;
  animation: icon2 4s infinite;
}
.page-income .bubble-section .bubble-icon.icon-3 {
  width: 4%;
  top: 84%;
  left: 48%;
  background-image: url(https://hk.allianzgi.com/-/media/AllianzGI/AP/HongKong/home/income2020/images/banner-icon-3.png);
  -moz-animation: icon3 7s infinite;
  -webkit-animation: icon3 7s infinite;
  animation: icon3 7s infinite;
}
.page-income .bubble-section .bubble-icon.icon-4 {
  width: 5%;
  top: 31%;
  right: 0;
  background-image: url(https://hk.allianzgi.com/-/media/AllianzGI/AP/HongKong/home/income2020/images/banner-icon-4.png);
  -moz-animation: icon4 8s infinite;
  -webkit-animation: icon4 8s infinite;
  animation: icon4 8s infinite;
}
.page-income .bubble-section .income-swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.page-income .bubble-section .income-swiper.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
.page-income .bubble-section .income-swiper .close-btn {
  position: absolute;
  right: 5%;
  top: 10px;
  width: 30px;
  height: 30px;
  z-index: 130;
  background: url(https://hk.allianzgi.com/-/media/AllianzGI/AP/HongKong/home/income2020/images/close.svg) no-repeat center;
  background-size: 100%;
  text-indent: -9999px;
}
.page-income .bubble-section .income-swiper .swiper-container {
  height: 100%;
}
.page-income .bubble-section .income-swiper .swiper-container .video-container {
  overflow: hidden;
}
.page-income .bubble-section .income-swiper .swiper-container .video-container .video-wrap {
  width: 102%;
  height: 102%;
}
.page-income .bubble-section .income-swiper .swiper-container .video-container .video-wrap video {
  margin-left: -2px;
  margin-right: -2px;
}
.page-income .how-section .how-wrap {
  border-bottom: 1px solid #007396;
}
.page-income .how-section .how-wrap:first-child {
  border-top: 1px solid #007396;
}
.page-income .how-section .how-wrap .how-title {
  position: relative;
  display: block;
  line-height: 100%;
  padding-right: 10%;
}
.page-income .how-section .how-wrap .how-title:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 9px;
  width: 16px;
  height: 0;
  border-bottom: 2px solid #007396;
  margin-top: -1px;
}
.page-income .how-section .how-wrap .how-title:before {
  content: '';
  position: absolute;
  top: 50%;
  left: unset;
  right: 16px;
  width: 0;
  height: 16px;
  border-left: 2px solid #007396;
  margin-top: -8px;
}
.page-income .how-section .how-wrap .how-title.active:before {
  display: none;
}
.page-income .how-section .how-wrap .how-detail {
  display: none;
}
.page-income .how-section .how-wrap .how-detail.active {
  display: block;
}
.page-income .strategy-section {
  color: #fff;
  background-image: none;
}
.page-income .strategy-section .esgPage__heading {
  color: #fff;
}
.page-income .strategy-section .fund-wrap {
  flex-direction: row;
  align-items: stretch;
}
.page-income .strategy-section .fund-wrap .fund-box {
  position: relative;
  color: #2f709b;
  height: 135px;
}
.page-income .strategy-section .fund-wrap .fund-box:after {
  content: '';
  position: absolute;
  background: #f8c35e;
    background: #007396;
  z-index: 1;
  /*width: 40%;
  padding-top: 40%;*/
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}
.page-income .strategy-section .fund-wrap .fund-box:before {
  content: '';
  position: absolute;
  border-left: 1px solid #2f709b;
  left: 0;
  /*top: 0;*/
  width: 1px;
  height: 50%;
  vertical-align: middle;
}
.page-income .strategy-section .fund-wrap .fund-box:first-child:before {
  display: none;
}
.page-income .strategy-section .fund-wrap .fund-box .text-xl {
  position: relative;
  z-index: 10;
}
.page-income .strategy-section .white-box {
  width: 100%;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
.page-income .strategy-section .center-box {
  color: #2e709b;
  background: #fff;
}
.page-income .strategy-section .center-box .title {
  color: #000;
}
.page-income .strategy-section .center-box .sub-title {
  line-height: 100%;
  border-left: 1px solid #000;
}

#messagebox .heading4 {
  font-size: 26px;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: .3px;
}
#messagebox #agree_checkbox {
  margin: 3px 10px;
}

@media (min-width: 1024px) {
  .page-income .card {
    height: 430px;
  }
  .page-income .back .keyPoints__backsideText {
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-income .fundInfo--active .fundInfo__subtitle {
    padding-right: 0;
    margin-right: 0;
    padding-left: 1rem;
    margin-left: 1rem;
    padding-top: 0;
    margin-top: 0;
  }
  .page-income .fundInfo--active .fundInfo__subtitle::after {
    left: 0;
  }
  .page-income .fundInfo {
    padding-top: 25px;
  }
}
@media (max-width: 1023px) {
  .page-income .fundInfo--active .fundInfo__heading {
    margin-top: -1rem;
  }
}
@media (max-width: 767px) {
  .page-income {
    /**/
    /**/
  }
  .page-income .fundInfo__top {
    background: #fff;
  }
  .page-income .fundInfo__heading {
    margin-top: -1rem;
    position: relative;
    padding: 20px 0;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .page-income .fundInfo__heading:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f9c35e;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
  }
  .page-income .fundInfo__subtitle, .page-income .fundInfo__title {
    color: #000;
  }
  .page-income .fundInfo__subtitle {
    position: relative;
  }
  .page-income .fundInfo__subtitle br {
    display: none;
  }
  .page-income .fundInfo__subtitle:after {
    top: 0;
    bottom: inherit;
    background: #000;
  }
  .page-income .fundInfo__links.button-outside {
    display: none !important;
  }
  .page-income .fundInfo__links.button-inside {
    display: flex !important;
  }
  .page-income .fundInfo__icon {
    display: flex !important;
  }
  .page-income .fundInfo .arrow-green {
    display: none;
  }
  .page-income .fundInfo .arrow-white {
    display: block;
  }
  .page-income .fundInfo__link {
    background: #2f709b;
  }
  .page-income .fundInfo__link > div > div {
    color: white;
  }
  .page-income .strategy-section .fund-wrap .fund-box {
    height: 100px;
  }
  .page-income .strategy-section .fund-wrap .fund-box:after {
    width: 70px;
    height: 70px;
  }
  .page-income .card {
    height: 320px;
    margin-bottom: 3rem;
  }
  .page-income .back .keyPoints__backsideText {
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-income .bubble-section {
    padding-top: 130%;
  }
  .page-income .bubble-section .income-swiper .close-btn {
    width: 20px;
    height: 20px;
    top: 0px;
  }
  .page-income .bubble-section .bubble-icon.icon-1 {
    width: 12%;
    top: 60%;
    left: 0;
  }
  .page-income .bubble-section .bubble-icon.icon-2 {
    width: 10%;
    top: 10%;
    left: 45%;
  }
  .page-income .bubble-section .bubble-icon.icon-3 {
    width: 17%;
    top: 81%;
    left: 64%;
  }
  .page-income .bubble-section .bubble-icon.icon-4 {
    width: 10%;
    top: 41%;
    right: 0;
  }
  .page-income .bubble-section .bubble-button:hover {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  .page-income .bubble-section .bubble-button.button-1 {
    width: 30%;
    top: 0;
    left: 10%;
  }
  .page-income .bubble-section .bubble-button.button-2 {
    width: 35%;
    top: 13%;
    right: 10%;
    bottom: inherit;
    left: inherit;
  }
  .page-income .bubble-section .bubble-button.button-3 {
    width: 40%;
    top: 30%;
    left: 5%;
  }
  .page-income .bubble-section .bubble-button.button-4 {
    width: 35%;
    top: 50%;
    right: 15%;
    bottom: inherit;
  }
  .page-income .bubble-section .bubble-button.button-5 {
    width: 30%;
    top: 70%;
    left: 10%;
  }

  #messagebox .heading4 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .2px;
  }
}


/*! CSS Used from: https://sg.allianzgi.com/assets/css/style.css?v=20210112061038000 */
.t-bg-vibrant-royal-lightest{
	background-color:#d7e6f4;
}
.c-icon{
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.c-icon:before{
	font-family:PatternLab-Icon;
	font-size:inherit;
}
.c-icon--arrow-right:before{
	content:"";
}
a{
	color:inherit;
}
figure{
	margin:0;
	padding:0;
}
h3{
	margin:0;
}
*,::after,::before{
	box-sizing:border-box;
}
h3{
	font-weight:300;
}
h3{
	font-size:30px;
	line-height:38px;
	letter-spacing:.3px;
}
@media (max-width:703px){
	h3{
		font-size:26px;
		line-height:32px;
	}
}
a{
	text-decoration:none;
}
/*.l-container{
	width:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-right:16px;
	padding-left:16px;
}
@media (min-width:704px){
	.l-container{
		padding-right:32px;
		padding-left:32px;
	}
}
@media (min-width:992px){
	.l-container{
		width:1184px;
		max-width:100%;
	}
}
@media print{
	.l-container{
		max-width:95%!important;
	}
} */
.agi-rte a{
	color:#326295;
	cursor:pointer;
	font-size:16px;
	font-weight:600;
	letter-spacing:1px;
	position:relative;
	text-decoration:none;
	transition:color .2s ease,box-shadow .2s ease;
	-webkit-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
}
.c-link__icon{
	font-size:24px;
}
.c-link__icon::before{
	line-height:inherit;
	margin:0 5px 0 0;
}
.agi-rte a:hover{
	color:#008ed6;
}
.agi-rte a:active{
	color:#003781;
}
.agi-rte a:focus{
	border-radius:5px;
}
.agi-rte a{
	font-weight:600;
	text-transform:none;
	letter-spacing:normal;
}
.c-link__icon{
	vertical-align:top;
	line-height:inherit;
	float:left;
}
.agi-rte a:disabled{
	cursor:not-allowed;
	color:rgba(0,115,150,.4);
	position:relative;
	pointer-events:none;
}
.agi-rte a:disabled:focus{
	outline:0;
	box-shadow:none;
}
.agi-rte a::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.c-image--1dot8by1 .c-image__img{
	height:100%;
	width:100%;
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
.c-image{
	display:block;
	position:relative;
	line-height:0;
}
.c-image__img{
	display:block;
	font-family:"object-fit: cover;
	";
	height:auto;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%;
}
.c-image--1dot8by1{
	padding-top:55.55556%;
}
.c-heading{
	font-weight:300;
}
.agi-rte .body-one,.c-copy{
	font-size:16px;
	line-height:24px;
	margin:0 0 32px;
}
@media (max-width:703px){
	.agi-rte .body-one,.c-copy{
		line-height:22px;
	}
}
.agi-rte a .c-link__icon{
	width:32px;
	margin-top: -2px;
}
.agi-rte a{
	font-size:inherit;
	line-height:inherit;
}
.c-agi-teaser{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-pack:stretch;
	justify-content:stretch;
	width:100%;
}
.c-agi-teaser__content{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:stretch;
	align-items:stretch;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
}
@media (min-width:704px){
	.c-agi-teaser--50-50{
		display:-ms-flexbox;
		display:flex;
		-ms-flex-direction:row;
		flex-direction:row;
	}
	.c-agi-teaser--50-50 .c-agi-teaser__content,.c-agi-teaser--50-50 .c-agi-teaser__image{
		width:50%;
	}
	.c-agi-teaser--50-50 .c-image{
		height:100%;
	}
}
@media print{
	.c-agi-teaser.c-agi-teaser--50-50{
		display:-ms-flexbox!important;
		display:flex!important;
		-ms-flex-direction:row;
		flex-direction:row;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.c-agi-teaser.c-agi-teaser--50-50>div{
		-ms-flex-preferred-size:50%;
		flex-basis:50%;
	}
}
.c-agi-tile{
	display:-ms-flexbox;
	display:flex;
	width:100%;
	text-align:left;
}
.c-agi-tile__headline{
	margin-bottom:24px;
}
.c-agi-tile__text{
	margin-bottom:24px;
}
.c-agi-tile__text:last-child{
	margin-bottom:0;
}
.c-agi-tile__wrapper{
	padding:24px;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-pack:justify;
	justify-content:space-between;
	height:100%;
}
@media (min-width:704px){
	.c-agi-tile__wrapper{
		padding:32px;
	}
}
.c-agi-tile__content{
	-ms-flex:1 0 auto;
	flex:1 0 auto;
}
.agi-rte img{
	max-width:100%;
}
@media print{
	.c-agi-teaser{
		display:block!important;
	}
}
@media print and (-ms-high-contrast:none),(-ms-high-contrast:active){
	.c-image__img{
		display:none!important;
	}
}
/*! CSS Used fontfaces */
@font-face{
	font-family:PatternLab-Icon;
	font-style:normal;
	font-weight:400;
	src:url(https://sg.allianzgi.com/assets/fonts/patternlab-icons/PatternLab-Icon.eot);
	src:url(https://sg.allianzgi.com/assets/fonts/patternlab-icons/PatternLab-Icon.woff) format("woff"),url(https://sg.allianzgi.com/assets/fonts/patternlab-icons/PatternLab-Icon.ttf) format("truetype"),url(https://sg.allianzgi.com/assets/fonts/patternlab-icons/PatternLab-Icon.eot#iefix) format("embedded-opentype"),url(https://sg.allianzgi.com/assets/fonts/patternlab-icons/PatternLab-Icon.svg#PatternLab-Icon) format("svg");
}