/*Theme Name:hongling
Version:1.0Description:安徽领聚数字作为Google中国区核心合作伙伴,拥有安徽省唯一的一家Google出海体验中心,为安徽本土化外贸企业出海提供一站式服务——网站搭建,谷歌SEO优化,谷歌竞价,谷歌SNS社媒营销等。Author:版权所有：安徽领聚*/
@charset "utf-8";
:root {
	--i_color: #E88052;
	--i_color3: #E88052;
	/* 全局颜色 */
	--i_color2: #fff;
	--bjs: #f9f9f9;
	--btn_color2: #E88052;
	--liner_color: linear-gradient(to bottom, transparent, rgba(0, 89, 170, 1));
	/* 副颜色 */
	--top_h: 85px;
	/* 顶部高度 */
	--border_color: rgba(51, 51, 51, 0.2);
	/* 默认边框颜色 */
}
@media screen and (max-width:1024px) {
	:root {
		--top_h: 45px;
	}
}
@media screen and (max-width:768px) {
	:root {
		--border_color: rgba(0, 0, 0, .06)
	}
}
.wrap {
	width: 1300px;
	max-width: 94vw;
	margin-left: auto;
	margin-right: auto;
}
.wrap_l {
	display: block;
	box-sizing: border-box;
	padding-left: 10.5vw;
}
.wrap_r {
	display: block;
	box-sizing: border-box;
	padding-left: 13.5vw;
}
.wrap_r2 {
	display: block;
	box-sizing: border-box;
	padding-left: 1vw;
	padding-right: 8vw;
	box-sizing: border-box;
}
@media screen and (max-width:1600px) {

	.wrap {
		max-width: 80vw;
	}

	.wrap_l {
		padding-left: 3.4vw;
	}
	.wrap_r {
		padding-right: 3.4vw;
	}
}
@media screen and (max-width:1440px) {
	.wrap_l {
		padding-left: 3.2vw;
	}
	.wrap_r {
		padding-right: 3.2vw;
	}
}
@media screen and (max-width:1200px) {
	.wrap_l {
		padding-left: 3vw;
	}
	.wrap_r {
		padding-right: 3vw;
	}

	.wrap {
		max-width: 94vw;
	}

}
/* header */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2014;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	height: var(--top_h);
	background: var(--i_color2);
}
.top_cont {
	box-sizing: border-box;
	background: transparent;
	position: relative;
	z-index: 2013;
}
header.TopHeader .top_cont {
	background: var(--i_color2);
	box-shadow: rgb(0, 124, 186) 0rem 0rem 0rem 2.41859e-0.08rem;
}
.top {
	max-width: 96vw;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
@media screen and (max-width:1024px) {
	header {
		top: 0;
		box-shadow: 0 .04rem .1rem rgba(0, 0, 0, .1);
	}
	.top_cont {
		/* background: #151515; */
	}
}
/* logo */
.logo {
	flex-shrink: 0;
	/* margin-right:3%;*/
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: var(--top_h);
	padding: 0 60px;
	box-sizing: border-box;
	/* border-right: .01rem solid var(--border_color); */
}
.logo a {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: 90%;
}
.logo img {
	max-height: 100%;
	object-fit: cover;
}
@media screen and (max-width:1440px) {
	.logo a {
		height: 60%;
	}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.logo {
		padding: 0 20px;
	}
}
@media screen and (max-width:768px) {
	.logo a {
		height: 38%;
	}
}
@media screen and (max-width:560px) {}
/* 导航 */
nav {}
@media screen and (min-width:1025px) {
	nav {
		/* margin-right: auto;
		margin-left: 20px; */
		margin-left: auto;
		margin-right: 0.2rem;
	}
	.i_nav {
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0 .5rem;
		/* margin-left: auto; */
		position: relative;
	}
	.i_nav::before {
		/* content: ''; */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 120%;
		height: 80%;
		background: #f7f7f7;
		/* z-index: ; */
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}
	.i_nav>li {
		position: relative;
	}
	.i_nav>li::before {
		content: '';
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: .0rem;
		width: 0%;
		height: .06rem;
		background: var(--i_color);
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}
	.i_nav>li:hover:after {
		opacity: 1;
	}
	.i_nav>li:hover::before {
		/* right: initial;
		left: 0; */
		width: 100%;
	}
	.i_nav>li>a {
		display: block;
		font-size: .18rem;
		color: #333;
		line-height: var(--top_h);
		position: relative;
		text-transform: uppercase;
		/* font-family: 'ssb'; */
		font-weight: 700;
	}
	/* .i_nav>.current-menu-item::after {
		opacity: 1;
	}
	/* */
	.i_nav>.current-menu-item::before {
		/* content: '';
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: .35rem;
		width: 100%;
		height: .01rem;
		background: var(--i_color); */
		width: 100%;
	}
	.i_nav>.current-menu-item::before,
	.i_nav>.current-category-ancestor::before,
	.i_nav>.current-post-ancestor::before,
	.i_nav>.current-menu-ancestor::before,
	.i_nav>.current-menu-parent::before,
	.i_nav>li:hover::before,
	.i_nav .curr::before {
		width: 100%;
	}
	.i_nav>.current-menu-item a {
		color: var(--i_color);
	}
	.i_nav .sub-menu {
		display: none;
		position: absolute;
		left: 0;
		top: var(--top_h);
		min-width: 180px;
		max-width: 420px;
		background: #FFF;
		overflow: hidden;
	}
	.i_nav .nav_dropdown_box .sub-menu {}
	.i_nav .sub-menu li {
		position: relative;
	}
	.i_nav .sub-menu li::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: .01rem;
		background: #DDD;
	}
	.i_nav .sub-menu a {
		display: block;
		padding: 0 16px;
		font-size: 15px;
		color: #151515;
		line-height: 42px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: relative;
	}
	.i_nav .sub-menu li:hover a {
		color: #E83539;
		background: #F1F1F1;
	}
	.i_nav>li>a:hover {
		color: var(--i_color);
	}
}
@media screen and (max-width:1440px) {
	.i_nav>li>a {
		font-size: .18rem;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.i_nav>li>a {
		font-size: .16rem;
	}
}
/* phone nav */
@media screen and (max-width:1024px) {
	.i_nav {
		display: none;
		position: fixed;
		top: var(--top_h);
		left: 0;
		width: 100%;
		width: 100vw;
		max-width: 100%;
		max-height: calc(100vh - var(--top_h));
		background: #FFF;
		overflow-y: auto;
		z-index: 2
	}
	/*滚动条*/
	.i_nav::-webkit-scrollbar {
		width: .03rem;
		height: .08rem
	}
	.i_nav::-webkit-scrollbar-thumb {
		-webkit-box-shadow: inset 0 0 .05rem rgba(0, 0, 0, 0.2);
		background: #555
	}
	.i_nav::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 .05rem rgba(0, 0, 0, 0.2);
		border-radius: 0;
		background: #F1F1F1
	}
	.i_nav>li {
		margin: 0 0 !important;
		border-bottom: .01rem solid var(--border_color);
		position: relative
	}
	.i_nav>.menu-item-has-children span {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 44px;
		height: 44px;
		box-sizing: border-box;
		background: #F1F1F1 url(static/images/public/arrow_d_b.svg) no-repeat center;
		background-size: 18px;
	}
	.i_nav>.menu-item-has-children span.on {
		background: #F1F1F1 url(static/images/public/arrow_u_b.svg) no-repeat center;
		background-size: 18px;
	}
	.i_nav>li>a {
		padding: 0 20px;
		font-size: 16px;
		color: #222;
		line-height: 44px;
		text-transform: uppercase;
	}
	.i_nav>li>.sub-menu {
		display: none
	}
	.i_nav>li>.sub-menu li {
		position: relative;
	}
	.i_nav .sub-menu a {
		padding: 0 40px;
		font-size: 15px;
		color: #555;
		line-height: 40px;
		position: relative;
	}
	.i_nav .sub-menu li:not(:last-child) {
		border-bottom: .01rem solid var(--border_color)
	}
	.i_nav>li>.sub-menu b {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: url(static/images/public/arrow_down_hollow_hei.svg) no-repeat center;
		background-size: 16px;
	}
	.i_nav>li>.sub-menu b.on {
		background: url(static/images/public/arrow_up_hollow_hei.svg) no-repeat center;
		background-size: 16px;
	}
	.i_nav .sub-menu .sub-menu {
		display: none;
	}
	.i_nav .sub-menu .sub-menu a {
		padding: 0 60px;
		font-size: 13px;
		color: #888;
		line-height: 36px;
		position: relative;
	}
	.i_nav a {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}
}
.top_line_r {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 20px;
	position: relative;
}
.top_line_r::before {
	/* content: ''; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 180%;
	height: 80%;
	/* z-index: 9; */
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
/* language */
.language {
	position: relative;
	box-sizing: border-box;
	padding: 0 20px;
	border-left: .01rem solid var(--border_color);
	border-right: .01rem solid var(--border_color);
}
.language::before {
	/* content: ''; */
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: -18px;
	width: 0;
	height: 0;
	border-left: .06rem solid transparent;
	border-right: .06rem solid transparent;
	border-top: .06rem solid #333;
}
.language_icon {
	height: var(--top_h);
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 10px;
	font-size: 18px;
	color: #333;
}
.language_icon iconify-icon {
	font-size: 26px;
	color: #333;
	cursor: pointer;
}
.language_list {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: calc(var(--top_h) + 20px);
	right: 0;
	background: #FFF;
	min-width: 120px;
	z-index: 2016;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	padding: 16px 20px;
}
.language_list.on {
	opacity: 1;
	top: var(--top_h);
	visibility: visible;
}
.language_list dt>h6 {
	margin-bottom: 8px;
	font-size: 17px;
	font-weight: bold;
	white-space: nowrap;
}
.curr_lang {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: .01rem solid #EEE;
}
.lang_list a {
	display: block;
	padding: 6px 0;
}
.lang_list span img {
	display: none;
}
.lang_list .trp-ls-language-name {
	padding-left: 30px;
	font-size: .14rem;
	position: relative;
}
.lang_list .trp-ls-language-name::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: .01rem solid #AAA;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.lang_list .trp-ls-language-name::after {
	display: none;
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 6px;
	width: 6px;
	height: 6px;
	background: var(--i_color2);
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.lang_list li:hover .trp-ls-language-name::after,
.curr_lang .trp-ls-language-name::after {
	display: block;
}
.lang_list li:hover .trp-ls-language-name,
.curr_lang .trp-ls-language-name {
	color: red;
}
/* search */
.top_search_ico {
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	margin-left: 20px;
}
.top_search_ico::after {
	/* content: ''; */
	width: .01rem;
	height: 80%;
	background: #333;
	position: absolute;
	position: absolute;
	top: 50%;
	right: -0.15rem;
	transform: translate(0, -50%);
}
.top_search_ico iconify-icon {
	font-size: 24px;
	color: #333;
	cursor: pointer;
}
.top_search_ico
/* find_btn */
.find_btn {
	display: table;
	background: #E83539;
	padding: .1rem .4rem;
}
.find_btn b {
	color: #fff;
	font-weight: bold;
	font-size: .18rem;
}
@media screen and (max-width:1024px) {


	.top {
		justify-content: space-between;
	}
	.top_search_ico {
		margin-right: 0;
	}
	.language {
		border: none;
		padding: 0;
	}
	.language::after {
		display: none;
	}
	.language::before {
		display: none;
	}
	.top_line_r::before {
		display: none;
	}
	.top_line_r {
		margin-left: auto;
	}
	.language_icon {
		font-size: 15px;
	}
	.top_line_r {
		gap: 0 20px;
	}
	.find_btn {
		padding: .08rem .2rem;
	}
	.find_btn b {
		font-size: .14rem;
	}
	.top_search_ico::after {
		content: none;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
.topIcon iconify-icon {
	font-size: 24px;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.topIcon {
		display: none;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
/* nav dropdown menu */
.nav_dropdown {
	display: none;
	position: fixed;
	top: var(--top_h);
	left: 0;
	width: 100%;
	padding: 24px 0 20px;
	background: #FFF;
	box-shadow: 0 10px 10px rgb(0 0 0 / 8%);
	z-index: 99;
}
.nav_dropdown_item {
	display: none;
}
.nav_dropdown_item:first-child {
	display: block;
}
.nav_dropdown_item ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 1.25%;
}
.nav_dropdown_item li {
	width: 10%;
}
.nav_dropdown_item li a {
	display: block;
	padding: 20px 26px;
	overflow: hidden;
}
.nav_dropdown_item .img {
	width: 100%;
	position: relative;
	overflow: hidden
}
.nav_dropdown_item .img::before {
	content: "";
	display: block;
	padding-bottom: 66.66%
}
.nav_dropdown_item .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.nav_dropdown_item .txt {
	margin-top: 10px;
	text-align: center;
}
.nav_dropdown_item .txt p {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.nav_dropdown_item li:hover {
	background: #F1F1F1;
}
@media screen and (max-width:1024px) {
	.nav_dropdown {
		display: none !important;
	}
}
/* 移动端导航按钮 */
.nav_menu {
	/*
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	*/
	position: relative;
	margin-left: 20px;
	width: .22rem;
	height: .16rem;
	display: none;
	cursor: pointer;
	/* background: var(--i_color); */
}
.nav_menu i {
	display: block;
	width: 100%;
	height: .03rem;
	position: absolute;
	top: 50%;
	margin-top: -0.02rem;
	background: var(--i_color);
	border-radius: 10px;
	transition: 0.5s
}
.nav_menu::before,
.nav_menu::after {
	content: "";
	width: 100%;
	height: .03rem;
	background: var(--i_color);
	position: absolute;
	left: 0;
	border-radius: 10px;
	transition: 0.5s
}
.nav_menu::before {
	top: 0;
}
.nav_menu::after {
	bottom: 0;
}
.nav_menu.on i {
	opacity: 0
}
.nav_menu.on::before {
	transform: rotate(45deg);
	top: 50%;
	margin-top: -0.02rem
}
.nav_menu.on::after {
	transform: rotate(-45deg);
	top: 50%;
	margin-top: -0.02rem
}
@media screen and (max-width:1024px) {
	.nav_menu {
		display: block !important
	}
}
/* search main */
.top_search {
	--search_height: 38px
}
.top_search {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 16px 0;
	background: #FFF;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 60;
}
.top_search.on {
	visibility: visible;
	opacity: 1;
	top: calc(var(--top_h));
	box-shadow: 0 6px 10px rgb(0 0 0 / 8%);
}
.top_search form {
	width: 94%;
	margin: 0 auto;
	max-width: 500px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: .01rem;
	overflow: hidden;
}
.top_search_ipt {
	width: calc(100% - var(--search_height) * 2);
	height: var(--search_height);
	box-sizing: border-box;
	border: .01rem solid var(--i_color);
	border-right: none;
	padding: 0 0 0 12px;
}
.top_search_btn {
	font-size: 0;
	color: #FFF;
	width: calc(var(--search_height) * 2);
	height: var(--search_height);
	background: var(--i_color) url(static/images/public/search_w1.svg) no-repeat center;
	background-size: 22px;
	cursor: pointer;
}
@media screen and (max-width:1024px) {
	.top_search.on {
		top: var(--top_h);
	}
}
.full_header_height {
	height: var(--top_h);
}
@media screen and (max-width:1024px) {
	.full_header_height {
		height: var(--top_h);
	}
}
.poreated {
	position: relative;
}
/* banner */
.banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.banner_list {
	position: relative;
	overflow: hidden;
}

.banner_list video {

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}


.banner_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
}
.banner_list .swiper-slide {
	flex-shrink: 0;
	position: relative;
}
.banner_list .swiper-slide::before {
	content: '';
	display: block;
	padding-bottom: 730px;
}
.banner_list li>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-prev,
.banner-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 40px;
	height: 40px;
	background: rgb(0 0 0 / 60%);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.banner-prev {
	left: 0;
}
.banner-next {
	right: 0;
}
.banner-prev iconify-icon,
.banner-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
	color: #FFF;
}
.banner_list .swiper-button-disabled {
	cursor: not-allowed
}
.banner-prev:hover,
.banner-next:hover {
	/* background:var(--i_color);*/
}
.banner-pagination {
	display: block;
	text-align: center;
	bottom: 30px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}
.banner-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 0 .06rem;
	background: #CCC;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}
.banner-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}





@media screen and (max-width:1440px) {
	.banner_list .swiper-slide::before {
		padding-bottom: 562px;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}








@media screen and (max-width:1024px) {
	.banner_list .swiper-slide::before {
		padding-bottom: 40%;
	}
	.banner-prev,
	.banner-next {
		display: none;
	}
	.banner-pagination {
		display: none;
	}
}
@media screen and (max-width:768px) {
	.banner_list .swiper-slide::before {
		padding-bottom: 44%;
	}
}
@media screen and (max-width:560px) {
	.banner_list .swiper-slide::before {
		padding-bottom: 54%;
	}
	.banner-pagination {
		bottom: .2rem;
	}
	.banner-pagination .swiper-pagination-bullet {
		margin: 0 .06rem;
		font-size: 14px;
	}
}
.banner_text {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 100%;
}
.banner_text p {}
.banner_text h6 {
	font-size: 46px;
	/* font-weight: bold; */
	text-shadow: .02rem .02rem .05rem rgba(0, 0, 0, 0.3);
}
.va {
	color: var(--i_color);
}
.banner_text1 {
	top: 45%;
}
.banner_text1 p {
	display: inline-block;
	position: relative;
	border: .01rem solid #fff;
	padding: 10px 30px;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.br5 {
	border-radius: 5px;
}
.banner_text1 h6 {
	position: relative;
}
.banner_text1 h6::before {
	content: '';
	position: absolute;
	top: -0.2rem;
	left: -0.3rem;
	width: .68rem;
	height: .65rem;
	background: url(static/imgs/wzxs.png) no-repeat center;
	background-size: contain;
	z-index: -1;
}
.banner_text2 p {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.fff {
	color: #fff !important;
}
.fb {
	/* font-weight: bold; */
}
.redbox {
	position: relative;
	z-index: 2;
}
.redbox::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: -60%;
	width: 100%;
	height: 120%;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: -1;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
@media screen and (max-width:1440px) {
	.banner_text h6 {
		font-size: 50px;
	}
}
@media screen and (max-width:1366px) {
	.banner_text h6 {
		font-size: 40px;
	}
}
@media screen and (max-width:1200px) {
	.banner_text h6 {
		font-size: 30px;
	}
}
@media screen and (max-width:1024px) {
	.banner_text1 h6 img {
		height: 30px;
	}
	.redbox {
		display: none;
	}
	.banner_text1 h4 {
		display: none;
	}
	.banner_text1 h6::before {
		display: none;
	}
	.banner_text1 p {
		padding: 0;
		border: none;
	}
	.banner_text1 .btn b {
		display: none;
	}
	.banner_text1 p {
		margin-bottom: 0;
	}
	.banner_text h6 {
		margin-top: 15px;
		margin-bottom: 25px;
	}
	.banner_text1 p img {
		height: 10px;
	}
	.banner_text2 p::before {
		width: 80%;
	}
	.banner_text1 .imgbox h5 {
		display: none;
	}
	.banner_text1 .imgbox .img {
		height: 30px;
		width: 30px;
	}
	.banner_text h6 {
		font-size: 25px;
	}
	.banner_text h6 br {
		display: none;
	}
	.banner_text p br {
		display: none;
	}
	.banner_text2 p span {
		align-items: center;
	}
	.banner_text2 p span .i2 {
		display: none;
	}
	.banner_text1 p img {
		display: none;
	}
	.banner_text1 .imgbox {
		display: none;
	}
}
@media screen and (max-width:768px) {
	.banner_text3 p {
		padding-left: 0;
	}
	.banner_text2 p img {
		display: none;
	}
	.banner_text p::before {
		width: 100%;
		display: none;
	}
	.banner_text1 p {
		gap: 10px;
	}
	.banner_text1 p {}
	.banner_text h6 {
		font-size: 20px;
	}
	.banner_text3 p i {
		font-size: 16px;
	}
}
@media screen and (max-width:560px) {}
.mb10 {
	margin-bottom: .1rem;
}
.btn {
	display: table;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border: 1px solid var(--border_color);
}


.btn b {
	display: block;
	padding: 10px 25px;
	font-size: 18px;
	color: #666;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	text-wrap: nowrap;
	align-items: center;
	gap: 0 10px;
	text-transform: capitalize;
}
.btn b iconify-icon {
	font-size: 18px;
}


.btn.whs {
	border-color: #fff;
}

.btn.whs b {
	color: #fff;
}
.btn.whs:hover {
	background: var(--i_color);
}

.btn.fff {
	background: #fff;
}
.btn.fff b {
	color: var(--i_color);
}
.btn.fff:hover {
	background: var(--i_color);
}
.btn.fff:hover b {
	color: #fff;
}
.btn.black {
	border-color: var(--i_color2)
}
.btn.black::before {
	background: #000;
}
.btn.black b {
	color: var(--i_color2);
}
.btn.center {
	margin-left: auto;
	margin-right: auto;
	display: table !important;
}
.btn.nb:hover {
	background: var(--i_color);

}
.btn:hover {
	-webkit-transform: translate(0, -0.08rem);
	transform: translate(0, -0.08rem);

	background: var(--i_color);
	border-color: transparent;
}
.btn:hover b {
	color: #fff;
}
.btn.black:hover b {
	color: #FFF;
}
.btn.hb {
	border: .01rem solid var(--i_color);
	background: transparent;
}
.btn.hb:hover {
	background: var(--i_color);
}
.btn.hb:hover b {
	color: #fff;
}
.btn.hb b {
	color: var(--i_color);
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.btn b iconify-icon {
		font-size: 20px;
	}
	.btn.mt60 {
		margin-top: 10px;
	}
	.btn b {
		padding: .08rem .2rem;
		font-size: .12rem;
	}
}
@media screen and (max-width:768px) {
	.btn b {
		margin-right: auto;
	}
}
@media screen and (max-width:560px) {}
/* 公共标题 */
.tfff {
	color: #fff !important;
}
.tit {}
.tit p {}
.tit h3 {
	font-size: 44px;
	margin-bottom: .1rem;
	/* font-weight: bold; */
	font-family: 'ssb';
	position: relative;
	z-index: 22;
}
.tit h3::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.07rem;
	height: .25rem;
	background: url(static/imgs/btbj.png) no-repeat center;
	background-size: cover;
	z-index: -1;
}
.tit h6 {
	font-size: 24px;
	color: #666;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
	gap: 0 10px;
	align-items: center;
	/* text-transform: capitalize; */
}
.tit.h3topb h6 {
	color: #666;
	width: 30%;
	margin: .3rem 0;
	width: 100%;
}
.tit.dis {
	display: flex;
	justify-content: center;
	align-items: center;
}
.tit.center h6 {
	justify-content: center;
}
.wz999 {
	color: #999;
}
.wz666 {
	color: #666;
}
.tit h3 i {
	color: var(--i_color);
	font-weight: inherit;
}
.tit.center h3,
.tit.center h6,
.tit.center h5 {
	text-align: center;
}
.tit.center h5 {
	color: #999;
}
.tit.center h3 {
	margin: 20px 0;
}
.tit.dis2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tit.dis2 h6 {
	margin-bottom: 5px;
}
.tit span {
	width: 87%;
}
.tit h5 {
	color: #333;
}
.tit.black {}
.tit.black h6 {
	color: var(--i_color2);
	width: 40%;
}
.tit.black h3 {
	color: var(--i_color2);
	width: 100%;
}
.tit.black p {
	color: var(--i_color2);
}
@media screen and (max-width:1440px) {
	.tit h3 {
		font-size: 32px;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.tit h3 {
		font-size: 30px;
	}
}
@media screen and (max-width:1024px) {
	.tit h3 br {
		display: none;
	}
	.tit.dis2 h6 br {
		display: none;
	}
	.tit.dis2 h6 {
		margin-bottom: 15px;
	}
	.tit h3 img {
		height: 30px;
	}
	.tit span {
		width: 100%;
		/* margin-bottom: 20px; */
	}
	.tit.dis2 {
		flex-wrap: wrap;
	}
	.tit.center h3 {
		margin: 10px 0;
	}
	.tit.dis2 h6 {
		gap: 0 10px;
	}
	.tit h6 img {
		height: 18px;
	}
	.tit p {
		font-size: .16rem;
	}
	.tit h3 {
		font-size: .2rem;
	}
	.tit h6 {
		font-size: .14rem;
	}
}
@media screen and (max-width:768px) {
	.tit.dis {
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
	}
	.tit.dis span {
		width: 100%;
	}
	.tit.dis h6 {
		padding: .1rem 0;
		width: 100%;
	}
	.tit {
		width: 100%;
	}
}
@media screen and (max-width:560px) {
	.tit.dis {
		display: block;
	}
}
.mb10 {
	margin-bottom: .1rem;
}
.pub {
	margin-bottom: .1rem;
}
.pub .swiper-pagination-bullet {
	width: .1rem !important;
	height: .1rem !important;
	background: #999 !important;
	border-radius: 0 !important;
	position: relative;
	flex-shrink: 0;
}
.pub .swiper-pagination-bullet::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	width: 130%;
	height: 130%;
	border: .01rem solid var(--i_color);
	z-index: 9;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	flex-shrink: 0;
}
.pub .swiper-pagination-bullet-active {
	background: var(--i_color) !important
}
.pub .swiper-pagination-bullet-active::before {
	opacity: 1;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.pub .swiper-pagination-bullet-active::before {
		display: none;
	}
}
@media screen and (max-width:1024px) {
	.pub .swiper-pagination-bullet {
		width: .07rem !important;
		height: .07rem !important;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}

.work {}
.work .p3_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 2%;
	align-items: start;
}
.work .p3_list li {
	width: 23.5%;
	box-sizing: border-box;
}

.work .p3_list li:nth-child(2) {
	width: 49%;
}
.work .p3_list li:nth-child(2) .img {
	padding-bottom: 59.5%;
}
.work .p3_list li:nth-child(4) {
	width: 49%;
}
.work .p3_list li:nth-child(4) .img {
	padding-bottom: 59.5%;
}
.work .p3_list li:nth-child(9) {
	width: 49%;
}
.work .p3_list li:nth-child(9) .img {
	padding-bottom: 59.5%;
}
.work .p3_list li .img {
	position: relative;
	padding-bottom: 125%;
	overflow: hidden;
}
.fb700 {
	font-weight: 700;
}


.work .p3_list li:nth-child(10) {
	width: 49%;
}

.work .p3_list li:nth-child(10) .img {
	padding-bottom: 59.5%;
}


.work .p3_list li:nth-child(14) {
	width: 49%;
}

.work .p3_list li:nth-child(14) .img {
	padding-bottom: 59.5%;
}


.work .p3_list li:nth-child(18) {
	width: 49%;
}

.work .p3_list li:nth-child(18) .img {
	padding-bottom: 59.5%;
}




















.work .p3_list li .img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9;

}
.work .p3_list li .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.work .p3_list li .txt {
	padding: 0.15rem;
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	z-index: 10;
}
.work .p3_list li .txt p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}
.work .p3_list li .txt h6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}
.work .p3_list li:hover img {}


.work .p3_list li:hover .img::before {
	height: 100%;
}

.work .p3_list li:hover .txt {
	opacity: 1;
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.work .p3_list li {
		width: 100% !important;
	}

	.work .p3_list li .img {
		padding-bottom: 75% !important;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





/* ul>li左图右文 */
.stranth {}
.stranth .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	position: relative;


}

/* .stranth .wrap::-webkit-scrollbar {
    display: none;
} */

.stranth .wrap .left {
	width: 48%;
}

.stranth .wrap .left img {
	width: 100%;
}

.stranth .wrap .right {
	width: 44%;

}
.stranth .wrap dl {
	position: sticky;
	top: 200px;
}
.stranth .wrap dt.active {
	color: #000;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.stranth .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}

	.stranth .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}




.v1box {
	background: url(https://lingjuimg.com/wp-content/uploads/hongling/2025/09/A_ssss13.webp) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}


.v2box {
	background: url(https://lingjuimg.com/wp-content/uploads/hongling/2025/09/A_ssss14.webp) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}



.v3box {
	background: url(https://lingjuimg.com/wp-content/uploads/hongling/2025/09/A_ssss15.webp) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}


.brno {}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.brno br {
		display: none;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
footer {
	height: 80vh;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:1440px) {
	footer {
		height: auto;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {
	footer {
		margin-bottom: 0.43rem;
	}
}
@media screen and (max-width:560px) {}
.innerbanner {}
.in_pagebanner {
	font-size: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.in_pagebanner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.in_pagebanner p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.catebox dt.active a {
	color: #333;
}
.catebox dt:hover a {
	color: #333;
}
/* Number of pages */
.in_page_box {
	text-align: center;
	overflow: hidden
}
.in_page {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.in_page li {
	min-width: .32rem;
	margin: 0 .04rem;
}
.in_page a,
.in_page span {
	display: block;
	padding: 0 .12rem;
	line-height: .32rem;
	font-size: .14rem;
	color: #666;
	background: #FFF;
	-webkit-border-radius: .05rem;
	border-radius: .05rem;
	border: 1px solid var(--border_color);
	overflow: hidden;
}
.in_page>i {
	margin-top: 0.14rem;
	width: 100%;
	font-size: 0.13rem;
	color: #888;
}
.in_page a:hover,
.in_page .active_page a,
.in_page .active_page span {
	border-color: var(--i_color) !important;
	background: var(--i_color);
	color: #FFF !important
}
@media screen and (max-width:1024px) {
	.in_page_box {
		margin-top: 0.4rem;
	}
}
@media screen and (max-width:768px) {
	.in_page li {
		min-width: .28rem;
	}
	.in_page a,
	.in_page span {
		line-height: 0.28rem;
		padding: 0 .1rem;
	}
}
@media screen and (max-width:560px) {
	.in_page_box {
		margin-top: 0.3rem;
	}
}
.whbox .txt {
	width: 30%;
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.whbox .txt {
		width: 100%;
		margin-bottom: 0.2rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
/* ul>li左图右文 */
.cusbox {
	overflow: hidden;
	position: relative;
	z-index: -1;

}
.cusbox .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
.cusbox::before {
	content: '';
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0);
	top: 0;
	right: 0;
	width: 6px;
	height: 50vh;
	background: var(--bjs);
	z-index: -2;
}
.cusbox .wrap .left {
	width: 37.5%;
}
.cusbox .wrap .left img {
	width: 100%;
}
.cusbox .wrap .right {
	width: 39.5%;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.cusbox .wrap::before {
		display: none;
	}
	.cusbox .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}
	.cusbox .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}

/* ul>li左图右文 */
.cusbox2 {}
.cusbox2 .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cusbox2 .wrap .left {
	width: 62%;
}
.cusbox2 .wrap .right {
	width: 34%;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.cusbox2 .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}

	.cusbox2 .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}






.products1 {
	width: 100%;
}
/* 产品页1 */
.cuslists {
	display: -webkit-flex;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 2.4%;
}

.cuslists li {
	width: 23.2%;
	box-sizing: border-box;
}

.cuslists li .img {
	position: relative;
	padding-bottom: 122%;
	overflow: hidden;
}

.cuslists li .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.cuslists li .txt {
	padding: 0.15rem;
	box-sizing: border-box;
}

.cuslists li .btn {}
.cuslists li .btn b {}

.cuslists li .txt p {}

.cuslists li .txt h6 {
	margin: 0.1rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cuslists li:hover img {}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.cuslists {
		gap: 0.2rem 2%;
		margin-top: 0.2rem;
	}
	.cuslists li {
		width: 49%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



.cpfbox .txts {
	gap: 0.2rem 0;
}

.cpfbox {
	background: #fff;
}




/* 产品页1 */
.cpflist {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 2.4%;
}

.cpflist li {
	width: 23.2%;
	box-sizing: border-box;
}

.cpflist li .img {
	position: relative;
	padding-bottom: 80%;
	overflow: hidden;
}

.cpflist li .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.cpflist li .txt {
	padding: 0.15rem 0;
	box-sizing: border-box;
}

.cpflist li .btn {}
.cpflist li .btn b {}

.cpflist li .txt p {

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cpflist li .txt h6 {
	margin: 0.1rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cpflist li:hover img {}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.cpflist {
		gap: 0.2rem 2%;
	}
	.cpflist li {
		width: 49%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}







.numlist {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: center;
	gap: 10px 0;
}


.numlist li {
	width: 33.33%;
	box-sizing: border-box;
	padding: 0.2rem 0;
	text-align: center;
}

.numlist li p {
	margin-bottom: 0.1rem;
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.numlist li {
		width: 49%;
		border: 1px solid var(--border_color);
		box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 38px 0px;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}




/* ul>li左图右文 */
.about_list {}
.about_list .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about_list .wraps:not(:last-child) {
	margin-bottom: 1rem;
}
.about_list .wrap .left {
	width: 63%;
}
.about_list .wrap:nth-child(odd) .left {
	order: 5;
}


.about_list .wrap .left img {
	width: 100%;
}

.about_list .wrap .right {
	width: 32%;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {
	.about_list .wraps:not(:last-child) {
		margin-bottom: 0.5rem;
	}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.about_list .wraps:not(:last-child) {
		margin-bottom: 0.2rem;
	}
	.about_list .wrap:nth-child(odd) .left {
		order: -5;
	}
	.about_list .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}

	.about_list .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





.aboutslist2_swipers {
	position: relative;
}
.aboutslist2_swipers .aboutslist2_list {
	position: relative;
	overflow: hidden
}
.aboutslist2_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
	box-sizing: border-box;

}
.aboutslist2_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
}

.aboutslist2_list .swiper-slide .img {
	position: relative;
	padding-bottom: 56%;
	overflow: hidden;
	border: 1px solid #d8d8d8;
}
.aboutslist2_list .swiper-slide .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.aboutslist2_list .swiper-slide .txt {
	padding: 0.2rem;
	box-sizing: border-box;


}

.aboutslist2_list .swiper-slide .txt p {}

.aboutslist2_list .swiper-slide .txt h6 {}

.aboutslist2_list .swiper-slide:hover img {}


.aboutslist2-prev,
.aboutslist2-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .4rem;
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.aboutslist2-prev {
	left: 10%;
}
.aboutslist2-next {
	right: 10%;
}
.aboutslist2-prev iconify-icon,
.aboutslist2-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.8rem;
	color: #CCC
}
.aboutslist2_list .swiper-button-disabled {
	cursor: not-allowed
}
.aboutslist2-prev:hover iconify-icon,
.aboutslist2-next:hover iconify-icon {
	color: var(--i_color);
}

.aboutslist2-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center
}
.aboutslist2-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 6px;
	background: #CCC;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}
.aboutslist2-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.aboutslist2-prev,
	.aboutslist2-next {
		display: none;
	}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}

/* ul>li左图右文 */
.Vietnam {}
.Vietnam .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Vietnam .wrap .left {
	width: 63%;
}
.Vietnam .wrap .left img {
	width: 100%;
}
.Vietnam .wrap .right {
	width: 32%;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.Vietnam .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}
	.Vietnam .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
.CE {
	position: relative;
}
.CE_gallery {
	/* width: 100%; */
	position: relative;
	overflow: hidden;
}
.CE_gallery::before {
	content: '';
	display: block;
	padding-bottom: 74%;
}
.CE_list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.CE_list .swiper-wrapper {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: relative;
	width: 100%
}
.CE_list .swiper-slide {
	flex-shrink: 0;
	/* height: calc((100% - 80px) / 2); */
	position: relative
}
.CE_list li span {
	display: block;
	position: relative;
	overflow: hidden;
}
.CE_list li span::before {
	content: '';
	display: block;
	padding-bottom: 70%;
}
.CE_list li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.followNews {}
.followNews .i_tit h3 {
	text-align: left;
}
.followNews_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: .3rem 2.5%;
}
.followNews_list li {
	width: 31.66%;
	background: #F6F6F6;
}
.followNews_list li:nth-child(2) .info {}
@media screen and (max-width:1024px) {
	.followNews_list {
		gap: 30px 0;
	}
	.followNews_list li {
		width: 100%;
	}
}
@media screen and (max-width:560px) {
	.followNews_list {
		gap: 20px 0;
	}
}
.CE-prev,
.CE-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .4rem;
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.CE-prev {
	left: 10%;
}
.CE-next {
	right: 10%;
}
.CE-prev iconify-icon,
.CE-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.8rem;
	color: #CCC;
}
.CE_list .swiper-button-disabled {
	cursor: not-allowed
}
.CE-prev:hover iconify-icon,
.CE-next:hover iconify-icon {
	color: var(--i_color);
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {


	.CE_gallery::before {
		padding-bottom: 50%;
	}


	.CE .txt {
		display: none;
	}

	.CE-prev,
	.CE-next {
		display: none;
	}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}










/* ul>li左图右文 */
.news {}
.news .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.news .wrap:not(:last-child) {
	margin-bottom: 1rem;
}
.news .wrap:nth-child(even) .right {
	order: -5;
}
.news .wrap .left {
	width: 63%;
	position: relative;
	padding-bottom: 37.5%;
	overflow: hidden;
}
.news .wrap .left img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.news .wrap .right {
	width: 34%;
}
.news .wrap .right p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news .wrap .right h6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {
	.news .wrap:not(:last-child) {
		margin-bottom: 0.6rem;
	}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.news .wrap .m30 {
		margin: 0.15rem 0;
	}
	.news .wrap:nth-child(even) .right {
		order: 1;
	}
	.news .wrap:not(:last-child) {
		margin-bottom: 0.2rem;
	}
	.news .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}
	.news .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}







/* ul>li左图右文 */
.contacts1 {}
.contacts1 .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contacts1 .wrap .left {
	width: 46.5%;
}

.contacts1 .wrap .left img {
	width: 100%;
}

.contacts1 .wrap .right {
	width: 49%;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.contacts1 .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}

	.contacts1 .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





.wpforms3 {
	padding: 0.6rem;
	box-sizing: border-box;
	background: var(--bjs);
}

#wpforms-176 {
	--wpforms-field-size-input-height: 60px;
	--wpforms-button-background-color: var(--i_color);
	--wpforms-button-border-color: var(--i_color);
	--wpforms-page-break-color: var(--i_color);
}
#wpforms-176 {
	margin: 0;
	padding: 0;
}
#wpforms-form-176 {
	width: 100%;
	position: relative;
}

#wpforms-176 .wpforms-field-container {}
#wpforms-176 .wpforms-field-container>.wpforms-field {
	width: 100%;
	padding: 0 1px 20px;
	margin: 0 0 10px;
	overflow-x: initial !important
}

#wpforms-176 .wpforms-field-container .wpforms-field-label {
	/* height: 0; */
	/* font-size: 0; */
	/* margin: 0 0; */
	padding-left: 0.1rem;
}
#wpforms-176 .wpforms-field-container .wpforms-required-label {
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 15px;
	color: #F00;
	font-weight: bold;
}

#wpforms-176 .wpforms-field-container .wpforms-field>input,
#wpforms-176 .wpforms-field-container textarea,
#wpforms-176 .wpforms-field-container select,
#wpforms-176 .wpforms-field-container .choices {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 0;
	height: var(--wpforms-field-size-input-height);
}


#wpforms-176 .wpforms-field-container .wpforms-field>input::placeholder {
	color: #333;
}
#wpforms-176 .wpforms-field-container .wpforms-field>input,
#wpforms-176 .wpforms-field-container textarea,
#wpforms-176 .wpforms-field-container select {
	padding-left: 14px;
	padding-right: 14px;
	background: #ffffff;
	height: var(--wpforms-field-size-input-height);

	border: 1px solid var(--border_color);
}
#wpforms-176 .wpforms-field-container textarea {
	height: 1.5rem;
}
#wpforms-176 .wpforms-field-container fieldset ul {
	padding: 0 2px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
#wpforms-176 .wpforms-field-container select {
	cursor: pointer;
}
#wpforms-176 .wpforms-field-container .wpforms-datepicker-wrap {
	width: 310px;
}
#wpforms-176 .wpforms-field-container .wpforms-datepicker-wrap input {
	width: 100%;
	max-width: 100%;
}
#wpforms-176 .wpforms-field-container .wpforms-datepicker-clear {
	right: 10px;
}
#wpforms-176 .wpforms-field-container em.wpforms-error,
#wpforms-176 .wpforms-field-container .mailcheck-error {
	position: absolute;
	margin: 0 0;
	bottom: -2px;
}

