@font-face {
    font-family: "Swiss Thin";
    font-display: swap;
    src: url(../fonts/efadb268-9678-4ce1-82ce-79f630c16271.eot?#iefix);
    src: url(../fonts/efadb268-9678-4ce1-82ce-79f630c16271.eot?#iefix) format("eot"), url(../fonts/bd476bf3-8d2d-4108-9a3a-913396247039.woff2) format("woff2"), url(../fonts/d951ab13-81a4-49ef-b592-499f7101a394.woff) format("woff"),
        url(../fonts/f29f69e8-d9e1-49d5-b18c-c55d0963ad0d.ttf) format("truetype");
}
@font-face {
    font-family: "Swiss Light";
    font-display: swap;
    src: url(../fonts/8936dd78-6787-48e6-b578-0df6e400b3e1.eot?#iefix);
    src: url(../fonts/8936dd78-6787-48e6-b578-0df6e400b3e1.eot?#iefix) format("eot"), url(../fonts/2fdec0cf-6a9b-4f77-a39b-5749e8982851.woff2) format("woff2"), url(../fonts/d1001ef9-2b8e-4cd1-99e7-9f48a6f7d356.woff) format("woff"),
        url(../fonts/0c9b7a6a-39da-4a63-8de4-3a91edeab5de.ttf) format("truetype");
}
@font-face {
    font-family: "Swiss Roman";
    font-display: swap;
    src: url(../fonts/debae208-0c7b-4232-ba62-313e2d9d14c7.eot?#iefix);
    src: url(../fonts/debae208-0c7b-4232-ba62-313e2d9d14c7.eot?#iefix) format("eot"), url(../fonts/c01ba868-3eaf-4bf4-b173-216c1156d174.woff2) format("woff2"), url(../fonts/19c307d6-6fd8-47d3-a56d-fa998322491a.woff) format("woff"),
        url(../fonts/61571c7a-d78e-4d50-822d-194e2b92a1f1.ttf) format("truetype");
}
@font-face {
    font-family: "Swiss Medium";
    font-display: swap;
    src: url(../fonts/0a72c688-cbf1-4545-b25d-dc6c6935a2b9.eot?#iefix);
    src: url(../fonts/0a72c688-cbf1-4545-b25d-dc6c6935a2b9.eot?#iefix) format("eot"), url(../fonts/e101a80e-e24e-4a7d-85b5-9d00cc1848f8.woff2) format("woff2"), url(../fonts/ea1567a4-8608-4bb1-a638-bc30606fc950.woff) format("woff"),
        url(../fonts/95c8bd18-b342-4b31-a039-d332be2affd5.ttf) format("truetype");
}
@font-face {
    font-family: "Swiss Bold";
    font-display: swap;
    src: url(../fonts/5b9ccca5-47aa-44da-9a69-75a9c5b8f314.eot?#iefix);
    src: url(../fonts/5b9ccca5-47aa-44da-9a69-75a9c5b8f314.eot?#iefix) format("eot"), url(../fonts/b30d2835-5b41-443d-bb15-9fe76345d117.woff2) format("woff2"), url(../fonts/6f8c05f7-2d01-4282-ba89-505635df2953.woff) format("woff"),
        url(../fonts/3fa115a3-0515-4bbd-94cc-555dc6341889.ttf) format("truetype");
}
body.no-scroll {
    overflow-y: hidden !important;
}
#btt {
    display: none;
    visibility: hidden;
}
.archive.tax-impact_areas.term-china-fellows #btt,
.archive.tax-impact_areas.term-china-hosts #btt,
.archive.tax-impact_areas.term-climate-corps #btt,
.archive.tax-impact_areas.term-mei-guo-huan-bao-xie-hui-zai-zhong-guo #btt,
.archive.tax-impact_areas.term-us-fellows #btt,
.archive.tax-impact_areas.term-us-hosts #btt,
.archive.tax-impact_areas.term-who-we-work-with #btt,
.archive.tax-impact_areas.term-xue-sheng-shen-qing-zhe #btt,
.page-template-page-about #btt,
.page-template-page-engage #btt {
    background-color: #000;
    border-radius: 50%;
    display: block;
    position: fixed;
    right: 60px;
    bottom: 60px;
    width: 60px;
    height: 60px;
    opacity: 65%;
    overflow: hidden;
    transition: all 0.15s ease;
    visibility: visible;
    z-index: 99;
}
@media (max-width: 766px) {
    .archive.tax-impact_areas.term-china-fellows #btt,
    .archive.tax-impact_areas.term-china-hosts #btt,
    .archive.tax-impact_areas.term-climate-corps #btt,
    .archive.tax-impact_areas.term-mei-guo-huan-bao-xie-hui-zai-zhong-guo #btt,
    .archive.tax-impact_areas.term-us-fellows #btt,
    .archive.tax-impact_areas.term-us-hosts #btt,
    .archive.tax-impact_areas.term-who-we-work-with #btt,
    .archive.tax-impact_areas.term-xue-sheng-shen-qing-zhe #btt,
    .page-template-page-about #btt,
    .page-template-page-engage #btt {
        right: 12px;
        bottom: 12px;
    }
}
.archive.tax-impact_areas.term-china-fellows #btt svg,
.archive.tax-impact_areas.term-china-hosts #btt svg,
.archive.tax-impact_areas.term-climate-corps #btt svg,
.archive.tax-impact_areas.term-mei-guo-huan-bao-xie-hui-zai-zhong-guo #btt svg,
.archive.tax-impact_areas.term-us-fellows #btt svg,
.archive.tax-impact_areas.term-us-hosts #btt svg,
.archive.tax-impact_areas.term-who-we-work-with #btt svg,
.archive.tax-impact_areas.term-xue-sheng-shen-qing-zhe #btt svg,
.page-template-page-about #btt svg,
.page-template-page-engage #btt svg {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: auto;
    left: 0;
    width: 30px;
    height: 30px;
    margin: auto;
    transition: all 0.15s ease;
}
.archive.tax-impact_areas.term-china-fellows #btt svg line,
.archive.tax-impact_areas.term-china-hosts #btt svg line,
.archive.tax-impact_areas.term-climate-corps #btt svg line,
.archive.tax-impact_areas.term-mei-guo-huan-bao-xie-hui-zai-zhong-guo #btt svg line,
.archive.tax-impact_areas.term-us-fellows #btt svg line,
.archive.tax-impact_areas.term-us-hosts #btt svg line,
.archive.tax-impact_areas.term-who-we-work-with #btt svg line,
.archive.tax-impact_areas.term-xue-sheng-shen-qing-zhe #btt svg line,
.page-template-page-about #btt svg line,
.page-template-page-engage #btt svg line {
    transition: all 0.15s ease;
    stroke-width: 12px !important;
}
.archive.tax-impact_areas.term-china-fellows #btt svg line:nth-of-type(3),
.archive.tax-impact_areas.term-china-hosts #btt svg line:nth-of-type(3),
.archive.tax-impact_areas.term-climate-corps #btt svg line:nth-of-type(3),
.archive.tax-impact_areas.term-mei-guo-huan-bao-xie-hui-zai-zhong-guo #btt svg line:nth-of-type(3),
.archive.tax-impact_areas.term-us-fellows #btt svg line:nth-of-type(3),
.archive.tax-impact_areas.term-us-hosts #btt svg line:nth-of-type(3),
.archive.tax-impact_areas.term-who-we-work-with #btt svg line:nth-of-type(3),
.archive.tax-impact_areas.term-xue-sheng-shen-qing-zhe #btt svg line:nth-of-type(3),
.page-template-page-about #btt svg line:nth-of-type(3),
.page-template-page-engage #btt svg line:nth-of-type(3) {
    opacity: 0;
}
.archive.tax-impact_areas.term-china-fellows #btt:hover,
.archive.tax-impact_areas.term-china-hosts #btt:hover,
.archive.tax-impact_areas.term-climate-corps #btt:hover,
.archive.tax-impact_areas.term-mei-guo-huan-bao-xie-hui-zai-zhong-guo #btt:hover,
.archive.tax-impact_areas.term-us-fellows #btt:hover,
.archive.tax-impact_areas.term-us-hosts #btt:hover,
.archive.tax-impact_areas.term-who-we-work-with #btt:hover,
.archive.tax-impact_areas.term-xue-sheng-shen-qing-zhe #btt:hover,
.page-template-page-about #btt:hover,
.page-template-page-engage #btt:hover {
    cursor: pointer;
    opacity: 0.8;
}
.archive.tax-impact_areas.term-china-fellows #btt:hover svg,
.archive.tax-impact_areas.term-china-hosts #btt:hover svg,
.archive.tax-impact_areas.term-climate-corps #btt:hover svg,
.archive.tax-impact_areas.term-mei-guo-huan-bao-xie-hui-zai-zhong-guo #btt:hover svg,
.archive.tax-impact_areas.term-us-fellows #btt:hover svg,
.archive.tax-impact_areas.term-us-hosts #btt:hover svg,
.archive.tax-impact_areas.term-who-we-work-with #btt:hover svg,
.archive.tax-impact_areas.term-xue-sheng-shen-qing-zhe #btt:hover svg,
.page-template-page-about #btt:hover svg,
.page-template-page-engage #btt:hover svg {
    top: 16px;
}
.archive.tax-impact_areas.term-china-fellows #btt:hover svg line:nth-of-type(3),
.archive.tax-impact_areas.term-china-hosts #btt:hover svg line:nth-of-type(3),
.archive.tax-impact_areas.term-climate-corps #btt:hover svg line:nth-of-type(3),
.archive.tax-impact_areas.term-mei-guo-huan-bao-xie-hui-zai-zhong-guo #btt:hover svg line:nth-of-type(3),
.archive.tax-impact_areas.term-us-fellows #btt:hover svg line:nth-of-type(3),
.archive.tax-impact_areas.term-us-hosts #btt:hover svg line:nth-of-type(3),
.archive.tax-impact_areas.term-who-we-work-with #btt:hover svg line:nth-of-type(3),
.archive.tax-impact_areas.term-xue-sheng-shen-qing-zhe #btt:hover svg line:nth-of-type(3),
.page-template-page-about #btt:hover svg line:nth-of-type(3),
.page-template-page-engage #btt:hover svg line:nth-of-type(3) {
    opacity: 1;
}
#btt.hidden {
    opacity: 0 !important;
    visibility: hidden !important;
}
.g-btn {
    background-color: #41caac;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-family: "Swiss Light", sans-serif;
    font-weight: lighter;
    font-size: 20px;
    line-height: 1em;
    padding: 12px 44px;
    text-decoration: none;
    transition: all 0.15s ease;
}
.g-btn:hover {
    background-color: #34b397;
}
@media (min-width: 767px) and (max-width: 980px) {
    .g-btn {
        font-size: 16px;
        padding: 10px 32px;
    }
}
@media (max-width: 766px) {
    .g-btn {
        font-size: 18px;
        padding: 12px 36px;
    }
}
.g-u {
    border-bottom: 2px solid #96daf0;
    color: grey;
    display: inline-block;
    font-family: "Swiss Roman", sans-serif;
    font-size: 18px;
    line-height: 1em;
    margin-right: 16px;
    padding-bottom: 4px;
    position: relative;
    text-decoration: none;
    transition: all 0.15s ease;
}
.g-u:after {
    content: "";
    width: 9px;
    height: 9px;
    border-top: 2px solid #96daf0;
    border-right: 2px solid #96daf0;
    transform: rotate(45deg);
    position: absolute;
    top: 5px;
    right: -16px;
    margin: auto;
    transition: all 0.15s ease;
}
.g-u:hover {
    opacity: 0.7;
}
.g-u:hover:after {
    right: -24px;
}
@media (max-width: 766px) {
    .g-u {
        font-size: 16px;
    }
}
header {
    background-color: #F1FBFE;
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    z-index: 999;
}
header .header-inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    max-width: 1500px;
    margin: auto;
    padding: 0 30px 0 20px;
    position: relative;
	height: 78px;
}
@media (max-width: 766px) {
    header .header-inner {
        padding: 0 10px;
    }
	#mobile-menu {
		padding-left: 20px !important;
	}
}
header .site-branding {
    width: 267px;
	padding: 15px 0;
}
@media (max-width: 980px) {
    header .site-branding a {
        width: 100%;
    display: block;
    text-align: center;
    }
	header .site-branding {
		flex: 1;
	}

}

