.mobile-bottom-menu,
.mobile-menu-lang {
  z-index: 1031;
  vertical-align: middle;
  position: fixed;
  text-align: center;
}

.contact-form .btn-primary,
.see-more.btn-primary,
body {
  font-family: "Open Sans", Arial, sans-serif;
}

@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}

@keyframes fadeInUp {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

html header.header-transparent .header-nav-main::before {
  width: 100% !important;
}

html.mobile-menu-opened #header .header-nav-main nav>ul li {
  border-bottom: 0 !important;
}

html.mobile-menu-opened .dropdown-item:hover {
  background-color: #fff !important;
}

html.mobile-menu-opened #header .header-nav-main nav>ul .dropdown-menu li a {
  font-size: 1.1rem;
  font-weight: inherit;
  line-height: 2.8rem;
}

html.mobile-menu-opened #header .header-nav-main nav>ul li ul li a {
  color: #898989 !important;
}

html.mobile-menu-opened #header .header-nav-main nav>ul {
  padding: 60px 25px 15px !important;
}

html.mobile-menu-opened .dropdown-item {
  line-height: 2rem !important;
  padding: 6px 8px !important;
}

h2,
h3,
h4 {
  line-height: 1.7rem;
}

.collapsing .mobile-hide {
  display: none !important;
}

.collapsing .mobile-visible {
  display: block !important;
}

.mobile-bottom-menu {
  color: #fff;
  width: 100%;
  background-color: #1b6840;
  height: 44px;
  bottom: 0;
  display: none;
}

.mobile-bottom-menu-item {
  width: 33.33%;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

a.mobile-bottom-menu-item:active,
a.mobile-bottom-menu-item:focus,
a.mobile-bottom-menu-item:hover {
  color: #fff !important;
}

.mobile-menu-lang {
  color: #000;
  width: 100vw;
  bottom: calc(50px + 5vh);
  display: none;
}

#header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active,
html.mobile-menu-opened #header .header-btn-collapse-nav {
  color: #1b6840 !important;
}

.mobile-menu-lang div {
  width: 90%;
  margin: auto;
  font-size: 1.2rem;
}

.mobile-menu-lang-item {
  width: 15%;
  height: 20px;
  display: inline-block;
  justify-content: center;
}

html.mobile-menu-opened .mobile-menu-social-icons {
  display: inline-flex;
}

html.mobile-menu-opened .mobile-menu-lang {
  display: block;
}

.mobile-menu-social-icons {
  position: fixed;
  bottom: calc(50px + 5vh);
  width: 100%;
  z-index: 1037;
  display: none;
}

.mobile-menu-social-icons .social-icons-facebook,
.mobile-menu-social-icons .social-icons-linkedin {
  text-align: center;
  font-size: 1.2rem;
}

.mobile-menu-social-icons ul li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile-visible,
html.mobile-menu-opened .mobile-hide {
  display: none !important;
}

html.mobile-menu-opened .mobile-visible {
  display: block !important;
}

.header-container {
  padding: 0 5%;
}

#header .header-nav-main nav>ul>li.mobile-hide a {
  padding: 0 .5rem !important;
}

.header-logo-non-sticky {
  width: 181px;
}

.header-logo-sticky {
  width: 181px;
}

#header .header-nav-main nav>ul>li:nth-child(5).mobile-hide a {
  margin-right: 1.6rem !important;
}

#header .header-nav-main nav>ul>li.dropdown:hover>a:before,
#header .header-nav-main nav>ul>li.dropdown>a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}

#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:first-child:hover>a,
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:first-child:focus>a,
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:first-child.active>a,
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:first-child:active>a {
  border-radius: 0.25rem 0.25rem 0 0 !important;
}

#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:last-child:hover>a,
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:last-child:focus>a,
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:last-child.active>a,
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:last-child:active>a {
  border-radius: 0 0 0.25rem 0.25rem !important;
}

.bg_black,
.bg_red,
.bg_gray,
.bg_green,
.bg_orange,
.bg_white,
.bg_white.Mission,
.breadcrumb,
.center,
.top_banner_text {
  position: relative;
}

#header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a,
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a {
  color: #555;
}

#header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li.active>a,
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li.active>a {
  color: #1b6840 !important;
}

html:not(.sticky-header-active) #header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li.active>a,
html:not(.sticky-header-active) #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li.active>a {
  color: #fff !important;
}

#header .header-nav.header-nav-links nav>ul li.active>a::before,
#header .header-nav.header-nav-links nav>ul li:hover>a::before {
  bottom: 30px;
  color: #1b6840 !important;
  left: .9rem !important;
  width: calc(100% - 1.8rem) !important;
  border-bottom: 3px solid !important;
}

#header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a,
html:not(.sticky-header-active) #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a {
  color: #fff;
  -webkit-text-shadow: 0 1px 3px #505050;
  -moz-text-shadow: 0 1px 3px #505050;
  text-shadow: 0 1px 3px #505050;
}

#header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a,
html:not(.sticky-header-active) #header .header-nav.header-nav-links:not(.header-nav-light-text) nav.collapse.show>ul>li>a {
  color: #1b6840;
}

html:not(.sticky-header-active) #header .header-btn-collapse-nav {
  color: #fff;
  -webkit-text-shadow: 0 1px 3px #505050;
  -moz-text-shadow: 0 1px 3px #505050;
  text-shadow: 0 1px 3px #505050;
}

html:not(.sticky-header-active) #header .header-nav.header-nav-links nav>ul li.active>a::before,
html:not(.sticky-header-active) #header .header-nav.header-nav-links nav>ul li:hover>a::before {
  color: #fff !important;
  bottom: 30px;
  -webkit-box-shadow: 0 1px 3px #505050;
  -moz-box-shadow: 0 1px 3px #505050;
  box-shadow: 0 1px 3px #505050;
}

html.sticky-header-enabled #header .header-logo-sticky-change .header-logo-non-sticky {
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .6));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .6));
}

#header .header-btn-collapse-nav {
  background: 0 0;
  color: #bbb;
  font-size: 1.2rem;
  border: 0;
}

.menu-lang:after {
  content: " | ";
  color: #fff;
}

.sticky-header-active .menu-lang:after {
  content: " | ";
  color: #000;
}

#region {
  margin-left: 1rem;
}

.region {
  text-shadow: none;
  color: #555;
  background: 0 0;
}

#header.header-effect-shrink .header-container {
  max-height: 100px !important;
  min-height: 100px !important;
}

html:not(.sticky-header-active) .region {
  color: #fff;
  -webkit-text-shadow: 0 1px 3px #505050;
  -moz-text-shadow: 0 1px 3px #505050;
  text-shadow: 0 1px 3px #505050;
}

.region.btn.dropdown-toggle:after {
  border: 0 !important;
}

#footer,
.page-index #footer {
  background-color: #fff;
  border-top: 2px solid #1b6840;
  color: #0a0a0a;
}

#region .dropdown-menu {
  margin: 0;
  padding: 0;
  min-width: inherit;
}

#region .dropdown-item {
  padding: .4rem 1.1rem;
}

#region .dropdown-item:hover {
  border-radius: 0.25rem !important;
}

#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu.sub-menu {
  border-radius: 0.25rem !important;
  padding: 0;
  min-width: auto;
  margin-left: 0 !important;
}

.sub-menu .dropdown-item {
  margin: 0;
  color: #212529 !important;
}

#footer {
  margin-top: 0 !important;
  font-size: 1rem;
}

.page-index #footer {
  margin-top: 50vh !important;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #0a0a0a;
}

#footer .list.list-icons.list-icons-sm li {
  padding-left: 0;
  margin-bottom: 10px;
}

#footer .footer-copyright {
  background: #1b6840;
  color: #fff;
}

#footer .footer-copyright p {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: .7rem;
}

#footer .footer-copyright a:not(.btn) {
  color: #fff !important;
  font-size: .7rem;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#footer .row {
  margin-bottom: 0;
}

#footer a:not(.btn):hover {
  color: #1b6840;
}

#footer .social-icons li a {
  font-size: 2rem;
  margin-right: .5rem;
}

#footer .social-icons li a i:hover {
  border: none;
  background: initial;
}

.mobile-menu-social-icons .social-icons-facebook:hover a,
.social-icons li.social-icons-facebook:hover a,
.social-icons li:hover.social-icons-facebook a {
  background-color: transparent !important;
  color: #3b5998 !important;
}

.mobile-menu-social-icons .social-icons-linkedin:hover a,
.social-icons li.social-icons-linkedin:hover a,
.social-icons li:hover.social-icons-linkedin a {
  background-color: transparent !important;
  color: #0077b5 !important;
}

.contact-form .btn-primary,
.see-more.btn-primary {
  font-size: 1rem;
  padding: .5rem 3rem;
  border-radius: 0;
}

html .btn-primary:active,
html .btn-primary:focus,
html .btn-primary:hover {
  background-color: #fb203c !important;
}

html .breadcrumb a:active,
html .breadcrumb a:focus,
html .breadcrumb a:hover {
  color: #1b6840 !important;
}

body {
  font-weight: 600;
  min-width: 320px;
}

h1,
h3 {
  font-family: 'Open Sans Condensed', sans-serif;
}

h1 {
  font-size: 5rem;
  line-height: 5rem;
  margin: 0 0 1rem;
}

h2 {
  font-size: 1.4rem;
  margin: 0 0 .5rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.2rem;
  letter-spacing: .01rem;
}

h5 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: .9rem;
  line-height: 1.2rem;
  text-transform: none;
}

h6 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2.6rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #1b6840;
}

p {
  font-size: 1rem;
  color: #000;
}

a {
  color: inherit;
}

a:active,
a:focus,
a:hover {
  text-decoration: none;
  color: #1b6840;
}

::selection {
  background: rgba(0, 0, 0, .8) !important;
  color: #fff !important;
}

section.section {
  background: initial;
  padding: 7rem 0 6rem;
  border: 0;
}

.page section.section {
  padding: 5rem 0 6rem;
}

.center {
  margin: 0 auto;
}

