.nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;
	padding: 5px 0 0px;
	transition: background-color .3s;
	box-shadow: 0 2px 4px 0 transparent;
	border-bottom: 1px solid transparent;
}

.nav-list-logo {
	margin-left: 10px;
	height: 40px;
	width: auto;
}

.nav-lang-arrow {
	height: 16px;
	width: 16px;
}


/* @media(max-width:815px) {
	.nav {
		background-color: #fff;
		padding: 18px 0 7px
	}
} */

.nav.nav-light {
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .07);
	border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.nav.nav-light .logo-embracer .svg-text {
	fill: #2c0e25
}

.nav.nav-light .nav-list-item a {
	color: #4169E1;
}

.nav-light {
	background-color: white;
}

.nav .nav-list .nav-list-item headtext {
	display: inline-block;
	position: relative;
	margin: 0 20px;
	color: #fff;
	text-transform: uppercase;
	font-family: red hat display, sans-serif;
	font-weight: 700;
	cursor: pointer;
	-webkit-transition: color .3s;
	transition: color .3s
}

/* .nav .nav-list .nav-list-item a {
	display: flex;
	align-items: center;
} */

@media (min-width: 815px) and (max-width: 990px) {
	.nav .nav-list:nth-child(1) {
		padding-left: 0;
	}
	.nav .nav-list .nav-list-item a {
		font-size: 10px;
	}
}

.nav .nav-wrap {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 0px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

@supports(padding:max(1px, 2px)) {
	.nav .nav-wrap {
		padding-left: max(20px, env(safe-area-inset-left));
		padding-right: max(20px, env(safe-area-inset-right))
	}
}

@media(max-width:815px) {
	.nav .nav-wrap {
		padding: 0 10px;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		justify-content: space-between;
	}

	@supports(padding:max(1px, 2px)) {
		.nav .nav-wrap {
			padding-left: max(10px, env(safe-area-inset-left));
			padding-right: max(10px, env(safe-area-inset-right))
		}
	}
}

/* .nav .menu-btn {
	display: none;
	position: absolute;
	top: 0;
	left: 10px;
	width: 40px;
	height: 100%;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	z-index: 5;
	cursor: pointer
} */
/* 
@supports(padding:max(1px, 2px)) {
	.nav .menu-btn {
		left: max(10px, env(safe-area-inset-left) - 10px)
	}
}

@media(max-width:815px) {
	.nav .menu-btn {
		display: -webkit-box;
		display: flex
	}
}

@media(max-width:700px) {
	.nav .menu-btn {
		left: 0
	}

	@supports(padding:max(1px, 2px)) {
		.nav .menu-btn {
			left: max(.01px, env(safe-area-inset-left) - 10px)
		}
	}
}

.nav .menu-icon {
	width: 20px;
	height: 12px;
	position: relative
}

.nav .menu-icon .border {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-transform-origin: 0;
	transform-origin: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color: #000
}

.nav .menu-icon .border-top {
	top: 0
}

.nav .menu-icon .border-middle {
	top: 5px
}

.nav .menu-icon .border-bottom {
	top: 10px
}

.nav .menu-icon.active .border-top {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	top: -3px
}

.nav .menu-icon.active .border-middle {
	width: 0
}

.nav .menu-icon.active .border-bottom {
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	top: 11px
} */

.nav .mobile-social {
	display: none
}

@media(max-width:815px) {
	.nav .mobile-social {
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center
	}

	.nav .mobile-social a {
		margin: 20px 10px !important;
		cursor: pointer
	}

	.nav .mobile-social a:after {
		display: none
	}

	.nav .mobile-social g {
		fill: #000
	}
}

.nav .nav-list-wrap {
	text-align: right;
}

@media(min-width:816px) {
	.nav .nav-list-wrap {
		display: -webkit-box !important;
		display: flex !important
	}
}

/* @media(max-width:815px) {
	.nav .nav-list-wrap {
		position: fixed;
		top: auto;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		background-color: #fff;
		overflow: auto
	}
} */

.nav .nav-list {
	color: #fff;
	display: -webkit-box;
	display: flex;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* @media(max-width:815px) {
	.nav .nav-list {
		width: 100%;
		height: 100%;
		min-height: 250px;
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center
	}
} */

.nav .nav-list .nav-list-item:nth-last-child(2) a {
	margin: 0 0 0 20px;
	cursor: pointer
}

@media(max-width:815px) {
	.nav .nav-list .nav-list-item:nth-last-child(2) a {
		margin: 0 0 10px
	}
}

.nav .nav-list a {
	display: inline-block;
	position: relative;
	margin: 0 20px;
	color: #fff;
	text-transform: uppercase;
	font-family: red hat display, sans-serif;
	font-weight: 700;
	cursor: pointer;
	-webkit-transition: color .3s;
	transition: color .3s;
}

.nav .nav-list a:after {
	display: block;
	content: "";
	width: 0;
	height: 2px;
	background-color: #8cd734;
	/*HOUMIAN*/
	margin: 0 auto;
	-webkit-transition: .3s;
	transition: .3s
}

@media(hover:hover) {
	.nav .nav-list a:hover:after {
		width: 100%
	}
}

.nav .logo {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center
}

.nav .logo-divider {
	height: 26px;
	width: 1px;
	margin: 0 9px 0 8px;
	background-color: #fff;
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}

@media(max-width:815px) {
	.nav .logo-divider {
		background-color: #000
	}
}

.nav.nav-light .logo-divider {
	background-color: #000
}

.nav .logo-easy {
	width: 110px;
	height: 26px
}

.nav .svg-text {
	fill: #fff;
	-webkit-transition: fill .3s;
	transition: fill .3s
}

@media(max-width:815px) {
	.nav .svg-text {
		fill: #000
	}
}

.nav .logo-embracer {
	height: 26px
}

@media(max-width:815px) {
	.nav .logo-embracer .svg-text {
		fill: #2c0e25
	}

	.nav .logo-embracer {
		height: 23.4px
	}
}

nav ol,
nav ul {
	list-style: none;
	list-style-image: none
}

.mobileNavBox {
	display: none;
	padding-right: 30px;
}

.nav .mobileNavBox .nav-icon {
	color: white;
	cursor: pointer;
	font-weight: bolder;
}

.nav .menu-btn-scroll .nav-icon, .nav .menu-btn-scroll .mobileLang{
	color: #2965b1 !important;
}

@media (max-width: 815px) {
	.nav .nav-list {
		padding: 0;
	}
	.nav .nav-list a li {
		height: 40px;
	}
	.pcNavBox {
		display: none;
	}
	.mobileNavBox {
		display: inline-block;
	}
}

.mobileMenu, .mobileMenuLang{
	width: 200px;
	position: absolute;
	top: 67px;
	right: 0;
	background-color: #fff;
	backdrop-filter: blur(1px);
	color: #4169E1;
	display: none;
	border-radius: 3px;
}

@media (min-width: 815px) {
	.mobileMenu {
		display: none !important;
	}
	.mobileMenuLang {
		display: none !important;
	}
}

/* .mobileMenu::after {
	content: "";
	position: absolute;
	top: -20px;
	right: 33px;
	width: 0;
    height: 0;
	border: 20px solid #fff;
    border-top: 0px;
    border-left-color: transparent;
    border-right-color: transparent;
} */

.mobileMenu li, .mobileMenuLang li {
	margin: 10px;
	text-align: center;
	list-style: none;
	font-weight: bolder;
}

.mobileLang {
	height: 30px;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	margin-left: 5px;
}