@media (max-width: 600px) {
	header .site-branding a {
    padding-left: 10px;
		padding-right: 0;
    text-align: left;
}
}
header .site-branding a img#logo {
    display: block;
    transition: all 0.15s ease;
    width: 100%;
}
header .site-branding a img#logo:hover {
    opacity: 0.8;
}
header nav {
    align-items: center;
    display: flex;
    text-align: right;
    width: calc(99% - 267px);
	height: 100%;
}
@media (max-width: 980px) {
    header nav {
        display: none;
    }
}
header nav ul#primary-menu {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0;
    list-style-type: none;
    height: 100%;
    margin: 0;
    width: calc(99% - 48px);
    z-index: 99;
}
header nav ul#primary-menu li {
    line-height: 1em;
	height: 100%;
    padding: 0 15px;
	display: grid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
header nav ul#primary-menu li:hover {
    cursor: pointer;
	border-top: 3px solid #093;
	background-color: #e8f1fc;
    
}
header nav ul#primary-menu li a {
    color: #03c;
    font-size: 16px;
    font-family: "Swiss Light", sans-serif;
    position: relative;
    text-decoration: none;
    transition: all 0.15s ease;
	align-self: center;
}
header nav ul#primary-menu li a:hover {
    opacity: 0.8;
}
header nav ul#primary-menu li a:after {
    
}
header nav ul#primary-menu li a:hover:after {
    width: 100%;
}
header nav ul#primary-menu li.cc_menu a sup {
    font-size: 0.65em;
}
header nav #search {
    position: absolute;
    top: 0;
    right: 0;
    height: 78px;
    width: 78px;
    text-align: center;
	padding: 16px;
}
header nav #search #search-icon {
    background: transparent;
    border: none;
    border-radius: 50%;
    color: #03c;
    cursor: pointer;
    height: 46px;
    min-width: 46px;
    padding: 10px;
}
header nav #search #search-icon svg {
   fill: #03c;
}
header nav #search #search-icon svg:hover {
    opacity: 0.8;
}