.col-lg-2.col-20 {
  width: 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.social-icons li {
  display: inline-block;
  padding: 0;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #bbb !important;
}

.event-item,
.news-item,
.insight-item {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.social-icons li a {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border-radius: 0 !important;
  display: block;
  height: 28px;
  line-height: 28px;
  width: 28px;
  text-align: center;
  color: #898989 !important;
  text-decoration: none;
  font-size: 12.8px;
  font-size: .8rem;
}

.breadcrumb>li,
.page-index .banner_text .container div:nth-child(2),
.page-index .banner_text .container div:nth-child(3),
.section.CTA h3 {
  display: inline-block;
}

.awards,
.counters,
.pt_valueUp,
.service {
  padding-top: 6rem;
}

.row {
  margin-bottom: 1rem;
  margin-left: 0;
  margin-right: 0;
}

html .btn-primary {
  color: #fff;
  background-color: #d80c26;
  border: 0 !important;
}

html .btn-outline.btn-primary:hover {
  color: #d5132e;
  background-color: transparent;
  background-image: none;
  border-color: #d5132e;
}

.bg_fullwidth_cover {
  background-size: cover !important;
  background-position: center center !important;
}

.bg_white {
  background-color: #fff !important;
}

.bg_black {
  background-color: rgba(0, 0, 0, .7) !important;
}

.bg_red {
  background-color: rgba(204, 12, 12, 0.85) !important;
}

.bg_gray {
  background-color: #f4f4f4 !important;
}

.bg_green {
  background-color: rgba(3, 87, 44, .8) !important;
}

.bg_orange {
  background-color: #f37721 !important;
}

.bg_white.Mission {
  background-color: rgba(255, 255, 255, .9) !important;
}

.green {
  color: #1b6840 !important;
}

.black {
  color: #000 !important;
}

.white {
  color: #fff !important;
}

.title-red {
  color: #d5132e;
}

.title-green {
  color: #1b6840;
}

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

.txt_shadow {
  -webkit-text-shadow: 0 1px 12px #505050;
  -moz-text-shadow: 0 1px 12px #505050;
  text-shadow: 0 1px 12px #505050;
}

.row-five-items,
.row-five-items-4,
.row-five-items-5,
.row-five-items-reward {
  width: 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
  background: #1b6840 !important;
}

.breadcrumb {
  background: 0 0;
  margin: 0 0 15px;
  padding: 0;
  z-index: 1;
}

.breadcrumb>li+li::before {
  color: inherit;
  opacity: .5;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f105";
  padding: 0 7px 0 5px;
}

.page .banner_text,
.top_banner_text {
  font-family: 'Open Sans Condensed', sans-serif;
  margin: 0 auto;
  width: 100%;
}

.breadcrumb>li {
  font-size: .9rem;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 600;
}

.page .banner_text,
.page .banner_text h4 {
  -webkit-text-shadow: 0 1px 3px #000;
  -moz-text-shadow: 0 1px 3px #000;
  text-shadow: 0 1px 3px #000;
}

.breadcrumb>li.active {
  color: #1b6840;
}

.top_banner_text {
  color: #fff;
  font-size: 4.5rem;
  font-weight: 700;
  padding: 10px;
  text-align: left;
  top: 150px;
  line-height: 6rem;
}

.top_banner_text span {
  padding: 0 18%;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1rem;
}

.page section.section:first-of-type {
  padding-top: 30px;
}

.page .banner_text {
  color: #fff;
  font-size: 5rem;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  position: fixed;
  transform: translateY(-50%);
  top: 220px;
}

.page .banner_text .row,
.page .banner_text h4 {
  margin: 0;
  position: relative;
}

.page .banner_text h4 {
  color: #fff;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
}

.page-policy .forcefullwidth_wrapper_tp_banner .slider-container {
  background-image: url(/static/template/images/policy_banner.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 440px !important;
}

.page-case section h6:first-of-type,
.page-services section h6:first-of-type,
.page-work section h6:first-of-type,
.policy h6 {
  margin: 2.5rem 0 2rem;
}

.policy .sub-title {
  font-size: 2.2rem;
  margin: 2rem 0 .5rem;
}

.section .row,
.section.CTA h3 {
  margin-bottom: 0;
}

.CTA a {
  z-index: 100;
}

.CTA .btn_CTA {
  width: 40px;
  height: 40px;
  background: #fff;
  color: #076a37;
  border-radius: 50%;
  text-align: center;
  vertical-align: bottom;
  font-size: 1.6rem;
  padding: 7px;
}

.CTA a:hover .btn_CTA {
  background: #076a37;
  color: #fff;
}

.btn_CTA.fa-angle-right:before {
  margin-top: 1px;
}

.section.CTA {
  padding: 4rem 0 !important;
}

.section.CTA h3 {
  margin-right: 2rem;
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-family: "Open Sans", Arial, sans-serif;
}

.banner_text {
  font-size: 9rem;
  line-height: 1.2;
}

.banner_text,
.section-right-end {
  font-family: 'Open Sans Condensed', sans-serif;
}

.banner_text,
.banner_text_2 {
  font-weight: 700;
  margin: 0 auto;
  padding: 10px 0;
  width: 100%;
  text-align: left;
}

.slotholder {
  opacity: 1 !important;
  -webkit-transition: opacity 0s ease !important;
  -moz-transition: opacity 0s ease !important;
  transition: opacity 0s ease !important;
}

.rev_slider {
  position: fixed !important;
  width: 100%;
}

.rev_slider li.slide-overlay .slotholder:after {
  background: initial;
}

.page-index .forcefullwidth_wrapper_tp_banner {
  height: auto !important;
}

.banner_text {
  color: #fff;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}

.page-index .banner_text {
  -webkit-text-shadow: 0 1px 12px #505050;
  -moz-text-shadow: 0 1px 12px #505050;
  text-shadow: 0 1px 12px #505050;
}

.transparent_text {
  background-color: #fff;
  color: #000;
  position: relative;
  top: 0;
  mix-blend-mode: screen;
}

.banner_text_2 {
  color: #000;
  font-size: 7rem;
  position: fixed;
  top: 300px;
  letter-spacing: -.4rem;
  line-height: 7rem;
}

.tp-revslider-mainul {
  max-height: 100vh !important;
}

.tp-parallax-wrap {
  top: 90vh !important;
}

.service img {
  margin-bottom: .8rem;
  width: 10vw;
  max-width: 130px;
}

#section_index_2 {
  margin-top: 28% !important;
}

.counters label {
  color: #000;
  font-weight: 400;
  line-height: 20px !important;
}

.counters .counter strong,
.counters.counters-sm strong {
  color: #1b6840 !important;
  font-size: 3.5rem;
  line-height: 3.5rem;
}

.counters.counters-sm strong {
  font-weight: 400 !important;
}

.counters .counter strong {
  font-weight: 600 !important;
}

.brand-box {
  position: relative;
  margin: auto auto 3rem;
  width: 19vw;
  height: 19vw;
  max-width: 250px;
  max-height: 250px;
  background-color: #fff;
}

.brand-box img {
  position: relative;
  top: 50%;
  left: 3%;
  transform: translateY(-50%);
  width: 94%;
}

.brand-box-red,
.brand-box-red-end {
  background-color: #d5132e;
  padding: 2rem;
  font-weight: 700;
  color: #fff;
}

.brand-box-red {
  font-size: 2.8rem;
  line-height: 3.6rem;
}

.brand-box-red-end {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.brand-box-red-end span {
  position: absolute;
  bottom: .4rem;
  right: 1.2rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
}

.brand .row {
  margin: 0;
}

.brand-slider-desktop {
  display: block;
}

.brand-slider-mobile {
  display: none;
}

.awards .box-content {
  padding: 0;
}

.awards img {
  width: 56%;
  height: auto;
  margin-bottom: 1.5rem;
}

.awards h5 {
  padding: 0 .5rem;
}

.featured-boxes .featured-box {
  margin: 0;
}

.service div:nth-child(1) .featured-box,
.service div:nth-child(2) .featured-box,
.service div:nth-child(3) .featured-box,
.service div:nth-child(4) .featured-box {
  margin: 0 0 4.5rem;
}

.section-event-left {
  background-color: rgba(12, 72, 41, .9);
  padding: 40px 100px 40px 0;
  color: #fff;
  font-size: 2.5rem;
}

.section-event-right {
  background-color: rgba(0, 0, 0, .7);
  text-align: left;
  color: #fff;
  font-size: 1rem;
}

.section-event-right .row {
  margin-bottom: 0;
}

.section-event-right .event-date {
  padding: 40px 0 0 5px;
  text-align: center;
}

.section-event-right .event-content {
  padding: 40px 10px;
}

.section-right-end {
  text-align: right;
  bottom: 0;
  right: 50px;
  color: #fff;
  font-size: 1.9rem;
  font-weight: lighter;
  margin-top: 5rem;
}

.section-right-end a {
  color: #d5132e;
}

.section_china {
  padding: 18vh 0 6rem !important;
}

.section_china .section-right-end {
  margin-top: 13vh;
}

.page-contact .forcefullwidth_wrapper_tp_banner .slider-container {
  background-image: url(/static/template/images/contact_banner.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 440px !important;
}

.forcefullwidth_wrapper_tp_banner {
  height: 440px !important;
}

.slider-height,
.slider-height .slider {
  height: 100vh !important;
  max-height: 100vh !important;
}

.page-contact .contact-form h6 span {
  font-size: 1.5rem;
  color: #bbb;
  padding-left: .5rem;
  line-height: 1rem;
}

.AP_contact h4,
.contact-map a:active,
.contact-map a:focus,
.contact-map a:hover {
  color: #fff !important;
}

.page-contact .contact-map .rev_slider {
  position: initial !important;
  width: 100%;
}

.contact-map .slider-container {
  height: 404px !important;
  max-height: 404px !important;
  overflow: hidden !important;
}

.contact-map .tp-revslider-mainul {
  max-height: 120vh !important;
  min-height: 404px;
  height: 115% !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}

.page-contact .contact-left .contact-map {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 4rem;
}

.page-contact .contact-map .bg_black {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, .3) !important;
}

.page-contact .contact-map img {
  position: absolute;
  width: 100%;
  z-index: 99;
  bottom: 0;
}

.page-contact .contact-map .AP_contact {
  position: absolute;
  top: 2rem;
  left: 2rem;
  background: rgba(13, 107, 55, .8) !important;
  z-index: 99;
  padding: 1.5rem;
  max-width: 40%;
}

.AP_contact h4 {
  font-size: .75rem;
  line-height: .9rem;
}

.AP_contact h4:last-child {
  margin-bottom: 0 !important;
}

.AP_contact .location-base-title h5 {
  color: #fff !important;
  font-size: 1.5rem;
  line-height: .9rem;
  font-weight: 700;
}

.AP_contact .location-base-title h5 span {
  padding-left: 6px;
  font-size: 1.4rem !important;
  font-weight: 600;
}

.page-contact .contact-title {
  font-size: 2.2rem !important;
  font-weight: 700;
  color: #1b6840;
}

.page-contact .contact-title span {
  font-size: 1rem !important;
  font-weight: 400;
  font-weight: 700;
  padding-left: 10px;
  color: #c1c1c1;
}

.contact-location a:hover,
.page-contact .contact-right a:hover {
  color: #1b6840;
}

.contact-location .social-icons li a {
  font-size: 2rem;
  margin-right: .5rem;
}

.contact-location .social-icons li a i:hover {
  border: none;
  background: initial;
}

.contact-right {
  padding: 0 40px;
  font-size: 1rem;
  width: 100% !important;
}

.contact-right.sticky-active {
  width: 28.333333% !important;
  flex: 0 0 28.333333% !important;
  -ms-flex: 0 0 28.333333% !important;
  max-width: 410px;
}

.pin-wrapper {
  width: 33.333333%;
  flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
}

.page-contact .contact-right i {
  margin: 5px 10px 5px 0;
  color: #1b6840;
  font-size: 1.4rem;
}

.page-contact .contact-right ul.contact-info {
  padding-left: 10px;
  list-style-type: none;
}

.page-contact .contact-right ul.contact-info li {
  padding-bottom: 10px;
}

.page-contact .contact-left .contact-location {
  padding: 2rem 0;
}

.page-contact .contact-left .contact-location .location-base-title {
  margin-bottom: 30px;
}

.page-contact .contact-left .contact-location .location-base-title h5 {
  font-size: 1.2rem !important;
  color: #1b6840;
}

.page-contact .contact-left .contact-location .location-base-title span {
  font-size: 1.2rem !important;
  font-weight: 400;
  padding-left: .3rem;
  color: #c1c1c1;
}

.page-contact .contact-left .contact-location .location-name {
  color: #1b6840;
  padding-left: 30px;
}

.page-contact .contact-left .contact-location .location-name span {
  color: #000;
  font-size: .9rem !important;
  font-weight: 700;
  margin-right: 20px;
}

.page-contact .contact-left .contact-location .location-content {
  color: #000;
  line-height: 1.2rem;
}

.page-contact .contact-left .contact-location .location-base-content {
  color: #000;
  line-height: 1.2rem;
  margin-bottom: 1rem;
}

.page-contact .contact-left .contact-location .location-base-content .row {
  margin-bottom: 1rem;
}

.page-contact .contact-right table td {
  vertical-align: text-top;
  padding-bottom: .5rem;
}

.page-contact .adtect h4 {
  letter-spacing: inherit;
}

.page-contact .adtect img {
  width: 250px;
}

.page-event .forcefullwidth_wrapper_tp_banner .slider-container {
  background-image: url(/static/template/images/event_banner.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: 440px !important;
}

.page-digital-marketing-insight .forcefullwidth_wrapper_tp_banner .slider-container {
  background-image: url(/static/template/images/digital-marketing-insight_banner.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: 440px !important;
}

#circle {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #1b6840;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #000;
  text-align: center;
  z-index: 98;
}

.innerTEXT {
  position: relative;
  color: #fff;
  z-index: 99;
}

.innerTEXT.day {
  margin: 34% 0 0;
  line-height: .9rem;
}

.event-item,
.insight-item {
  text-align: left;
  margin-bottom: 30px;
  position: relative;
}

.thumb-title {
  height: 100px;
  background: #fff;
}

.thumb-img {
  overflow: hidden;
}

.page-digital-marketing-insight .thumb-img img,
.page-news .thumb-img img {
  width: 101%;
  max-width: 101%;
}

.thumb-info.thumb-info-no-borders .thumb-info-wrapper:after {
  border-radius: 0;
  bottom: 0;
  left: 0;
  right: 0;
  top: inherit !important;
}

.thumb-info .thumb-info-wrapper:after {
  content: "";
  background: rgba(13, 107, 55, .9);
  height: 100px;
  bottom: 0;
  color: #fff;
  position: absolute;
  display: block;
  opacity: 0;
  z-index: 1;
  border-top: 3px solid #1b6840;
}

.thumb-info .thumb-info-wrapper h4 {
  border-top: 3px solid #1b6840;
  padding: 1rem 1.2rem;
  color: #000;
  line-height: 1.4rem;
  font-size: 1rem;
}

.thumb-info.thumb-info-centered-info .thumb-info-title {
  background: 0 0;
  left: 5%;
  width: 90%;
  -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
  transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
  transition: transform .2s ease-out, opacity .2s ease-out;
  transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;
  -webkit-transform: translate(0, -30%);
  transform: translate(0, -30%);
  top: unset !important;
  bottom: 17%;
  opacity: 0;
  text-align: center;
  padding: 0;
  position: absolute;
}

.img-thumbnail .zoom,
.thumb-info .thumb-info-action-icon,
.thumb-info .thumb-info-type,
.thumb-info-ribbon,
.thumb-info-social-icons a,
.thumbnail .zoom {
  background-color: rgba(13, 107, 55, .9);
}

.thumb-info .thumb-info-type {
  border: 2px solid #fff;
  border-radius: 0;
  display: inline-block;
  float: left;
  font-size: 1rem;
  letter-spacing: 0;
  margin: auto;
  padding: .4rem 0;
  text-transform: uppercase;
  z-index: 2;
  line-height: 1;
  width: 60%;
}

.btn.sharp,
.btn.sharp:hover {
  border-radius: 0;
  background-color: #d5132e;
}

.page-contact h6:after,
.page-event-details h6:after,
.page-news-details .news-details h6:after,
.page-digital-marketing-insight-details .digital-marketing-insight-details h6:after {
  content: "";
  position: relative;
  display: block;
  top: .7rem;
  height: 1px;
  width: 12%;
  border-bottom: 4px #1b6840 solid;
}

.page-event-details .pin-wrapper {
  position: absolute;
  right: 0;
}

.event-details-right {
  margin-bottom: 2rem;
  padding: 0 40px;
  font-size: 1rem;
}

.page-event-details .event-details-right i {
  margin: 5px 10px 5px 0;
  color: #1b6840;
  font-size: 1.4rem;
}

.news-item,
.page-event-details .event-details {
  margin-bottom: 30px;
}

.page-event-details .event-details-right table td {
  vertical-align: text-top;
  padding-bottom: .5rem;
}

.event-details table .col {
  padding: 0;
}

.page-news .forcefullwidth_wrapper_tp_banner .slider-container {
  background-image: url(/static/template/images/news_banner.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 440px !important;
}

.news-item {
  text-align: left;
  position: relative;
}

.page-news-details .news-details h6,
.page-digital-marketing-insight-details .digital-marketing-insight-details h6 {
  font-size: 2rem;
  line-height: 2.2rem;
  margin: 2rem 0 1.5rem;
}

.page-news-details .news-details p,
.page-digital-marketing-insight-details .digital-marketing-insight-details p {
  text-align: left;
  color: #000;
  padding: 0 2rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
}

.page-digital-marketing-insight-details .digital-marketing-insight-details h4 {
  text-align: left;
  margin-top: 2.2rem;
  margin-bottom: 1.5rem;
  padding: 0 2rem;
  font-size: 1.7rem;
  line-height: 1.3;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  color: #1b6840;
}

.page-digital-marketing-insight-details .digital-marketing-insight-details p.title {
  margin-bottom: 1rem;
}

.page-digital-marketing-insight-details .digital-marketing-insight-details .img-caption {
  font-size: 0.8rem;
}

.page-news-details .news-details p:last-of-type,
.page-digital-marketing-insight-details .digital-marketing-insight-details p:last-of-type {
  margin-bottom: 3rem;
}

.page-news-details .news-details img,
.page-digital-marketing-insight-details .digital-marketing-insight-details img {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  position: relative;
  margin: 0 0 0.5rem;
}

.page-news-details .news-details h6:after,
.page-digital-marketing-insight-details .digital-marketing-insight-details h6:after {
  margin: auto;
}

.page-digital-marketing-insight-details section.CTA {
  position: relative !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  background-image: url(/static/template/images/digital-marketing-insight_banner_red.jpg) !important;
}

.page-services .service {
  padding-bottom: 0;
}

.page-services .thumb-info .thumb-info-wrapper h4 {
  border-top: 0 solid #1b6840;
}

.page-services .thumb-info .thumb-info-wrapper::after {
  content: "";
  background: #fff;
  border-top: 0 solid #1b6840;
}

.services-item {
  width: 100%;
  margin-bottom: 2rem;
  text-align: center;
}

.services-item img {
  width: 80%;
}

.services-item h6 {
  font-size: 2rem;
  line-height: 2.2rem;
  color: #444;
  margin: 0 0 .8rem !important;
  text-align: left;
}

.industry_info {
  text-align: left;
  width: 90%;
  height: 300px;
  margin: 2rem auto 1rem;
}

.industry_info p {
  line-height: 1.4rem;
}

.industry_info div {
  height: 28px;
  position: absolute;
  bottom: 0;
}

.industry_info .thumb-info-type {
  display: inline-block;
  float: left;
  font-size: 1rem;
  letter-spacing: 0;
  margin: auto;
  padding: .35rem 0;
  text-transform: uppercase;
  z-index: 2;
  line-height: 1;
  text-align: center;
  background-color: #fb203c;
  color: #fff;
  width: 160px;
  height: 28px;
}

.pt_valueUp img {
  width: 17vw;
  max-width: 220px;
}

.page-services .portfolio-list {
  width: 100%;
}

.page-services .partnerships .box-content {
  padding: 0;
}

.tab-pane.active .whyus_detail_1,
.tab-pane.active .whyus_detail_2 {
  -webkit-animation: fadeInUp;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
}

#section_services_2 h1,
#section_services_3 h1,
#section_services_4 h1 {
  font-size: 2.3rem;
}

#section_services_2 h1,
#section_services_2 h4 {
  color: #fff;
  text-align: center;
}

#section_services_2 h2 {
  color: #fff;
}

.services_content p,
.whyus .why-us-box-row p {
  color: #000;
}

.page-services .partnerships img {
  width: 90%;
  height: auto;
  margin-bottom: 1.5rem;
}

.page-services .partnerships h6 {
  margin: 0 0 4rem !important;
}

.page-services-sem .banner_text,
.page-services-seo .banner_text,
.page-services-social .banner_text,
.page-services-programmatic .banner_text,
.page-services-content .banner_text,
.page-services-influencer .banner_text,
.page-tech-data .banner_text,
.page-digital-marketing-insight .banner_text,
.page-services .banner_text,
.page-work .banner_text,
.page-douyin .banner_text,
.page-toutiao .banner_text,
.page-baidu .banner_text,
.page-wechat .banner_text,
.page-facebook .banner_text,
.page-services-global .banner_text,
.page-weibo .banner_text,
.page-xiaohongshu .banner_text,
.page-instagram .banner_text {
  font-size: 4.6rem;
  line-height: 5rem;
}

.page-services-china .banner_text,
.page-services-sea .banner_text {
  font-size: 4.4rem;
  line-height: 4.8rem;
}

.page-services-display .banner_text,
.page-services-video .banner_text {
  font-size: 4rem;
  line-height: 4.4rem;
}

.page-services-detail .transparent_block {
  width: 100%;
}

.services_content {
  margin-top: 1rem;
}

.services_content h6 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0 0 12px;
}

.services_content p {
  margin-bottom: 2rem;
}

.services_content h6:after {
  content: "";
  position: relative;
  display: block;
  top: .3rem;
  height: 1px;
  width: 8%;
  border-bottom: 3px #1b6840 solid;
}

.page-services-detail .platform img {
  width: 90%;
  height: auto;
  margin-bottom: 1.5rem;
}

.whyus .multiply,
.whyus .why-us-box-row {
  position: relative;
  background-color: #fff;
}

.whyus .row {
  margin-bottom: 0 !important;
}

.whyus h6 {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.whyus .multiply {
  margin-left: 0;
  width: 25%;
  height: 13rem;
}

.whyus .why-us-box-row h6 {
  font-size: 2rem;
  line-height: 2.2rem;
  margin-bottom: 1rem;
}

.whyus .why-us-box-row a {
  color: #1b6840 !important;
}

.rect_white {
  width: 100%;
}

.whyus .why-us-box {
  width: 100%;
  background-color: #fff;
  box-shadow: 5px 5px #006f3d;
  border: 2px solid #00693b;
  padding: 1.6rem;
  isolation: isolate;
  top: -8rem;
  position: inherit;
}

.page-services-video h4 {
  color: #1b6840;
}

.section_services_video_3 {
  position: relative;
  z-index: 999;
}

.page-services-detail h3 {
  color: #fff;
  font-weight: 700;
}

.page-services-detail section.section {
  border-top: 0 solid #f1f1f1;
}

.isolate {
  isolation: isolate;
}

#section_services_socialmedia_4,
.page-services-video .transparent_block {
  display: block;
}

.social_whyus .nav-tabs .nav-item h6 {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #000;
}

.social_whyus .nav-tabs .nav-item.active h6 {
  color: #1b6840;
}

.social_whyus {
  margin-top: 13rem;
}

.toggle>label:before {
  top: calc(50% + 1px);
}

.tab-pane.active .whyus_detail_1 {
  -webkit-animation-delay: .3s;
  animation: fadeInUp;
  animation-duration: 1.3s;
  animation-fill-mode: both;
  animation-delay: .3s;
}

.tab-pane.active .whyus_detail_2 {
  -webkit-animation-delay: .6s;
  animation: fadeInUp;
  animation-duration: 1.3s;
  animation-fill-mode: both;
  animation-delay: .6s;
}

.tab-pane.active .whyus_detail_3 {
  -webkit-animation: fadeInUp;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-delay: .6s;
  animation: fadeInUp;
  animation-duration: 1.3s;
  animation-fill-mode: both;
  animation-delay: .9s;
}

#section_work_3 h4,
.work-case .thumb-info .thumb-title a,
.work-case .thumb-info .thumb-title h4,
.work-case .thumb-info .thumb-title p {
  color: #fff;
}

.work-case {
  width: 100%;
}

.portfolio-list {
  width: 100%;
  margin: 2rem 0;
}

.work-case .thumb-info {
  overflow: hidden;
  width: 100%;
  height: 380px;
  border-radius: 0 !important;
  margin-bottom: 30px;
}

.work-case .thumb-title>div {
  top: calc(50% - 2rem);
  transform: translateY(-50%);
  width: 90%;
  margin: auto;
}

.work-case .thumb-title>div.unfinish {
  top: 50%;
}

.work-case .thumb-img,
.work-case-channels .thumb-img,
.work-case-success .thumb-img {
  width: 100%;
  height: 100%;
}

.work-case .thumb-info .thumb-img:before {
  content: '';
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.work-case.case_MS .thumb-info .thumb-img:before {
  background-color: rgba(26, 59, 32, .8);
}

.work-case.case_sinomax .thumb-info .thumb-img:before {
  background-color: rgba(9, 46, 110, .8);
}

.work-case.case_lesaunda .thumb-info .thumb-img:before {
  background-color: rgba(89, 32, 72, .8);
}

.work-case.case_CP .thumb-info .thumb-img:before {
  background-color: rgba(243, 119, 33, .8);
}

.work-case.case_colehaan .thumb-info .thumb-img:before {
  background-color: rgba(69, 187, 169, .8);
}

.work-case .thumb-info .thumb-img,
.work-case-channels .thumb-info .thumb-img,
.work-case-success .thumb-info .thumb-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.work-case .thumb-info:hover .thumb-img {
  transform: scale(1.1);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.work-case.case_MS .thumb-info .thumb-img {
  background-image: url(/static/template/images/thumb_m_s.jpg);
}

.work-case.case_sinomax .thumb-info .thumb-img {
  background-image: url(/static/template/images/thumb_sinomax.jpg);
}

.work-case.case_lesaunda .thumb-info .thumb-img {
  background-image: url(/static/template/images/thumb_lesaunda.jpg);
}

.work-case.case_CP .thumb-info .thumb-img {
  background-image: url(/static/template/images/thumb_cp.jpg);
}

.work-case.case_colehaan .thumb-info .thumb-img {
  background-image: url(/static/template/images/thumb_colehaan.jpg);
}

.work-case .thumb-info .case_logo {
  position: absolute;
  top: calc(50% - 75px);
  left: calc(50% - 150px);
  z-index: 2;
}

.work-case .thumb-info .case_logo img {
  transition: all 0s;
}

.work-case .thumb-info:hover .case_logo {
  visibility: hidden;
}

.work-case .thumb-info .thumb-title {
  visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}

.work-case .thumb-info:hover .thumb-title {
  visibility: inherit;
  animation-name: flipInY;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.work-case .thumb-title {
  background: 0 0;
}

.work-case .thumb-info .thumb-info-type {
  background-color: transparent;
  padding: .5rem;
  width: 160px;
  position: relative;
  left: calc(50% - 80px);
}

.work-case.case_MS .thumb-info .thumb-info-type:hover {
  background-color: #fff;
  color: #1a3b20;
}

.work-case.case_sinomax .thumb-info .thumb-info-type:hover {
  background-color: #fff;
  color: #092e6e;
}

.work-case.case_lesaunda .thumb-info .thumb-info-type:hover {
  background-color: #fff;
  color: #592048;
}

.work-case.case_CP .thumb-info .thumb-info-type:hover {
  background-color: #fff;
  color: #f37721;
}

.work-case.case_colehaan .thumb-info .thumb-info-type:hover {
  background-color: #fff;
  color: #3c9e8f;
}

#section_work_2 {
  padding-top: 0;
}

.work_with .featured-boxes .featured-box {
  margin: 2rem 0 .5rem;
}

.work_with .featured-box .col-6 {
  padding: 1rem;
}

.work_with .featured-box img {
  width: 100%;
}

#section_work_3.bg_black {
  background: rgba(0, 0, 0, .5) !important;
}

#section_work_3 h6 {
  color: #fff;
}

#section_work_3 .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 1.5rem;
}

#section_work_3 .owl-carousel {
  margin-bottom: 0;
}

.testimonial {
  margin: 0 .5rem;
}

.testimonial .square {
  position: relative;
  width: 420px;
  height: 420px;
  margin: auto;
  background-color: rgba(77, 77, 77, .8);
}

.testimonial blockquote {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 2rem 15% !important;
  text-align: center;
}

.testimonial blockquote i {
  color: #fff !important;
  font-size: 2.5rem;
}

.testimonial .testimonial_txt {
  height: 56%;
}

.testimonial .testimonial_logo {
  height: 25%;
  bottom: 2rem;
}

.testimonial blockquote h4 {
  font-family: "Open Sans", Arial, sans-serif !important;
  top: 50%;
  transform: translateY(-50%);
}

.testimonial blockquote div {
  width: 100%;
  left: 0;
}

.testimonial blockquote img {
  border-top: 1px solid #fff;
  padding-top: 1rem;
  width: 200px !important;
  margin: auto;
}

.timeline {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: calc(50% - 1px);
  top: 0;
  content: ' ';
  display: block;
  width: 2px;
  height: 100%;
  background: #d2cece;
  z-index: 0;
}

.direction-l,
.direction-r {
  width: 50%;
  position: relative;
}

.timeline li {
  padding: 3rem 0 0;
}

.timeline li::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  float: left;
  text-align: right;
  padding-right: 2rem;
}

