@font-face {
  font-family: 'NotoSansSC Light';
  src: url("/iwov-resources/zh_CN/font/NotoSansSC-Light.otf");
  /* IE9 Compat Modes */
  /*src: url("../fonts/Interstate-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Interstate-bold.woff") format("woff"), url("../fonts/Interstate-bold.ttf") format("truetype"), url("../fonts/Interstate-bold.svg#svgFontName") format("svg");*/
  /* Legacy iOS */
  font-weight: bold;
  font-style: normal; 
}
@font-face {
  font-family: 'NotoSerifSC Light';
  src: url("/iwov-resources/zh_CN/font/NotoSerifSC-Light.otf");
  /* IE9 Compat Modes */
  /*src: url("../fonts/Interstate-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Interstate-bold.woff") format("woff"), url("../fonts/Interstate-bold.ttf") format("truetype"), url("../fonts/Interstate-bold.svg#svgFontName") format("svg");*/
  /* Legacy iOS */
  font-weight: bold;
  font-style: normal; 
}
*, body, .home-page h1, .dark-theme .m13-insights .module-header h1, .dark-theme .m13-insights .module-header p{
    font-family: NotoSansSC Light !important;
}
h1, h2, h3, .text-container h1 span, .text-container h2 span, div[role='heading'], h2 span, .home-page p, .m11a_offerings-details .feature-item .title{
	font-family: NotoSerifSC Light !important; 
}
.navbar .dropdown-menu .dropdown-title {
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 17px;
	text-shadow: 1px 0px 0 #FFF;
}
.country .dropdown-menu.inner.show li:nth-child(3) a {
  border-bottom: none !important;
}
.country .dropdown-menu.inner.show li:nth-child(5) a {
  border-bottom: 2px solid #ccc;
}
a.cards-a-filter p, .footer-container .social-icons img{
  width: 100%;
}
@media (max-width: 768px){
body, .m21_contact-form .header .title, .m21_contact-form-modal-inner .header .title, h1, h2, h3, p, a, .text-container h1 span, .text-container h2 span, div[role='heading'], 
h2 span, .home-page p, .m11a_offerings-details .feature-item .title, .navbar .menu-btn, .nav-drawer .submenu.open .submenu-item, .m21_contact-form .header, 
.m21_contact-form-modal-inner .header, .module-header, .m8-offerings .module-header.narrow h2, .card-container .body, .card-container, .home-page .text-container{
	text-align: left !important;
}
.person .text-container{
	align-items: left;
}
.card-container a, .m12_cpb-people .person.main .expand-container{
	width: 100%;
}
.m17_featured-quotes .title-container, .module-header.narrow, .m21_contact-form .title-wrapper, .m21_contact-form-modal-inner .title-wrapper{
	display: block;
	padding-left: 15px;
}
.card-container, .cta-partial{
	display: block;
}
.label{
	display: inline-block;
}
.m11a_offerings-details .feature-item{
  display: inline;
}
.m11a_offerings-details .col-sm-12{
margin-bottom:70px;
}
.m12_cpb-people .person.main .learn-more{
  display: inline !important;
}
.m12_cpb-people .person .name, .mobSCAlignCenter{
  text-align: center !important;
}
.m12_cpb-people .person.horizontal .name{
  text-align: left !important;
}
}

@media not all and (min-resolution:.001dpcm){
     @supports(-webkit-appearance:none){
		.m11a_offerings-details .feature-item .label, 
		.citi-card .tags .tag, 
		.m12_cpb-people .main-person .label, 
		.m12_cpb-people .person .label, 
		.m12_cpb-people-description-modal .main-person .label,
		.ma21c_article-header .text-container .label {
			padding-top:unset;
			line-height:24px;
		}
	 }
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
		.MacOS .m11a_offerings-details .feature-item .label, 
		.MacOS .citi-card .tags .tag, 
		.MacOS .m12_cpb-people .main-person .label, 
		.MacOS .m12_cpb-people .person .label, 
		.MacOS .m12_cpb-people-description-modal .main-person .label,
		.MacOS .ma21c_article-header .text-container .label,
		.Android .m11a_offerings-details .feature-item .label, 
		.Android .citi-card .tags .tag, 
		.Android .m12_cpb-people .main-person .label, 
		.Android .m12_cpb-people .person .label, 
		.Android .m12_cpb-people-description-modal .main-person .label,
		.Android .ma21c_article-header .text-container .label		{
			padding-top:0;
			line-height:24px;
		}	 
}
h4{
  text-shadow: 1px 0px 0 #000;
}