header nav #search #search-icon.active, header nav #search #search-icon:hover  {
    background-color: #03c;
	cursor: pointer;
}
header nav #search #search-icon.active svg, header nav #search #search-icon:hover svg {
    fill: #fff !important;
    opacity: 1;
	
}
header nav #search #search-icon.active:hover {
    cursor: pointer;
}
header nav #search #search-icon.active:hover svg {
    opacity: 1;
}
header nav #search #search-form  {
	padding-top: 10px;
    position: absolute;
    right: 72px;
    top: 0;
    transform: translateY(-100px);
    transition: transform .3s ease;
    z-index: 1000;
    display: block;
	
}
header nav #search #search-form form .search-hidden {
    height: 0;
    width: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0 !important;
}
header nav #search #search-form form .search-bar {
        border: 1px solid #72757e;
    border-bottom-left-radius: 1.5em;
    border-top-left-radius: 1.5em;
    font-size: 1.55rem;
    padding: 0.45em 0.75em;
    width: 16em;
    align-items: center;
    display: flex;
    background: #fff;
    box-sizing: border-box;
    color: #494a50;
    margin: 0 0 10px;
}
header nav #search #search-form form .search-bar:active {
    -webkit-outline: none;
    outline: 0;
}
header nav #search #search-form form .search-bar:focus {
    -webkit-outline: none;
    outline: 0;
}
header nav #search #search-form form .search-bar::-webkit-input-placeholder {
    color: #757575;
}
header nav #search #search-form form .search-bar:-ms-input-placeholder {
    color: #757575;
}
header nav #search #search-form form .search-bar::placeholder {
    color: #757575;
}
header nav #search #search-form.expanded {
    opacity: 1;
    visibility: visible;
    position: absolute;
    transform: translateY(0);
    margin: auto;
}
#hb-icon {
    text-align: right;
    width: calc(99% - 200px);
}
@media screen and (min-width: 981px) {
    #hb {
        display: none;
    }
}
.hamburger-holder {
        align-items: center;
        display: flex;
        padding: 10px
    }