.direction-r {
  float: right;
  padding-left: 2rem;
}

.timeline .flag-wrapper .flag {
  position: relative;
  display: inline-block;
  background: #fff;
  padding: .3rem .8rem;
  border-radius: 5px;
  text-align: left;
  border: 1px solid #d7d7d7;
  font-size: 1.8rem;
  line-height: 2rem;
  height: auto;
  width: auto;
  margin-bottom: .5rem;
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: 60%;
  right: calc(-2rem - 7px);
  content: ' ';
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  background: #1b6840;
  border-radius: 10px;
  z-index: 10;
}

.direction-l .flag:after,
.direction-r .flag:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  pointer-events: none;
}

.direction-r .flag:before {
  left: calc(-2rem - 7px);
  right: initial;
}

.direction-l .flag:after {
  left: 100%;
  border: solid transparent;
  border-left-color: #d7d7d7;
  border-width: 8px;
}

.direction-r .flag:after {
  right: 100%;
  border: solid transparent;
  border-right-color: #d7d7d7;
  border-width: 8px;
}

.flag-wrapper {
  position: relative;
  display: inline-block;
  text-align: center;
}

.direction-r .time-wrapper {
  float: right;
}

.direction-l .time-wrapper {
  float: left;
}

.time-wrapper {
  display: inline;
  line-height: 1em;
  font-size: .66666em;
  color: #1b6840;
  vertical-align: middle;
}

