/*** VARIABLES ***/
.four-cornerstones {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  color: #fff; }
  .four-cornerstones .title-img {
    width: 100%;
    display: block;
    z-index: -1; }
    .four-cornerstones .title-img img {
      height: 120px; }
  .four-cornerstones .title-img-m {
    width: 100%;
    display: none;
    z-index: -1; }
    .four-cornerstones .title-img-m img {
      height: 100px; }
  .four-cornerstones .item {
    width: 50%;
    position: relative;
    float: left;
    background-size: cover; }
    .four-cornerstones .item h4 {
      display: block;
      margin: 26% 0;
      text-align: center;
      font-size: 2.5em;
      font-weight: normal; }
    .four-cornerstones .item .item-detail {
      width: 100%;
      height: 100%;
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      background: #13426b;
      border-bottom: solid 3px #F4364C;
      z-index: 10; }
      .four-cornerstones .item .item-detail .item-content {
        top: 50%;
        position: relative;
        transform: translateY(-50%); }
      .four-cornerstones .item .item-detail p {
        max-height: 9em;
        margin: 0 5% 5%;
        line-height: 1.5em;
        overflow: hidden; }
      .four-cornerstones .item .item-detail .learn-more-button {
        display: inline-block;
        margin: auto;
        padding: 12px 36px 12px 24px;
        background: url("../image/arrow-right-white1.png") 85% center no-repeat;
        border: solid 1px #fff;
        border-radius: 25px; }

.link-list h4 {
  font-size: 1.29em;
  color: #13426B; }

.profile-slider .slider-container {
  position: relative;
  overflow: hidden; }
  .profile-slider .slider-container .item-container {
    width: 100%;
    display: block; }
    .profile-slider .slider-container .item-container .slider-wrapper {
      transition: transform 0.8s;
      overflow: hidden;
      margin: 0 auto; }
      .profile-slider .slider-container .item-container .slider-wrapper .item {
        width: 140px;
        display: inline-block;
        position: relative;
        margin: 0 12px;
        float: left;
        color: #13426B;
        text-align: center;
        vertical-align: top;
        cursor: pointer; }
        .profile-slider .slider-container .item-container .slider-wrapper .item .circle-container {
          width: 100%;
          height: 140px;
          border: solid 3px #efefef;
          border-radius: 140px;
          background: #efefef; }
          .profile-slider .slider-container .item-container .slider-wrapper .item .circle-container .detail {
            position: relative;
            top: 50%;
            font-weight: bold;
            transform: translateY(-50%); }
            .profile-slider .slider-container .item-container .slider-wrapper .item .circle-container .detail .num {
              font-size: 3.93em;
              color: #F4364C; }
        .profile-slider .slider-container .item-container .slider-wrapper .item.active .circle-container {
          border-color: #F4364C;
          background: #fff; }
          .profile-slider .slider-container .item-container .slider-wrapper .item.active .circle-container .detail .num {
            color: #F4364C; }
        .profile-slider .slider-container .item-container .slider-wrapper .item .description {
          width: 100%;
          padding: 12px;
          font-size: 1.14em; }
        .profile-slider .slider-container .item-container .slider-wrapper .item.active .description {
          font-weight: bold;
          color: #F4364C; }
        .profile-slider .slider-container .item-container .slider-wrapper .item[has-detail]:hover .circle-container {
          border-color: #e6e6e6;
          background: #e6e6e6; }
        .profile-slider .slider-container .item-container .slider-wrapper .item[has-detail].active:hover .circle-container {
          border-color: #F4364C;
          background: #fff; }
  .profile-slider .slider-container .previous-button {
    content: ' ';
    width: 65px;
    height: 222px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../image/profile-arrow-left.png") no-repeat;
    background-size: contain;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.8s; }
  .profile-slider .slider-container .next-button {
    content: ' ';
    width: 65px;
    height: 222px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../image/profile-arrow-right.png") no-repeat;
    background-size: contain;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.8s; }
  .profile-slider .slider-container .previous-button.active, .profile-slider .slider-container .next-button.active {
    visibility: visible;
    opacity: 1; }
.profile-slider .detail-container {
  position: relative; }
  .profile-slider .detail-container .detail {
    width: 100%;
    display: none;
    padding: 24px;
    background: #efefef;
    border-top: solid 3px #F4364C; }
    .profile-slider .detail-container .detail h3 {
      margin-bottom: 12px;
      font-size: 1.29em;
      color: #F4364C; }
    .profile-slider .detail-container .detail p {
      margin-bottom: 12px; }
      .profile-slider .detail-container .detail p:last-child {
        margin-bottom: 0; }

.profile-content .detail h2 {
  font-size: 3.93em;
  font-weight: normal;
  text-transform: uppercase;
  color: #13426B; }
.profile-content .detail:after {
  content: ' ';
  display: block;
  clear: both; }
.profile-content .detail.wwd .link-wrapper {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 24px 0; }
  .profile-content .detail.wwd .link-wrapper a div {
    padding: 24px; }
  .profile-content .detail.wwd .link-wrapper .link {
    width: 49%;
    display: table-cell;
    font-size: 1.29em;
    text-align: center;
    border: solid 1px #ccc;
    border-top: solid 3px #F4364C;
    vertical-align: middle; }
  .profile-content .detail.wwd .link-wrapper .link-space {
    width: 2%;
    display: table-cell; }
  .profile-content .detail.wwd .link-wrapper .link:first-child {
    padding-right: 2%; }
.profile-content .detail .detail-info {
  width: 100%;
  margin: 24px 0; }
  .profile-content .detail .detail-info .img {
    width: 40%;
    display: block;
    overflow: hidden; }
  .profile-content .detail .detail-info .description {
    width: 60%;
    display: block;
    padding-top: 40px; }
  .profile-content .detail .detail-info .img.left img {
    position: relative;
    left: -20%; }
  .profile-content .detail .detail-info .img.right img {
    position: relative;
    left: 20%; }
.profile-content .detail .detail-list {
  width: 100%;
  position: relative;
  margin: 24px 0; }
  .profile-content .detail .detail-list .img {
    width: 240px;
    display: block;
    overflow: hidden; }
  .profile-content .detail .detail-list .img.left img {
    position: relative;
    left: -20%; }
  .profile-content .detail .detail-list .img.right img {
    position: relative;
    left: 20%; }
  .profile-content .detail .detail-list .list {
    width: -moz-calc(100% - 240px);
    width: -webkit-calc(100% - 240px);
    width: -o-calc(100% - 240px);
    width: calc(100% - 240px);
    display: block;
    position: relative;
    padding-top: 40px; }
    .profile-content .detail .detail-list .list h3 {
      font-size: 2.86em;
      text-transform: uppercase;
      color: #13426B; }
    .profile-content .detail .detail-list .list ul {
      list-style: none; }
      .profile-content .detail .detail-list .list ul li {
        margin: 12px 0;
        padding-left: 24px;
        background: url("../image/arrow-right-blue.png") no-repeat left 2px;
        line-height: 1.4; }
  .profile-content .detail .detail-list:after {
    content: ' ';
    display: block;
    clear: both; }
.profile-content .detail p {
  margin-bottom: 24px;
  line-height: 2em; }

.milestones {
  position: relative; }
  .milestones .item-container {
    width: 50%;
    position: relative; }
    .milestones .item-container h2 {
      font-size: 35px;
      font-weight: normal;
      text-transform: uppercase;
      color: #13426B;
      white-space: nowrap; }
    .milestones .item-container .item {
      padding: 8px;
      background: #D4DCE5;
      cursor: pointer;
      width: calc(100% - 30px);
      width: -moz-calc(100% - 30px);
      width: -webkit-calc(100% - 30px); }
      .milestones .item-container .item img {
        width: 100%;
        border-bottom: solid 3px #F4364C; }
      .milestones .item-container .item .detail-content h3 {
        margin: 12px auto;
        padding: 0 12px;
        font-size: 1.29em;
        color: #13426B; }
      .milestones .item-container .item .detail-content p {
        display: none;
        position: absolute;
        margin-left: -8px;
        padding: 20px;
        line-height: 2em;
        color: #13426B;
        background: #D4DCE5;
        overflow: hidden;
        z-index: 10;
        width: calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px); }
      .milestones .item-container .item .detail-content .toggle-button {
        display: block;
        margin: 12px auto;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        color: #F4364C;
        text-indent: -9999px; }
      .milestones .item-container .item .detail-content .toggle-button.more:after {
        content: ' ';
        width: 21px;
        height: 11px;
        display: block;
        margin: 6px auto;
        background: url("../image/arrow-down-red-b.png") no-repeat; }
      .milestones .item-container .item .detail-content .toggle-button.less:after {
        content: ' ';
        width: 21px;
        height: 11px;
        display: block;
        margin: 6px auto;
        background: url("../image/arrow-up-red-b.png") no-repeat; }
    .milestones .item-container .item.active {
      background: #13426B; }
      .milestones .item-container .item.active .detail-content h3 {
        color: #fff; }
      .milestones .item-container .item.active .detail-content p {
        color: #fff;
        background: #13426B; }
    .milestones .item-container .item:before {
      content: ' ';
      width: 0;
      height: 0;
      display: block;
      position: absolute;
      top: 80px;
      right: 14px;
      border-style: solid;
      border-width: 8px 0 8px 17px;
      border-color: transparent transparent transparent #D4DCE5;
      z-index: -1; }
    .milestones .item-container .item.active:before {
      border-color: transparent transparent transparent #13426B; }
  .milestones .item-container:nth-child(even) .item {
    float: right; }
    .milestones .item-container:nth-child(even) .item:before {
      left: 14px;
      border-width: 8px 17px 8px 0;
      border-color: transparent #D4DCE5 transparent transparent; }
    .milestones .item-container:nth-child(even) .item.active:before {
      border-color: transparent #13426B transparent transparent; }
    .milestones .item-container:nth-child(odd) .item.active:before {
      border-color: transparent transparent transparent #13426B; }
  .milestones .item-container:nth-child(even) h2 {
    float: right; }
  .milestones .item-container:nth-child(odd) {
    margin: 215px auto auto 0;
    float: left; }
  .milestones .item-container:nth-child(odd):first-child {
    margin: auto auto auto 0; }
  .milestones .item-container:nth-child(even) {
    margin: 260px 0 auto auto;
    float: right; }
  .milestones .item-container:last-child .item .detail-content p {
    position: relative;
    width: auto; }
  .milestones .item-container:last-child .item.active .toggle-button.more {
    display: none; }
  .milestones .item-container:after {
    content: ' ';
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 83px;
    right: -7px;
    background: #13426B;
    border-radius: 15px; }
  .milestones .item-container:nth-child(even):after {
    left: -5px; }

.milestones:before {
  content: ' ';
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-right: solid 2px #ccc; }

.stock-info-container {
  width: 100%;
  display: table; }
  .stock-info-container .info {
    width: 30%;
    display: table-cell;
    position: relative;
    padding: 12px;
    background-color: #efefef;
    vertical-align: middle; }
  .stock-info-container .info + .info {
    border-left: solid 5px #fff; }
  .stock-info-container .info.stock {
    color: #13426B;
    text-align: center; }
    .stock-info-container .info.stock table {
      width: 100%; }
      .stock-info-container .info.stock table td {
        padding-bottom: 0.5em; }
    .stock-info-container .info.stock .stock-no {
      font-size: 1.5em;
      font-weight: bold; }
    .stock-info-container .info.stock .currency {
      font-size: 2em;
      font-weight: bold; }
    .stock-info-container .info.stock .price {
      font-size: 3em;
      font-weight: bold; }
    .stock-info-container .info.stock .changes {
      font-size: 1.5em;
      font-weight: bold; }
      .stock-info-container .info.stock .changes.increase {
        color: #007735; }
      .stock-info-container .info.stock .changes.decrease {
        color: #cd071f; }
    .stock-info-container .info.stock .last-update {
      font-size: 0.8em;
      text-align: left; }
    .stock-info-container .info.stock .stock-chart {
      text-align: right; }
      .stock-info-container .info.stock .stock-chart a {
        font-size: 1.25em;
        font-weight: bold;
        color: #13426B;
        text-decoration: underline; }
  .stock-info-container .info.img {
    width: 40%; }
    .stock-info-container .info.img img {
      width: 100%; }
  .stock-info-container .info.upcoming {
    color: #13426B;
    line-height: 1.3;
    vertical-align: top; }
    .stock-info-container .info.upcoming .title {
      display: inline-block;
      font-size: 1.25em;
      color: #F4364C;
      text-decoration: underline; }
    .stock-info-container .info.upcoming .detail {
      max-height: 9em;
      margin: 0.5em 0;
      overflow: hidden; }

@media (max-width: 1044px) {
  .stock-info-container .info.stock .stock-no {
    font-size: 1.25em; }
  .stock-info-container .info.stock .currency {
    font-size: 1.5em; }
  .stock-info-container .info.stock .price {
    font-size: 2em; }
  .stock-info-container .info.stock .changes {
    font-size: 1.25em; }
  .stock-info-container .info.stock .last-update {
    font-size: 0.8em; }
  .stock-info-container .info.stock .stock-chart a {
    font-size: 1em; }
  .stock-info-container .info.upcoming .title {
    font-size: 1em; } }
@media (max-width: 768px) {
  .four-cornerstones {
    margin: 24px -10px; }
    .four-cornerstones .title-img {
      display: none; }
    .four-cornerstones .title-img-m {
      display: block; }
    .four-cornerstones .item {
      width: 100%;
      padding-bottom: 24px;
      background-size: contain;
      background-repeat: no-repeat;
      z-index: 10; }
      .four-cornerstones .item h4 {
        margin: 24% 0;
        font-size: 2em; }
      .four-cornerstones .item .item-detail {
        height: auto;
        display: block !important;
        position: relative;
        padding: 24px; }
        .four-cornerstones .item .item-detail .item-content {
          top: 0;
          transform: translateY(0); }
        .four-cornerstones .item .item-detail .learn-more-button {
          display: block;
          padding: 12px 24px 12px 12px;
          background: url("../image/arrow-right-white1.png") 94% center no-repeat; }

  .profile-slider {
    margin: 24px -10px; }
    .profile-slider .slider-container .item-container {
      width: -moz-calc(100% - 67px);
      width: -webkit-calc(100% - 67px);
      width: -o-calc(100% - 67px);
      width: calc(100% - 67px); }
      .profile-slider .slider-container .item-container .slider-wrapper .item {
        width: 100px; }
        .profile-slider .slider-container .item-container .slider-wrapper .item .circle-container {
          height: 100px; }
          .profile-slider .slider-container .item-container .slider-wrapper .item .circle-container .detail .num {
            font-size: 2.5em; }

  .profile-content .detail.wwd .link-list {
    margin: 0 -10px; }
  .profile-content .detail.wwd .link-wrapper {
    width: 100%;
    display: block; }
    .profile-content .detail.wwd .link-wrapper .link {
      width: 100%;
      display: block;
      text-align: left; }
    .profile-content .detail.wwd .link-wrapper .link-space {
      width: 100%;
      height: 24px;
      display: block; }
  .profile-content .detail .detail-info {
    display: block; }
    .profile-content .detail .detail-info .img {
      width: 100%;
      display: block; }
      .profile-content .detail .detail-info .img img, .profile-content .detail .detail-info .img.left img, .profile-content .detail .detail-info .img.right img {
        max-width: 80%;
        left: auto;
        right: auto; }
    .profile-content .detail .detail-info .description {
      width: 100%;
      display: block; }
  .profile-content .detail .detail-list {
    display: block; }
    .profile-content .detail .detail-list .img {
      width: 100%;
      display: block; }
      .profile-content .detail .detail-list .img img, .profile-content .detail .detail-list .img.left img, .profile-content .detail .detail-list .img.right img {
        max-width: 80%;
        left: auto;
        right: auto; }
    .profile-content .detail .detail-list .list {
      width: 100%;
      display: block; }

  .milestones .item-container {
    width: 95%; }
    .milestones .item-container h2 {
      font-size: 40px; }
  .milestones .item-container:nth-child(odd), .milestones .item-container:nth-child(even) {
    margin: 85px auto auto 0;
    float: left; }
  .milestones .item-container:nth-child(odd):first-child {
    margin: auto auto auto 0; }
  .milestones .item-container .item:before, .milestones .item-container:nth-child(even) .item:before {
    top: 68px;
    left: auto;
    right: 12px;
    border-width: 15px 0 15px 19px;
    border-color: transparent transparent transparent #D4DCE5; }
  .milestones .item-container:nth-child(even) .item.active:before {
    border-color: transparent transparent transparent #13426B; }
  .milestones .item-container:after, .milestones .item-container:nth-child(even):after {
    top: 78px;
    right: -7px;
    left: auto; }
  .milestones .item-container:nth-child(even) .item, .milestones .item-container:nth-child(even) h2 {
    float: left; }

  .milestones:before {
    width: 95%; }

  .stock-info-container {
    display: block; }
    .stock-info-container .info {
      width: 100% !important;
      display: block;
      padding: 24px; }
    .stock-info-container .info + .info {
      border-top: solid 5px #fff;
      border-left: none; } }
@media (max-width: 450px) {
  .four-cornerstones:before {
    height: 95px; } }

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