.hamburger-toggle:hover {
	cursor: pointer;
}

.hamburger-toggle {
        background: transparent;
        border: none;
        border-radius: 6px;
        height: 42px;
        position: relative;
        width: 46px
    }

.hamburger-toggle .line {
        background-color: #03c;
        border-radius: 6px;
        display: block;
        height: 5px;
        left: 5px;
        position: absolute;
        transition: all .3s ease;
        width: 36px
    }

.hamburger-toggle .line.top {
        top: 6px;
        transform-origin: top left
    }

 .hamburger-toggle .line.middle {
        top: calc(50% - 3px)
    }

 .hamburger-toggle .line.bottom {
        bottom: 6px;
        transform-origin: bottom left
    }

 .hamburger-toggle.active {
        background: #d8f5ff
    }

  .hamburger-toggle.active .line.top {
        transform: rotate(45deg) translateY(-4px) translateX(4px)
    }

 .hamburger-toggle.active .line.middle {
        opacity: 0;
        transform: translateX(-200%)
    }

 .hamburger-toggle.active .line.bottom {
        transform: rotate(-45deg) translateY(4px) translateX(4px)
    }
#mobile-menu {
    background: #f1fbff;
    left: -400px;
    margin: 0;
    max-width: 400px; 

    padding: 0 2rem 2rem;
    position: fixed;
    top: 71px;
    transform: translateX(0);
    transition: transform .3s ease;
    width: 100%;
}
#mobile-menu .mm-i .mm-it {
    position: relative;
}

#mobile-menu .mm-i .mm-it #mobile-search {
    padding-top: 40px;
    margin-bottom: 1em;
}
#mobile-menu .mm-i .mm-it #m-search-form {
    margin: auto;
    top: 0;
    background-color: #d7d7d7;
    position: relative;
    left: 0;
    width: 100%;
    transition: all 0.15s ease;
}
#mobile-menu .mm-i .mm-it #m-search-form form {
    display: flex;
}
#mobile-menu  .search-hidden {
    height: 0;
    width: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0 !important;
}


#mobile-menu  .search-btn:hover {
    cursor: pointer;
}


#mobile-menu .mm-i .mm-ib {
    margin-top: 15px;
}
#mobile-menu .mm-i .mm-ib #primary-menu-mobile {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#mobile-menu .mm-i .mm-ib #primary-menu-mobile li {
    line-height: 2rem;
	padding: 0.4em;
	border-top: 1px solid #3cf;
	display: flex;
    justify-content: space-between;
}

#mobile-menu .mm-i .mm-ib #primary-menu-mobile li:last-of-type {
    margin-bottom: 0;
}
#mobile-menu .mm-i .mm-ib #primary-menu-mobile li a {
    color: #03c;
    font-size: 18px;
    font-family: "Swiss Light", sans-serif;
    padding-bottom: 4px;
    position: relative;
    text-decoration: none;
}
#mobile-menu .mm-i .mm-ib #primary-menu-mobile li::after {
	 content: "→";
	color: #03c;
}
#mobile-menu.opened {
    transform: translateX(100%);
    width: 400px;
	left: -400px;
	max-width: 100% !important;
}
#content {
    margin-top: 77px;
}

#mobile-search {
	margin-top: 26px;
}
#search_bar_mobile {
	position: relative;
}
#mobile-search input.search-bar {
	border: 1px solid #72757e;
    border-radius: 1.5em;
    display: block;
    font-size: 1.25rem;
    padding: 0.25em 0.75em;
    width: 100%;
}
#mobile-search input.search-bar:focus-visible {
	outline: 1px solid black;
}
#mobile-search input.search-btn {
	    background: #03c;
    border: none;
    border-bottom-right-radius: 1.5em;
    border-top-right-radius: 1.5em;
    bottom: 0;
    color: #fff;
    font-weight: 700;
    padding: 0 1.2em;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
	
    font-size: 16px;
}
#mobile-search  .search-hidden {
    height: 0;
    width: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0 !important;
}
#mobile-menu  .search-btn.visible {
	visibility: visible;
}
input:focus-visible::placeholder {
    color: #03c;
	opacity: 0.5;
}