.time-wrapper .time {
  display: inline-block;
  padding: 4px 6px;
  background: #f8f8f8;
}

.page-case .forcefullwidth_wrapper_tp_banner .slider-container,
section.section.work-result-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.direction-l .desc {
  padding-right: .8rem;
}

.direction-r .desc {
  padding-left: .8rem;
}

.desc h6 {
  font-size: 1.8rem;
  line-height: 2rem;
  color: #000;
  margin-bottom: .5rem;
}

.desc p {
  font-size: 1rem;
  line-height: 1.1rem;
  margin: 0;
}

.vision h4,
.vision h6 {
  color: #fff;
  text-transform: uppercase;
}

.mission,
.vision {
  padding: 6.5rem 0;
}

.page-about .whyus h6,
.work_title {
  margin: 1.5rem 0 2.5rem;
}

.services_title {
  margin: 2.5rem 0;
}

.whyus_about,
.china_digital,
.sea_digital,
.tech-data {
  padding: 3rem 0;
}

#section_about_4.whyus {
  padding-bottom: 0;
}

.whyus_about .txt {
  transform: translateY(-50%);
  top: 47%;
  width: 90%;
  margin: auto;
}

.china_digital .txt,
.sea_digital .txt {
  top: 45%;
  transform: translateY(-50%);
}

.whyus .whyus_about h6,
.china_digital h6,
.sea_digital h6,
.tech-data h6 {
  font-size: 2rem;
  line-height: 2.2rem;
  margin-bottom: 1rem;
  color: #000;
}

.whyus_about .thumb-img img {
  -ms-transform: transform .5s linear;
  -webkit-transform: transform .5s linear;
  transition: transform .5s linear;
}

.whyus_about.about_1 .thumb-img img {
  width: 140%;
}

.whyus_about.about_2 .thumb-img img {
  height: 100%;
}

.whyus_about.about_3 .thumb-img img {
  height: 105%;
  margin: 0 -34%;
}

.whyus_about.about_4 .thumb-img img {
  width: 100%;
}

.whyus_about.about_5 .thumb-img img {
  width: 130%;
  margin: 0 -34%;
}

.china_digital img,
.sea_digital img {
  width: 90%;
}

.tech-data img {
  width: 70%;
}

.tech-data .counters .counter strong,
.page-douyin .counters .counter strong,
.page-toutiao .counters .counter strong,
.page-baidu .counters .counter strong,
.page-wechat .counters .counter strong,
.page-facebook .counters .counter strong,
.page-weibo .counters .counter strong,
.page-xiaohongshu .counters .counter strong,
.page-instagram .counters .counter strong {
  font-size: 2.3rem;
  line-height: 2.6rem;
}