#wpforms-176 .wpforms-field-container {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/* #wpforms-176-field_1-container,
#wpforms-176-field_2-container,
#wpforms-176-field_3-container {
	width: 32.5% !important;
} */

#wpforms-176 .wpforms-submit-container {
	width: 440px;
}
#wpforms-176 .wpforms-submit-container button {
	width: 100%;
	background: var(--i_color);
	color: #fff;
	cursor: pointer;
	height: 53px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#wpforms-176 .wpforms-submit-container img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4px;
	z-index: 2;
	display: none;
}
#wpforms-176 .wpforms-submit-container button:hover {
	opacity: 0.5;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	#wpforms-176 .wpforms-submit-container button {
		height: 42px;
	}
}
@media screen and (max-width:768px) {
	.wpforms333333 {
		padding: 0.2rem;
		width: 100%;
		margin-top: 0.1rem;
	}
	#wpforms-176 .wpforms-field-container>.wpforms-field {
		width: 100% !important;
		margin-bottom: 0.1rem;
	}

	#wpforms-176 {
		--wpforms-field-size-input-height: 42px;
	}
}
@media screen and (max-width:560px) {
	#wpforms-176 .wpforms-submit-container {
		width: 140px;
	}
	#wpforms-176 .wpforms-submit-container button {
		padding: 0;
	}
}
.iclist {}
.iclist ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.2rem 0;
}