@media (max-width: 980px) {
header .site-branding a img#logo {
	display: inline;
	width: 250px;
}
	.site-branding a {
		padding-right: 62px;
	}
}

@media (min-width: 767px) and (max-width: 980px) {
    #content {
        margin-top: 67.7px;
    }
	
}
@media (max-width: 766px) {
    #content {
        margin-top: 63.55px;
    }
	header .site-branding a img#logo {
    
    width: 220px;
}
	.site-branding a {
    	padding-top: 3px;
	}
}
footer a,
footer p {
    font-family: "Swiss Roman", sans-serif;
    font-size: 16px;
    text-decoration: none;
}
@media screen and (min-width: 981px) and (max-width: 1026px) {
    footer a,
    footer p {
        font-size: 15px;
    }
}
@media (min-width: 767px) and (max-width: 980px) {
    footer a,
    footer p {
        font-size: 15px;
    }
}
footer .f-main {
    background-color: #DDECF8;
    padding: 86px 0 40px;
}
@media (min-width: 767px) and (max-width: 980px) {
    footer .f-main {
        padding: 66px 0;
    }
}
@media (max-width: 766px) {
    footer .f-main {
      	padding-bottom: 40px;
    	padding-top: 60px;
    }
	.f-m-c2, .f-mc3 {
		width: 100%;
	}
}
footer .f-main a {
    color: #03c;
	text-align: center;
}
footer .f-main ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
footer .f-main ul li {
    display: block;
    line-height: 1em;
    margin-bottom: 18px;
}
footer .f-main ul li a {
    text-decoration: none;
    transition: all 0.15s ease;
}
footer .f-main ul li a:hover {
    text-decoration: underline;
}
footer .f-main ul li:last-of-type {
    margin-bottom: 0;
}
footer .f-main .f-m-inner {
    align-items: top;
    display: flex;
    flex-wrap: wrap;
    max-width: 1150px;
    margin: auto;
    width: 90%;
}
@media (max-width: 766px) {
    footer .f-main .f-m-inner {
        width: 80%;
    }
}
footer .f-main .f-m-inner .f-m-c1 {
    width: 267px;
}
@media (min-width: 767px) and (max-width: 980px) {
    footer .f-main .f-m-inner .f-m-c1 {
        width: 200px;
    }
}
@media (max-width: 766px) {
    footer .f-main .f-m-inner .f-m-c1 {
        width: 100%;
		text-align: center;
    }
}
footer .f-main .f-m-inner .f-m-c1 img {
    
    width: 267px;
    transition: all 0.15s ease;
    margin-bottom: 2em;
}
footer .f-main .f-m-inner .f-m-c1 img:hover {
    opacity: 0.8;
}
@media (min-width: 767px) and (max-width: 980px) {
    footer .f-main .f-m-inner .f-m-c1 img {
        width: 200px;
    }
}
@media (max-width: 766px) {
    footer .f-main .f-m-inner .f-m-c1 img {
        max-width: 250px;
        width: 100%;
    }
	footer .f-main .f-m-inner .f-m-cs, footer .f-main .f-m-inner .f-m-cs .f-m-c4 .social-wrap {
		justify-content: center !important;
	}
	footer .f-main .f-m-inner .f-m-cs .f-m-c3 {
		display: none;
	}
	footer #bb .bb-inner {
		padding-right: 0 !important;
	}
}
footer .f-main .f-m-inner .f-m-c1 p {
    margin: 0;
}
footer .f-main .f-m-inner .f-m-c1 a:nth-of-type(2) {
    display: inline-block;
    margin-bottom: 1.5em;
    transition: all 0.15s ease;
}
footer .f-main .f-m-inner .f-m-c1 a:hover {
    text-decoration: underline;
}
footer .f-main .f-m-inner .f-m-cs {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10%;
    padding-left: 3%;
    width: calc(90% - 267px);
}
@media screen and (min-width: 1027px) and (max-width: 1270px) {
    footer .f-main .f-m-inner .f-m-cs {
        margin-left: 8%;
        padding-left: 8%;
        width: calc(92% - 267px);
    }
}
@media screen and (min-width: 981px) and (max-width: 1026px) {
    footer .f-main .f-m-inner .f-m-cs {
        margin-left: 6%;
        padding-left: 6%;
        width: calc(94% - 267px);
    }
}
@media (min-width: 767px) and (max-width: 980px) {
    footer .f-main .f-m-inner .f-m-cs {
        margin-left: 6%;
        padding-left: 6%;
        width: calc(94% - 200px);
    }
}
@media (max-width: 766px) {
    footer .f-main .f-m-inner .f-m-cs {
        margin: 2em auto auto;
        width: 100%;
        padding: 0;
        border: 0;
    }
}
footer .f-main .f-m-inner .f-m-cs .f-m-c2 {
    margin-right: 5%;
    width: calc(35% - 52px);
}
@media (max-width: 766px) {
    footer .f-main .f-m-inner .f-m-cs .f-m-c2 {
        display: none;
    }
}
footer .f-main .f-m-inner .f-m-cs .f-m-c3 {
    margin-right: 5%;
    width: calc(55% - 52px);
}
@media (max-width: 766px) {
    
}
footer .f-main .f-m-inner .f-m-cs .f-m-c4 {
    width: 104px;
}
footer .f-main .f-m-inner .f-m-cs .f-m-c4 .social-wrap {
    display: flex;
    justify-content: flex-end;
}
footer .f-main .f-m-inner .f-m-cs .f-m-c4 .social-wrap a {
    text-decoration: none;
}
footer .f-main .f-m-inner .f-m-cs .f-m-c4 .social-wrap a:first-of-type {
    margin-right: 10px;
}
footer .f-main .f-m-inner .f-m-cs .f-m-c4 .social-wrap a img {
    display: block;
    transition: all 0.15s ease;
    width: 28px;
}
footer .f-main .f-m-inner .f-m-cs .f-m-c4 .social-wrap a img:hover {
    opacity: 0.8;
}
footer #bb {
	margin-top: 35px;
}