.tech-data .counters img,
.page-douyin .counters img,
.page-toutiao .counters img,
.page-baidu .counters img,
.page-wechat .counters img,
.page-facebook .counters img,
.page-weibo .counters img,
.page-xiaohongshu .counters img,
.page-instagram .counters img {
  width: 45%;
}

.tech-data .counterR,
.page-douyin .counterR,
.page-toutiao .counterR,
.page-baidu .counterR,
.page-wechat .counterR,
.page-facebook .counterR,
.page-weibo .counterR,
.page-xiaohongshu .counterR,
.page-instagram .counterR {
  position: initial;
  top: initial;
  left: initial;
  transform: initial;
  width: 100%;
}

.tech-data .counters .counter strong.special_txt {
  font-size: 1.6rem;
}

.whyus_about .thumb-img:hover img {
  transform: scale(1.1);
}

.whyus_about .thumb-img,
.china_digital .thumb-img,
.sea_digital .thumb-img {
  overflow: hidden;
  margin: auto;
}

.about_1 .thumb-img {
  width: 26vw;
  height: 26vw;
  min-width: 380px;
  min-height: 460px;
  max-width: 460px;
  max-height: 560px;
}

.about_2 .thumb-img {
  width: 16vw;
  height: 28vw;
  min-width: 280px;
  min-height: 490px;
  max-width: 320px;
  max-height: 560px;
  margin-top: 10px;
}

.about_2 .section-right-end {
  margin-top: 2rem;
}

.about_3 .thumb-img {
  width: 18vw;
  height: 44vw;
  min-width: 300px;
  min-height: 360px;
  max-width: 400px;
  max-height: 450px;
  margin-top: -5px;
}

.about_4 .thumb-img {
  width: 32vw;
  height: 27vw;
  min-width: 400px;
  min-height: 220px;
  max-width: 600px;
  max-height: 450px;
}

.about_5 .thumb-img {
  width: 24vw;
  height: 28vw;
  min-width: 380px;
  min-height: 220px;
  max-width: 600px;
  max-height: 430px;
}

.page-about .awards img {
  width: 40%;
}

.page-about #section_about_1 img {
  width: 80%;
}

.page-about .featured-boxes .featured-box {
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 0 1rem;
}

#section_about_5 h6 {
  font-size: 4rem;
  line-height: 4rem;
}

.page-case.case-cashingpro .forcefullwidth_wrapper_tp_banner .slider-container {
  background-image: url(/static/template/images/banner_case_cashingpro.jpg) !important;
  height: 440px !important;
}

.page-case.case-markAndspencer .forcefullwidth_wrapper_tp_banner .slider-container {
  background-image: url(/static/template/images/banner_case_ms.jpg) !important;
  height: 440px !important;
}

.page-case.case-colehaan .forcefullwidth_wrapper_tp_banner .slider-container {
  background-image: url(/static/template/images/banner_case_ch.jpg) !important;
  height: 440px !important;
}

.work-case-objective {
  padding: 1rem 0;
}

.work-case-objective ul {
  color: #1b6840;
}

#section_work_case_2 h6,
.case-result .counters .counter label,
.case-result h5 {
  color: #fff !important;
}

.work-case-channels h6,
.work-case-objective h6,
.work-case-success h6 {
  font-size: 2rem;
  line-height: 2.2rem;
  margin-bottom: 1rem !important;
}

.work-case-channels .right,
.work-case-objective .right {
  position: absolute;
  right: 0;
  padding: 0 40px;
}

.work-case-objective .left {
  padding: 2rem 0 5rem 4rem;
}

.case-markAndspencer .work-case-objective .left {
  padding: 0.5rem 0 2rem 4rem;
}

.work-case-objective img {
  width: 26vw;
  height: 26vw;
  min-width: 300px;
  min-height: 300px;
  max-width: 390px;
  max-height: 390px;
}

.page-case .box-content img {
  max-width: 200px;
}

.page-case .row-five-items-reward h5 {
  background-color: #1b6840;
  color: #fff;
  font-size: 1.5rem;
  padding: 8px;
  margin: 0 10px 10px;
}


section.section.cp-result-bg {
  position: relative;
  background-color: rgba(12, 12, 12, .3);
  background-image: url(/static/template/images/cashingpro_result.jpg) !important;
}

section.section.ms-result-bg {
  position: relative;
  background-color: rgba(12, 12, 12, .3);
  background-image: url(/static/template/images/ms_result.jpg) !important;
}

section.section.ch-result-bg {
  position: relative;
  background-color: rgba(12, 12, 12, .3);
  background-image: url(/static/template/images/ch_result.jpg) !important;
}

.case-colehaan .case-result .counters label {
  max-width: 200px;
  margin: auto;
}

.case-result .counters {
  padding-top: 2rem;
}

.case-result .counters .counter i,
.case-result .counters .counter strong {
  color: #fff !important;
  display: inline-block;
}

.case-result .counters .counter strong:nth-child(2) {
  font-size: 2.6rem;
}

.case-result .counters .counter i {
  font-size: 3.2rem;
  line-height: 3.2rem;
  margin-bottom: 0;
}

.case-result h5 {
  font-size: 1rem;
}

.case-result img {
  width: 76%;
}

#section_work_case_4.section {
  padding-top: 1rem;
}

.work-case-success .left {
  padding: 0rem 0 1rem 2rem;
}

.work-case-channels .thumb-info,
.work-case-success .thumb-info {
  overflow: hidden;
  width: 100%;
  height: 400px;
  border-radius: 0 !important;
  margin-bottom: 30px;
}

.case-markAndspencer .work-case-channels .thumb-info,
.work-case-success .thumb-info {
  height: 550px;
}

.case-cashingpro .work-case-success .thumb-info .thumb-img {
  background-image: url(/static/template/images/cashingpro_2.jpg);
}

.case-markAndspencer .work-case-success .thumb-info .thumb-img {
  background-image: url(/static/template/images/ms_2.jpg);
}

.case-colehaan .work-case-success .thumb-info .thumb-img {
  background-image: url(/static/template/images/ch_2.jpg);
}

.work-case-success .row {
  margin-bottom: 1rem !important;
}

.work-case-success ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.work-case-success ul li {
  vertical-align: middle;
  display: table-cell;
}

.work-case-success i {
  width: 40px;
  height: 40px;
  background: #076a37;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  vertical-align: bottom;
  font-size: 1.6rem;
  padding: 6px;
  margin: 0 1rem 1rem;
}

.case-cashingpro .work-case-channels .thumb-info .thumb-img {
  background-image: url(/static/template/images/cashingpro_3.jpg);
}

.case-markAndspencer .work-case-channels .thumb-info .thumb-img {
  background-image: url(/static/template/images/ms_3.jpg);
}

.case-colehaan .work-case-channels .thumb-info .thumb-img {
  background-image: url(/static/template/images/ch_3.jpg);
}

.work-case-channels .left {
  padding: 9rem 0 9rem 4rem;
}

.case-markAndspencer .work-case-channels .left {
  padding: 11rem 0 16rem 4rem;
}

.page-case .testimonial .square {
  position: relative;
  width: 420px;
  height: 420px;
  margin: auto;
  background-color: #f7f7f7;
}

.case-cashingpro .testimonial {
  margin: 0 !important;
}

.page-case .testimonial blockquote img {
  border-top: 1px solid #000;
}

.page-case .testimonial.testimonial-style-2 blockquote i {
  color: #000 !important;
}

.page-case .brand h6 {
  color: #fff;
}

.page-case .brand-slider-desktop {
  padding-top: 3rem;
}

.page-case .brand .read-more {
  position: absolute;
  top: 190px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.page-case .brand-box img {
  margin: 2rem auto 1rem;
  transform: inherit !important;
  top: inherit !important;
}

.page-case .see-more {
  z-index: 100;
  position: relative;
}

section.case_CTA {
  position: relative !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  background-image: url(/static/template/images/digital-marketing-cases_banner_red.jpg) !important;
}

.cookie-agreement-box {
  display: none;
  z-index: 100;
  background-color: #31313199;
}

.cookie-agreement-box p {
  padding: 0.3rem 0;
  font-size: 0.8rem;
  line-height: 1.2rem;
  color: #fff;
}

.cookie-agreement-box p a {
  color: #fff;
  text-decoration: underline;
}

.cookie-agreement-box button {
  border: 1px #fff solid !important;
  background-color: #d5132e00 !important;
  padding: 0.5rem 1.5rem !important;
  font-size: 0.8rem !important;
  margin: auto 0.5rem !important;
}

#suggust-article h6:first-of-type {
  margin: 0 0 3rem;
}

#suggust-article.section {
  padding-top: 4rem;
}

.point img {
  width: 100%;
  max-width: 251px;
}

.point .pt_detail {
  padding-top: 1rem;
  padding-bottom: 3rem;
}

.point .pt_detail h6 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin: 0 0 8px;
}

#section_services_global_2 {
  padding: 0rem 0 9rem;
}

.global .global_detail h6 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin: 0 0 1rem !important;
}

.global {
  margin: 2rem 0;
}

.global_detail {
  margin-bottom: 2.5rem;
}

.global_detail>div {
  text-align: left;
  width: 85%;
  margin: 2rem 1rem 1rem 2rem;
}

.global_detail>div ul {
  color: #000;
  font-size: 1rem;
  line-height: 1.4rem;
  padding: 0 0 0 25px;
}