.iclist ul li {
	width: 33.33%;
	box-sizing: border-box;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.iclist ul li:last-child {
	width: 100%;

}
.iclist ul li img {
	height: 0.5rem;
}
.iclist ul li p {
	margin: 0.2rem 0;
	text-transform: capitalize;
}
.iclist ul li h6 {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.iclist ul {}
	.iclist ul li {
		width: 48%;
		box-sizing: border-box;
	}
	.iclist ul li .img {
		height: 0.3rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.iclist ul li {
		width: 100%;
	}
}
.share2 iconify-icon {
	color: #999;
}
.cmap {
	height: 7.17rem;
}
.cmap iframe {
	height: 100%;
	width: 100%;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.cmap {
		height: 3.5rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
.share {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.2rem;
	align-items: center;
}
.share a {}

.share iconify-icon {
	font-size: 0.26rem;
	color: #d8d8d8;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}
.share a:hover iconify-icon {
	color: var(--i_color);
}



@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.share iconify-icon {
		font-size: 0.2rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}











/* 产品页1 */
.ztywbox {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 2.4%;
	height: 540px;
	overflow: auto;
}

.ztywbox li {
	width: 23.2%;
	box-sizing: border-box;
}

.ztywbox li .img {
	position: relative;
	padding-bottom: 132%;
	overflow: hidden;
}

.ztywbox li .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.ztywbox li .txt {
	padding: 0.15rem;
	box-sizing: border-box;
}

.ztywbox li .btn {}
.ztywbox li .btn b {}

.ztywbox li .txt p {

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ztywbox li .txt h6 {
	margin: 0.1rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ztywbox li:hover img {}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.ztywbox {
		gap: 0.2rem 2%;
	}
	.ztywbox li {
		width: 49%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}






.ztywbox2_swipers {
	position: relative;
}
.ztywbox2_swipers .ztywbox2_list {
	position: relative;
	overflow: hidden
}
.ztywbox2_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
	box-sizing: border-box;

}
.ztywbox2_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.ztywbox2_list .swiper-slide .img {
	position: relative;
	padding-bottom: 60%;
	overflow: hidden;
}
.ztywbox2_list .swiper-slide .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.ztywbox2_list .swiper-slide .txt {
	padding: 0.2rem;
	box-sizing: border-box;
	border-top: 1px solid var(--i_color);
	border: 1px solid #d8d8d8;
}
.ztywbox2_list .swiper-slide .txt p {}
.ztywbox2_list .swiper-slide .txt h6 {}
.ztywbox2_list .swiper-slide:hover img {
	/*  */
}
.ztywbox2-prev,
.ztywbox2-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .4rem;
	background: var(--i_color);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.ztywbox2-prev {
	left: 5%;
}
.ztywbox2-next {
	right: 5%;
}
.ztywbox2-prev iconify-icon,
.ztywbox2-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.3rem;
	color: #FFF;
}
.ztywbox2_list .swiper-button-disabled {
	cursor: not-allowed
}
.ztywbox2-prev:hover,
.ztywbox2-next:hover {
	background: var(--i_color);
}

.ztywbox2-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center
}
.ztywbox2-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 6px;
	background: #CCC;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}
.ztywbox2-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.ztywbox2-prev,
	.ztywbox2-next {
		display: none;
	}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



















.hide {
	display: none;
}





/* search results list */

.in_search_list {

	margin-bottom: 0.2rem;

}

.in_search_list a {

	background: #F5F5F5 !important;

}

.in_search_list {

	overflow: hidden;

}

.in_search_list li {

	box-sizing: border-box;

	border: 1px solid var(--border_color);

	margin-bottom: 0.26rem;

}

.in_search_list a {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	padding: .2rem;

}

.in_search_list .img {

	width: 2.2rem;

	position: relative;

	overflow: hidden
}

.in_search_list .img::before {

	content: "";

	display: block;

	padding-bottom: 80%
}

.in_search_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	height: 100%;

	object-fit: cover
}

.in_search_list .txt {

	width: calc(100% - 2.6rem);

	margin-left: auto;

	box-sizing: border-box;

}

.in_search_list h2 {

	font-size: 0.18rem;

	color: #212121;

	font-weight: bold;

	position: relative;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.in_search_list h6 {

	margin: .1rem 0;

	font-size: 0.14rem;

	color: #666;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.in_search_list i {

	display: inline-block;

	padding: .06rem .1rem;

	font-size: 0.13rem;

	color: var(--i_color);

	background: #EDEDED;

	-webkit-border-radius: .04rem;

	border-radius: .04rem;

	box-sizing: border-box;

}

.in_search_list li:hover {

	border-color: var(--i_color);

}

.in_search_list li:hover h2 {

	color: var(--i_color);

}

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

	.in_search_list h2 {

		font-size: 0.15rem;

	}

	.in_search_list h6 {

		font-size: 0.13rem;

	}

	.in_search_list i {

		font-size: 0.12rem;

	}

}

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

	.in_search_list li {

		padding-bottom: 0.2rem;

		margin-bottom: 0.2rem;

		border: none;

		border-bottom: 1px solid var(--border_color);

	}

	.in_search_list a {

		padding: 0;

	}

	.in_search_list .img {

		width: 1.2rem;

	}

	.in_search_list .txt {

		width: calc(100% - 1.5rem);

	}

	.in_search_list .txt i {

		display: none;


	}


	.in_search_list h2 {

		font-size: 0.14rem;

	}

}

@media screen and (max-width:560px) {}


.vd_box {

	display: none;

	position: fixed;

	top: 52%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 2014;

	width: 60%;

	max-height: 90%;

}

.i_a_btn {

	background: var(--liner_color);

}

.vd_box::before {

	content: '';

	display: block;

	padding-bottom: 56.25%;

}

.close_v {

	position: absolute;

	top: -.2rem;

	right: -.2rem;

	width: 0.4rem;

	height: 0.4rem;

	background: var(--i_color);

	z-index: 2;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	cursor: pointer;

}

.close_v::before {

	content: '+';

	position: absolute;

	top: 50%;

	left: 50%;

	font-size: 0.44rem;

	color: #FFF;

	-webkit-transform: translate(-50%, -50%) rotate(45deg);

	transform: translate(-50%, -50%) rotate(45deg)
}

.vd_box iframe {

	position: absolute;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

	background: #000;

	object-fit: contain;

}

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

	.iabout .tit h6 {

		margin: 0 auto;

	}

	.iabout .tit p {

		text-align: center;

		margin: 0 auto;

	}

	.i_ab .btn {

		margin: 0 auto;

	}

	.vd_box {

		width: 80%;

	}

	.close_v::before {

		font-size: 0.4rem;

	}

}

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

	.vd_box {

		width: 88%;

	}

	.close_v {

		top: -.15rem;

		right: -.15rem;

		width: 0.3rem;

		height: 0.3rem;

	}

	.close_v::before {

		font-size: 0.3rem;

	}

}