footer #bb .bb-inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1150px;
    width: 90%;
    margin: auto;
	padding: 10px 30px 10px 0;
	border-top: 1px solid #A6B2BA;
}
footer #bb .bb-inner a,
footer #bb .bb-inner p {
    color: #52545A;
   font-size: 12px;
}
footer #bb .bb-inner p {
	margin-bottom: 1em;
	
}
footer #bb .bb-inner a {
	font-weight: 600;
	display: inline;
	
    text-decoration: none;
    transition: all 0.15s ease;
}
footer #bb .bb-inner a:hover {
    text-decoration: underline;
}
@media (max-width: 980px) {
    footer #bb .bb-inner .bb-l {
        text-align: center;
        width: 100%;
    }
}
footer #bb .bb-inner .bb-l ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 980px) {
    footer #bb .bb-inner .bb-l ul {
        justify-content: center;
        padding-bottom: 6px;
    }
}
footer #bb .bb-inner .bb-l ul li {
    color: #626262;
    font-size: 16px;
    font-family: "Swiss Roman", sans-serif;
}
footer #bb .bb-inner .bb-l ul li:after {
    content: "|";
    display: inline-block;
    padding: 0 10px;
}
footer #bb .bb-inner .bb-l ul li:last-of-type:after {
    display: none;
}
@media (max-width: 980px) {
    footer #bb .bb-inner .bb-r {
        text-align: center;
        width: 100%;
    }
}
@media (max-width: 980px) {
    footer #bb .bb-inner .bb-r p {
        font-size: 12px;
    }
}
footer #bb .bb-inner .bb-r p span {
    display: inline-block;
}


.newsletter-signup {
	background-color: #03c;
}
.newsletter-signup-inner {
	max-width: 1150px; 
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 70px 0;
}
.signup-left-column {
	display: grid;
	grid-template-columns: 60px auto;
	grid-gap: 25px;
	align-self: center;
}
.signup-text h4 {
	font-family: "Swiss Thin",sans-serif;
    font-weight: lighter;
    font-size: 20px;
    line-height: 24px;
	margin: 0 0 5px !important;
	color: #fff;
}
.signup-text h3 {
	font-family: "Swiss Thin",sans-serif;
    font-size: 30px;
    line-height: 36px;
	margin:0 !important;
	color: #fff;
}
.newsletter-signup #mc_embed_signup {
	display: grid;
}
.newsletter-signup form {
	display: grid;
    grid-template-columns: minmax(100px, 335px) 150px;
	align-self: center;
}
.newsletter-signup .mc4wp-form-fields {
	display: contents;
}
.newsletter-signup input:not(.gform_button) {
	background-color: transparent;
	border: none ;
	border-bottom: 1px solid #8BA0B3;
	font-size: 20px;
	line-height: 21px;
	padding: 18px 0 11px 8px;
	border-radius: 0 !important;
	color: #fff !important;
	font-family: "Swiss Light",sans-serif;
	width: 96%;
}
.newsletter-signup input:focus-visible {
	outline: none !important;
	border: none;
	border-bottom: 1px solid #8BA0B3;
}
.newsletter-signup input::placeholder {
	color: #87A0B5 !important;
}
.newsletter-signup .button {
	padding: 14px 40px 15px;
	background-color: #a1e214;
	color: #202020 !important;
	font-size: 18px;
	line-height: 21px;
	border-radius: 25px !important;
	font-family: "Swiss Light", sans-serif;
	border: none !important;
	    font-weight: 600;
}
.newsletter-signup .button:hover {
	background-color: #87A0B5 !important;
	transition: all 0.3s ease;
	cursor: pointer;
}
input:-internal-autofill-selected  {
	background: transparent;
}
 .newsletter-signup .gform_confirmation_wrapper {
	width: 400px;
}
 .newsletter-signup .gform_confirmation_message {
	font-size: 20px;
	color: #fff;
	font-family: "Swiss Light", sans-serif;
	margin-bottom: 0 !important;
}
 .newsletter-signup .gform_confirmation_wrapper a {
	font-size: 20px;
	color: #fff;
	text-decoration: underline;
	font-family: "Swiss Light", sans-serif;
}
 .newsletter-signup .gform_confirmation_wrapper a:hover {
	text-decoration: none;
	opacity: 0.7;
}
/* Change the white to any color */
.newsletter-signup input:-webkit-autofill,
.newsletter-signup input:-webkit-autofill:hover, 
.newsletter-signup input:-webkit-autofill:focus, 
.newsletter-signup input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px #2D637F inset !important;
}
.newsletter-signup input:-webkit-autofill
{
 -webkit-text-fill-color: #99CCE6 !important;
}

	.newsletter-signup ul.gform_fields {
		margin-bottom: 0;
	}
	.newsletter-signup ul.gform_fields li {
		padding-bottom: 0;
	}
