:root {
  --dim-grey: #5c5c5c;
  --grey: #7f7f7f;
  --white: white;
  --black: black;
  --white-smoke: #f3f3f3;
  --coral: #c8a862;
  --light-grey: #d5d5d5;
  --silver: #bbb;
  --7f7f7f: #7f7f7f;
  --transparent: rgba(255, 255, 255, 0);
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--dim-grey);
  letter-spacing: .5px;
  font-family: Gotham, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 90px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--dim-grey);
  text-decoration: none;
}

.container {
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
}

.container.h-100 {
  height: 100%;
}

.all {
  padding-top: 90px;
  overflow: hidden;
}

.section-banner {
  overflow: hidden;
}

.section-breadcrumb {
  color: var(--grey);
  padding-top: 30px;
  font-size: 14px;
  line-height: 20px;
}

.page-banner-b {
  width: 100%;
  height: 300px;
  align-items: flex-end;
  padding-bottom: 46px;
  display: flex;
  position: relative;
}

.page-banner-heading-b {
  width: 100%;
  color: var(--white);
  text-shadow: 2px 0 9px rgba(0, 0, 0, .6);
  position: relative;
}

.page-banner-img {
  width: 100%;
  height: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.page-banner-img.about {
  background-image: url('../images/about-banner2x.jpg');
}

.page-banner-img.our-business {
  background-image: url('../images/business-banner2x.jpg');
}

.page-banner-img.news {
  background-image: url('../images/news-banner.jpg');
}

.page-banner-img.contact {
  background-image: url('../images/contact-banner2x.jpg');
}

.page-banner-img.about-journey {
  background-image: url('../images/about-journey-banner2x.jpg');
  background-position: 0 0;
}

.page-banner-img.join-us {
  background-image: url('../images/join-us-banner-2x.jpg');
}

.breadcrumb-link {
  color: var(--grey);
  transition: opacity .8s;
}

.breadcrumb-link:hover {
  opacity: .5;
}

.breadcrumb-wrap {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.arrow-breadcrumb {
  width: 4px;
  margin-left: 20px;
  margin-right: 20px;
  display: block;
}

.img-full {
  width: 100%;
  display: block;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.btn-right-b {
  width: 100%;
}

.btn-orange-txt {
  float: right;
  color: #f26f31;
  align-items: center;
  font-weight: 700;
  display: block;
}

.btn-orange-txt.center {
  float: none;
  transition: opacity .8s;
  display: inline-block;
}

.btn-orange-txt.center:hover {
  opacity: .5;
}

.btn-orange-txt.align-left {
  float: left;
}

.btn-more-content {
  align-items: center;
  display: flex;
}

.btn-right-arrow-img {
  width: 7px;
  margin-top: -1px;
  margin-left: 10px;
  display: block;
}

.page-banner-mask {
  width: 100%;
  height: 100%;
  background-color: var(--black);
  opacity: .3;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.margin-bottom-45 {
  margin-bottom: 45px;
}

.about-info-gp {
  width: 50%;
  float: left;
}

.about-info-item {
  width: 100%;
  align-items: stretch;
  display: flex;
}

.about-info-img-b {
  width: 50%;
  overflow: hidden;
}

.about-info-content-b {
  width: 50%;
  background-color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  padding: 16px 15px;
  display: flex;
  overflow: hidden;
}

.about-info-content-wrap {
  width: 100%;
  text-align: center;
}

.font-36 {
  font-size: 36px;
  line-height: 40px;
}

.text-block {
  color: var(--coral);
}

.about-info-txt {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 400;
}

.section-div {
  padding: 60px 0;
}

.section-div.padding-bottom-0 {
  padding-bottom: 0;
}

.section-div.bg-grey {
  background-color: var(--white-smoke);
}

.section-div.bg-grey.bg-home-project {
  background-image: url('../images/bg-project-rb2x.png');
  background-repeat: no-repeat;
  background-size: 482px;
}

.section-div.bg-grey.bg-home-sub {
  background-image: url('../images/bg-sub-lu2x.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 482px;
}

.section-div.bg-home-about {
  background-image: url('../images/bg-about-lu2x.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 600px;
}

.section-div.bg-home-news {
  background-image: url('../images/bg-news-lb2x.png'), url('../images/bg-news-ru2x.png');
  background-position: 0 100%, 100% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 482px, 482px;
}

.section-row {
  min-height: 336px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.section-row.about {
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 0;
  padding-bottom: 0;
}

.section-row.business {
  width: 100vw;
  display: flex;
}

.section-row.business-list {
  width: 100vw;
  padding-top: 45px;
  padding-bottom: 45px;
  display: flex;
}

.section-row-bg {
  width: 100%;
  height: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.section-row-bg.about-journey {
  background-image: linear-gradient(rgba(0, 0, 0, .17), rgba(0, 0, 0, .17)), url('../images/about-journey-link-bg2x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-row-bg.business-invest {
  background-image: url('../images/business-1-bg2x.jpg');
}

.section-row-bg.business-core {
  background-image: url('../images/business-2-bg2x.jpg');
}

.section-row-bg.business-portfolio {
  background-image: url('../images/business-3-bg2x.jpg');
}

.banner-black-content-b {
  width: 50%;
  color: var(--white);
  background-image: linear-gradient(to right, rgba(0, 0, 0, .7), #000);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.banner-black-content-b.home-banner {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .4), rgba(0, 0, 0, .6));
}

.banner-black-contain {
  max-width: 640px;
  padding: 30px 40px 30px 30px;
}

.font-48 {
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}

.banner-black-heading-line {
  width: 100px;
  height: 2px;
  background-color: var(--coral);
  margin-top: 15px;
  margin-bottom: 15px;
}

.banner-black-description-txt {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
}

.section-heading-b {
  margin-bottom: 45px;
  padding-top: 20px;
  padding-left: 20px;
  position: relative;
}

.section-heading-b.detail {
  padding-top: 0;
  padding-left: 0;
}

.section-heading-deco-b {
  width: 20px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.section-heading-deco-sq {
  width: 10px;
  height: 10px;
  float: right;
  clear: both;
  background-color: var(--coral);
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}

.section-heading-deco-sq.align-r {
  float: left;
  border-radius: 1000px 0 0 1000px;
}

.section-heading-txt {
  line-height: 150%;
}

.section-footer {
  border-top: 2px solid var(--white-smoke);
  padding-top: 60px;
  padding-bottom: 30px;
}

.footer-content-b {
  margin-bottom: 45px;
}

.footer-award-b {
  width: 40%;
  float: left;
  align-items: center;
  padding-right: 3%;
  display: flex;
}

.footer-award-item {
  margin-right: 30px;
}

.footer-sitemap-b {
  width: 60%;
  float: left;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-sitemap-link {
  color: var(--coral);
  margin-bottom: 20px;
  font-weight: 700;
  transition: opacity .8s;
  display: block;
}

.footer-sitemap-link:hover {
  opacity: .5;
}

.footer-sitemap-sub-link {
  color: var(--dim-grey);
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  transition: opacity .8s;
  display: block;
}

.footer-sitemap-sub-link:hover {
  opacity: .5;
}

.footer-bottom-b {
  font-size: 14px;
  line-height: 20px;
}

.footer-copyright {
  float: left;
}

.footer-privacy-b {
  float: left;
  align-items: center;
  margin-left: 5%;
  display: flex;
}

.footer-privacy-link {
  float: left;
  color: var(--dim-grey);
  transition: opacity .8s;
  display: block;
}

.footer-privacy-link:hover {
  opacity: .5;
}

.footer-privacy-link-line {
  width: 1px;
  height: 20px;
  background-color: var(--dim-grey);
  margin-left: 10px;
  margin-right: 10px;
}

.footer-webdesign {
  float: right;
}

.common-link {
  color: var(--dim-grey);
  transition: opacity .8s;
}

.common-link:hover {
  opacity: .5;
}

.common-link.white {
  color: var(--white);
}

.header {
  z-index: 2000;
  border-top: 3px solid var(--coral);
  background-color: var(--white);
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.header-wrap {
  width: 100%;
  height: 90px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.header-wrap.v-center {
  align-items: center;
}

.brand {
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  transition: opacity .8s;
  display: flex;
}

.brand:hover {
  opacity: .5;
}

.nav-menu {
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.nav-link {
  height: 100%;
  color: var(--dim-grey);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  transition: color .8s;
  display: flex;
}

.nav-link:hover {
  color: var(--grey);
}

.nav-item {
  margin-right: 50px;
  position: relative;
}

.nav-arrow {
  width: 10px;
  margin-bottom: 2px;
  margin-right: 10px;
  display: block;
}

.nav-dropdown-toggle {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.nav-dropdown-list.w--open {
  z-index: -1;
  background-color: var(--white);
  text-transform: none;
  top: auto;
  bottom: 0%;
  left: 50%;
  right: auto;
  overflow: hidden;
  transform: translate(-50%, 100%);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
}

.nav-wrap {
  flex: 1;
  display: flex;
}

.nav-dropdown-link {
  color: var(--dim-grey);
  padding: 10px 20px;
  font-size: 14px;
  transition: color .8s;
}

.nav-dropdown-link:hover, .nav-dropdown-link.w--current {
  color: var(--coral);
}

.nav-dropdown-wrap {
  border-top: 3px solid var(--white-smoke);
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-social-lang {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-social-b {
  border-right: 1px solid #000;
  display: flex;
}

.nav-social-link-b {
  width: 30px;
  float: left;
  margin-right: 10px;
  transition: opacity .8s;
  display: block;
}

.nav-social-link-b:hover {
  opacity: .5;
}

.nav-lang-b {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.nav-lang-dropdown-toggle {
  color: var(--dim-grey);
  background-image: url('../images/arrow-lang.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 6px;
  padding: 0 11px 0 0;
}

.lang-dropdown-link {
  background-color: var(--white);
  padding: 5px 10px;
  transition: color .8s;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

.lang-dropdown-link:hover {
  color: var(--coral);
}

.lang-dropdown-list {
  opacity: 0;
}

.lang-dropdown-list.w--open {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
  margin-left: -10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.para-highlight {
  color: var(--coral);
}

.business-item-flex {
  width: 100%;
  flex: 0 auto;
  justify-content: center;
  display: flex;
  position: relative;
}

.business-item-content-b {
  width: 50%;
  min-height: 100%;
  color: var(--white);
  flex-wrap: wrap;
  align-content: space-between;
  display: flex;
}

.banner-black-title-b {
  text-shadow: 1px 0 9px rgba(0, 0, 0, .6);
}

.about-info-year-copy {
  color: var(--coral);
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 700;
}

.business-item-txt-b {
  width: 100%;
  margin-bottom: 45px;
  font-weight: 400;
}

.business-item-title-b {
  margin-bottom: 30px;
}

.business-item-bg-mask {
  width: 100%;
  height: 100%;
  background-color: var(--black);
  opacity: .5;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.business-item-flex-wrap {
  width: 100%;
}

.news-top-b {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.news-top-b.detail {
  padding-right: 30px;
  display: block;
  position: relative;
}

.news-heading-b {
  width: 50%;
}

.news-heading-b.detail {
  width: auto;
}

.news-filter-b {
  z-index: 1;
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.news-filter-cat-item {
  float: left;
  color: var(--dim-grey);
  margin-right: 40px;
  transition: color .8s;
  display: block;
}

.news-filter-cat-item:hover, .news-filter-cat-item.w--current {
  color: var(--coral);
}

.filter-dropdown-toggle {
  border-bottom: 1px solid var(--coral);
  color: var(--dim-grey);
  align-items: center;
  padding: 5px 0;
  display: flex;
}

.filter-dropdown-arrow {
  width: 14px;
  margin-top: 2px;
  margin-left: 60px;
}

.filter-dropdown-list {
  overflow: hidden;
}

.filter-dropdown-list.w--open {
  background-color: var(--white);
  overflow: hidden;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

.filter-dropdown-list-wrap {
  padding-top: 5px;
  padding-bottom: 5px;
}

.filter-dropdown-link {
  padding: 5px 10px;
  transition: color .8s;
}

.filter-dropdown-link:hover {
  color: var(--coral);
}

.news-listing-b {
  margin-left: -15px;
  margin-right: -15px;
}

.news-item-b {
  width: 33.3333%;
  float: left;
  margin-bottom: 45px;
  padding-left: 15px;
  padding-right: 15px;
}

.news-item-b.home-slide {
  float: none;
  margin-bottom: 0;
}

.news-link-b {
  background-color: var(--white);
  color: var(--dim-grey);
  transition: color .8s;
  display: block;
  transform: translate(0);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.news-link-b:hover {
  color: var(--coral);
}

.news-item-img-b {
  background-color: var(--black);
  overflow: hidden;
}

.news-item-content-b {
  padding: 30px;
}

.news-item-title-txt {
  height: 72px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  overflow: hidden;
}

.news-item-info-b {
  color: var(--grey);
  font-size: 14px;
  line-height: 20px;
}

.news-item-date-txt, .news-item-cat-txt {
  float: left;
}

.news-item-info-line {
  width: 1px;
  height: 20px;
  float: left;
  background-color: var(--grey);
  margin-left: 15px;
  margin-right: 15px;
}

.news-listing-page-nav-b {
  justify-content: center;
  align-items: center;
  display: flex;
}

.list-paging-arrow-btn {
  width: 14px;
  margin-left: 15px;
  margin-right: 15px;
  transition: all .5s;
  display: block;
}

.list-paging-arrow-btn:hover {
  transform: translate(-5px);
}

.list-paging-arrow-btn.right:hover {
  transform: translate(5px);
}

.list-paging-num-btn {
  color: var(--dim-grey);
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 400;
  transition: color .5s;
  display: block;
}

.list-paging-num-btn:hover, .list-paging-num-btn.w--current {
  color: var(--coral);
}

.btn-detail-close {
  width: 16px;
  transition: opacity .8s;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(0, -50%);
}

.btn-detail-close:hover {
  opacity: .5;
}

.news-detail-info-b {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.detail-wt-slider-main {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 30px;
}

.detail-wt-slider-nav, .detail-wt-slider-arrow {
  display: none;
}

.detail-wt-slider-thumb {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-left: -15px;
  margin-right: -15px;
}

.hide {
  display: none;
}

.detail-wt-thumb-slide {
  width: 25%;
  cursor: pointer;
  padding: 0 15px;
  position: relative;
}

.detail-wt-slider-thumb-arrow {
  width: 14px;
  margin-left: -20px;
  transition: all .5s;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.detail-wt-slider-thumb-arrow:hover {
  transform: translate(-5px, -50%);
}

.detail-wt-slider-thumb-arrow.right {
  margin-left: 0;
  margin-right: -20px;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.detail-wt-slider-thumb-arrow.right:hover {
  transform: translate(5px, -50%);
}

.detail-slider-thumb-active-frame {
  width: 100%;
  height: 100%;
  border: 2px solid var(--coral);
  opacity: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.relative {
  position: relative;
}

.btn-share {
  width: 20px;
  transition: opacity .8s;
  display: block;
}

.btn-share:hover {
  opacity: .5;
}

.align-center {
  text-align: center;
}

.btn-close-img {
  width: 14px;
  margin-top: 0;
  margin-right: 10px;
  display: block;
}

.detail-table-row {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.detail-table-field {
  width: 20%;
  max-width: 150px;
  padding-right: 30px;
}

.detail-table-data {
  flex: 1;
}

.contact-main-b {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-info-b {
  width: 45%;
  color: var(--white);
  justify-content: flex-end;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.map-b {
  width: 60%;
  min-height: 386px;
  background-image: url('../images/contact-map-static2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-info-bg {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('../images/contact-info-bg2x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.contact-info-content-b {
  width: 100%;
  max-width: 550px;
  flex: 0 auto;
  padding-left: 40px;
  padding-right: 60px;
  position: relative;
}

.contact-info-row {
  border-bottom: 1px solid var(--white);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.contact-info-icon-b {
  width: 20%;
  max-width: 30px;
}

.contact-info-data-b {
  flex: 1;
  padding-left: 30px;
  padding-right: 10px;
}

.contact-info-line-deco {
  width: 4px;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.contact-sub-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 45px;
  margin-left: -3%;
  margin-right: -3%;
}

.common-slider-arrow {
  z-index: 1;
  width: 24px;
  margin-left: -30px;
  transition: all .5s;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.common-slider-arrow:hover {
  transform: translate(-5px, -50%);
}

.common-slider-arrow.right {
  margin-left: 0;
  margin-right: -30px;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.common-slider-arrow.right:hover {
  transform: translate(5px, -50%);
}

.contact-sub-slide {
  width: 33.3333%;
  padding-left: 3%;
  padding-right: 3%;
}

.common-slider-nav {
  margin-bottom: -45px;
}

.contact-sub-title-b {
  min-height: 78px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  position: relative;
}

.contact-sub-address {
  margin-bottom: 30px;
  position: relative;
}

.contact-sub-info-row {
  align-items: center;
  margin-bottom: 15px;
  display: flex;
  position: relative;
}

.contact-sub-info-icon-b {
  width: 20%;
  max-width: 24px;
  flex: none;
}

.contact-sub-info-data-b {
  flex: 1;
  padding-left: 15px;
  padding-right: 0;
}

.journey-timeline-b {
  padding-bottom: 60px;
}

.desktop-to-tablet {
  display: block;
}

.mobile-only {
  display: none;
}

.business-list-item-bg {
  width: 100%;
  height: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.business-list-item-bg.core-1 {
  background-image: url('../images/business-core-12x.jpg');
}

.business-list-item-bg.core-2 {
  background-image: url('../images/business-core-22x.jpg');
}

.business-list-item-bg.core-3 {
  background-image: url('../images/business-core-32x.jpg');
}

.business-list-item-bg.core-4 {
  background-image: url('../images/business-core-42x.jpg');
}

.business-list-item-bg.port-1 {
  background-image: url('../images/business-port-12x.jpg');
}

.business-list-item-bg.port-2 {
  background-image: url('../images/business-port-22x.jpg');
}

.business-list-item-bg.core-p-1 {
  background-image: url('../images/business-core-p-12x.jpg');
}

.business-list-item-bg.core-p-2 {
  background-image: url('../images/business-core-p-22x.jpg');
}

.business-list-item-bg.core-p-3 {
  background-image: url('../images/business-core-p-32x.jpg');
}

.business-list-item-bg.core-p-4 {
  background-image: url('../images/business-core-p-42x.jpg');
}

.business-list-item-bg.port-3 {
  background-image: url('../images/business-port-32x.jpg');
}

.business-list-item-bg.port-4 {
  background-image: url('../images/business-port-42x.jpg');
}

.business-list-item-bg.invest-2 {
  background-image: url('../images/business-invest-22x.jpg');
}

.business-list-item-bg.invest-1 {
  background-image: url('../images/business-invest-12x.jpg');
}

.business-list-item-bg-mask {
  width: 100%;
  height: 100%;
  opacity: .9;
  background-image: linear-gradient(270deg, #fff 55%, rgba(255, 255, 255, 0) 85%);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.business-list-item-bg-mask.left {
  background-image: linear-gradient(to right, #fff 55%, rgba(255, 255, 255, 0) 85%);
  display: none;
}

.business-list-item-content-b {
  width: 50%;
  float: right;
  flex-wrap: wrap;
  align-content: space-between;
  display: block;
  position: static;
}

.business-list-item-content-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.business--ost-item-content-b {
  width: 100%;
  position: relative;
}

.business-list-item-logo-b {
  max-width: 150px;
  margin-bottom: 20px;
}

.business-list-item-title-b {
  margin-bottom: 20px;
  font-weight: 700;
}

.font-20 {
  font-size: 20px;
  line-height: 150%;
}

.business-list-item-description-b {
  height: 66px;
  margin-bottom: 30px;
  padding-right: 15px;
  overflow: auto;
}

.business-list-item-contact-b {
  float: left;
  border-top: 2px solid var(--coral);
  padding-top: 10px;
}

.business-list-item-contact-link {
  width: 24px;
  float: left;
  margin-left: 7px;
  margin-right: 7px;
  transition: opacity .8s;
  display: block;
}

.business-list-item-contact-link:hover {
  opacity: .5;
}

.business-list-item-link {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.business-link-arrow {
  width: 40px;
}

.business-link-arrow.white {
  display: none;
}

.business-list-item-contact-wrap {
  margin-left: -7px;
  margin-right: -7px;
}

.business-detail-title-b {
  margin-bottom: 60px;
}

.business-detail-title-logo-b {
  width: 30%;
  max-width: 200px;
  float: left;
}

.business-detailtitle-txt-b {
  width: 70%;
  float: right;
  padding-left: 60px;
  font-weight: 700;
}

.gallery-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.gallery-arrow {
  width: 14px;
  margin-left: 30px;
  transition: all .5s;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.gallery-arrow:hover {
  transform: translate(-5px, -50%);
}

.gallery-arrow.right {
  margin-right: 30px;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.gallery-arrow.right:hover {
  transform: translate(5px, -50%);
}

.gallery-nav {
  margin-bottom: 20px;
}

.gallery-nav.home-banner {
  width: 50%;
  max-width: 640px;
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
  top: auto;
  bottom: 0%;
  left: 50%;
  right: auto;
  transform: translate(-100%);
}

.business-detail-txt-b {
  border-style: solid none none;
  border-width: 4px;
  border-color: var(--coral);
  padding: 30px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.business-detail-description-b {
  width: 50%;
  float: left;
  padding-right: 30px;
}

.business-detail-contact-b {
  width: 50%;
  float: left;
  margin-bottom: -25px;
  padding-left: 50px;
  font-size: 14px;
  line-height: 20px;
}

.business-detail-contact-row {
  align-items: flex-start;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

.business-detail-contact-data-b {
  color: var(--dim-grey);
  flex: 1;
  padding-left: 15px;
  padding-right: 0;
}

.business-detail-contact-icon-b {
  width: 20%;
  max-width: 24px;
  margin-top: -3px;
}

.btn-left-arrow-img {
  width: 7px;
  margin-top: 0;
  margin-bottom: 2px;
  margin-right: 12px;
  display: block;
}

.business-tab-menu {
  border-bottom: 1px solid var(--light-grey);
  text-align: center;
  margin-bottom: 30px;
}

.business-tab-link {
  background-color: var(--white);
  color: var(--dim-grey);
  text-align: center;
  margin-bottom: -1px;
  padding: 10px 30px;
  font-weight: 400;
  transition: color .8s;
}

.business-tab-link:hover {
  color: rgba(0, 0, 0, .5);
}

.business-tab-link.w--current {
  border-style: solid solid none;
  border-width: 2px 1px 1px;
  border-color: var(--coral) var(--light-grey) var(--light-grey);
  background-color: var(--white);
  font-weight: 700;
}

.home-banner-slider {
  height: auto;
  background-color: var(--white);
}

.home-banner-img {
  height: 29.6875vw;
  min-height: 400px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
  position: relative;
}

.home-banner-img.home-banner-1 {
  background-image: url('../images/home-banner-12x.jpg');
}

.home-banner-img.home-banner-2 {
  background-image: url('../images/home-banner-22x.jpg');
}

.home-banner-img.home-banner-3 {
  background-image: url('../images/home-banner-32x.jpg');
}

.home-banner-arrow {
  width: 24px;
  margin-left: 30px;
  transition: all .5s;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.home-banner-arrow:hover {
  transform: translate(-5px, -50%);
}

.home-banner-arrow.right {
  margin-right: 30px;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.home-banner-arrow.right:hover {
  transform: translate(5px, -50%);
}

.home-banner-mask {
  width: 100%;
  height: 100%;
  background-color: var(--black);
  opacity: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-slogan {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  display: flex;
}

.home-slogan-line2 {
  margin-left: 100px;
}

.home-news-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 45px;
}

.home-news-slider-mask {
  margin-top: -20px;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.home-project-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 45px;
}

.home-project-slide {
  width: 33.3333%;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.home-project-link-b {
  color: var(--white);
  display: block;
  position: relative;
  overflow: hidden;
}

.home-project-slider-mask {
  margin-top: -20px;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.popup-1 {
  z-index: 3000;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  background-color: rgba(0, 0, 0, .7);
  padding-top: 20vh;
  padding-bottom: 20vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: auto;
}

.popup-project-b {
  display: none;
  position: relative;
}

.btn-pop-close {
  width: 16px;
  margin-top: -20px;
  margin-right: -20px;
  transition: opacity .8s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.btn-pop-close:hover {
  opacity: .5;
}

.home-sub-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 45px;
}

.home-sub-slider-mask {
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.home-sub-item {
  width: 25%;
  padding-left: 20px;
  padding-right: 20px;
}

.home-sub-item-content-b {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.home-sub-img-b {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-sub-info-b {
  width: 100%;
  height: 100%;
  color: var(--white);
  text-align: center;
  background-color: rgba(200, 168, 98, .96);
  justify-content: center;
  align-items: center;
  padding: 15px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-sub-item-contact-b {
  border-top: 2px solid var(--white);
  margin-top: 15px;
  margin-bottom: -5px;
  padding-top: 15px;
  display: inline-block;
}

.home-sub-contact-link {
  width: 24px;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
  transition: opacity .8s;
  display: block;
}

.home-sub-contact-link:hover {
  opacity: .5;
}

.home-sub-contact-wrap {
  margin-left: -4px;
  margin-right: -4px;
}

.page-transition {
  z-index: 4000;
  width: 100vw;
  height: 100vh;
  background-color: var(--white);
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.transition-graphic-b {
  width: 110px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

.transition-img-color-b {
  width: 100%;
  height: 0%;
  background-image: url('../images/transition-graphic-color.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.link-100 {
  display: block;
}

.wechat-pop {
  width: 200px;
  background-color: var(--white);
  opacity: 0;
  display: none;
  position: fixed;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, .2);
}

.wechat-pop-text {
  padding: 10px 10px 5px;
  font-weight: 700;
}

.about-cp-b {
  height: 0;
  overflow: hidden;
}

.btn-collapse-txt {
  display: none;
}

.home-project-bg {
  background-color: var(--black);
  opacity: .6;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-project-title-b {
  z-index: 100;
  height: auto;
  transform-origin: 50% 100%;
  padding: 20px 20px 40px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-project-line {
  width: 50px;
  height: 2px;
  background-color: var(--coral);
  margin-top: 15px;
}

.popup-2, .popup-3, .popup-4, .popup-5, .popup-6, .popup-7, .popup-8, .popup-9 {
  z-index: 3000;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  background-color: rgba(0, 0, 0, .7);
  padding-top: 20vh;
  padding-bottom: 20vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: auto;
}

.banner-100-link {
  transition: opacity .8s;
  display: block;
}

.banner-100-link:hover {
  opacity: .8;
}

.timeline-d-content-b {
  position: relative;
}

.timeline-d-item-b {
  padding: 30px 1%;
}

.timeline-d-item-box {
  background-color: var(--white);
  color: var(--black);
  padding-top: 30px;
  padding-bottom: 30px;
  box-shadow: 6px 6px 30px rgba(0, 0, 0, .2);
}

.timeline-d-item-top-b {
  border-bottom: 2px solid #000;
  padding-bottom: 30px;
}

.timeline-d-row-wrap {
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.timeline-d-row-wrap.timeline-d-top {
  display: flex;
}

.timeline-d-item-year {
  color: var(--coral);
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
}

.time-d-item-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.timelne-d-item-row {
  width: 100%;
  border-bottom: 1px solid var(--light-grey);
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.timelne-d-item-l-b {
  width: 25%;
  padding-right: 45px;
}

.timelne-d-item-r-b {
  width: 75%;
}

.timeline-d-arrow {
  width: 24px;
  margin-left: -35px;
  transition: opacity .5s;
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.timeline-d-arrow:hover {
  opacity: .6;
}

.timeline-d-arrow.arrow-r {
  margin-left: 0;
  margin-right: -35px;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.timeline-d-timeline-b {
  max-width: 100vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: auto;
}

.timeline-d-whole-b {
  width: 1440px;
  flex: none;
  margin-left: auto;
  margin-right: auto;
  padding: 330px 20px;
}

.timeline-d-section-b {
  height: 10px;
  float: left;
  border: 2px solid var(--white);
  background-color: var(--dim-grey);
  position: relative;
}

.timeline-d-section-b.size-2 {
  width: 12.5%;
}

.timeline-d-section-b.size-2.z-plus-1 {
  z-index: 1;
}

.timeline-d-section-b.size-1 {
  width: 6.25%;
}

.timeline-d-section-b.size-3 {
  width: 18.75%;
}

.timeline-d-section-b.size-6 {
  width: 37.5%;
}

.timeline-d-event-b {
  color: var(--grey);
  justify-content: center;
  align-items: flex-end;
  margin-top: -10px;
  transition: all .5s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(-50%, -100%);
}

.timeline-d-event-b:hover {
  color: var(--black);
}

.timeline-d-event-b.year-8 {
  left: 80%;
}

.timeline-d-event-b.year-4 {
  left: 40%;
}

.timeline-d-event-b.year-5 {
  left: 50%;
}

.timeline-d-event-b.year-5.active {
  color: var(--black);
}

.timeline-d-event-b.year-5.bottom {
  margin-top: 0;
  margin-bottom: -10px;
  top: auto;
  bottom: 0%;
  right: auto;
  transform: translate(-50%, 100%);
}

.timeline-d-event-b.year-7 {
  left: 70%;
}

.timeline-d-event-b.year-7.yr-1997 {
  margin-left: 20px;
}

.timeline-d-event-b.year-0 {
  left: 0%;
}

.timeline-d-event-b.year-0.bottom {
  margin-top: 0;
  margin-bottom: -10px;
  top: auto;
  bottom: 0%;
  right: auto;
  transform: translate(-50%, 100%);
}

.timeline-d-event-b.year-2 {
  left: 20%;
}

.timeline-d-event-b.year-2.bottom {
  margin-top: 0;
  margin-bottom: -10px;
  top: auto;
  bottom: 0%;
  right: auto;
  transform: translate(-50%, 100%);
}

.timeline-d-event-b.year-6 {
  left: 60%;
}

.timeline-d-event-b.year-6.bottom {
  margin-top: 0;
  margin-bottom: -10px;
  top: auto;
  bottom: 0%;
  right: auto;
  transform: translate(-50%, 100%);
}

.timeline-d-event-b.bottom {
  margin-bottom: -10px;
  top: auto;
  bottom: 0%;
  right: auto;
  transform: translate(-50%, 100%);
}

.timeline-d-event-b.year-9 {
  left: 90%;
}

.timeline-d-event-dot {
  width: 5px;
  height: 5px;
  background-color: var(--silver);
  border-radius: 50%;
  transition: background-color .5s;
}

.timeline-d-event-line {
  width: 1px;
  height: 280px;
  background-color: var(--silver);
  margin-left: auto;
  margin-right: auto;
  transition: background-color .5s;
}

.timeline-d-event-line.short {
  height: 120px;
}

.timeline-d-event-line.short.bottom {
  height: 60px;
}

.timeline-d-event-line.bottom {
  height: 200px;
}

.timeline-d-event-flag {
  width: 200px;
  min-width: 200px;
  background-color: var(--white-smoke);
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  transition: background-color .5s;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(100%);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.timeline-d-event-flag.bottom {
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: translate(100%, 100%);
}

.timeline-d-event-flag-row-b {
  border-bottom: 1px solid var(--grey);
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  transition: border-color .5s;
  display: flex;
}

.timeline-d-event-flag-img {
  width: 20px;
  margin-right: 10px;
}

.timeline-d-event-year {
  color: var(--dim-grey);
  margin-top: -5px;
  padding-left: 5px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 34px;
  transition: color .5s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -100%);
}

.timeline-d-event-flag-deco {
  width: 8px;
  height: 8px;
  background-color: var(--silver);
  margin-left: -2px;
  transition: background-color .5s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(-50%);
}

.joinus-landing-row {
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
}

.joinus-landing-col-l, .joinus-landing-col-r {
  width: 50%;
  padding-left: 25px;
  padding-right: 25px;
}

.joinus-landing-bottom-row {
  flex-wrap: wrap;
  margin-top: -35px;
  margin-left: -3%;
  margin-right: -3%;
  display: flex;
}

.joinus-landing-bottom-col {
  width: 33.33%;
  margin-top: 35px;
  padding-left: 3%;
  padding-right: 3%;
}

.margin-top-40 {
  margin-top: 40px;
}

.hr-100px-gold {
  width: 100px;
  height: 1px;
  background-color: var(--coral);
}

.font-18 {
  font-size: 18px;
}

.text-7f7f7f {
  color: var(--7f7f7f);
}

.joinus-landing-bottom-txt-row {
  flex-flow: column wrap;
  margin-top: -20px;
  display: flex;
}

.joinus-landing-bottom-txt-col {
  margin-top: 20px;
}

.text-black {
  color: var(--black);
}

.font-17 {
  font-size: 17px;
  line-height: 150%;
}

.joinus-landing-bottom-btn-b {
  margin-top: 30px;
}

.link-btn-row {
  align-items: center;
  display: flex;
}

.link-btn {
  color: var(--coral);
  font-size: 20px;
  font-weight: 700;
  transition: all .7s;
}

.link-btn:hover {
  opacity: .5;
}

.link-btn.smaller {
  font-size: 16px;
  font-weight: 500;
}

.link-btn-img-b {
  margin-left: 20px;
}

.link-btn-img-b.bacl {
  margin-left: 0;
  margin-right: 20px;
}

.joinus-landing-col-r-row {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.joinus-landing-col-r-col-bottom {
  margin-top: 20px;
  padding-bottom: 20px;
}

.joinus-landing-seatch-b {
  background-color: var(--white);
  padding: 25px 40px;
}

.common-shadows {
  box-shadow: 9px 5px 56px rgba(127, 127, 127, .15);
}

.submit-link-btn {
  background-color: var(--transparent);
  color: var(--coral);
  background-image: url('../images/btn-arrow-small-2x.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0 36px 0 0;
  font-size: 20px;
  font-weight: 700;
  transition: all .8s;
}

.submit-link-btn:hover {
  transform: translate(0, -5px);
}

.display-none {
  display: none;
}

.form-b {
  margin-bottom: 0;
}

.joinus-form-row {
  flex-flow: column wrap;
  margin-top: -20px;
  display: flex;
}

.joinus-form-col {
  margin-top: 20px;
}

.font-24 {
  font-size: 24px;
  line-height: 120%;
}

.form-select {
  width: 100%;
  height: 45px;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--coral);
  background-color: var(--transparent);
  color: var(--7f7f7f);
  background-image: url('../images/icon-arrow-down.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 13px;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 0 0 32px;
  font-size: 17px;
  line-height: 150%;
  display: block;
}

.form-select-b {
  position: relative;
}

.form-icon-img-b {
  margin-top: -2px;
  margin-left: 10px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.form-field-icon {
  height: 45px;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--coral);
  background-color: var(--transparent);
  color: var(--7f7f7f);
  background-image: url('../images/icon-search.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 13px;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 30px 0 32px;
  font-size: 17px;
  line-height: 150%;
}

.form-field-icon::-ms-input-placeholder {
  color: var(--7f7f7f);
  font-size: 17px;
  line-height: 150%;
}

.form-field-icon::placeholder {
  color: var(--7f7f7f);
  font-size: 17px;
  line-height: 150%;
}

.joinus-landing-col-r-col-top {
  z-index: 1;
  margin-top: -170px;
  padding-left: 30%;
  position: relative;
}

.link-btn-img {
  width: 16px;
  display: block;
}

.joinus-listing-b {
  border-top: 1px solid var(--light-grey);
  margin-top: 45px;
  padding-top: 45px;
}

.joinus-listing-row {
  flex-flow: column wrap;
  margin-top: -40px;
  display: flex;
}

.joinus-listing-col {
  margin-top: 40px;
}

.joinus-listing-content-b {
  background-color: var(--white);
  padding: 30px;
}

.joinus-listing-form-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.joinus-listing-form-col {
  flex: 1;
  margin-top: 20px;
  padding-left: 1%;
  padding-right: 1%;
}

.joinus-listing-content-row {
  flex-wrap: wrap;
  align-items: flex-end;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.joinus-listing-content-col-l {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.joinus-listing-content-col-r {
  padding-left: 20px;
  padding-right: 20px;
}

.btn-gold-link {
  color: var(--coral);
  transition: all .8s;
}

.btn-gold-link:hover {
  color: var(--silver);
}

.marign-top-20 {
  margin-top: 20px;
}

.joinus-listing-details-row {
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.joinus-listing-details-col {
  width: 50%;
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.joinus-listing-details-content-row {
  display: flex;
}

.joinus-listing-details-content-col-r {
  flex: 1;
}

.joinus-listing-details-content-col-l {
  width: 15px;
  height: 15px;
  margin-top: 3px;
  margin-right: 10px;
}

.full-100 {
  width: 100%;
}

.margin-none {
  margin: 0;
}

.joinus-details-b {
  margin-top: 35px;
}

.joinus-details-row {
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  display: flex;
}

.joinus-details-img-b {
  max-width: 350px;
}

.joinus-details-list-b {
  border-top: 1px solid var(--light-grey);
  margin-top: 30px;
  padding-top: 30px;
}

.joinus-details-list-row {
  flex-flow: column wrap;
  margin-top: -30px;
  display: flex;
}

.joinus-details-btn-b {
  margin-top: 60px;
}

.joinus-details-list {
  margin-top: 15px;
}

.common-list {
  margin-bottom: 0;
  padding-left: 20px;
}

.common-list-item {
  margin-top: 5px;
  padding-left: 5px;
}

.joinus-details-list-col {
  margin-top: 30px;
}

.joinus-details-col-l {
  flex: 1;
}

.fullpage {
  width: 100%;
  height: 100vh;
  background-image: url('../images/bg-news-ru2x.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 600px;
  overflow: hidden;
}

.joinus-login-row {
  height: 100%;
  flex-wrap: wrap;
  display: flex;
}

.joinus-login-col-l {
  width: 50%;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/joinus-login-img-2x.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.joinus-login-col-r {
  width: 50%;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 40px;
  display: flex;
  overflow: auto;
}

.joinus-login-col-r-content-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.joinus-btn-b {
  margin-top: 60px;
}

.start-your-career {
  text-align: left;
}

.joinus-login-col-r-content-txt-b-01 {
  margin-top: 25px;
}

.joinus-login-col-r-content-txt-b-02 {
  margin-top: 45px;
}

.form-field-b {
  flex: 1;
  position: relative;
}

.form-field {
  color: var(--7f7f7f);
  background-color: #ebebeb;
  border: 1px #000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 0 0 35px;
}

.form-field::-ms-input-placeholder {
  color: var(--7f7f7f);
}

.form-field::placeholder {
  color: var(--7f7f7f);
}

.form-field.no-icon {
  padding: 10px;
}

.text-c8a862 {
  color: var(--coral);
}

.joinus-login-col-r-content {
  width: 100%;
  max-width: 425px;
}

.margin-top-30 {
  margin-top: 30px;
}

.joinus-form-top-row {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.joinus-form-top-col-step {
  flex: 1;
  padding-left: 7%;
  padding-right: 7%;
}

.joinus-form-top-col-step-row {
  height: 100%;
  justify-content: space-around;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.text-d9d9d9 {
  color: #d9d9d9;
}

.joinus-form-top-col-step-col {
  padding-left: 20px;
  padding-right: 20px;
}

.joinus-form-top-col-btn {
  align-items: center;
  display: flex;
}

.margin-top-80 {
  margin-top: 80px;
}

.joinus-login-form-white-b {
  background-color: var(--white);
  padding: 60px 60px 100px;
}

.joinus-form-field-b {
  margin-top: 60px;
}

.joinus-form-field-row {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.joinus-form-field-col-l {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}

.joinus-form-field-col-r {
  width: 100%;
  max-width: 500px;
  padding-left: 20px;
  padding-right: 20px;
}

.joinus-form-bottom-btn {
  margin-top: 100px;
  padding-left: 140px;
  padding-right: 140px;
  position: relative;
}

.joinus-form-field-col-l-wrap {
  max-width: 340px;
}

.joinus-form-field-col-b {
  margin-top: 40px;
}

.link-txt-gold {
  border-bottom: 1px solid var(--coral);
  color: var(--coral);
  transition: all .8s;
}

.link-txt-gold:hover {
  color: var(--dim-grey);
}

.joinus-form-field-salary {
  display: flex;
}

.form-select-field {
  background-color: #ebebeb;
  background-image: url('../images/select-arrow-black.svg');
  background-position: 96%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px #000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 10px;
}

.joinus-form-field-salary-select {
  position: relative;
}

.joinus-form-field-bottom-b {
  border-top: 1px solid var(--light-grey);
  margin-top: 40px;
  padding-top: 40px;
}

.joinus-form-field-bottom-row {
  flex-wrap: wrap;
  margin-top: -40px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.joinus-form-field-col-33 {
  width: 33.33%;
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

.joinus-form-field-bottom-content-b {
  margin-top: 40px;
}

.row-v-bottom {
  flex-wrap: wrap;
  display: flex;
}

.form-col-100 {
  width: 100%;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.form-address-col-50 {
  width: 50%;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.joinus-form-field-20-top {
  width: 100%;
  margin-top: 20px;
}

.joinus-form-field-20-top-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.joinus-form-field-20-top-col {
  width: 33.33%;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.logout-btn {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.joinus-form-field-col-50 {
  width: 50%;
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

.joinus-form-field-col-33-02-row {
  flex-wrap: wrap;
  align-items: flex-end;
  display: flex;
}

.joinus-form-field-col-33-02 {
  width: 33.33%;
  padding-left: 15px;
  padding-right: 15px;
}

.joinus-form-top-col-row {
  align-self: center;
}

.show-from-tablet {
  display: none;
}

.joinus-form-top-step {
  flex: 1;
}

.link-btn-txt-b {
  flex: none;
}

.link-btn-img-logout {
  width: 16px;
  display: block;
}

.popup {
  z-index: 2001;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .25);
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.popup-b {
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  overflow: auto;
}

.popup-content-b {
  width: 100%;
  max-width: 650px;
}

.popup-bottom {
  background-color: var(--white);
  padding-top: 60px;
  padding-bottom: 60px;
}

.popup-top {
  color: var(--white);
  background-color: #a59571;
  padding-top: 15px;
  padding-bottom: 15px;
}

.popup-top-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.popup-top-col-l {
  padding-left: 10px;
  padding-right: 10px;
}

.popup-close-link-b {
  display: block;
}

.poup-btn-row {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.poup-btn-col {
  flex: 1;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.poup-btn-link-b {
  width: 100%;
  border: 1px solid var(--grey);
  color: var(--grey);
  text-align: center;
  padding: 5px 25px;
  font-size: 17px;
  line-height: 150%;
  transition: all .8s;
  display: block;
}

.poup-btn-link-b:hover {
  border-color: var(--coral);
  background-color: var(--coral);
  color: var(--white);
}

.poup-btn-b {
  width: 100%;
  max-width: 450px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.form-field-date {
  color: var(--7f7f7f);
  background-color: #ebebeb;
  border: 1px #000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 35px 0 10px;
}

.form-field-date::-ms-input-placeholder {
  color: var(--7f7f7f);
}

.form-field-date::placeholder {
  color: var(--7f7f7f);
}

.form-field-icon-b {
  margin-right: 10px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(0, -50%);
}

.form-checkbox {
  width: 20px;
  height: 20px;
  background-image: url('../images/icon-checkbox.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-style: none;
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
}

.form-checkbox:hover {
  background-image: url('../images/icon-checkbox-hover.svg');
}

.form-checkbox.w--redirected-checked {
  background-color: var(--transparent);
  background-image: url('../images/icon-checkbox-checked.svg');
  border-style: none;
  border-radius: 0;
}

.form-checkbox.w--redirected-focus {
  box-shadow: none;
  border-style: none;
  border-radius: 0;
}

.form-checkbox-field {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 17px;
  line-height: 150%;
  display: flex;
}

.date-col-to {
  align-self: center;
  padding-left: 5px;
  padding-right: 5px;
}

.form-checkbox-label {
  color: var(--black);
  margin-bottom: 0;
  font-weight: 300;
}

.date-col-present {
  align-self: center;
  padding-left: 10px;
  padding-right: 10px;
}

.show-from-mobile {
  display: none;
}

.minus-plus-row {
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.minus-plus-link-b {
  transition: all .7s;
  display: block;
}

.minus-plus-link-b:hover {
  opacity: .5;
}

.minus-plus-col {
  padding-left: 10px;
  padding-right: 10px;
}

.form-textarea {
  min-height: 200px;
  color: var(--7f7f7f);
  background-color: #ebebeb;
  border: 1px #000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 15px;
}

.form-textarea::-ms-input-placeholder {
  color: var(--7f7f7f);
}

.form-textarea::placeholder {
  color: var(--7f7f7f);
}

.hr-line-grey {
  width: 100%;
  height: 1px;
  background-color: var(--light-grey);
  padding: 0;
}

.joinus-form-field-bottom-row-02 {
  flex-flow: column wrap;
  margin-top: -40px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.form-field-txt-b {
  margin-top: 10px;
}

.form-checkbox-field-row {
  flex-wrap: wrap;
  margin-left: -35px;
  margin-right: -35px;
  display: flex;
}

.form-checkbox-field-col {
  padding-left: 35px;
  padding-right: 35px;
}

.ref-check-yes {
  overflow: hidden;
}

.joinus-form-field-col-fill {
  flex: 1;
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

.joinus-form-field-col-18 {
  width: 18%;
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

.form-checkbox-field-02-row {
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -2.5%;
  margin-right: -2.5%;
  display: flex;
}

.form-checkbox-field-col-02 {
  margin-top: 10px;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.referral-yes {
  overflow: hidden;
}

.joinus-form-field-col-16 {
  width: 16%;
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

.no-padding {
  padding: 0;
}

.gold-line-title {
  border-bottom: 1px solid var(--coral);
  color: var(--coral);
  padding-bottom: 25px;
  font-size: 18px;
  line-height: 150%;
}

.bg-f9f9f9 {
  background-color: #f9f9f9;
}

.summary-txt-row {
  flex-direction: column;
  display: flex;
}

.summary-txt-col {
  margin-top: 40px;
}

.summary-txt-b {
  margin-top: 20px;
}

.summary-grey-content-b {
  padding-top: 30px;
  padding-bottom: 30px;
}

.summary-content-col-content-row {
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.grey-link-txt-inderline {
  border-bottom: 1px solid var(--grey);
  color: var(--dim-grey);
  transition: all .7s;
}

.grey-link-txt-inderline:hover {
  border-bottom-color: var(--coral);
  color: var(--coral);
}

.summary-content-col-content-col-33 {
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}

.summary-content-col-content {
  flex-direction: column;
  margin-top: -40px;
  display: flex;
}

.summary-content-col-content-col {
  margin-top: 40px;
}

.summary-content-row {
  flex-direction: column;
  display: flex;
}

.summary-content-col {
  border-top: 1px solid var(--light-grey);
  margin-top: 30px;
  padding-top: 30px;
}

.summary-table-row {
  flex-wrap: wrap;
  display: flex;
}

.summary-table-col-l {
  width: 24%;
  border-style: none none solid solid;
  border-width: 1px;
  border-color: var(--light-grey) var(--light-grey) var(--grey) var(--grey);
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.summary-table-col-r {
  border-bottom: 1px solid var(--grey);
  border-left: 1px solid var(--grey);
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  padding: 10px 25px;
  display: flex;
}

.summary-table {
  border-top: 1px solid var(--grey);
  border-right: 1px solid var(--grey);
}

.summary-table-b {
  padding-right: 5%;
}

.summary-table-col-fill {
  border-style: none none solid solid;
  border-width: 1px;
  border-color: var(--light-grey) var(--light-grey) var(--grey) var(--grey);
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.summary-table-col-fill.left-align {
  justify-content: flex-start;
}

.summary-table-col-30 {
  width: 30%;
  border-style: none none solid solid;
  border-width: 1px;
  border-color: var(--light-grey) var(--light-grey) var(--grey) var(--grey);
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.summary-table-col-30.left-align {
  justify-content: flex-start;
}

.padding-top-0 {
  padding-top: 0;
}

.form-success-row {
  height: 100%;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.form-success-content {
  width: 100%;
  max-width: 700px;
}

.form-success-top {
  height: 280px;
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/application-submitted-img.jpg');
  background-position: 0 0, 100% 95%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: relative;
}

.form-success-top-color {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--white));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.form-success-bottom {
  padding: 60px;
}

.summary-content-col-content-col-row {
  flex-direction: column;
  margin-top: -40px;
  display: flex;
}

.table-tablet-title {
  display: none;
}

html.w-mod-js [data-ix="common-fade-from-bottom"] {
  opacity: 0;
  transform: translate(0, 30px);
}

html.w-mod-js [data-ix="common-slide-from-right-100"] {
  opacity: 0;
  transform: translate(100%);
}

html.w-mod-js [data-ix="common-slide-from-left"] {
  opacity: 0;
  transform: translate(-100%);
}

html.w-mod-js [data-ix="business-slide-from-left"] {
  transform: translate(-100%);
}

html.w-mod-js [data-ix="business-slide-from-right"] {
  transform: translate(100%);
}

html.w-mod-js [data-ix="init-scale-bigger"], html.w-mod-js [data-ix="common-zoom-in"] {
  transform: scale(1.15);
}

html.w-mod-js [data-ix="init-page-heading-b"], html.w-mod-js [data-ix="about-info-tem-slide-from-l"] {
  opacity: 0;
  transform: translate(-40px);
}

html.w-mod-js [data-ix="about-info-tem-slide-from-r"] {
  opacity: 0;
  transform: translate(40px);
}

html.w-mod-js [data-ix="section-heading-scroll"] {
  opacity: 0;
}

html.w-mod-js [data-ix="init-h-0"] {
  height: 0;
}

html.w-mod-js [data-ix="business-list-link-arrow-hover"] {
  opacity: 0;
  transform: translate(0, 30px);
}

html.w-mod-js [data-ix="init-home-banner-black-box"] {
  opacity: 0;
  transform: translate(100%);
}

html.w-mod-js [data-ix="init-home-project-title"] {
  transform: translate(0, 100%);
}

html.w-mod-js [data-ix="page-transition-animation"] {
  opacity: 0;
  display: none;
}

html.w-mod-js [data-ix="home-project-title"] {
  height: auto;
}

html.w-mod-js [data-ix="timeline-m-item-interaction"] {
  opacity: 0;
  transform: translate(0);
}

html.w-mod-js [data-ix="popup"] {
  opacity: 0;
  display: none;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 48px;
    line-height: 60px;
  }

  h2 {
    font-size: 28px;
    line-height: 30px;
  }

  .container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .all {
    padding-top: 70px;
  }

  .font-36 {
    font-size: 28px;
    line-height: 30px;
  }

  .section-div.bg-grey.bg-home-project, .section-div.bg-grey.bg-home-sub, .section-div.bg-home-about {
    background-size: 400px;
  }

  .section-div.bg-home-news {
    background-size: 400px, 400px;
  }

  .banner-black-content-b {
    width: 80%;
  }

  .banner-black-content-b.home-banner {
    width: 70%;
  }

  .banner-black-contain {
    max-width: none;
    padding-right: 6.25%;
  }

  .font-48 {
    font-size: 36px;
    line-height: 46px;
  }

  .footer-award-b {
    width: 100%;
    justify-content: center;
    margin-bottom: 30px;
  }

  .footer-award-item {
    margin-left: 30px;
  }

  .footer-sitemap-b {
    width: 100%;
  }

  .footer-copyright {
    float: none;
    text-align: center;
    margin-bottom: 10px;
  }

  .footer-privacy-b {
    width: 100%;
    float: none;
    justify-content: center;
    margin-bottom: 10px;
    margin-left: 0%;
    display: flex;
  }

  .footer-privacy-link-line {
    height: 15px;
  }

  .footer-webdesign {
    width: 100%;
    float: none;
    text-align: center;
  }

  .header-wrap {
    height: 70px;
    align-items: center;
    display: flex;
  }

  .brand {
    z-index: 2000;
  }

  .nav-menu {
    width: 100vw;
    height: 100vh;
    background-color: var(--white);
    margin-top: -70px;
    padding: 115px 5%;
    display: block;
    position: absolute;
    overflow: auto;
  }

  .nav-link {
    height: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 16px;
    line-height: 22px;
    display: flex;
  }

  .nav-item {
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 10px;
    margin-right: 0;
    padding-bottom: 10px;
  }

  .nav-dropdown-toggle {
    justify-content: flex-start;
  }

  .nav-dropdown-toggle.w--open {
    height: auto;
    flex: none;
  }

  .nav-dropdown-list.w--open {
    width: auto;
    box-shadow: none;
    flex: none;
    display: block;
    position: static;
    transform: none;
  }

  .nav-wrap {
    display: block;
  }

  .nav-dropdown-link {
    color: var(--grey);
    text-align: left;
    padding-left: 17px;
    padding-right: 0;
  }

  .nav-dropdown-link.w--current {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .nav-dropdown-wrap {
    border-top-style: none;
    padding-top: 15px;
    padding-bottom: 5px;
  }

  .nav-social-lang {
    justify-content: space-between;
    margin-top: 45px;
  }

  .nav-social-b {
    border-right-style: none;
  }

  .nav-lang-b {
    font-size: 16px;
    line-height: 22px;
  }

  .lang-dropdown-list {
    position: absolute;
  }

  .btn-menu {
    margin-right: 5%;
    padding: 0;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: auto;
    right: 0%;
    transform: translate(0, -50%);
  }

  .btn-menu.w--open {
    z-index: 2000;
    background-color: rgba(0, 0, 0, 0);
  }

  .btn-menu-line-size {
    width: 30px;
    height: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
    position: relative;
  }

  .btn-menu-line-1, .btn-menu-line-3 {
    width: 100%;
    height: 100%;
    background-color: var(--black);
    transform-origin: 0%;
    border-radius: 20px;
    padding: 0 8px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .btn-menu-line-2 {
    width: 100%;
    height: 100%;
    background-color: var(--black);
    border-radius: 20px;
    padding: 0 8px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .about-info-year-copy {
    font-size: 28px;
    line-height: 30px;
  }

  .news-top-b {
    margin-bottom: 30px;
    display: block;
  }

  .news-heading-b {
    width: auto;
  }

  .news-listing-b {
    margin-left: -10px;
    margin-right: -10px;
  }

  .news-item-b {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .news-item-content-b {
    padding: 20px;
  }

  .detail-wt-slider-thumb {
    margin-left: -5px;
    margin-right: -5px;
  }

  .detail-wt-thumb-slide {
    padding-left: 5px;
    padding-right: 5px;
  }

  .detail-wt-slider-thumb-arrow {
    width: 12px;
  }

  .contact-info-b {
    width: 50%;
  }

  .map-b {
    width: 50%;
    min-height: 400px;
  }

  .contact-info-content-b {
    padding-left: 10%;
    padding-right: 10%;
  }

  .contact-info-data-b {
    padding-left: 5%;
  }

  .contact-sub-slider {
    margin-left: 0%;
    margin-right: 0%;
  }

  .common-slider-arrow {
    width: 12px;
    margin-left: -4%;
  }

  .common-slider-arrow.right {
    margin-right: -4%;
  }

  .contact-sub-slide {
    width: 50%;
    padding-left: 5.5%;
    padding-right: 5.5%;
  }

  .contact-sub-title-b {
    min-height: 78px;
    letter-spacing: .5px;
    font-size: 20px;
    line-height: 26px;
  }

  .contact-sub-info-data-b {
    padding-left: 5%;
  }

  .contact-sub-slider-mask {
    overflow: visible;
  }

  .business-list-item-content-b {
    width: 50%;
  }

  .font-20 {
    font-size: 18px;
  }

  .business-detail-title-b {
    margin-bottom: 45px;
  }

  .business-detailtitle-txt-b {
    padding-left: 45px;
  }

  .gallery-nav.home-banner {
    width: 30%;
    padding-left: 5%;
    padding-right: 5%;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
    transform: none;
  }

  .business-detail-contact-data-b {
    padding-left: 5%;
  }

  .home-slogan {
    font-size: 36px;
    line-height: 46px;
  }

  .home-slogan-line2 {
    margin-left: 80px;
  }

  .home-news-slider-mask {
    margin-left: -10px;
    margin-right: -10px;
  }

  .home-project-slide {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-project-link-b {
    transition: opacity .2s;
  }

  .home-project-slider-mask {
    margin-left: -10px;
    margin-right: -10px;
  }

  .home-sub-slider-mask {
    margin-left: -2%;
    margin-right: -2%;
  }

  .home-sub-item {
    width: 33.3333%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .transition-graphic-b {
    width: 100px;
  }

  .wechat-pop {
    width: 180px;
  }

  .time-d-item-title {
    font-size: 20px;
    line-height: 24px;
  }

  .timelne-d-item-l-b {
    width: 40%;
  }

  .timelne-d-item-r-b {
    width: 60%;
  }

  .timeline-d-whole-b {
    width: 1200px;
  }

  .timeline-d-event-flag {
    width: 180px;
    min-width: 180px;
    font-size: 11px;
    line-height: 15px;
  }

  .timeline-d-event-year {
    font-size: 28px;
    line-height: 30px;
  }

  .margin-top-40 {
    margin-top: 30px;
  }

  .link-btn {
    font-size: 18px;
  }

  .link-btn-img-b {
    margin-left: 15px;
  }

  .link-btn-img-b.bacl {
    margin-right: 15px;
  }

  .joinus-landing-col-r-col-top {
    padding-left: 20%;
  }

  .link-btn-img {
    width: 14px;
  }

  .joinus-listing-form-row {
    margin-top: -10px;
  }

  .joinus-listing-form-col {
    width: 33.33%;
    flex: 0 auto;
    margin-top: 10px;
  }

  .joinus-listing-details-col {
    width: 100%;
  }

  .margin-none {
    margin: 0;
  }

  .fullpage {
    height: 100dvh;
  }

  .joinus-login-col-r {
    padding-top: 70px;
  }

  .joinus-form-top-col-step {
    margin-top: 30px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .margin-top-80 {
    margin-top: 40px;
  }

  .joinus-login-form-white-b {
    padding: 40px;
  }

  .joinus-form-field-b {
    margin-top: 40px;
  }

  .joinus-form-field-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .joinus-form-field-col-l {
    width: 50%;
    flex: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .joinus-form-field-col-r {
    width: 50%;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .joinus-form-bottom-btn {
    margin-top: 60px;
  }

  .joinus-form-field-col-l-wrap {
    max-width: none;
  }

  .joinus-form-field-bottom-row {
    margin-top: -20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .joinus-form-field-col-33 {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .joinus-form-field-col-33.tablet-100 {
    width: 100%;
  }

  .joinus-form-field-col-33.tablet-50 {
    width: 50%;
  }

  .form-col-100, .form-address-col-50 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .joinus-form-field-20-top-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .joinus-form-field-20-top-col, .joinus-form-field-col-50 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .joinus-form-field-col-50.tablet-100 {
    width: 100%;
  }

  .joinus-form-field-col-33-02 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .joinus-form-top-col-row {
    width: 100%;
    justify-content: space-between;
    display: flex;
  }

  .hidden-from-tablet {
    display: none;
  }

  .show-from-tablet {
    display: block;
  }

  .joinus-form-top-step {
    width: 100%;
    flex: none;
  }

  .popup {
    height: 100dvh;
  }

  .poup-btn-b {
    margin-top: 30px;
  }

  .joinus-form-field-bottom-row-02 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .joinus-form-field-col-fill, .joinus-form-field-col-18, .joinus-form-field-col-16 {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .no-padding {
    padding: 0;
  }

  .summary-content-col-content-col-33 {
    width: 50%;
  }

  .summary-table-col-l {
    display: none;
  }

  .summary-table-col-r {
    width: 100%;
    flex: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .summary-table-b {
    padding-right: 0%;
  }

  .summary-table-col-fill {
    width: 100%;
    flex: none;
    justify-content: flex-start;
  }

  .summary-table-col-30 {
    width: 100%;
    flex-wrap: wrap;
  }

  .padding-top-0 {
    padding-top: 0;
  }

  .form-success-bottom {
    padding-left: 5%;
    padding-right: 5%;
  }

  .table-tablet-title {
    width: 100%;
    margin-bottom: 3px;
    display: block;
  }

  .none-from-tablet {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 20px;
  }

  h1 {
    font-size: 28px;
    line-height: 38px;
  }

  h2 {
    font-size: 24px;
    line-height: 26px;
  }

  .all.overflow-visible {
    overflow: visible;
  }

  .section-breadcrumb {
    padding-top: 20px;
    font-size: 10px;
    line-height: 12px;
  }

  .page-banner-b {
    height: 250px;
    padding-bottom: 20px;
  }

  .page-banner-b.about-journey {
    height: 150px;
  }

  .page-banner-img.about {
    background-image: url('../images/about-banner-m2x.png');
  }

  .page-banner-img.our-business {
    background-image: url('../images/business-banner-m2x.jpg');
  }

  .page-banner-img.news {
    background-image: url('../images/news-banner-m.jpg');
  }

  .page-banner-img.contact {
    background-image: url('../images/about-profile-banner-m2x.jpg');
  }

  .page-banner-img.about-journey {
    background-image: url('../images/about-journey-banner-m2x.jpg');
  }

  .page-banner-img.join-us {
    background-image: url('../images/join-us-banner-m-2x.jpg');
  }

  .arrow-breadcrumb {
    margin-left: 10px;
    margin-right: 10px;
  }

  .margin-bottom-30 {
    margin-bottom: 20px;
  }

  .btn-right-arrow-img {
    margin-top: 1px;
    margin-left: 5px;
  }

  .margin-bottom-45 {
    margin-bottom: 30px;
  }

  .about-info-b {
    margin-bottom: -30px;
    margin-left: -6%;
    margin-right: -6%;
  }

  .about-info-gp {
    width: auto;
    float: none;
  }

  .font-36 {
    font-size: 24px;
    line-height: 32px;
  }

  .section-div {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-div.bg-grey.bg-home-project, .section-div.bg-grey.bg-home-sub {
    background-size: 40%;
  }

  .section-div.bg-home-about {
    background-size: 50%;
  }

  .section-div.bg-home-news {
    background-size: 40%, 40%;
  }

  .section-row {
    min-height: 300px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-row.about {
    justify-content: flex-start;
  }

  .section-row.business-list {
    min-height: 90vh;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-row-bg.about-journey {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/about-journey-link-bg-m2x.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .section-row-bg.business-invest {
    background-image: url('../images/business-1-bg-m2x.jpg');
  }

  .section-row-bg.business-core {
    background-image: url('../images/business-2-bg-m2x.jpg');
  }

  .section-row-bg.business-portfolio {
    background-image: url('../images/business-3-bg-m2x.jpg');
  }

  .banner-black-content-b {
    width: 100%;
    background-image: none;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .banner-black-content-b.home-banner {
    width: 100%;
    background-image: none;
    margin-bottom: 45px;
  }

  .banner-black-contain {
    max-width: none;
    padding-left: 5%;
    padding-right: 5%;
  }

  .font-48 {
    font-size: 28px;
    line-height: 38px;
  }

  .banner-black-description-txt {
    font-size: 14px;
    line-height: 20px;
  }

  .section-heading-b {
    margin-bottom: 30px;
    padding-top: 10px;
    padding-left: 14px;
  }

  .section-heading-deco-b {
    width: 14px;
  }

  .section-heading-deco-sq {
    width: 7px;
    height: 7px;
  }

  .section-footer {
    padding-top: 30px;
  }

  .footer-content-b {
    margin-bottom: 30px;
  }

  .footer-award-b {
    margin-bottom: 0;
  }

  .footer-award-item {
    margin-left: 5%;
    margin-right: 5%;
  }

  .footer-sitemap-b {
    display: none;
  }

  .footer-bottom-b {
    font-size: 12px;
    line-height: 16px;
  }

  .nav-arrow {
    width: 8px;
    margin-bottom: 3px;
  }

  .nav-dropdown-link {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-social-lang {
    margin-top: 30px;
  }

  .business-item-content-b {
    width: 100%;
  }

  .business-item-txt-b {
    margin-bottom: 30px;
  }

  .business-item-title-b {
    margin-bottom: 15px;
  }

  .news-top-b {
    margin-bottom: 30px;
    display: block;
  }

  .news-heading-b {
    width: auto;
  }

  .filter-dropdown-arrow {
    width: 12px;
  }

  .news-item-b {
    margin-bottom: 30px;
  }

  .news-item-content-b {
    padding: 15px;
  }

  .news-item-title-txt {
    height: 60px;
    font-size: 14px;
    line-height: 20px;
  }

  .news-item-info-b {
    font-size: 12px;
    line-height: 18px;
  }

  .news-item-info-line {
    height: 14px;
    margin-top: 1px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .list-paging-arrow-btn {
    width: 10px;
  }

  .detail-wt-slider-main {
    margin-bottom: 60px;
  }

  .detail-wt-slider-nav {
    margin-bottom: -50px;
    display: block;
  }

  .detail-wt-slider-arrow {
    width: 12px;
    margin-left: 3%;
    transition: all .5s;
    display: block;
    top: 50%;
    bottom: auto;
    left: 0%;
    right: auto;
    transform: translate(0, -50%);
  }

  .detail-wt-slider-arrow:hover {
    transform: translate(-5px)translate(0, -50%);
  }

  .detail-wt-slider-arrow.right {
    margin-right: 3%;
    top: 50%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .detail-wt-slider-arrow.right:hover {
    transform: translate(5px)translate(0, -50%);
  }

  .detail-wt-slider-thumb {
    display: none;
  }

  .btn-close-img {
    margin-top: 1px;
    margin-left: 5px;
  }

  .detail-table-row {
    margin-bottom: 15px;
  }

  .detail-table-field {
    width: 30%;
  }

  .contact-main-b {
    display: block;
  }

  .contact-info-b {
    width: auto;
    padding-top: 45px;
    padding-bottom: 45px;
    display: block;
  }

  .map-b {
    width: auto;
    height: 400px;
    min-height: 0;
  }

  .contact-info-content-b {
    max-width: none;
    margin-bottom: -10px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .contact-info-row {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }

  .contact-info-icon-b {
    max-width: 25px;
  }

  .contact-sub-slider {
    margin-bottom: 30px;
  }

  .common-slider-nav {
    width: 100px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .contact-sub-title-b {
    min-height: 66px;
    font-size: 16px;
    line-height: 22px;
  }

  .contact-sub-address {
    margin-bottom: 20px;
  }

  .contact-sub-info-icon-b {
    max-width: 25px;
  }

  .contact-sub-slider-mask {
    margin-left: -3%;
    margin-right: -3%;
  }

  .journey-timeline-b {
    padding-bottom: 30px;
  }

  .desktop-to-tablet {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  .business-list-item-bg.core-1 {
    background-image: url('../images/business-core-1-m1.5x.jpg');
  }

  .business-list-item-bg.core-2 {
    background-image: url('../images/business-core-2-m1.5x.jpg');
  }

  .business-list-item-bg.core-3 {
    background-image: url('../images/business-core-3-m1.5x.jpg');
  }

  .business-list-item-bg.core-4 {
    background-image: url('../images/business-core-4-m1.5x.jpg');
  }

  .business-list-item-bg.port-1 {
    background-image: url('../images/business-port-1-m1.5x.jpg');
  }

  .business-list-item-bg.port-2 {
    background-image: url('../images/business-port-2-m1.5x.jpg');
  }

  .business-list-item-bg.core-p-1 {
    background-image: url('../images/business-core-p-1-m1.5x.jpg');
  }

  .business-list-item-bg.core-p-2 {
    background-image: url('../images/business-core-p-2-m1.5x.jpg');
  }

  .business-list-item-bg.core-p-3 {
    background-image: url('../images/business-core-p-3-m1.5x.jpg');
  }

  .business-list-item-bg.core-p-4 {
    background-image: url('../images/business-core-p-4-m1.5x.jpg');
  }

  .business-list-item-bg.port-3 {
    background-image: url('../images/business-port-3-m1.5x.jpg');
  }

  .business-list-item-bg.port-4 {
    background-image: url('../images/business-port-4-m1.5x.jpg');
  }

  .business-list-item-bg.invest-2 {
    background-image: url('../images/business-invest-2-m1.5x.jpg');
  }

  .business-list-item-bg.invest-1 {
    background-image: url('../images/business-invest-1-m1.5x.jpg');
  }

  .business-list-item-bg-mask {
    height: 30px;
    background-image: linear-gradient(to bottom, var(--white), var(--white));
    opacity: 1;
  }

  .business-list-item-bg-mask.left {
    background-image: linear-gradient(to bottom, var(--white), var(--white));
  }

  .business-list-item-content-b {
    width: auto;
    float: none;
  }

  .business-list-item-logo-b {
    max-width: 150px;
    margin-bottom: 10px;
  }

  .business-list-item-title-b {
    margin-bottom: 10px;
  }

  .font-20 {
    font-size: 16px;
  }

  .business-list-item-description-b {
    height: auto;
    margin-bottom: 25px;
    padding-right: 0;
    overflow: visible;
  }

  .business-link-arrow.black {
    display: none;
  }

  .business-link-arrow.white {
    display: block;
  }

  .business-detail-title-b {
    margin-bottom: 20px;
  }

  .business-detail-title-logo-b {
    width: auto;
    float: none;
    margin-bottom: 20px;
  }

  .business-detailtitle-txt-b {
    width: auto;
    float: none;
    padding-left: 0;
  }

  .business-detail-content-b {
    margin-left: -6%;
    margin-right: -6%;
  }

  .gallery-arrow {
    margin-left: 5%;
  }

  .gallery-arrow.right {
    margin-right: 5%;
  }

  .gallery-nav {
    margin-bottom: 0;
  }

  .gallery-nav.home-banner {
    width: auto;
    max-width: none;
    text-align: center;
    margin-bottom: 20px;
    padding-left: 90px;
    padding-right: 90px;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .business-detail-txt-b {
    padding: 46px 5%;
  }

  .business-detail-description-b {
    width: auto;
    float: none;
    margin-bottom: 45px;
    padding-right: 0;
  }

  .business-detail-contact-b {
    width: auto;
    float: none;
    padding-left: 0;
  }

  .business-detail-contact-icon-b {
    max-width: 25px;
  }

  .btn-left-arrow-img {
    margin-bottom: 3px;
    margin-left: 5px;
  }

  .business-tabs {
    padding-top: 30px;
  }

  .business-tab-menu {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
  }

  .business-tab-link {
    width: 50%;
    padding-left: 3%;
    padding-right: 3%;
    display: block;
  }

  .home-banner-img {
    height: 95vw;
    min-height: 0;
  }

  .home-banner-img.home-banner-1 {
    background-image: url('../images/home-banner-1-m2x.jpg');
  }

  .home-banner-img.home-banner-2 {
    background-image: url('../images/home-banner-2-m2x.jpg');
  }

  .home-banner-img.home-banner-3 {
    background-image: url('../images/home-banner-3-m2x.jpg');
  }

  .home-banner-arrow {
    width: 14px;
    margin-left: 5%;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
    transform: translate(0, -30px);
  }

  .home-banner-arrow:hover {
    transform: translate(-5px, -30px);
  }

  .home-banner-arrow.right {
    margin-right: 5%;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .home-banner-arrow.right:hover {
    transform: translate(5px, -30px);
  }

  .home-banner-mask {
    opacity: .5;
  }

  .home-slogan {
    font-size: 28px;
    line-height: 34px;
    display: block;
  }

  .home-slogan-line2 {
    margin-left: 0;
  }

  .home-news-slider-mask, .home-project-slider-mask {
    margin-top: -10px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .popup-1 {
    opacity: 1;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .btn-pop-close {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .home-sub-slider-mask {
    margin-top: -10px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home-sub-item {
    width: 50%;
  }

  .home-sub-item-content-b {
    padding-top: 0%;
  }

  .home-sub-img-b {
    position: static;
  }

  .home-sub-info-b {
    color: var(--black);
    background-color: rgba(0, 0, 0, 0);
    margin-top: 15px;
    padding: 0;
    position: static;
  }

  .home-sub-item-contact-b {
    border-top-color: var(--black);
  }

  .business-list-item-content-gradient-m {
    background-image: linear-gradient(#fff 35%, rgba(255, 255, 255, 0));
    margin-left: -5.8%;
    margin-right: -5.8%;
    padding-bottom: 240px;
    padding-left: 5.8%;
    padding-right: 5.8%;
  }

  .transition-graphic-b {
    width: 80px;
  }

  .wechat-pop {
    width: 150px;
    padding-bottom: 10px;
  }

  .home-project-title-b {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 22px;
  }

  .popup-2, .popup-3, .popup-4, .popup-5, .popup-6, .popup-7, .popup-8, .popup-9 {
    opacity: 1;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .timeline-m-top-bar {
    z-index: 1;
    width: 100%;
    background-color: var(--coral);
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
  }

  .timeline-m-top-bar-wrap {
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
  }

  .timeline-m-top-bar-link {
    color: var(--white);
    border: 2px solid rgba(0, 0, 0, 0);
    padding: 2px 10px;
    font-size: 16px;
    line-height: 22px;
    transition: border-color .5s;
    display: block;
  }

  .timeline-m-top-bar-link:hover, .timeline-m-top-bar-link.w--current {
    border-color: var(--white);
  }

  .timeline-m-top-bar-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .timeline-m-b {
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 0;
  }

  .timeline-m-section-b {
    border-left: 2px solid var(--coral);
    padding-bottom: 30px;
  }

  .timeline-m-section-top-b {
    margin-bottom: 20px;
  }

  .timeline-m-section-year-b {
    width: 64px;
    height: 64px;
    background-color: var(--coral);
    color: var(--white);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    transform: translate(-50%);
  }

  .timeline-m-item-b {
    padding: 0 0 45px 30px;
    position: relative;
  }

  .timeline-m-item-box {
    background-color: var(--white);
    padding: 30px;
    position: relative;
    box-shadow: 6px 6px 35px rgba(0, 0, 0, .2);
  }

  .timeline-m-item-year {
    color: var(--coral);
    margin-bottom: 10px;
    font-family: Roboto, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
  }

  .timeline-m-item-title {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
  }

  .timeline-m-img-b {
    max-width: 400px;
    margin-bottom: 15px;
  }

  .timeline-m-item-indicator-b {
    align-items: center;
    margin-top: 30px;
    margin-left: -9px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .timeline-m-item-indicator-dot {
    width: 16px;
    height: 16px;
    background-image: url('../images/timeline-mobile-dot.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
  }

  .timeline-m-item-indicator-line {
    width: 40px;
    height: 2px;
    background-color: var(--coral);
    margin-left: -1px;
    padding: 0;
  }

  .timeline-m-item-row {
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .joinus-landing-row {
    margin-left: 0;
    margin-right: 0;
  }

  .joinus-landing-col-l, .joinus-landing-col-r {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .joinus-landing-bottom-row {
    margin-left: 0%;
    margin-right: 0%;
  }

  .joinus-landing-bottom-col {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .margin-top-40 {
    margin-top: 20px;
  }

  .joinus-landing-bottom-txt-row {
    margin-top: -10px;
  }

  .joinus-landing-bottom-txt-col {
    margin-top: 10px;
  }

  .link-btn {
    font-size: 16px;
  }

  .link-btn-img-b {
    margin-left: 10px;
  }

  .link-btn-img-b.bacl {
    margin-right: 10px;
  }

  .form-select {
    padding-left: 27px;
    font-size: 15px;
  }

  .form-icon-img-b {
    margin-left: 5px;
  }

  .form-field-icon {
    padding-left: 27px;
    font-size: 15px;
  }

  .form-field-icon::-ms-input-placeholder {
    font-size: 15px;
  }

  .form-field-icon::placeholder {
    font-size: 15px;
  }

  .joinus-landing-col-r-col-top {
    margin-top: -60px;
  }

  .joinus-listing-b {
    margin-top: 35px;
    padding-top: 35px;
  }

  .joinus-listing-row {
    margin-top: -30px;
  }

  .joinus-listing-col {
    margin-top: 30px;
  }

  .joinus-listing-content-b {
    padding: 25px;
  }

  .joinus-listing-form-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .joinus-listing-form-col {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .joinus-listing-content-row {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .joinus-listing-content-col-l {
    padding-left: 0;
    padding-right: 0;
  }

  .joinus-listing-content-col-r {
    text-align: right;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-none {
    margin: 0;
  }

  .joinus-details-b {
    margin-top: 20px;
  }

  .joinus-details-img-b {
    margin-left: auto;
    margin-right: auto;
  }

  .joinus-details-btn-b {
    margin-top: 30px;
  }

  .joinus-details-col-l {
    width: 100%;
    flex: none;
    margin-top: 20px;
  }

  .joinus-details-col-r {
    width: 100%;
    text-align: center;
  }

  .fullpage {
    background-image: url('../images/bg-news-ru2x.png');
    background-repeat: no-repeat;
    background-size: 600px;
  }

  .joinus-login-row {
    display: block;
  }

  .joinus-login-col-l {
    width: 100%;
    height: 45%;
  }

  .joinus-login-col-r {
    width: 100%;
    height: 55%;
    background-image: url('../images/bg-news-ru2x.png');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .joinus-login-col-r-content-wrap {
    padding-left: 5%;
    padding-right: 5%;
  }

  .joinus-btn-b {
    margin-top: 30px;
  }

  .joinus-login-col-r-content-txt-b-01 {
    margin-top: 15px;
  }

  .joinus-login-col-r-content-txt-b-02 {
    margin-top: 30px;
  }

  .joinus-form-top-col-step {
    width: 650px;
  }

  .joinus-login-form-white-b {
    padding: 30px 30px 40px;
  }

  .joinus-form-field-b {
    margin-top: 30px;
  }

  .joinus-form-field-row {
    flex-direction: column;
  }

  .joinus-form-field-col-l {
    width: 100%;
  }

  .joinus-form-field-col-r {
    width: 100%;
    margin-top: 30px;
  }

  .joinus-form-bottom-btn {
    margin-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .joinus-form-field-col-b {
    margin-top: 20px;
  }

  .joinus-form-field-bottom-b {
    margin-top: 30px;
    padding-top: 30px;
  }

  .joinus-form-field-col-33, .joinus-form-field-20-top-col {
    width: 100%;
  }

  .joinus-form-field-col-33-02-row {
    margin-top: -10px;
  }

  .joinus-form-field-col-33-02 {
    width: 100%;
    margin-top: 10px;
  }

  .joinus-form-top-step {
    overflow: auto;
  }

  .popup-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .poup-btn-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .poup-btn-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .poup-btn-link-b {
    font-size: 16px;
  }

  .poup-btn-b {
    margin-top: 20px;
  }

  .form-checkbox-field {
    font-size: 15px;
  }

  .form-checkbox-field.present {
    justify-content: flex-end;
  }

  .date-col-to {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }

  .date-col-present {
    width: 100%;
  }

  .date-col-present-row {
    margin-right: -10px;
    display: flex;
  }

  .none-form-mobile {
    display: none;
  }

  .show-from-mobile {
    display: block;
  }

  .form-textarea {
    min-height: 170px;
  }

  .joinus-form-field-col-fill {
    width: 100%;
    flex: none;
  }

  .joinus-form-field-col-18, .joinus-form-field-col-16 {
    width: 100%;
  }

  .no-padding {
    padding: 0;
  }

  .summary-txt-col {
    margin-top: 30px;
  }

  .summary-txt-b {
    margin-top: 10px;
  }

  .summary-table-col-r {
    padding: 10px;
  }

  .summary-table-col-fill, .summary-table-col-30 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .padding-top-0 {
    padding-top: 0;
  }

  .form-success-top {
    height: 250px;
  }

  .form-success-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .summary-content-col-content-col-row {
    margin-top: -30px;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 20px;
    line-height: 22px;
  }

  .all {
    padding-top: 60px;
  }

  .page-banner-b {
    height: 200px;
  }

  .font-36 {
    font-size: 20px;
    line-height: 28px;
  }

  .section-div.bg-grey.bg-home-project, .section-div.bg-grey.bg-home-sub {
    background-size: 60%;
  }

  .section-div.bg-home-about {
    background-size: 90%;
  }

  .section-div.bg-home-news {
    background-size: 60%, 60%;
  }

  .section-row {
    height: auto;
    max-height: none;
    min-height: 100vw;
  }

  .banner-black-content-b.home-banner {
    margin-bottom: 20px;
  }

  .banner-black-heading-line {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .section-footer {
    position: relative;
  }

  .footer-content-b {
    margin-bottom: 20px;
  }

  .header-wrap {
    height: 60px;
  }

  .brand {
    width: 130px;
  }

  .nav-menu {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .nav-dropdown-link {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .nav-dropdown-wrap {
    padding-top: 10px;
  }

  .lang-dropdown-list.w--open {
    position: absolute;
  }

  .news-top-b {
    margin-bottom: 20px;
  }

  .news-filter-cat-b {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    display: block;
  }

  .news-filter-cat-item {
    margin-right: 30px;
  }

  .news-filter-year-b {
    flex: none;
  }

  .filter-dropdown-arrow {
    margin-left: 40px;
  }

  .news-listing-b {
    margin-left: 0;
    margin-right: 0;
  }

  .news-item-b {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0;
  }

  .news-item-b.home-slide {
    padding-left: 5%;
    padding-right: 5%;
  }

  .news-item-title-txt {
    height: auto;
    margin-bottom: 10px;
  }

  .detail-table-row {
    display: block;
  }

  .detail-table-field {
    width: auto;
    max-width: none;
  }

  .common-slider-arrow {
    margin-left: -3%;
  }

  .common-slider-arrow.right {
    margin-right: -3%;
  }

  .contact-sub-slide {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }

  .contact-sub-title-b {
    min-height: 0;
  }

  .contact-sub-slider-mask {
    margin-left: 0%;
    margin-right: 0%;
  }

  .gallery-arrow {
    width: 10px;
  }

  .gallery-nav {
    margin-bottom: -5px;
  }

  .gallery-nav.home-banner {
    margin-bottom: 5px;
  }

  .home-banner-arrow {
    width: 10px;
    margin-bottom: -10px;
  }

  .home-project-slider {
    padding-left: 5%;
    padding-right: 5%;
  }

  .home-project-slide {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0;
  }

  .btn-pop-close {
    margin-top: 10px;
  }

  .home-sub-item {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .home-sub-img-b {
    max-width: 255px;
    margin-left: auto;
    margin-right: auto;
  }

  .home-sub-info-b {
    margin-top: 10px;
  }

  .home-sub-contact-link {
    margin-left: 7px;
    margin-right: 7px;
  }

  .home-sub-contact-wrap {
    margin-left: -7px;
    margin-right: -7px;
  }

  .home-sub-title {
    min-height: 0;
  }

  .transition-graphic-b {
    width: 60px;
  }

  .timeline-m-top-bar {
    top: 60px;
  }

  .timeline-m-top-bar-wrap {
    justify-content: space-between;
    margin-left: -5px;
    margin-right: -5px;
  }

  .timeline-m-top-bar-link {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 14px;
    line-height: 20px;
  }

  .timeline-m-top-bar-item {
    padding-left: 0;
    padding-right: 0;
  }

  .timeline-m-b {
    padding-left: 15px;
  }

  .timeline-m-section-b {
    padding-bottom: 0;
  }

  .timeline-m-section-year-b {
    width: 50px;
    height: 50px;
    font-size: 13px;
    line-height: 19px;
  }

  .timeline-m-item-b {
    padding-left: 20px;
  }

  .timeline-m-item-box {
    padding: 20px 9%;
  }

  .timeline-m-item-year {
    font-size: 36px;
    line-height: 40px;
  }

  .timeline-m-item-title {
    font-size: 20px;
    line-height: 24px;
  }

  .joinus-landing-seatch-b {
    padding-left: 30px;
    padding-right: 30px;
  }

  .joinus-landing-col-r-col-top {
    padding-left: 15%;
  }

  .link-btn-img {
    width: 11px;
  }

  .full-100 {
    margin-top: 10px;
  }

  .margin-none {
    margin: 0;
  }

  .margin-top-30, .joinus-form-top-col-step {
    margin-top: 20px;
  }

  .margin-top-80 {
    margin-top: 30px;
  }

  .joinus-login-form-white-b {
    padding-left: 20px;
    padding-right: 20px;
  }

  .joinus-form-bottom-btn {
    padding-left: 0;
    padding-right: 0;
  }

  .joinus-form-field-bottom-row {
    margin-left: -5px;
    margin-right: -5px;
  }

  .joinus-form-field-col-33 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .joinus-form-field-bottom-content-b {
    margin-top: 20px;
  }

  .row-v-bottom {
    margin-top: -10px;
  }

  .form-col-100 {
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .form-address-col-50 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .joinus-form-field-20-top-row {
    margin-top: -10px;
    margin-left: -5px;
    margin-right: -5px;
  }

  .joinus-form-field-20-top-col {
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .logout-btn {
    text-align: center;
    margin-top: 20px;
    position: static;
  }

  .joinus-form-field-col-50 {
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .joinus-form-field-col-33-02 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .popup-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .poup-btn-col {
    width: 100%;
    flex: none;
  }

  .form-textarea {
    min-height: 150px;
  }

  .joinus-form-field-bottom-row-02 {
    margin-top: -30px;
    margin-left: -5px;
    margin-right: -5px;
  }

  .form-field-txt-b {
    margin-top: 5px;
  }

  .joinus-form-field-col-fill, .joinus-form-field-col-18, .joinus-form-field-col-16 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .no-padding {
    padding: 0;
  }

  .summary-txt-b {
    margin-top: 5px;
  }

  .summary-content-col-content-row {
    margin-top: -20px;
    margin-left: 0;
    margin-right: 0;
  }

  .summary-content-col-content-col-33 {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .summary-content-col-content {
    margin-top: -30px;
  }

  .summary-content-col-content-col {
    margin-top: 30px;
  }

  .padding-top-0 {
    padding-top: 0;
  }

  .form-success-top {
    height: 220px;
  }

  .summary-content-col-content-col-row {
    margin-top: -20px;
  }
}


@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/heln.TTF') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helr46w.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helr45w.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helr65w.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helr66w.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham book';
  src: url('../fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}