@media only screen and (max-width:1280px) {
  h1 {
    font-size: 4rem;
    line-height: 4rem;
  }

  .banner_text {
    font-size: 6.8rem;
    line-height: 9rem;
  }

  .featured-box .box-content {
    padding: 30px 10px 10px;
  }

  .brand-box-red {
    font-size: 2.4rem;
    line-height: 3.2rem;
    padding: 1.4rem;
  }

  .brand-box-red-end {
    font-size: 2rem;
    line-height: 2.8rem;
    padding: 1.7rem;
  }

  .brand-box {
    margin-bottom: 2rem;
  }

  .row-five-items,
  .row-five-items-4,
  .row-five-items-5,
  .row-five-items-reward {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .awards img {
    width: 70%;
    margin-bottom: 1rem;
  }

  .awards h5 {
    padding: 16% 5%;
  }

  .section_china {
    padding: 12rem 0 6rem !important;
  }

  .section_china .section-right-end {
    margin-top: 11rem;
  }

  .contact-map .slider-container {
    height: 400px !important;
    max-height: 400px !important;
  }

  .page-contact .contact-map .AP_contact {
    max-width: 64%;
  }

  .page-contact .contact-left .contact-location .location-name span {
    margin-right: 4px;
  }

  .page-contact .contact-left .contact-location .location-name {
    padding-left: 3px;
  }

  .industry_info {
    height: 420px;
  }

  .services-item .thumb-info .thumb-title {
    padding: 0 .5rem;
    top: 10%;
  }

  .services-item .thumb-info .thumb-info-type {
    width: 58% !important;
  }

  .page-digital-marketing-insight .banner_text,
  .page-services .banner_text,
  .page-work .banner_text,
  .page-tech-data .banner_text,
  .page-douyin .banner_text,
  .page-toutiao .banner_text,
  .page-baidu .banner_text,
  .page-wechat .banner_text,
  .page-facebook .banner_text,
  .page-services-global .banner_text,
  .page-weibo .banner_text,
  .page-xiaohongshu .banner_text,
  .page-instagram .banner_text {
    font-size: 3.4rem;
    line-height: 4rem;
  }

  .page-services-display .banner_text,
  .page-services-video .banner_text {
    font-size: 4rem;
    line-height: 4rem;
  }

  .page-services-display .banner_text .row .col-12:first-child {
    padding: 0 2rem;
  }

  .whyus_detail_1,
  .whyus_detail_2,
  .whyus_detail_3 {
    width: 30%;
    max-width: 30%;
    flex: 0 0 30%;
  }

  .whyus_detail_2,
  .whyus_detail_3 {
    margin-left: 5%;
  }

  .about_3 .thumb-img {
    height: 48vw;
  }

  .about_4 .thumb-img {
    width: 38vw;
    height: 36vw;
  }

  .about_5 .thumb-img {
    width: 24vw;
    height: 38vw;
  }

  .work-case .thumb-info {
    height: 297px;
  }

  .work-case .thumb-info .case_logo img {
    width: 220px;
  }

  .work-case .thumb-info .case_logo {
    top: calc(50% - 55px);
    left: calc(50% - 110px);
  }

  .testimonial blockquote {
    padding: 2rem 0 !important;
  }

  .case-cashingpro .banner_text,
  .case-colehaan .banner_text,
  .case-markAndspencer .banner_text {
    font-size: 4rem;
  }

  .work-case-objective .left {
    padding: 4rem 0 4rem 2rem;
  }

  .case-cashingpro .work-case-objective .left,
  .case-colehaan .work-case-objective .left,
  .case-markAndspencer .work-case-objective .left {
    padding: 0.2rem 0 3rem 2rem;
  }

  .work-case-objective {
    padding: 2rem 0 0 0;
  }

  .case-markAndspencer .work-case-objective .right {
    padding: 40px;
  }

  .china_digital,
  .sea_digital,
  .tech-data {
    padding: 2rem 0;
  }

  .china_digital img,
  .sea_digital img {
    width: 100%;
  }

  .tech-data img {
    width: 80%;
  }

  .tips_1 .txt,
  .tips_3 .txt,
  .tips_5 .txt,
  .china_pt1 .txt,
  .china_pt3 .txt,
  .china_pt5 .txt,
  .sea_pt1 .txt,
  .sea_pt3 .txt,
  .sea_pt5 .txt {
    padding-right: 2rem;
  }

  .tips_2 .txt,
  .tips_4 .txt,
  .china_pt2 .txt,
  .china_pt4 .txt,
  .sea_pt2 .txt,
  .sea_pt4 .txt,
  .tech-data .txt {
    padding-left: 2rem;
  }

  .global_detail img {
    width: 100%;
  }

  .global_detail>div {
    margin: 1rem 1rem 1rem 1.5rem
  }
}

@media only screen and (max-width:1120px) {
  .header-container {
    padding: 0 4%;
  }

  #header .header-nav-main nav>ul>li:nth-child(5).mobile-hide a {
    margin-right: 0.6rem !important;
  }

  #header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a,
  html:not(.sticky-header-active) #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a {
    padding: 0 .6rem;
  }

  #header .header-nav.header-nav-links nav>ul>li>a,
  #header .header-nav.header-nav-links nav>ul>li:hover>a,
  #header .header-nav.header-nav-line nav>ul>li>a,
  #header .header-nav.header-nav-line nav>ul>li:hover>a {
    padding: 0 .6rem;
  }

  .page-tech-data .banner_text {
    font-size: 3.2rem;
    line-height: 4rem;
  }

  .tech-data .counters .counter strong {
    font-size: 1.9rem;
    line-height: 2.6rem;
  }
}

@media only screen and (max-width:1080px) {
  .service .featured-box .box-content {
    padding-left: 0;
    padding-right: 0;
  }

  .banner_text {
    font-size: 6rem;
  }

  .brand-box-red {
    font-size: 2.1rem;
    line-height: 2.7rem;
    padding: 1.5rem;
  }

  .brand-box-red-end {
    font-size: 1.9rem;
    line-height: 2.5rem;
    padding: 1.3rem;
  }

  .thumb-info .thumb-info-wrapper h4 {
    padding: .6rem;
  }

  .page-services .portfolio-list .col-lg-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .services-item .thumb-info .thumb-title {
    padding: 0 2rem;
    top: 20%;
  }

  .services-item .col-md-6:nth-child(2) .thumb-info .thumb-title {
    top: 20%;
  }

  .industry_info {
    height: 290px;
  }

  .whyus_detail_1,
  .whyus_detail_2,
  .whyus_detail_3 {
    width: 32%;
    max-width: 32%;
    flex: 0 0 32%;
  }

  .whyus_detail_2,
  .whyus_detail_3 {
    margin-left: 2%;
  }

  .work-case-channels .thumb-info,
  .work-case-success .thumb-info {
    height: 460px;
    margin-bottom: 0;
  }

  .case-markAndspencer .work-case-success .thumb-info .thumb-img {
    background-position: top center;
  }

  .work-case-objective .left {
    padding: 4rem 0;
  }

  .work-case-channels .right {
    position: relative;
    right: initial;
    padding: 0;
  }

  .work-case-channels>div,
  .work-case-success>div {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 1rem 2rem 3rem !important;
  }

  .page-case .brand-slider-desktop {
    padding-top: 1.5rem;
  }

  .page-case .brand-box img {
    margin: 1.5rem auto 1rem;
  }

  .page-case .see-more.btn-primary {
    padding: .5rem 2rem;
  }
}