.newsletter-signup .gform_heading {
		display:none;
	}
@media screen and (max-width: 1150px) {
	.newsletter-signup-inner {
		grid-template-columns: 350px auto;
		padding: 70px 30px;
	}
}

@media screen and (max-width: 800px) {
	.newsletter-signup-inner {
		grid-template-columns: 100%;
		padding: 75px 30px;
		height: auto;
	}
	.signup-left-column {
	grid-template-columns: 46px auto;
	
	
}
	.signup-text h4 {
		margin-bottom: 2px !important;
	}
	.signup-text h4, .newsletter-signup input {
    font-size: 18px;
    line-height: 21px;
}
	.newsletter-signup .gform_confirmation_message, .newsletter-signup .gform_confirmation_message a {
		font-size: 18px;
    line-height: 26px;
	}
.signup-text h3 {
    font-size: 24px;
    line-height: 29px;
}
.newsletter-signup form {
		align-self: end;
    	margin-top: 10px;
		grid-template-columns: 100%;
	}

.newsletter-signup .button {
		font-size: 14px;
		line-height: 20px;
		padding: 9px 31px 10px;
		margin-top: 20px;
	}

.newsletter-signup .gform_confirmation_wrapper	 {
		width: 100%;
}
	
}



.hero {
    background-color: #666;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: table;
    min-height: 400px;
    position: relative;
    height: 400px;
    vertical-align: middle;
    width: 100%;
}
@media (min-width: 767px) and (max-width: 980px) {
    .hero {
        min-height: 360px;
        height: 360px;
    }
}
@media (max-width: 766px) {
    .hero {
        height: auto;
        min-height: auto;
    }
}
.hero .h-ov {
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.45;
    z-index: 1;
}
.hero .hi {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 2;
}
@media (max-width: 766px) {
    .hero .hi {
        padding: 100px 0;
    }
}
.hero .hi h1 {
    color: #fff;
    display: block;
    font-family: "Swiss Thin", sans-serif;
    font-size: 56px;
    line-height: 1.1em;
    margin: auto;
    width: 80%;
}
@media (min-width: 767px) and (max-width: 980px) {
    .hero .hi h1 {
        font-size: 48px;
    }
}
@media (max-width: 766px) {
    .hero .hi h1 {
        font-size: 36px;
    }
}
.sec {
    padding: 80px 0;
}
.sec.bg-light-grey {
	background-color: #E5E5E5;
}

.sec.bg-light-grey #latest-articles .li-i .latest .latest-item, .sec.bg-light-grey #latest-articles .li-i .latest .latest-item .item-i .btm {
	background-color: #fff;
}
.page-template-page-simple-with-related-content #main .sec {
	padding-bottom: 0 !important;
}
.page-template-page-simple-with-related-content h2 {
	font-size: 40px;
	margin-bottom: 16px !important;
}