.i_tit {
	text-align: center;
}


.menu-item-object-language_switcher .trp-flag-image {
	display: none;
}
.logobox img {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.logobox .imgs1 {
	opacity: 0;


	display: none;
}


.logobox:hover .imgs1 {
	display: flex;
	opacity: 1;
}


.logobox:hover .imgs2 {
	opacity: 0;

	display: none;

}


article h2 {
	font-weight: bold;
	color: #333;
	margin-top: 0.8rem;
}

article img {
	width: 100%;
	object-fit: cover;
}



article iframe {
	width: 100%;
	object-fit: cover;
	height: 500px;
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	article iframe {
		height: 350px;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}




:root {
	--dark-grey: #666666;
	--mid-grey: #999999;
	--grey: #D9D9D9;
	--light-grey: #F2F2F2;
	--cream: #F6F3F1;
	--projects: #FFC89F;
	--expertise: #FD87FF;
	--process: #D1FFD0;
	--impact: #C7FEEA;
	--studio: #FFC5BD;
	--contact: #E6FD8C;
	--mb: 160px;
	--negative-mb: -160px;
	--padding: 92px;
	--negative-padding: -92px
}

.black {
	color: #000
}

.mid-grey {
	color: var(--mid-grey)
}

.light-grey {
	color: var(--light-grey)
}

.dark-grey {
	color: var(--dark-grey)
}

.grey {
	color: var(--grey)
}

.white {
	color: #FFF
}

.bg-cream {
	background: var(--cream)
}

body {
	font-size: 20px;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	padding-top: 80px;
	line-height: 1.2
}

svg {
	width: 100%;
	height: 100%;
	vertical-align: top;
	fill: currentColor
}

figure {
	margin: 0
}

.container {
	max-width: 1326px;
	width: 69.0625%
}

.mb {
	margin-bottom: var(--mb)
}

.image {
	overflow: hidden
}

.swiper-pagination-bullet {
	border: 1px solid var(--mid-grey);
	background: none;
	outline: none
}

.swiper-pagination-bullet-active {
	background: var(--mid-grey)
}

.slideshow-button {
	width: 32px;
	height: 56px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	outline: none;
	cursor: pointer;
	color: #CCC;
	cursor: pointer;
	display: flex;
	transition: color 0.3s cubic-bezier(.5, 0, 0, 1)
}

.slideshow-button svg {
	width: 32px;
	height: 56px;
	margin: auto
}

.slideshow-button:hover {
	color: #000
}

.slideshow-button-prev {
	left: -100px
}

.slideshow-button-next {
	right: -100px
}

.swiper-button-disabled {
	opacity: 0
}

.reveal {
	opacity: 0
}

.has-parallax img {
	transform: scale(1.1)
}

.has-title-animation span {
	transform: translate3d(0, 30px, 0);
	opacity: 0;
	display: inline-block
}

.has-underline {
	position: relative;
	padding: 0 54px;
	z-index: 0;
	white-space: nowrap
}

.has-underline:after {
	content: '';
	height: 14px;
	left: 0;
	right: 0;
	position: absolute;
	bottom: -2px;
	z-index: -1;
	transition: transform 0.3s cubic-bezier(.5, 0, 0, 1), height 0.3s cubic-bezier(.5, 0, 0, 1);
	transform: scaleX(0) translate3d(0, 0, 0);
	transform-origin: bottom left
}

.has-underline-contact:after {
	background: var(--contact)
}

.has-underline-projects:after {
	background: var(--projects)
}

.has-underline-expertise:after {
	background: var(--expertise)
}

.has-underline-process:after {
	background: var(--process)
}

.has-underline-impact:after {
	background: var(--impact)
}

.has-underline-studio:after {
	background: var(--studio)
}

.has-underline.is-visible:after {
	transform: scaleX(1) translate3d(0, 0, 0)
}

.has-underline.is-visible:hover:after {
	height: 42px;
	transform: translate3d(0, 6px, 0)
}

.has-tint:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .15);
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s cubic-bezier(.77, 0, .175, 1)
}