@media only screen and (max-width:1007px) {
  .event-details-left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .page-event-details .pin-wrapper {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    padding: 0 15px;
    margin-bottom: 2rem;
  }

  .page-event-details .event-details-right {
    padding: 0 15px;
  }

  .page-event-details .pin-wrapper .event-details-right {
    padding: 0;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
}

@media only screen and (max-width:991px) {

  .mobile-bottom-menu,
  .page-index .banner_text .container div:nth-child(2),
  .page-index .banner_text .container div:nth-child(3) {
    display: block;
  }

  #footer .row {
    margin-bottom: 44px;
  }

  .page-index #footer .row {
    margin-bottom: 0;
  }

  .page-index .mobile-menu-social-icons {
    bottom: 35px;
  }

  .page-index .mobile-menu-lang {
    bottom: 25px;
  }

  html.mobile-menu-opened #header .header-nav-main nav>ul li .dropdown-menu a {
    font-size: 1rem;
    line-height: 2rem !important;
    margin: 0;
  }

  .sub-menu .dropdown-item {
    text-align: center !important;
  }

  .dropdown-item:hover {
    background-color: #fff !important;
  }

  #header .header-nav-main nav>ul li a {
    color: #1b6840 !important;
    font-size: 1.1rem;
    font-weight: inherit;
    line-height: 2.8rem;
  }

  .CTA .btn_CTA,
  .section.CTA h3 {
    font-size: 1.6rem;
  }

  #header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a,
  html:not(.sticky-header-active) #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a {
    text-shadow: none;
  }

  #header .header-nav-main nav>ul li ul li a {
    color: #898989 !important;
  }

  #header .header-nav-main nav>ul {
    padding: 15px 25px !important;
  }

  html #header.header-transparent .header-body {
    overflow: visible !important;
  }

  #header .header-nav.header-nav-links nav>ul li.active>a::before,
  #header .header-nav.header-nav-links nav>ul li:hover>a::before {
    bottom: 16px;
    border-bottom: 0 !important;
  }

  li.active>a {
    background-color: inherit !important;
  }

  html .btn-outline.btn-primary {
    width: 100%;
  }

  #header .header-nav-main nav {
    max-height: calc(100vh - 195px);
    margin: auto;
    text-align: center;
  }

  #header .header-nav-main nav>ul li {
    border-bottom: 0 !important;
    margin: 0;
  }

  .brand-slider-desktop,
  .breadcrumb {
    display: none;
  }

  .header-container {
    max-height: 100px;
  }

  .CTA .btn_CTA {
    width: 32px;
    height: 32px;
    text-align: center;
    vertical-align: bottom;
    padding: 3px;
  }

  .section.CTA {
    padding: 2.4rem 0 !important;
  }

  .banner_text .content {
    padding: 1% 0;
  }

  .banner_text h4 {
    text-align: center !important;
  }

  .section-right-end {
    font-size: 1.6rem;
    margin-top: 3rem;
  }

  .banner_text {
    font-size: 5rem;
    line-height: 5rem;
  }

  .featured-boxes .featured-box {
    margin: 0 0 2rem;
  }

  .counters,
  .service {
    padding-top: 3rem;
  }

  .service img {
    margin-bottom: .8rem;
    width: 13vw;
  }

  .service .featured-box {
    margin: 0 0 2.5rem !important;
  }

  .counters {
    padding-bottom: 0;
  }

  .brand-slider-mobile {
    display: block;
  }

  .brand-box {
    width: 32vw;
    height: 32vw;
    max-width: 250px;
    max-height: 250px;
    transform: translateY(0);
    margin-bottom: 1rem;
  }

  .brand-box-red {
    font-size: 2.8rem;
    line-height: 3.8rem;
    padding: 1.8rem;
  }

  .brand-box-red-end {
    font-size: 2.4rem;
    line-height: 3.2rem;
    padding: 1.8rem;
  }

  #section_index_4 .box-content {
    display: -webkit-box;
    display: inline-block;
  }

  .page-contact .contact-form-block,
  .page-contact .contact-right,
  .pin-wrapper {
    display: none;
  }

  #section_index_4 .box-content h7 {
    padding: 30px 0 0 30px;
    text-align: left;
  }

  .brand-box img {
    left: 0;
  }

  .row-five-items {
    width: 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }

  .row-five-items-4,
  .row-five-items-5,
  .row-five-items-reward {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .awards img {
    width: 35%;
  }

  .awards h5 {
    padding: 5% 5% 10%;
  }

  .section-event-left {
    font-size: 1.8rem;
    padding: 1rem;
  }

  .section-event-right .event-date {
    padding: 40px 0;
  }

  .section_china {
    padding: 9rem 0 6rem !important;
  }

  .section_china .section-right-end {
    margin-top: 7rem;
  }

  .forcefullwidth_wrapper_tp_banner {
    height: 320px !important;
  }

  .page .banner_text {
    font-size: 3.6rem;
    padding: 10px;
    width: 100%;
    position: fixed;
    top: 180px;
    line-height: 3.6rem;
  }

  .page .banner_text h4 {
    text-align: center;
  }

  .page-contact .contact-title:before {
    content: "";
    position: absolute;
    left: 18px;
    top: 70px;
    height: 1px;
    width: 12%;
    border-bottom: 3px #1b6840 solid;
  }

  .page-contact .contact-left .contact-location .location-name {
    color: #1b6840;
    padding-left: 15px;
    margin-bottom: 10px;
  }

  .page-contact .contact-left .contact-location .location-name span {
    color: #000;
    font-size: .9rem !important;
    font-weight: 700;
    margin-right: 20px;
  }

  .AP_contact h4,
  .contact-right h4 {
    font-size: 1rem;
  }

  .page-contact .contact-left .contact-map {
    width: 100vw;
    position: absolute;
    left: 0;
    margin-left: calc(-6% - 18px);
    overflow: hidden;
  }

  .contact-map .tp-revslider-mainul {
    min-height: 460px;
    top: 49% !important;
    height: 125% !important;
  }

  .contact-map .slider-container {
    height: 460px !important;
    max-height: 460px !important;
  }

  .page-contact .contact-map .AP_contact {
    padding: 1.5rem;
    max-width: 45%;
  }

  .AP_contact h4 {
    line-height: 1.2rem;
  }

  .page-contact .contact-left .contact-location {
    padding-top: 570px;
  }

  .page-contact .contact-map img.map {
    width: 100%;
    margin-left: 0;
  }

  .contact-right {
    padding: 0 15px;
  }

  .page-contact .adtect h4 {
    font-size: 1.2rem;
  }

  .location-content {
    padding: 0 15px 0 30px;
  }

  .page-event .banner_text,
  .page-digital-marketing-insight .banner_text,
  .page-services .banner_text,
  .page-work .banner_text,
  .page-douyin .banner_text,
  .page-toutiao .banner_text,
  .page-baidu .banner_text,
  .page-wechat .banner_text,
  .page-facebook .banner_text,
  .page-services-global .banner_text,
  .page-weibo .banner_text,
  .page-xiaohongshu .banner_text,
  .page-instagram .banner_text {
    font-size: 3.6rem;
    padding: 10px;
    width: 100%;
    position: fixed;
    line-height: 3.6rem;
  }

  .thumb-info .thumb-info-wrapper h4 {
    padding: 1rem 1.2rem;
  }

  .page-event-details .pin-wrapper {
    display: block;
    position: relative;
    right: initial;
    padding: 0 15px;
    width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    margin-bottom: 2rem;
  }

  .page-services-detail .transparent_block,
  .page-services-video .transparent_block {
    display: none;
  }

  .event-details-right {
    padding: 0 15px;
    width: 100%;
  }

  .page-news .banner_text {
    font-size: 3.6rem;
    padding: 10px;
    width: 100%;
    position: fixed;
    line-height: 3.6rem;
  }

  .pt_valueUp {
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .pt_valueUp img {
    width: 32vw;
    max-width: initial;
  }

  .industry_info {
    height: 335px;
  }

  .services-item .thumb-info .thumb-info-type {
    width: 60% !important;
  }

  .page-services-detail .owl-theme .owl-dots .owl-dot span {
    border-radius: 0;
    width: 25px !important;
    height: 4px !important;
  }

  .page-services-detail .owl-carousel {
    position: inherit;
    background-color: #fff;
    padding: 40px;
    box-shadow: 5px 5px #898989;
    width: 100%;
  }

  .page-services-detail .services_video_content {
    width: 100%;
    padding: 20px;
  }

  .page-services-detail .why-us-box {
    min-height: 250px;
    top: 0;
  }

  .services_title,
  .work_title {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }

  .page-services-display .banner_text,
  .page-services-sem .banner_text,
  .page-services-seo .banner_text,
  .page-services-social .banner_text,
  .page-services-programmatic .banner_text,
  .page-services-china .banner_text,
  .page-services-sea .banner_text {
    font-size: 3.4rem;
    line-height: 3.4rem;
  }

  .page-tech-data .banner_text {
    font-size: 3rem;
    line-height: 3.2rem;
  }

  .whyus_detail_1,
  .whyus_detail_2,
  .whyus_detail_3 {
    width: initial;
    max-width: initial;
    flex: initial;
  }

  .whyus_detail_2,
  .whyus_detail_3 {
    margin-left: initial;
  }

  .whyus .why-us-box-row {
    background-color: transparent;
    padding-top: 3rem;
  }

  .whyus .why-us-box {
    width: 100%;
    background-color: #fff;
    border: 0;
    box-shadow: none;
    padding: 1.6rem;
    height: auto;
    min-height: initial;
    position: inherit;
    margin-bottom: 3rem;
  }

  .whyus_detail_2 .why-us-box,
  .whyus_detail_3 .why-us-box {
    margin-top: 0 !important;
  }

  #section_services_socialmedia_5 {
    position: relative;
  }

  .page-services-video .toggle-content .owl-carousel {
    width: initial;
    margin-left: 10px;
    margin-right: 10px;
    box-shadow: 0 0 #898989;
  }

  html .page-services-video .toggle-primary .toggle label {
    color: #898989;
    background-color: #f5f5f5;
    border-left-color: initial;
    border-right-color: initial;
  }

  html .page-services-video .toggle-primary .toggle.active label {
    color: #fff;
    background-color: #1b6840;
    border-left-color: initial;
    border-right-color: initial;
  }

  .work-case-objective .left,
  .work-case-objective .right {
    position: relative;
    right: initial;
    padding: 1rem 0 0;
  }

  .case-markAndspencer .work-case-objective .right {
    padding: 1rem 0 0;
  }

  .whyus_about .thumb-img {
    width: 100%;
    height: 55vw;
    min-width: initial;
    min-height: initial;
    max-width: initial;
    max-height: initial;
    margin: 0;
    padding: 0;
  }

  .whyus_about.about_1 .thumb-img img {
    width: 100%;
    margin: -3% auto;
  }

  .whyus_about.about_2 .thumb-img img {
    width: 100%;
    padding: 0;
  }

  .whyus_about.about_3 .thumb-img img {
    width: 105%;
    height: unset;
    margin: 0 -34%;
  }

  .whyus_about.about_4 .thumb-img img {
    width: 100%;
    margin: -7% auto;
  }

  .row.about_4 {
    padding-bottom: 0;
  }

  .about_4 p {
    margin: 0;
  }

  .about_2 .section-right-end {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .page-about .awards {
    padding-top: 0;
  }

  .testimonial blockquote {
    padding: 2rem 1rem !important;
  }

  .case-result h5 {
    text-align: center;
    margin: 1rem auto 0;
    width: 70%;
  }

  .work-case-objective .left {
    margin-top: 2rem;
  }

  .work-case-channels .left,
  .work-case-success .left {
    padding: 0;
  }

  .case-markAndspencer .work-case-channels .left {
    padding: 0 0 2rem;
  }

  .case-result img {
    max-height: 33.33vw;
  }

  #section_work_case_4.section {
    padding-bottom: 2rem;
  }

  .page-case .brand-box {
    transform: initial !important;
  }

  .page-case .brand-box img {
    margin: 0;
    padding: 3.5rem 1.5rem 1rem;
  }

  .page-case .see-more.btn-primary {
    padding: .8rem 3rem;
  }

  .china_digital,
  .sea_digital,
  .tech-data {
    padding: 0;
  }

  .whyus_about .txt,
  .china_digital .txt,
  .sea_digital .txt,
  .tech-data .txt {
    width: 100%;
    top: 0;
    transform: initial;
    padding: 1rem 0;
  }

  .cookie-agreement-box button {
    width: 33vw;
    margin: 0.5rem auto !important;
  }

  .page .cookie-agreement-box {
    padding-bottom: 44px !important;
  }

  .page-digital-marketing-insight-details .digital-marketing-insight-details h4 {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }

  .tech-data .counterR,
  .page-douyin .counterR,
  .page-toutiao .counterR,
  .page-baidu .counterR,
  .page-wechat .counterR,
  .page-facebook .counterR,
  .page-weibo .counterR,
  .page-xiaohongshu .counterR,
  .page-instagram .counterR,
  .point .pt_detail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .point .pt_detail {
    text-align: left;
    width: 80%;
  }

}

@media only screen and (max-width:860px) {
  .timeline {
    width: 100%;
    padding: 4em 0 1em;
  }

  .timeline:before {
    left: calc(50% + 1px);
  }

  .timeline li {
    padding: 2em 0;
  }

  .direction-l,
  .direction-r {
    float: none;
    width: 100%;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
  }

  .direction-l .flag:after,
  .direction-r .flag:after {
    content: "";
    position: absolute;
    left: calc(50% + 3px);
    top: -8px;
    height: 0;
    width: 0;
    margin-left: -8px;
    border: solid transparent;
    border-bottom-color: #d7d7d7;
    border-width: 8px;
    pointer-events: none;
  }

  .direction-l .flag:before,
  .direction-r .flag:before {
    position: absolute;
    top: -15px;
    left: calc(50% - 3px);
    content: ' ';
    display: block;
    margin-left: 0;
  }

  .direction-l .time-wrapper,
  .direction-r .time-wrapper {
    float: none;
  }

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

  .flag-wrapper .flag {
    background: #fff;
    z-index: 15;
  }

  .time-wrapper {
    display: block;
    position: relative;
    margin: 4px 0 0;
    z-index: 14;
  }

  .desc {
    position: relative;
    margin: 0;
    padding: 1em !important;
    background: #f5f5f5;
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    z-index: 15;
    width: 100%;
  }

  .industry_info {
    height: 335px;
  }
}

@media only screen and (max-width:840px) {
  .brand-box-red {
    font-size: 3rem;
    line-height: 3.5rem;
    padding: 2rem;
  }

  .brand-box-red-end {
    font-size: 2.4rem;
    line-height: 3.2rem;
    padding: 2rem;
  }

  .industry_info {
    height: 385px;
  }
}