@media (min-width: 767px) and (max-width: 980px) {
    .sec {
        padding: 70px 0;
    }
}
@media (max-width: 766px) {
    .sec {
        padding: 44px 0;
    }
}
.sec .sec-i {
    max-width: 1300px;
    margin: auto;
    width: 90%;
}
.sec .sec-i .htb h2,
.sec .sec-i .htb h3,
.sec .sec-i .htb h4,
.sec .sec-i .htb h5,
.sec .sec-i .htb h6 {
    font-family: "Swiss Thin", sans-serif;
    font-weight: lighter;
    font-size: 42px;
    line-height: 1.1em;
    padding: 0;
    margin: 0;
}
@media (min-width: 767px) and (max-width: 980px) {
    .sec .sec-i .htb h2,
    .sec .sec-i .htb h3,
    .sec .sec-i .htb h4,
    .sec .sec-i .htb h5,
    .sec .sec-i .htb h6 {
        font-size: 36px;
    }
}
@media (max-width: 766px) {
    .sec .sec-i .htb h2,
    .sec .sec-i .htb h3,
    .sec .sec-i .htb h4,
    .sec .sec-i .htb h5,
    .sec .sec-i .htb h6 {
        font-size: 32px;
    }
}
.sec .sec-i .htb p {
    font-family: "Swiss Roman", sans-serif;
    font-size: 18px;
    margin: 1.5em 0 0;
    padding: 0;
    max-width: 1160px;
}
@media (max-width: 980px) {
    .sec .sec-i .htb p {
        font-size: 16px;
    }
}
.sec .sec-i .htb a.g-u {
    margin-top: 2em;
}
.sec .sec-i .htb.drk-t h2,
.sec .sec-i .htb.drk-t h3,
.sec .sec-i .htb.drk-t h4,
.sec .sec-i .htb.drk-t h5,
.sec .sec-i .htb.drk-t h6 {
    color: #4b4b4b;
}
.sec .sec-i .htb.drk-t p {
    color: #000;
}
.sec .sec-i .htb.lgt h2,
.sec .sec-i .htb.lgt h3,
.sec .sec-i .htb.lgt h4,
.sec .sec-i .htb.lgt h5,
.sec .sec-i .htb.lgt h6 {
    color: #fff;
}
.sec .sec-i .htb.lgt p {
    color: #fff;
}
.g-i {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.hh .hh-i {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 80px 5%;
    width: 50%;
}
@media (min-width: 767px) and (max-width: 980px) {
    .hh .hh-i {
        padding: 70px 5%;
        width: 60%;
    }
}
@media (max-width: 766px) {
    .hh .hh-i {
        background-color: rgba(0, 0, 0, 0.9);
        padding: 44px 5%;
        width: 100%;
    }
}
.hh .hh-i h2,
.hh .hh-i h3,
.hh .hh-i h4,
.hh .hh-i h5,
.hh .hh-i h6 {
    font-family: "Swiss Thin", sans-serif;
    font-weight: lighter;
    font-size: 42px;
    line-height: 1.3em;
    padding: 0;
    margin: 0;
}
.hh .hh-i h2:nth-of-type(n + 2),
.hh .hh-i h3:nth-of-type(n + 2),
.hh .hh-i h4:nth-of-type(n + 2),
.hh .hh-i h5:nth-of-type(n + 2),
.hh .hh-i h6:nth-of-type(n + 2) {
    margin-top: 1em;
}
@media (min-width: 767px) and (max-width: 980px) {
    .hh .hh-i h2,
    .hh .hh-i h3,
    .hh .hh-i h4,
    .hh .hh-i h5,
    .hh .hh-i h6 {
        font-size: 36px;
    }
}
@media (max-width: 766px) {
    .hh .hh-i h2,
    .hh .hh-i h3,
    .hh .hh-i h4,
    .hh .hh-i h5,
    .hh .hh-i h6 {
        font-size: 32px;
    }
}
.hh .hh-i p {
    color: #fff;
    font-family: "Swiss Roman", sans-serif;
    font-size: 18px;
    margin: 1.5em auto 0;
    padding: 0;
}
@media (max-width: 980px) {
    .hh .hh-i p {
        font-size: 16px;
    }
}
#latest-articles {
    padding-bottom: 110px;
}
#latest-articles .li-i .htb p {
    color: #4d4d4d;
}
#latest-articles .li-i .latest {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.5em;
}
#latest-articles .li-i .latest .latest-item {
    background-color: #f4f4f4;
    margin-right: 3.333%;
    width: 31%;
    transition: all 0.15s ease;
    text-decoration: none;
}
#latest-articles .li-i .latest .latest-item:hover {
    opacity: 0.9;
}
#latest-articles .li-i .latest .latest-item:last-of-type {
    margin-right: 0;
}
@media screen and (min-width: 650px) and (max-width: 980px) {
    #latest-articles .li-i .latest .latest-item {
        width: 47.5%;
        margin-right: 5%;
    }
    #latest-articles .li-i .latest .latest-item:nth-of-type(2) {
        margin-right: 0;
    }
    #latest-articles .li-i .latest .latest-item:nth-of-type(3) {
        display: none;
    }
}
@media screen and (max-width: 649px) {
    #latest-articles .li-i .latest .latest-item {
        width: 100%;
        margin: 0;
    }
    #latest-articles .li-i .latest .latest-item:first-of-type {
        margin-bottom: 24px;
    }
    #latest-articles .li-i .latest .latest-item:nth-of-type(3) {
        margin-top: 24px;
    }
}
#latest-articles .li-i .latest .latest-item .item-i:hover .bg {
    transform: translateZ(0) scale(1.07);
}
#latest-articles .li-i .latest .latest-item .item-i .bg-wrap {
    overflow: hidden;
}
#latest-articles .li-i .latest .latest-item .item-i .bg-wrap .bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding-top: 56.25%;
    transition: all 0.4s ease;
}
#latest-articles .li-i .latest .latest-item .item-i .btm {
    background-color: #f4f4f4;
    padding: 20px;
}
#latest-articles .li-i .latest .latest-item .item-i .btm p {
    color: #808083;
    font-family: "Swiss Roman", sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.page-template-page-about #latest-articles {
    background-color: #f2f2f2;
}
.page-template-page-engage #latest-articles {
    background-color: #e5e5e5;
}
.single-insights #latest-articles {
    background-color: #e5e5e5;
    clear: both;
}