.f-h1 {
	font-size: 50px;
	line-height: 1.2
}

.f-125 {
	font-size: 125px
}

.f-60 {
	font-size: 60px
}

.f-50 {
	font-size: 50px
}

.f-45 {
	font-size: 45px
}

.f-40 {
	font-size: 40px
}

.f-35 {
	font-size: 35px
}

.f-30 {
	font-size: 30px
}

.f-26 {
	font-size: 26px
}

.f-24 {
	font-size: 24px
}

.f-20 {
	font-size: 20px
}

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

.f-16 {
	font-size: 16px
}

.bold {
	font-weight: 600
}

.medium {
	font-weight: 500
}

.normal {
	font-weight: 400
}

p {
	margin-bottom: 32px
}

.header {
	height: 80px;
	padding: 0 37px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	background: #FFF;
	z-index: 3;
	transition: background 0.3s cubic-bezier(.5, 0, 0, 1)
}

.header-logo {
	width: 164px;
	height: 30px;
	position: relative;
	z-index: 2;
	transition: transform 0.3s cubic-bezier(.5, 0, 0, 1)
}

.header-logo:hover {
	transform: scale(1.1)
}

.header-menu {
	margin-left: auto;
	margin-top: -5px
}

.header-menu-link {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	text-transform: uppercase;
	padding: 0 26px;
	position: relative
}

.header-menu-link:after {
	content: '';
	height: 10px;
	left: 0;
	right: 0;
	position: absolute;
	bottom: -3px;
	z-index: -1;
	transition: transform 0.3s cubic-bezier(.5, 0, 0, 1);
	transform: scaleX(0);
	transform-origin: bottom left
}

.header-menu-link.active:after,
.header-menu-link:hover:after {
	transform: scaleX(1)
}

.button-menu {
	display: none
}

.submenu-container {
	position: relative
}

.submenu {
	line-height: 56px;
	position: sticky;
	top: 80px;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-start;
	z-index: 1;
	background: #FFF;
	left: 0;
	right: 0;
	z-index: 2;
	transition: background 0.3s cubic-bezier(.5, 0, 0, 1);
	margin: 20px 0 -20px 0;
	padding: 0 20px;
	transition: transform 200ms linear, background 0.3s cubic-bezier(.5, 0, 0, 1)
}

.submenu-inner {
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: center
}

.submenu a {
	margin: 0 2%;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	height: 56px;
	line-height: 50px
}

.submenu .active,
.no-touchevents .submenu a:hover {
	color: #000
}

.submenu.is-sticky.is-hidden {
	transform: translateY(-100%) !important
}

body.has-border:after {
	content: '';
	background: #E6E6E6;
	top: 80px;
	left: 0;
	right: 0;
	pointer-events: none;
	height: 1px;
	position: fixed;
	z-index: 2
}

.has-footer-inview .header,
.has-footer-inview .submenu {
	background-color: #F6F3F1
}

.has-footer-inview .submenu::-webkit-scrollbar-track {
	background: #F6F3F1
}

.has-footer-inview .submenu::-webkit-scrollbar-thumb {
	background-color: #F6F3F1
}

.has-footer-inview.has-border:after {
	background: #F6F3F1
}

.layout-hero {
	position: relative;
	z-index: 1;
	height: 39.0625vw;
	overflow: hidden;
	position: relative;
	text-align: center;
	color: #FFF;
	background: #000
}

.hero-caption {
	position: absolute;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2
}

.hero-subtitle {
	margin-top: 28px
}

.hero-image,
.hero-image img,
.hero-image video,
.hero-image div {
	height: 100%;
	width: 100%
}

.hero-image img,
.hero-image video {
	object-fit: cover
}

.hero-video-mobile {
	display: none
}

.hero-video-tablet {
	display: none
}

.layout-hero.is-contact {
	height: calc(100vh - 157px)
}

.layout-hero.is-contact .hero-image img {
	transform: none
}

.hero-links {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	text-align: center;
	color: #FFF;
	z-index: 2
}

.hero-links a:hover {
	font-weight: 700
}

.hero-links h2 {
	margin-bottom: 26px
}

.hero-links div {
	padding: 0 20px
}

.section-background {
	padding-top: var(--padding);
	padding-bottom: var(--padding);
	position: relative;
	z-index: 1
}

.section-background>section:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0
}

.section-background>.layout-text:first-child,
.section-background>.layout-testimonials:first-child,
.section-background>.layout-slider:first-child {
	padding-top: 0
}

.layout-text {
	text-align: center;
	padding-top: var(--padding);
	padding-bottom: var(--padding)
}

.layout-text h2 {
	margin-bottom: 26px
}