@media only screen and (max-width:768px) {
  section.section {
    padding: 3rem 0;
  }

  .page section.section {
    padding: 3rem 0 2rem;
  }

  h1 {
    font-size: 3rem;
    line-height: 3rem;
  }

  h4 {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  html.mobile-menu-opened #header .header-nav-main nav>ul {
    padding: 15px 25px !important;
  }

  #region .btn,
  .btn+.dropdown-menu .dropdown-item {
    font-size: 1rem;
  }

  .btn+.dropdown-menu .dropdown-item {
    padding: .6rem 1.1rem;
  }

  .section.CTA h3,
  .section.CTA i {
    display: block;
    margin: auto;
  }

  .section.CTA h3 {
    margin: 0 auto 1rem;
  }

  .mobile-menu-lang div,
  .mobile-menu-social-icons .social-icons-facebook,
  .mobile-menu-social-icons .social-icons-linkedin {
    font-size: .9rem;
  }

  .banner_text,
  .transparent_text {
    font-size: 5rem;
    line-height: 5rem;
  }

  .page-index .mobile-menu-lang {
    bottom: 25px;
  }

  .featured-boxes .featured-box {
    margin: 0 0 2rem;
  }

  .featured-boxes .pt_valueUp div:nth-child(3) .featured-box,
  .featured-boxes .pt_valueUp div:nth-child(4) .featured-box,
  .featured-boxes .service div:nth-child(4) .featured-box,
  .featured-boxes .service div:nth-child(5) .featured-box {
    margin: 0;
  }

  .brand-box-red {
    font-size: 3rem;
    line-height: 3.8rem;
    padding: 1.6rem;
  }

  .brand-box-red-end {
    font-size: 2.4rem;
    line-height: 3.2rem;
    padding: 1.6rem;
  }

  .brand-box-red-end span {
    font-size: 1.6rem;
    right: 1.6rem;
  }

  .brand-box {
    width: 280px;
    height: 280px;
  }

  .row-five-items-reward {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .section-right-end {
    margin-top: 4rem;
  }

  .forcefullwidth_wrapper_tp_banner {
    height: 280px !important;
  }

  .page .banner_text {
    font-size: 2.4rem;
    padding: 10px 0;
    width: 100%;
    position: fixed;
    top: 160px;
    line-height: 2.4rem;
  }

  .page-contact .contact-form h6 span {
    font-size: 1.5rem;
    line-height: 2rem;
    padding-left: 0;
    display: block;
  }

  .page-contact h6:before {
    top: 5rem;
    height: 1px;
    width: 10%;
    border-bottom: 4px #1b6840 solid;
  }

  .page-contact .contact-left .contact-map {
    margin-left: -9%;
  }

  .page-contact .contact-map img.map {
    width: 110%;
    margin-left: -5%;
  }

  .page-event .banner_text {
    font-size: 2.6rem;
    line-height: 2.6rem;
  }

  .page-digital-marketing-insight .banner_text,
  .page-services .banner_text,
  .page-work .banner_text,
  .page-douyin .banner_text,
  .page-toutiao .banner_text,
  .page-baidu .banner_text,
  .page-wechat .banner_text,
  .page-facebook .banner_text,
  .page-weibo .banner_text,
  .page-xiaohongshu .banner_text,
  .page-instagram .banner_text,
  .page-services-global .banner_text {
    font-size: 2.2rem;
  }

  #circle {
    top: 3vw;
    left: 3vw;
    width: 8vw;
    height: 8vw;
    min-width: 50px;
    min-height: 50px;
  }

  .page-news .banner_text {
    font-size: 2.8rem;
    padding: 10px 0;
    width: 100%;
    position: fixed;
    line-height: 2.8rem;
  }

  .page-news-details .news-details h6,
  .page-digital-marketing-insight-details .digital-marketing-insight-details h6 {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin: 0 0 1.5rem;
  }

  .page-news-details .news-details p,
  .page-digital-marketing-insight-details .digital-marketing-insight-details p,
  .page-digital-marketing-insight-details .digital-marketing-insight-details h4 {
    padding: 0 .5rem;
  }

  .page-services .portfolio-list .col-lg-4 {
    -ms-flex: inherit;
    flex: inherit;
    max-width: inherit;
  }

  .services-item .thumb-info .thumb-info-type {
    width: 44% !important;
  }

  .page-services-sem .banner_text,
  .page-services-seo .banner_text,
  .page-services-social .banner_text,
  .page-services-china .banner_text,
  .page-services-sea .banner_text,
  .page-tech-data .banner_text {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }

  .page-services-programmatic .banner_text {
    font-size: 3rem;
    line-height: 3.8rem;
  }

  .page-services-detail .owl-carousel.text {
    height: 280px !important;
  }

  .page-services-detail .owl-carousel .owl-stage-outer {
    height: 260px;
  }

  .services_content {
    text-align: center;
  }

  .services-item img {
    width: 60%;
    min-width: 260px;
  }

  .industry_info {
    height: auto;
  }

  .industry_info div {
    position: relative;
    top: 0;
  }

  .services_content h6:after {
    left: 46%;
  }

  #section_about_5 h6,
  .whyus h6 {
    margin-bottom: 2.5rem;
  }

  .page-about .awards img {
    width: 60%;
  }

  .page-about .awards h5,
  .page-about .featured-boxes .featured-box {
    padding: 0;
  }

  .work_with .featured-box img {
    width: 80%;
  }

  .page-case .testimonial blockquote img,
  .testimonial blockquote img {
    border-top: 0;
  }

  .testimonial .testimonial_txt {
    height: 64%;
  }

  .page-digital-marketing-insight-details .digital-marketing-insight-details h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .tech-data .counterR,
  .page-douyin .counterR,
  .page-toutiao .counterR,
  .page-baidu .counterR,
  .page-wechat .counterR,
  .page-facebook .counterR,
  .page-weibo .counterR,
  .page-xiaohongshu .counterR,
  .page-instagram .counterR,
  .point .pt_detail {
    position: initial;
    top: initial;
    left: initial;
    transform: initial;
  }

  .point .pt_detail {
    text-align: center;
    width: 100%;
  }

  #section_services_global_2 {
    padding: 2rem 0 6rem;
  }

  .global_detail {
    margin-bottom: 1rem;
  }

  .global_detail img {
    width: 75%;
    min-width: 265px;
  }
}

@media only screen and (max-width:700px) {
  .page-contact .contact-map .AP_contact {
    left: 1.5rem;
    top: 1.5rem;
    max-width: 92%;
  }

  .page-contact .contact-left .contact-map {
    margin-left: -3%;
  }

  .page-event-details .organizer img {
    height: 60px !important;
  }
}

@media only screen and (max-width:576px) {
  html {
    font-size: 15px;
  }

  h3 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  #header.header-effect-shrink .header-container {
    max-height: 80px !important;
    min-height: 80px !important;
  }

  html.mobile-menu-opened #header .header-nav-main nav>ul {
    padding: 0 !important;
  }

  .mobile-menu-lang {
    bottom: 12vh;
  }

  .mobile-menu-social-icons {
    bottom: calc(50px + 3vh);
  }

  .mobile-menu-lang div,
  .mobile-menu-social-icons .social-icons-facebook,
  .mobile-menu-social-icons .social-icons-linkedin {
    font-size: .8rem;
  }

  #header .header-nav-main nav>ul li {
    margin: 0;
  }

  .banner_text {
    font-size: 3.5rem;
    line-height: 4rem;
  }

  .transparent_text {
    font-size: 4rem;
    line-height: 4rem;
  }

  .counters .counter strong {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }

  .case-result .counters .counter strong:nth-child(2) {
    font-size: 1.8rem;
  }

  .case-result .counters .counter i {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .service {
    padding-bottom: 0;
    padding-top: 1rem;
  }

  .service img {
    margin-bottom: .5rem;
    width: 15vw;
  }

  .brand-box {
    max-width: 360px;
    max-height: 360px;
    transform: translateY(0);
  }

  .box-content {
    padding: 0 !important;
  }

  .row-five-items {
    width: 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }

  .row-five-items-4,
  .row-five-items-5 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .awards {
    padding-bottom: 0;
    padding-top: 2rem;
  }

  .awards .row {
    margin-bottom: 0;
  }

  .section-right-end {
    margin-top: 2rem;
  }

  .contact-map .resizelistener {
    width: 170% !important;
  }

  .contact-map .slider-container {
    height: 385px !important;
    max-height: 385px !important;
  }

  .page-contact .contact-map .AP_contact {
    padding: 1rem;
    max-width: 90%;
    top: 3%;
    left: 3%;
  }

  .AP_contact h4 {
    font-size: .8rem;
    line-height: 1rem;
  }

  .page-contact .contact-left .contact-location {
    padding-top: 500px;
  }

  .page-contact .adtect img {
    width: 220px;
  }

  .page-services-sem .banner_text,
  .page-services-seo .banner_text,
  .page-services-social .banner_text,
  .page-services-china .banner_text,
  .page-services-sea .banner_text {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .page-tech-data .banner_text {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .page-case .testimonial .square,
  .testimonial .square {
    width: 100%;
  }

  .work-case-channels .thumb-info,
  .work-case-success .thumb-info {
    height: 360px !important;
  }

  .page-case .brand-box img {
    padding: 2rem 1rem 1rem;
  }

  .page-case .see-more.btn-primary {
    padding: .5rem 3rem;
  }

  .page-digital-marketing-insight-details .digital-marketing-insight-details p {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .page-digital-marketing-insight-details .digital-marketing-insight-details h4 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width:500px) {
  .testimonial blockquote i {
    font-size: 2rem;
  }

  .work-case-objective .left {
    padding: 0 1rem;
  }

  .work-case-channels>div,
  .work-case-success>div {
    padding: 1rem 0 3rem !important;
  }

  .case-cashingpro .work-case-objective .left,
  .case-colehaan .work-case-objective .left,
  .case-markAndspencer .work-case-objective .left {
    padding: 0 0 2rem 1rem;
  }

  .work-case-objective ul {
    padding-left: 1.5rem;
  }

  .testimonial .cole_haan .testimonial_txt {
    height: 70%;
  }

  .testimonial .cole_haan .testimonial_logo {
    height: 20%;
  }

  .page-services-global .banner_text {
    top: 170px;
  }
}

@media only screen and (max-width:400px) {

  .header-logo-non-sticky,
  .header-logo-sticky {
    width: 141px;
  }

  #region {
    margin-left: .25rem;
  }

  .contact-map .resizelistener {
    width: 250% !important;
    left: -40% !important;
  }

  .contact-map .slider-container {
    height: 360px !important;
    max-height: 360px !important;
  }

  .page-contact .contact-left .contact-map {
    margin-left: -3.3%;
  }

  .page-contact .contact-left .contact-location {
    padding-top: 455px;
  }

  .page-contact .contact-map img.map {
    width: 156%;
    margin-left: -28%;
  }

  .pt_valueUp img {
    width: 36vw;
    max-width: initial;
  }

  .page-services-sem .banner_text,
  .page-services-seo .banner_text,
  .page-services-social .banner_text,
  .page-services-programmatic .banner_text,
  .page-services-china .banner_text,
  .page-services-sea .banner_text,
  .page-tech-data .banner_text {
    top: 170px;
  }

  .case-cashingpro .testimonial .square,
  .testimonial .square {
    height: 460px;
  }

  .cookie-agreement-box p {
    font-size: 0.7rem;
    line-height: 1rem;
  }

  .global_detail>div {
    width: 95%;
    margin: 2rem auto 1rem;
  }
}

@media only screen and (max-width:340px) {
  .event-details-left {
    padding: 0;
  }

  .testimonial .testimonial_txt {
    height: 72%;
  }

  .testimonial .testimonial_logo {
    height: 20%;
  }

  .page-event-details .event-details-right {
    padding: 0;
  }

  .page-event-details .event-details-right i {
    margin: 5px 10px 5px 15px;
  }
}

@media (max-width:576px) {
  .container {
    max-width: 94%;
    padding: 0;
  }
}

@media (min-width:576px) {
  .container {
    max-width: 96%;
    padding: 0;
  }
}

@media (min-width:700px) {
  .container {
    max-width: 88%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width:768px) {
  .container {
    max-width: 88%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width:900px) {
  .container {
    max-width: 88%;
  }
}

@media (min-width:992px) {
  .container {
    max-width: 88%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width:1100px) {
  .container {
    max-width: 88%;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width:1280px) {
  .container {
    max-width: 1280px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

/* Lilian 2021-11-16 */
@media (orientation: landscape) and (max-height: 480px) {
  .main .banner_text {
    font-size: 3.5rem;
    line-height: 4rem;
    margin-top: 1.5rem;
  }
}

@media (orientation: landscape) and (max-height: 400px) {
  .main .banner_text {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

@media (orientation: landscape) and (max-height: 320px) {
  .main .banner_text {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}