.layout-text article div {
	min-width: 890px;
	max-width: 67%;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.layout-text p:last-of-type {
	margin-bottom: 0
}

.layout-text strong,
.layout-text b {
	font-weight: 500;
	color: var(--dark-grey)
}

.mb+.layout-text {
	margin-top: var(--negative-mb)
}

.layout-text.is-project {
	padding: 67px 0
}

.layout-text.is-project h2 {
	margin-bottom: 54px
}

.layout-text.is-project article div {
	min-width: 0;
	max-width: 92.307692307692308%
}

.layout-text_image {
	grid-gap: 40px;
	position: relative;
	z-index: 0
}

.text_image-title {
	display: none
}

.text_image-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.text_image-text h2 {
	margin-bottom: 32px;
	line-height: .96
}

.text_image-text p {
	margin-bottom: 22px
}

.text_image-text p:nth-of-type(2) {
	font-weight: 500
}

.text_image-text p:last-of-type {
	margin-bottom: 0
}

.text_image-text .button-underline {
	text-align: center;
	margin: auto auto 0 0
}

.text_image-media,
.text_image-text {
	grid-row: 1
}

.text_image-media {
	overflow: hidden
}

.text_image-media.grid {
	grid-template-rows: 2
}

.text_image-media.grid .image {
	height: 100%
}

.text_image-media .is-landscape {
	grid-row: span 1
}

.text_image-media .is-portrait {
	grid-row: span 2
}

.text_image-media img {
	object-fit: cover;
	height: 100%
}

.has-text-left {
	grid-template-columns: auto 62.35207100591716%
}

.has-text-left .text_image-media {
	grid-column: 2
}

.has-text-left .text_image-text {
	grid-column: 1
}

.has-text-right {
	grid-template-columns: 62.35207100591716% auto
}

.has-text-right .text_image-media {
	grid-column: 1
}

.has-text-right .text_image-text {
	grid-column: 2
}

.has-text-centred .text_image-text {
	justify-content: center
}

.text_image-stats {
	margin-top: auto
}

.text_image-stats li {
	list-style-type: none;
	display: flex;
	align-items: baseline
}

.text_image-stats span {
	display: inline-block
}

.text_image-stats .stat {
	min-width: 94px
}

.layout-text_image.is-offset {
	grid-row-gap: 50px
}

.layout-text_image.is-offset .text_image-titles {
	grid-row: 1;
	grid-column: 1
}

.layout-text_image.is-offset .text_image-media {
	grid-row: 1;
	grid-column: 2
}

.layout-text_image.is-offset .text_image-text {
	grid-row: 2;
	grid-column: 1;
	grid-column: 1/-1;
	max-width: 936px
}

.layout-text_image.is-offset .text_image-text .button-underline {
	min-width: 333px
}

.layout-text_image.is-offset.has-text-right .text_image-text {
	margin-left: auto
}

.layout-text_image.is-offset.has-text-right .text_image-media {
	grid-column: 1
}

.layout-text_image.is-offset.has-text-right .text_image-titles {
	grid-column: 2;
	text-align: right
}

.layout-text_image.is-offset.has-text-right .text_image-text .button-underline {
	margin-left: auto;
	margin-right: 0
}

.layout-text_image.is-offset .text_image-text p {
	margin-bottom: 30px
}

.text_image-titles {
	display: flex;
	flex-direction: column
}

.text_image-titles h2 {
	margin-top: auto;
	line-height: 1
}

.text_image-titles h3 {
	line-height: 1;
	margin-bottom: -3px
}

.offset-reveal {
	opacity: 0;
	transform: translate3d(0, 30px, 0)
}

.layout-awards {
	grid-gap: 65px;
	grid-template-columns: 62.35207100591716% auto
}

.awards {
	padding-top: 59.193357058125741%;
	position: relative;
	grid-column: 1;
	grid-row: 1
}

.awards h3,
.awards h4 {
	font-size: inherit;
	line-height: 2
}

.awards h4 {
	color: var(--dark-grey);
	margin-left: auto
}

.awards .swiper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.awards .swiper-slide {
	display: flex;
	flex-direction: row;
	height: auto
}

.awards .swiper-wrapper {
	transition-timing-function: linear
}

.awards-text {
	display: flex;
	grid-column: 2;
	grid-row: 1
}

.awards-text h2 {
	margin-bottom: 26px
}

.awards-title {
	display: none
}

.layout-testimonials {
	text-align: center;
	padding-top: var(--padding);
	padding-bottom: var(--padding)
}

.layout-testimonials h2 {
	margin-bottom: 44px
}

.layout-testimonials p {
	margin-bottom: 40px
}

.layout-testimonials p.has-no-attribution:last-of-type {
	margin-bottom: 0
}

.layout-testimonials blockquote {
	padding: 0 24px
}

.layout-testimonials .swiper {
	position: relative;
	overflow: visible
}

.layout-testimonials .swiper-wrapper {
	align-items: center
}

.mb+.layout-testimonials {
	margin-top: var(--negative-mb)
}

.layout-press article {
	text-align: center;
	width: 100%;
	margin: auto auto 81px auto
}

.layout-press h2 {
	margin-bottom: 24px
}

.press-slider-container {
	position: relative
}

.press {
	display: block
}

.press span {
	color: var(--mid-grey)
}

.press .image {
	margin-bottom: 19px;
	position: relative;
	z-index: 0;
	display: block
}

.press:hover .has-tint:after {
	opacity: 1
}

.press-logo {
	position: absolute;
	padding: 16%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	margin: auto;
	object-fit: contain;
	z-index: 2;
	transition: opacity 1s
}

.press-image.loaded {
	transition: transform 5s cubic-bezier(.5, 0, 0, 1)
}

.press:hover .press-logo {
	animation-name: pulse;
	animation-timing-function: ease-in-out;
	animation-duration: 0.5s;
	animation-fill-mode: both
}

.layout-images {
	grid-gap: 66px
}

.layout-images .span-2 {
	grid-column: span 2
}

.layout-images .span-1 {
	grid-column: span 1
}

.layout-images .is-portrait {
	grid-row: span 2
}

.layout-images video,
.layout-images img,
.layout-images .image {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.layout-video .video-container {
	background: none;
	position: relative
}

.layout-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.layout-video+.layout-images {
	margin-top: -94px
}

.layout-cta {
	text-align: center;
	display: flex;
	padding-top: var(--padding);
	padding-bottom: var(--padding);
	justify-content: center
}

.layout-cta a {
	margin-top: -5px
}

.mb+.layout-cta {
	margin-top: var(--negative-mb)
}

.featured-news {
	grid-template-columns: 39.955686853766617% auto;
	grid-gap: 54px;
	margin: 0 0 30px 0
}

.featured-news time {
	margin-bottom: 14px;
	display: block
}

.featured-news-image,
.featured-news-image .image {
	height: 100%
}

.featured-news-image img {
	height: 100%;
	object-fit: cover
}

.featured-news-text p:last-of-type {
	margin-bottom: 0
}

.news-slider {
	position: relative
}

.news {
	cursor: pointer
}

.news span {
	display: block
}

.news .image {
	margin-bottom: 20px
}

.news .text {
	display: none
}

.news:hover .has-tint:after {
	opacity: 1
}

.layout-accordion {
	position: relative;
	display: flex;
	align-items: flex-start
}

.accordion-section {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.accordion-links {
	max-width: 575px;
	min-width: 575px;
	top: 215px;
	position: sticky;
	right: 0;
	margin-left: 6.770833333333333vw;
	margin-top: 48px;
	margin-bottom: 0
}

.accordion-link {
	margin-bottom: 30px;
	cursor: pointer
}

.accordion-link.active {
	color: #000
}

.accordion-link:last-of-type {
	margin-bottom: 0
}

.accordion-sections {
	width: 100%;
	margin-top: 48px
}

.accordion-section {
	height: auto
}

.accordion-section:last-of-type {
	margin-bottom: 0
}

.accordion-section .inner {
	margin: auto
}

.accordion-section .button-underline {
	margin-right: auto
}

.accordion-press {
	grid-gap: 15px
}

.accordion-press .press-image {
	margin-bottom: 0;
	background: #000
}

.accordion-press .press-image .press-logo {
	padding: 24px
}

.accordion-stats h4 {
	position: absolute;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	left: 0;
	right: 0;
	margin: -7px auto auto auto;
	text-align: center;
	z-index: 2
}

.accordion-stats h4 span {
	display: block
}

.accordion-stats .stat-image {
	margin-bottom: 15px;
	z-index: 0
}

.accordion-images .is-portrait {
	grid-row: span 2
}

.accordion-images .swiper-wrapper {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(2, 1fr)
}

.accordion-images-pagination {
	display: none
}

.accordion-spacer {
	position: absolute;
	top: -120px;
	bottom: 200px;
	width: 1px;
	left: 0
}

.accordion-section-text {
	margin: 45px 0 0 0
}

.accordion-section-title {
	display: none
}

.layout-expertise {
	position: relative;
	margin-bottom: var(--negative-padding) !important;
	margin-top: var(--negative-padding)
}

.layout-expertise .pin-spacer {
	height: 0
}

.layout-expertise .pin-spacer,
.layout-expertise .expertise-sticky {
	width: 100vw !important;
	max-width: 100% !important
}

.expertise-titles {
	padding-top: calc(32.563025210084035vh);
	padding-bottom: calc(32.563025210084035vh);
	position: relative;
	z-index: 1;
	pointer-events: none;
	margin-top: calc(-100vh + 80px)
}

.expertise-titles h2 {
	position: absolute;
	top: 88px;
	left: 0;
	right: 0;
	text-align: center
}

.expertise-title {
	height: 50.873949579831933vh !important;
	display: flex;
	align-items: center;
}

.expertise-title h3 {
	max-width: 750px;
	line-height: 1.2;
	min-height: 126px;
	margin: auto 0
}

.expertise-title:last-of-type {
	margin-bottom: 0
}

.expertise-title-inner {
	display: inline-block;
	opacity: .2;
	transition: opacity 0.6s cubic-bezier(.77, 0, .175, 1)
}

.expertise-subtitle-inner {
	font-weight: 400;
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(.77, 0, .175, 1)
}

.expertise-title.active .expertise-title-inner {
	transform: translateY(0);
	opacity: 1
}

.expertise-title.active .expertise-subtitle-inner {
	opacity: .7
}

.expertise-images {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	z-index: 0
}

.expertise-image {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	transition: opacity 0.6s ease;
	height: 100vh;
	left: 0;
	right: 0
}

.expertise-image.active {
	opacity: 1;
	visibility: visible
}

.expertise-image img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.expertise-link {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	bottom: 100px;
	z-index: 1
}

.expertise-link a {
	opacity: 1;
	margin-left: auto
}

.expertise-sticky {
	height: calc(100vh - 80px)
}

.layout-columns {
	display: flex;
	text-align: center;
	flex-direction: row
}

.column {
	max-width: 350px;
	margin: 0 auto
}

.column h2 {
	margin-bottom: 20px
}

.layout-slider {
	padding-top: var(--padding);
	padding-bottom: var(--padding);
	overflow: hidden
}

.layout-slider:nth-of-type(even) {
	background: var(--cream)
}

.layout-slider .swiper {
	height: 100%;
	overflow: visible
}

.layout-slider .swiper-slide {
	height: auto
}

.layout-slider .swiper-slide-next .container {
	transform: translateX(-70px);
	margin-left: 0;
	z-index: 1;
	opacity: .2
}

.layout-slider .container {
	position: relative;
	box-sizing: border-box;
	height: 100%
}

.layout-slider article {
	padding: 26px 80px 2px 0;
	box-sizing: border-box
}

.section-background>.layout-slider:last-of-type {
	margin-bottom: var(--negative-padding);
	padding-bottom: var(--padding)
}

.slider-image-container {
	position: relative
}

.slider-image-container h2 {
	position: absolute;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	left: 68px
}

.slider-images {
	grid-gap: 20px
}

.slider-image.span-2-col {
	grid-column: span 2
}

.slider-image.span-2-row {
	grid-row: span 2
}

.slider-image img,
.slider-image-container img {
	height: 100%;
	object-fit: cover
}

.slider-navigation-previous,
.slider-navigation-next {
	position: absolute;
	bottom: 0;
	height: 57px;
	z-index: 1;
	top: 0;
	margin: auto;
	display: flex;
	transition: opacity 0.3s cubic-bezier(.77, 0, .175, 1), color 0.3s cubic-bezier(.5, 0, 0, 1);
	color: #CCC
}

.slider-navigation-previous {
	right: calc(50% + 34.53125vw);
	left: 70px
}

.slider-navigation-next.swiper-button-disabled,
.slider-navigation-previous.swiper-button-disabled {
	opacity: 0
}

.slider-navigation-next {
	left: calc(50% + 34.53125vw);
	right: 70px
}

.slider-navigation-next svg,
.slider-navigation-previous svg {
	width: 33px;
	height: 57px;
	outline: none;
	cursor: pointer;
	margin: auto;
	fill: currentcolor
}

.slider-navigation-next:hover,
.slider-navigation-previous:hover {
	color: #000
}

.layout-timeline {
	position: relative;
	z-index: 0
}

.timeline-section {
	grid-gap: 200px
}

.timeline-section.last .timeline-images {
	margin-bottom: 0
}

.timeline-section.last .timeline-text {
	position: relative;
	z-index: 2
}

.timeline-image {
	width: 68.904593639575972%;
	margin: auto;
	position: relative
}

.timeline-image.is-left {
	margin-left: 0
}

.timeline-image.is-right {
	margin-right: 0
}

.timeline-image.layer-1 {
	z-index: 1
}

.timeline-image.layer-2 {
	z-index: 2
}

.timeline-image.layer-3 {
	z-index: 3
}

.timeline-image.is-portrait {
	width: 50.088809946714032%
}

.timeline-image.is-landscape {
	width: 83.481349911190053%
}

.timeline-image.is-landscape-small {
	width: 60.035523978685613%
}

.timeline-image img {
	width: 100%;
	height: auto
}

.timeline-text {
	max-width: 520px;
	margin-left: 20px;
	position: relative;
	margin-top: 160px
}

.timeline-text h4 {
	margin-bottom: 3px
}

.timeline-text h3 {
	margin-bottom: 20px
}

.timeline-text-line {
	transform: scaleX(0);
	transform-origin: 'left center'
}

.timeline-text-line,
.timeline-image-line {
	position: absolute;
	top: 28px;
	left: -120px;
	height: 3px;
	background: #F1ECEA;
	width: 100px
}

.timeline-image-line {
	left: 100%;
	top: 50%;
	margin-top: -1.5px;
	transform: scaleX(0);
	transform-origin: 'right center'
}

.timeline-mask {
	height: calc(119px + var(--padding));
	background: #FFF;
	position: absolute;
	bottom: var(--negative-padding);
	left: 0;
	right: 0
}

.timeline-line {
	position: fixed;
	left: 0;
	right: 0;
	width: 6px;
	background: #F1ECEA;
	top: 0;
	height: 50vh;
	margin: 0 auto;
	z-index: 0;
	visibility: hidden
}

.has-line-visible .timeline-line {
	visibility: visible
}

.card-project {
	position: relative
}

.card-project.is-landscape {
	grid-column: span 2
}

.card-project-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	padding: 16px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s cubic-bezier(.77, 0, .175, 1), visibility 0.3s cubic-bezier(.77, 0, .175, 1);
	pointer-events: none;
	background: rgba(0, 0, 0, .15)
}

.card-project h3 {
	margin-bottom: 4px;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	hyphens: auto
}

.card-project h4 {
	margin-bottom: 10px
}

.card-project p {
	max-width: 410px;
	width: 100%;
	margin: 0 auto
}

.card-project img,
.card-project video {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.card-project:hover .card-project-overlay {
	opacity: 1;
	visibility: visible
}

.card-project-image .card-project-mobile-video {
	display: none
}

.card-project video {
	transform: scale(1.001)
}

.projects-link {
	grid-column: 1/-1;
	margin-top: 44px;
	text-align: center
}

.layout-projects .is-mobile {
	display: none
}

.filterable {
	margin: -15px
}

.filterable .card-project,
.grid-spacer {
	width: 33.33%;
	border: 15px solid transparent
}

.filterable .card-project.is-landscape {
	width: 66.66%
}

.filterable .card-project.is-landscape-large {
	width: 100%
}

.filterable .card-project-image {
	width: 100%;
	display: block;
	height: 28.072916666666667vw;
	overflow: hidden
}

.filterable .card-project-image img {
	height: 100%;
	object-fit: cover
}

.has-submenu+.layout-projects {
	margin-top: -84px
}

@media only screen and (min-width : 1101px) and (max-width:1919px) {
	.filterable .card-project-image .image {
		padding-top: 0 !important;
		height: 100%
	}
}

@media only screen and (min-width: 1101px) and (max-width :1550px) {
	.filterable .card-project-image {
		height: 32.806804374240583vw
	}
}

.card-project-mobile,
.card-project-desktop {
	display: none
}

.layout-password {
	padding: 100px 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	min-height: calc(100dvh - 80px)
}

.layout-password form {
	margin: auto
}

.layout-password input {
	border-bottom: 1px solid #000
}

.layout-password input[type="submit"] {
	background-color: #000;
	color: #FFF;
	padding: 10px;
	border: 0
}

.project-container {
	position: relative
}

.button-back {
	width: 32px;
	height: 56px;
	color: #CCC;
	position: fixed;
	right: 6.5625vw;
	bottom: 70px;
	transform: rotate(180deg);
	opacity: 0;
	transition: opacity 0.3s cubic-bezier(.77, 0, .175, 1), color 0.3s cubic-bezier(.5, 0, 0, 1)
}

.button-back.is-unstuck {
	position: absolute
}

.button-back.is-visible {
	opacity: 1
}

.button-back:hover {
	color: #000
}

footer{
	background: #fff;

}

.footer {
	text-align: center;
	padding: 80px 0 0 0;
	height: 100vh;
	display: flex;
	position: relative;
	z-index: 1;
	background: #fff;
}

.footer div {
	max-width: 1000px;
	width: 100%;
	margin: auto;
	padding: 20px 48px;
	transform: translateY(-40px)
}

.footer a {
	margin-top: 40px;
	font-weight: 400
}

.footer-event {
	position: absolute;
	bottom: 0;
	width: 1px;
	height: 90px
}

.footer-button {
	opacity: 0
}

.footer-button:after {
	transform: scaleX(0) translate3d(0, 0, 0);
	transform-origin: bottom left;
	bottom: 0
}

.footer-button:hover:after {
	transform: scaleX(0) translate3d(0, 0, 0)
}

.footer-button.is-visible:after {
	transform: scaleX(1) translate3d(0, 0, 0)
}

.footer-button.is-visible:hover:after {
	transform: scaleX(1) translate3d(0, 6px, 0)
}

.footer-contact {
	padding: 28px 37px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative
}

.footer-contact a {
	display: inline-flex;
	flex-direction: column;
	align-items: center
}

.footer-contact a:after {
	content: attr(data-text);
	height: 0;
	visibility: hidden;
	overflow: hidden;
	user-select: none;
	pointer-events: none;
	font-weight: 700
}

.footer-contact a:hover {
	color: #000;
	font-weight: 700
}

.footer-address {
	margin-right: 7.34375vw;
	font-weight: 400;
	margin: auto 7.34375vw auto 0
}

.footer-social {
	margin: auto 0 auto auto
}

.footer-social a {
	margin-left: 25px
}

.footer-phone {
	margin: auto 0 auto 0
}

.page-contact {
	background: var(--light-grey)
}

@media only screen and (min-width : 1920px) {
	.filterable .card-project-image {
		height: 538px
	}

	.slider-navigation-previous {
		right: calc(50% + 663px)
	}

	.slider-navigation-next {
		left: calc(50% + 663px)
	}
}

@media only screen and (max-width : 1680px) {
	.hero-title br {
		display: none
	}
}

@media only screen and (max-width : 1550px) {
	:root {
		--mb: 120px;
		--negative-mb: -120px
	}

	.f-h1 {
		font-size: 42.5px
	}

	.f-125 {
		font-size: 106px
	}

	.f-60 {
		font-size: 51px
	}

	.f-50 {
		font-size: 45px
	}

	.f-45 {
		font-size: 38px
	}

	.f-40 {
		font-size: 35px
	}

	.f-35 {
		font-size: 30px
	}

	.f-30 {
		font-size: 25px
	}

	.f-26 {
		font-size: 22px
	}

	.f-24 {
		font-size: 20px
	}

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

	.f-18 {
		font-size: 14px
	}

	.f-16 {
		font-size: 12px
	}

	body {
		font-size: 18px
	}

	body {
		padding-top: 70px
	}

	.container {
		width: 79.0625%
	}

	.has-underline:after {
		height: 11px;
		bottom: -1px
	}

	.has-underline.is-visible:hover:after {
		height: 32px
	}

	.header-menu-link:after {
		bottom: -2px;
		height: 8px
	}

	.header {
		height: 70px;
		padding: 0 29px 0 29px
	}

	.header-logo {
		width: 110px;
		height: 20px
	}

	.header-menu {
		top: 70px
	}

	.submenu {
		top: 70px;
		font-size: 16px
	}

	body.has-border:after {
		top: 70px
	}

	.accordion-links {
		max-width: 510px;
		min-width: 510px
	}

	.layout-text article div {
		min-width: 0
	}

	.slider-image-container h2 {
		left: 51px
	}

	.slider-navigation-previous {
		left: 52px;
		right: calc(50% + 39.53125vw)
	}

	.slider-navigation-next {
		right: 52px;
		left: calc(50% + 39.53125vw)
	}

	.slider-navigation-next svg,
	.slider-navigation-previous svg {
		width: 25px;
		height: 43px
	}

	.layout-slider .swiper-slide-next .container {
		transform: translateX(-52px)
	}

	.slideshow-button svg {
		width: 25px;
		height: 43px
	}

	.slideshow-button-prev {
		left: -75px
	}

	.slideshow-button-next {
		right: -75px
	}

	.layout-video+.layout-images {
		margin-top: -54px
	}

	.expertise-sticky {
		height: calc(100vh - 70px)
	}

	.button-back {
		right: 4.2vw;
		width: 25px;
		height: 43px
	}

	.footer div {
		max-width: 750px
	}

	.footer-title {
		margin-bottom: 24px
	}
}

@media only screen and (min-width: 1101px) and (max-width :1240px) {
	.has-text-left {
		grid-template-columns: auto 50%
	}

	.has-text-right {
		grid-template-columns: 50% auto
	}

	.layout-text_image.is-single-image .image,
	.layout-text_image.is-slideshow .image {
		padding-top: 0 !important;
		height: 100%
	}

	.layout-text_image.is-slideshow .swiper {
		height: 100%
	}
}

@media only screen and (max-width : 1200px) {
	.footer-contact {
		flex-direction: column
	}

	.footer-address {
		margin-bottom: 0
	}

	.footer-phone {
		margin-top: 10px
	}

	.footer-social {
		margin-top: -15px;
		position: absolute;
		right: 36px
	}

	.header-menu {
		position: fixed;
		top: 70px;
		left: 0;
		bottom: 0;
		right: 0;
		background: rgba(255, 255, 255, .95);
		transform: translateY(-120%);
		transition: transform 0.6s cubic-bezier(.5, 0, 0, 1);
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		padding: 15% 20px;
		z-index: 1
	}

	.button-menu {
		width: 44px;
		height: 44px;
		display: block;
		position: relative;
		margin-left: auto;
		z-index: 3
	}

	.button-menu:before,
	.button-menu:after {
		content: '';
		height: 3px;
		width: 28px;
		background: #CCC;
		left: 0;
		right: 0;
		margin: auto;
		position: absolute;
		transition: transform 0.3s cubic-bezier(.77, 0, .175, 1)
	}

	.button-menu:before {
		top: 14px
	}

	.button-menu:after {
		bottom: 14px
	}

	.header-menu-link {
		margin: auto
	}

	.show-menu .header-menu {
		transform: translateY(0%)
	}

	.show-menu .button-menu:after {
		transform: rotate(-45deg) translateX(4.5px) translateY(-4.5px)
	}

	.show-menu .button-menu:before {
		transform: rotate(45deg) translateX(4.5px) translateY(4.5px)
	}

	.show-menu .header {
		background: background:rgba(255, 255, 255, .95)
	}

	.awards {
		font-size: 24px
	}

	.layout-hero.is-contact {
		height: calc(100vh - 213px)
	}

	.footer-contact {
		font-size: 16px;
		padding: 18px 37px;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
		flex-direction: column;
		text-align: center
	}

	.footer-address {
		margin: auto auto 20px auto
	}

	.footer-social {
		position: static;
		margin: auto
	}

	.footer-phone {
		margin: auto auto 20px auto
	}

	.page-contact {
		padding: 0;
		height: -webkit-fill-available
	}

	.page-contact .hero-image {
		padding-top: 70px;
		padding-bottom: 133px;
		position: fixed;
		top: 0;
		bottom: 0
	}

	.page-contact .hero-links {
		top: 70px;
		bottom: 133px;
		transform: none;
		height: auto
	}

	.page-contact .hero-links div {
		justify-content: center;
		display: flex;
		flex-direction: column
	}

	.layout-hero.is-contact {
		height: -webkit-fill-available;
		max-height: 100vh
	}
}

@media only screen and (max-width : 1100px) {
	:root {
		--mb: 90px;
		--negative-mb: -90px;
		--padding: 90px
	}

	.f-125 {
		font-size: 70px
	}

	.f-60 {
		font-size: 45px
	}

	.f-50 {
		font-size: 45px
	}

	.f-40 {
		font-size: 35px
	}

	.f-26 {
		font-size: 22px
	}

	.f-24 {
		font-size: 20px
	}

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

	body {
		font-size: 18px
	}

	.container {
		width: 100%;
		padding-left: 175px;
		padding-right: 175px
	}

	.section-background {
		padding: 90px 0
	}

	.layout-hero {
		height: 100.571428571428571vw
	}

	.has-tablet-video .hero-video-tablet {
		display: block
	}

	.has-tablet-video .hero-video-desktop {
		display: none
	}

	.footer {
		font-size: 40px
	}

	.hero-links {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		height: 100%
	}

	.is-tablet-stacked {
		display: block
	}

	.is-tablet-stacked .text_image-title {
		display: block;
		margin-bottom: 40px
	}

	.is-tablet-stacked .text_image-text h2 {
		display: none
	}

	.is-tablet-stacked .text_image-media {
		margin-bottom: 42px
	}

	.text_image-stats {
		margin-top: 22px
	}

	.text_image-stats .stat {
		font-size: 18px
	}

	.is-tablet-centred {
		display: block;
		text-align: center
	}

	.is-tablet-centred .text_image-title {
		display: block;
		margin-bottom: 40px
	}

	.is-tablet-centred .text_image-text h2 {
		display: none
	}

	.is-tablet-centred .text_image-media {
		margin-bottom: 42px;
		overflow: hidden
	}

	.is-tablet-portrait {
		grid-gap: 32px
	}

	.is-tablet-portrait .image {
		padding-top: 125.418060200668896% !important
	}

	.is-tablet-portrait.has-text-right {
		grid-template-columns: 44.362017804154303% auto
	}

	.is-tablet-portrait.has-text-left {
		grid-template-columns: auto 44.362017804154303%
	}

	.is-tablet-portrait .text_image-text h2 {
		font-size: 35px
	}

	.is-tablet-portrait .text_image-text .button-underline {
		margin-top: 18px
	}

	.layout-text_image.is-offset {
		grid-gap: 32px
	}

	.layout-text_image.is-offset .text_image-text {
		max-width: 499px
	}

	.layout-text_image.is-offset .image {
		padding-top: 59.047619047619048% !important
	}

	.layout-text_image.is-offset .text_image-titles h3 {
		font-size: 28px
	}

	.layout-awards {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 40px
	}

	.awards-title {
		display: block
	}

	.awards-text {
		grid-column: 1;
		grid-row: 3
	}

	.awards-text h2 {
		display: none
	}

	.awards {
		grid-column: 1;
		grid-row: 2
	}

	.layout-testimonials cite {
		max-width: 302px;
		display: block;
		width: 100%;
		margin: auto
	}

	.slideshow-button svg {
		width: 16px;
		height: 29px
	}

	.slideshow-button-next {
		right: -58px
	}

	.slideshow-button-prev {
		left: -58px
	}

	.layout-accordion {
		text-align: center
	}

	.accordion-links {
		display: none
	}

	.accordion-sections {
		margin-top: 0
	}

	.accordion-section {
		padding-bottom: 88px
	}

	.accordion-section-title {
		display: block;
		margin-bottom: 42px
	}

	.accordion-section-text {
		margin: 42px 0 46px 0;
		font-size: 18px
	}

	.layout-news {
		margin-top: 0
	}

	.featured-news {
		display: none
	}

	.news .text {
		display: block;
		margin-top: 18px
	}

	.news .text p:last-of-type {
		margin-bottom: 0
	}

	.news-slider .text {
		font-size: 18px
	}

	.layout-text {
		padding-top: var(--padding);
		padding-bottom: var(--padding)
	}

	.layout-text article {
		font-size: 22px
	}

	.layout-text article div {
		max-width: none
	}

	.layout-text.is-project {
		padding: 44px 0
	}

	.layout-text.is-project h2 {
		margin-bottom: 44px
	}

	.layout-press article {
		font-size: 18px;
		margin: auto auto 48px auto
	}

	.layout-press .swiper-slide {
		padding-bottom: 28px
	}

	.press .image {
		margin-bottom: 11px
	}

	.layout-images {
		grid-gap: 30px
	}

	.layout-video+.layout-images {
		margin-top: -60px
	}

	.expertise-sticky {
		height: calc(100vh - 70px)
	}

	.expertise-titles h3 {
		font-size: 40px
	}

	.timeline-section {
		grid-gap: 88px
	}

	.timeline-text h4 {
		font-size: 24px;
		margin-bottom: -4px
	}

	.timeline-text h3 {
		margin-bottom: 27px
	}

	.timeline-text-line,
	.timeline-image-line {
		height: 2px;
		width: 30px
	}

	.timeline-text-line {
		left: -44px;
		top: 15px
	}

	.timeline-image-line {
		width: 44px
	}

	.timeline-line {
		width: 3px
	}

	.timeline-text {
		margin-left: 0;
		margin-top: 30px
	}

	.layout-slider .swiper {
		margin-bottom: 0
	}

	.layout-slider .swiper-slide-next .container {
		transform: translateX(-98px)
	}

	.slider-navigation-previous,
	.slider-navigation-next {
		width: 64px;
		margin: auto 0
	}

	.slider-navigation-previous svg,
	.slider-navigation-next svg {
		width: 16px;
		height: 29px
	}

	.slider-navigation-previous {
		right: auto;
		left: 16px
	}

	.slider-navigation-next {
		left: auto;
		right: 16px
	}

	.slider-image-container h2 {
		max-width: 226px;
		left: 40px
	}

	.slider-image-container .image {
		padding-top: 60.534124629080119% !important
	}

	.slider-image.is-landscape .image {
		padding-top: 120.987654320987654% !important
	}

	.slider-image.is-landscape.span-2-col .image {
		padding-top: 59.63855421686747% !important
	}

	.slider-image.is-landscape.span-2-row .image {
		padding-top: 123.493975903614458% !important
	}

	.layout-columns {
		flex-direction: column
	}

	.column {
		margin-bottom: 80px
	}

	.column:last-child {
		margin-bottom: 0
	}

	.column h2 {
		margin-bottom: 44px
	}

	.card-project p {
		display: none
	}

	.card-project h3 {
		font-size: 26px;
		padding: 0 16px;
		margin-bottom: 0
	}

	.card-project h4 {
		margin: 12px 0 0 0;
		font-size: 16px
	}

	.card-project.is-loaded:hover .card-project-overlay,
	.touchevents .card-project-overlay {
		opacity: 1;
		visibility: visible
	}

	.filterable {
		margin: -8px
	}

	.filterable .card-project {
		border-width: 8px
	}

	.filterable .card-project-image {
		height: auto
	}

	.not-filterable .card-project-overlay {
		display: none
	}

	.button-back {
		right: 32px;
		width: 16px;
		height: 29px
	}
}

@media only screen and (min-width : 769px) {
	.layout-projects.not-filterable .is-portrait .image {
		padding-top: 0 !important;
		height: 100%
	}

	.card-project-desktop {
		display: block
	}
}

@media only screen and (max-width : 834px) {
	.container {
		padding-left: 80px;
		padding-right: 80px;
		width: 100%
	}
}

@media only screen and (max-width : 768px) {
	:root {
		--mb: 64px;
		--negative-mb: -64px;
		--padding: 70px
	}

	body {
		padding-top: 45px;
		font-size: 16px
	}

	.f-125 {
		font-size: 60px
	}

	.f-60 {
		font-size: 30px
	}

	.f-50 {
		font-size: 35px
	}

	.f-45 {
		font-size: 35px
	}

	.f-40 {
		font-size: 30px
	}

	.f-35 {
		font-size: 26px
	}

	.f-30 {
		font-size: 26px
	}

	.f-26 {
		font-size: 18px
	}

	.f-24 {
		font-size: 16px
	}

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

	p {
		margin-bottom: 30px
	}

	.has-underline:after {
		height: 10px
	}

	.has-underline.is-visible:hover:after {
		height: 34px
	}

	.section-background {
		padding: 62px 0
	}

	.slideshow-button {
		display: inline-flex;
		position: static;
		margin-top: 10px
	}

	.slideshow-button svg {
		width: 16px;
		height: 29px
	}

	.m-delay-1 {
		transition-delay: 0.2s
	}

	.m-delay-2 {
		transition-delay: 0.4s
	}

	.m-delay-3 {
		transition-delay: 0.6s
	}

	.has-fade-up {
		opacity: 0;
		transform: translate3d(0, 20px, 0)
	}

	.header {
		height: 61px;
		padding: 0 29px 0 29px
	}

	.header-logo {
		width: 110px;
		height: 20px
	}

	body.has-border:after {
		top: 61px
	}

	.header-menu {
		top: 61px
	}

	.submenu {
		font-size: 14px;
		position: sticky;
		top: 61px;
		transform: translateY(0);
		margin: 10px 0 50px 0;
		padding: 0 30px
	}

	.submenu+.section-background {
		padding-top: 0
	}

	.layout-hero {
		height: 137.692307692307692vw
	}

	.hero-links {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		height: 70%
	}

	.hero-links h2 {
		font-size: 30px;
		margin-bottom: 10px
	}

	.hero-image {
		height: 100%
	}

	.has-mobile-video .hero-video-mobile {
		display: block
	}

	.has-mobile-video .hero-video-desktop,
	.has-mobile-video .hero-video-tablet {
		display: none
	}

	.filterable {
		margin: 0
	}

	.filterable .card-project {
		margin-bottom: 30px
	}

	.filterable .card-project:last-of-type {
		margin-bottom: 0
	}

	.filterable .card-project.is-landscape {
		width: 100%
	}

	.filterable .card-project-image {
		aspect-ratio: 383/236 !important;
		height: auto
	}

	.filterable .card-project,
	.filterable .card-project.is-landscape,
	.grid-spacer {
		border: 0;
		width: 100%
	}

	.card-project-image.has-mobile-video .card-project-mobile-video {
		display: block
	}

	.card-project-image.has-mobile-video .card-project-desktop-video {
		display: none
	}

	.layout-projects.not-filterable {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 18px
	}

	.layout-projects .is-desktop {
		display: none
	}

	.layout-projects .is-mobile {
		display: block
	}

	.card-project.is-mobile.is-portrait .image {
		aspect-ratio: 183/234 !important
	}

	.card-project.is-mobile.is-landscape .image {
		aspect-ratio: 383/236 !important
	}

	.card-project img {
		height: 100%;
		object-fit: cover
	}

	.card-project h3 {
		font-size: 26px
	}

	.button-back {
		display: none
	}

	.card-project-mobile {
		display: block
	}

	.layout-video+.layout-images {
		margin-top: -31px
	}

	.layout-text {
		padding-top: var(--padding);
		padding-bottom: var(--padding)
	}

	.layout-text article {
		font-size: 18px
	}

	.layout-text h2 {
		font-size: 35px;
		margin-bottom: 34px
	}

	.layout-text.is-project {
		padding: 70px 0
	}

	.layout-text_image,
	.is-tablet-portrait.has-text-right,
	.is-tablet-portrait.has-text-left {
		text-align: center;
		grid-template-columns: repeat(1, 1fr);
		display: grid;
		grid-gap: 32px
	}

	.text_image-text {
		grid-row: 2;
		margin-left: auto;
		margin-right: auto
	}

	.text_image-text .button-underline {
		margin: 24px auto 0 auto
	}

	.text_image-text p {
		width: 100%
	}

	.text_image-media {
		grid-row: 3
	}

	.has-text-left .text_image-media,
	.has-text-right .text_image-text {
		grid-column: 1
	}

	.is-tablet-stacked .text_image-title,
	.is-tablet-stacked .text_image-media {
		margin-bottom: 0
	}

	.is-tablet-stacked .text_image-text {
		max-width: none
	}

	.is-tablet-portrait .image {
		padding-top: 59.090909090909091% !important
	}

	.is-tablet-portrait .text_image-title {
		display: block
	}

	.is-tablet-portrait .text_image-text {
		grid-row: 3
	}

	.is-tablet-portrait .text_image-text h2 {
		display: none
	}

	.is-tablet-portrait .text_image-media {
		grid-row: 2
	}

	.text_image-stats {
		margin-left: auto;
		margin-right: auto
	}

	.text_image-stats .stat {
		min-width: 0;
		padding-right: 4px
	}

	.text_image-stats li {
		justify-content: center
	}

	.layout-text_image.is-offset.has-text-left {
		text-align: left
	}

	.layout-text_image.is-offset.has-text-right {
		text-align: right
	}

	.layout-text_image.is-offset.has-text-right .text_image-titles {
		grid-column: 1
	}

	.layout-text_image.is-offset .text_image-media {
		grid-row: 1;
		grid-column: 1
	}

	.layout-text_image.is-offset .text_image-titles {
		grid-row: 2
	}

	.layout-text_image.is-offset .text_image-titles h3 {
		font-size: 24px
	}

	.layout-text_image.is-offset .text_image-text {
		grid-row: 3;
		max-width: 75%;
		margin: 0
	}

	.layout-text_image.is-offset .text_image-text .button-underline {
		min-width: 0;
		margin-left: 0;
		margin-right: 0
	}

	.layout-text_image.is-offset .text_image-text p {
		margin-bottom: 4px
	}

	.is-slideshow .text_image-title {
		margin-bottom: 0
	}

	.is-slideshow .text_image-media {
		grid-row: 2;
		margin-bottom: 0
	}

	.is-slideshow .text_image-text {
		grid-row: 3
	}

	.layout-press {
		text-align: center
	}

	.layout-press .swiper {
		font-size: 24px
	}

	.press .image {
		margin-bottom: 30px
	}

	.expertise-titles {
		padding-top: calc(32.563025210084035vh - 30px)
	}

	.expertise-titles h2 {
		top: 58px
	}

	.expertise-sticky {
		height: 100vh - 61px)
	}

	.expertise-title h3 {
		font-size: 30px
	}

	.expertise-link {
		bottom: 42px
	}

	.expertise-link a {
		margin-right: auto;
		padding: 0 36px
	}

	.column {
		margin-bottom: 70px
	}

	.column h2 {
		margin-bottom: 36px
	}

	.layout-images {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 33px
	}

	.layout-images .span-2,
	.layout-images .span-3 {
		grid-column: auto
	}

	.layout-testimonials p {
		font-size: 24px
	}

	.layout-testimonials h2 {
		margin-bottom: 28px
	}

	.layout-testimonials p {
		margin-bottom: 30px
	}

	.layout-awards {
		grid-template-columns: repeat(1, 1fr);
		text-align: center;
		grid-gap: 32px
	}

	.awards-text {
		grid-column: 1;
		grid-row: 2
	}

	.awards {
		grid-row: auto;
		font-size: 18px
	}

	.layout-news {
		text-align: center;
		margin-top: 0
	}

	.featured-news {
		display: none
	}

	.news-slider {
		padding: 0 16px
	}

	.news-slider .swiper {
		font-size: 24px
	}

	.news-slider .text {
		display: block;
		margin-top: 10px;
		font-size: 18px;
		padding-bottom: 4px
	}

	.news-slider .title,
	.news-slider .date {
		font-size: 24px
	}

	.layout-projects .button-arrow {
		text-align: left;
		margin-top: 0
	}

	.timeline-section {
		grid-template-columns: repeat(1, 1fr);
		padding-left: 40px;
		grid-gap: 30px
	}

	.timeline-text {
		grid-row: 1;
		z-index: 1
	}

	.timeline-line {
		left: 29px;
		right: auto
	}

	.timeline-text-line {
		left: -40px;
		top: 46px
	}

	.timeline-image-line {
		display: none
	}

	.timeline-text h3 {
		font-size: 35px
	}

	.slider-navigation-next,
	.slider-navigation-previous {
		top: auto;
		bottom: 0;
		height: 29px;
		width: 16px
	}

	.slider-navigation-next {
		right: 30px
	}

	.slider-navigation-previous {
		left: auto;
		right: 66px
	}

	.layout-slider article {
		padding-top: 32px
	}

	.layout-slider .swiper-slide-next .container {
		transform: none;
		opacity: 1
	}

	.slider-image-container h2 {
		font-size: 30px;
		left: 16px
	}

	.slider-image-container .image {
		padding-top: 73.333333333333333% !important
	}

	.slider-images {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 8px;
		grid-row-gap: 8px
	}

	.slider-image.is-mobile-hidden {
		display: none
	}

	.slider-image.is-landscape.span-2-col .image {
		padding-top: 35.454545454545455% !important
	}

	.slider-image.is-landscape .image {
		padding-top: 72.5% !important
	}

	.layout-cta .button-arrow {
		margin-top: 0
	}

	.accordion-sections {
		margin-top: 0
	}

	.accordion-section-title {
		margin-bottom: 38px
	}

	.accordion-stats h4 {
		margin-top: -4px
	}

	.accordion-stats h4 span {
		font-size: 12px
	}

	.accordion-section {
		padding-bottom: 70px
	}

	.accordion-section-text {
		margin: 24px 0;
		font-size: 16px
	}

	.footer {
		padding-top: 61px;
		font-size: 30px
	}

	.footer div {
		max-width: none;
		transform: translateY(-30px)
	}

	.page-contact .hero-image {
		padding-top: 61px
	}

	.page-contact .hero-links {
		top: 61px
	}
}

@media only screen and (max-width : 600px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
		width: 100%
	}

	.submenu.is-mobile-hidden {
		display: none
	}

	.submenu.is-mobile-hidden+section {
		margin-top: 70px
	}

	.layout-text_image.is-offset .text_image-text .button-underline {
		margin-left: auto;
		margin-right: auto
	}

	.layout-text_image.is-offset .text_image-text {
		max-width: none
	}

	.layout-text_image.is-offset.has-text-right {
		text-align: left
	}

	.layout-text_image.is-offset.has-text-right .text_image-titles {
		text-align: left
	}

	.layout-text_image.is-offset.has-text-right .text_image-text .button-underline {
		margin-right: auto
	}

	.layout-slider .swiper {
		padding-bottom: 72px;
		margin-bottom: -36px
	}

	.layout-slider article {
		padding-right: 0
	}

	.footer-social a {
		margin: 0 10px
	}

	.footer-social a:last-of-type {
		display: none
	}

	.footer-contact {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media only screen and (max-width : 500px) {
	.awards .swiper-slide {
		flex-direction: column;
		text-align: center
	}

	.awards h4 {
		margin: -10px 0 0 0
	}
}

@media only screen and (max-width : 410px) {
	.footer-button {
		display: block;
		padding: 0
	}
}

@media only screen and (max-width : 700px) {
	.submenu {
		line-height: 14px;
		padding: 14px 30px;
		flex-wrap: wrap
	}

	.submenu-inner {
		flex-wrap: wrap;
		max-width: 80%
	}

	.submenu a {
		margin: 0 8px;
		height: 28px;
		line-height: 28px
	}
}


.top_search_btn {
	font-size: 0 !important;
	color: #FFF !important;
	width: calc(var(--search_height) * 2) !important;
	height: var(--search_height) !important;
	background: var(--i_color) url(static/images/public/search_w1.svg) no-repeat center !important;
	background-size: 22px !important;
	cursor: pointer !important;
}


.container .btn:hover{
	transform: translate(0);
}


.typed-cursor.typed-cursor--blink{
	opacity: 0 !important;
}