#nav {
	background: #0095db;
	width: 100%;
	position: relative;
	z-index: 190;
}
.menu {
		display: inline-block
	}
.nav-menu {
		width: 1200px;height:80px;margin: 0 auto;position: relative;
	}
.menu .menu-title {
		line-height: 80px;padding:0 31px
	}
.menu:hover.nav-toggle .menu-wrap,.menu:active.nav-toggle .menu-wrap,.menu:focus.nav-toggle .menu-wrap,.menu.active.nav-toggle .menu-wrap {
		visibility: visible;
		opacity: 1;
		transform: translateY(0)
	}
.dropmenu{    display: inline-block;
    width: 24%;
    border-right: 1px dotted #efefef;
    vertical-align: top;    margin-bottom: 10px;}
	
@media (max-width: 68.6875em) {
	.menu:first-of-type .menu-title {
		border-top: none
	}
}


.menu.application-menu .menu-wrap {
	visibility: hidden;
	opacity: 0;
	transform: translateY(0)
}

.menu.application-menu:hover .menu-wrap {
	visibility: visible;
	opacity: 1;
	transform: translateY(0)
}

@media (min-width: 68.75em) {
	.desktop .menu-title {
		position: relative
	}

	.desktop .menu-title:after {
		content: "";
		display: block;
		position: absolute;
		width: calc(100% - 12px);
		height: 3px;
		background-color: transparent;
		bottom: -1px;
		left: 6px;
		transform: scaleX(0);
		transition: all 0.25s ease
	}

	.desktop .menu-title:hover:after {
		transform: scaleX(1);
		background-color: #0095A2
	}
}

@media (min-width: 77.5em) {
	.desktop .menu-title:after {
		width: calc(100% - 20px);
		left: 10px
	}
}

@media (min-width: 83.125em) {
	.desktop .menu-title:after {
		width: calc(100% - 24px);
		left: 12px
	}
}

@media (min-width: 87.5em) {
	.desktop .menu-title:after {
		width: calc(100% - 20px);
		left: 10px
	}
}

@media (min-width: 109.375em) {
	.desktop .menu-title:after {
		width: calc(100% - 24px);
		left: 12px
	}
}

@media (min-width: 117.5em) {
	.desktop .menu-title:after {
		width: calc(100% - 30px);
		left: 15px
	}
}

@media (min-width: 137.5em) {
	.desktop .menu-title:after {
		width: calc(100% - 40px);
		left: 20px
	}
}

@media (max-width: 68.6875em) {
	.nested-nav {
		display: none
	}
}

.menu-title {
	color: #fff;font-size:16px;display:block;line-height:80px;
}
.menu-title:hover{background:#ff7e11;color:#fff}
@media (max-width: 68.6875em) {


	.menu-title.btn-mnav {
		background: url("../img/layout/nav-open.svg") no-repeat right center;
		background-size: auto 14px
	}

	.menu-title.btn-mnav.btn-mnav.close {
		background: url("../img/layout/nav-close.svg") no-repeat right center;
		background-size: auto 14px
	}
}


.fs-en .menu-title {
	padding: 10px 0 29px 0
}

@media (max-width: 68.6875em) {
	.menu-wrap>.wrap {
		width: 100%;
		padding: 0 !important;
		margin: 0 !important
	}

	.menu-wrap>.wrap>.row {
		padding: 0;
		margin: 0
	}
}

@media (min-width: 68.75em) {
	.menu-wrap {
		visibility: hidden;
		width: 100%;
		position: absolute;
		left: 0;
		background: #f9f9f9;
		background: linear-gradient(to bottom, #f7f7f7 0%, #efefef 100%);
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		top: 64px;
		z-index: 2;
		-webkit-box-shadow: 0px 10px 18px -12px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 10px 18px -12px rgba(0,0,0,0.25);
		box-shadow: 0px 10px 18px -12px rgba(0,0,0,0.25);
		transform: translateY(6px);
		transition: all 0.3s ease;
		opacity: 0
	}
}

@media (min-width: 87.5em) {
	.menu-wrap {
		top: 70px
	}
}

@media (min-width: 98.75em) {
	.menu-wrap {
		top: 80px
	}
}

@media (min-width: 137.5em) {
	.menu-wrap {
		top: 90px
	}
}

.menu-style1 {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 35px
}

.menu-pro {
	margin-bottom: 25px;
	padding-left: 25px;
	background: url(../img/layout/menuicon.svg) no-repeat;
	background-position: 0 0;
	font-size: 0.875rem;
	font-weight: bold
}

@media (max-width: 68.6875em) {
	.menu-pro {
		display: none
	}
}

@media (min-width: 87.5em) {
	.menu-pro {
		font-size: 0.9375rem
	}
}

@media (min-width: 98.75em) {
	.menu-pro {
		font-size: 1rem
	}
}

@media (min-width: 137.5em) {
	.menu-pro {
		font-size: 1.125rem
	}
}

.menu-pro:hover,.menu-pro:active,.menu-pro:focus,.menu-pro.active {
	background-position: 0 -14px
}

.menu-pro:hover .menu-pro-title,.menu-pro:active .menu-pro-title,.menu-pro:focus .menu-pro-title,.menu-pro.active .menu-pro-title {
	color: #0095A2
}

.menu-pro .menu-pro-title {
	color: #868686;
	display: block
}

@media (max-width: 68.6875em) {
	.menu-style1-c {
		padding: 0 !important
	}
}

@media (min-width: 68.75em) {
	.menu-style1-c {
		border-left: 1px solid #dddddd
	}
}

@media (max-width: 68.6875em) {
	.menu-prowrap>.row {
		padding: 0;
		margin: 0;
		width: 100%
	}

	.menu-prowrap .col-xs-4 {
		width: 100%
	}
}

@media (min-width: 68.75em) {
	.menu-prowrap {
		display: none;
		min-height: 300px;
		padding: 20px 0 20px 20px
	}
}

.menu-prowrap.active {
	display: block
}

.menu-prowrap .col-sm-4:nth-child(3n+1) {
	clear: both
}

@media (max-width: 68.6875em) {
	.menu-protype {
		font-size: 1rem;
		line-height: 1.5em;
		padding-bottom: 0.5em;
		padding-top: 0.5em;
		font-weight: bold
	}
}

@media (min-width: 48em) and (max-width: 68.6875em) {
	.menu-protype {
		font-size: 1.125rem
	}
}

@media (min-width: 68.75em) {
	.menu-protype {
		color: #6b7bc5;
		font-size: 1rem;
		padding-bottom: 20px
	}

	.menu-protype:hover,.menu-protype:active,.menu-protype:focus,.menu-protype.active {
		color: #37479a;
		font-weight: bold
	}
}

@media (min-width: 87.5em) {
	.menu-protype {
		font-size: 0.9375rem
	}
}

@media (min-width: 98.75em) {
	.menu-protype {
		font-size: 1rem
	}
}

@media (min-width: 137.5em) {
	.menu-protype {
		font-size: 1.125rem
	}
}

@media (max-width: 68.6875em) {
	.menu-prosort {
		font-size: 0.875rem;
		border-left: 1px dotted #ccc;
		padding-left: 1.25em
	}

	.menu-prosort>.lh-150 {
		display: none
	}
}

@media (min-width: 48em) and (max-width: 68.6875em) {
	.menu-prosort {
		font-size: 0.9375rem
	}
}

@media (min-width: 68.75em) {
	.menu-prosort {
		font-size: 0.8125rem;
		line-height: 120%;
		padding-bottom: 10px
	}
}

.menu-prosort .menu-prosortT {
	color: #555
}

@media (max-width: 68.6875em) {
	.menu-prosort .menu-prosortT {
		line-height: 1.5em;
		padding-top: 0.5em;
		padding-bottom: 0.5em
	}
}

@media (min-width: 87.5em) {
	.menu-prosort .menu-prosortT {
		font-size: 0.875rem
	}
}

@media (min-width: 98.75em) {
	.menu-prosort .menu-prosortT {
		font-size: 0.9375rem
	}
}

.menu-prosort .menu-prosortC {
	color: #999
}

@media (max-width: 68.6875em) {
	.menu-prosort .menu-prosortC {
		font-size: 0.75rem;
		display: none
	}
}

.menu-prosort:hover span,.menu-prosort:active span,.menu-prosort:focus span,.menu-prosort.active span {
	color: #6b7bc5
}

.menu-minor {
	font-size: 0.8125rem;
	float: right;
	padding: 16px 0 17px
}

.menu-minor .menu-lang {
	color: #0095A2;
	background: #ffffff;
	display: inline-block;
	padding: 8px 17px 6px;
	border: 1px solid #0095A2;
	border-radius: 3px;
	line-height: 1em
}

.menu-minor .menu-lang:hover,.menu-minor .menu-lang.active {
	color: #ffffff;
	background: #0095A2
}

@media (max-width: 68.6875em) {
	.menu-minor {
		float: left;
		width: 100%
	}

	.menu-minor>.menu-lang {
		display: none
	}

	.menu-minor .lang {
		text-align: left !important;
		padding-top: 25px !important;
		overflow: hidden
	}

	.menu-minor .lang .menu-lang {
		display: block;
		float: left;
		text-align: center;
		padding: 10px 0 !important;
		width: 30% !important;
		margin: 0 0 0 5% !important;
		color: #fff;
		background: #0095A2;
		border: 1px solid #fff
	}

	.menu-minor .lang .menu-lang:first-of-type {
		margin-left: 0 !important
	}

	.menu-minor .lang .menu-lang.active {
		color: #0095A2;
		background: #fff
	}
}

@media (min-width: 68.75em) {
	.menu-minor {
		font-size: 0.75rem;
		padding: 18px 0 19px;
		position: relative
	}

	.menu-minor>.menu-lang {
		min-width: 96px;
		text-align: center;
		transition: all 0.3s ease
	}

	.menu-minor .menu-wrap {
		border-radius: 0 0 6px 6px
	}

	.menu-minor .lang {
		margin-top: 0;
		padding: 0 !important
	}

	.menu-minor .lang .menu-lang {
		color: #666;
		background: transparent;
		display: block;
		padding: 8px 0;
		border: none;
		border-radius: 0;
		line-height: 1.375em;
		white-space: nowrap;
		text-align: center !important;
		border-bottom: 1px dotted #ccc;
		margin: 0 !important;
		font-size: 0.8125rem !important;
		transition: color 0.3s ease
	}

	.menu-minor .lang .menu-lang:last-of-type {
		border: none
	}

	.menu-minor .lang .menu-lang:hover {
		color: #0095A2
	}
}

@media (min-width: 87.5em) {
	.menu-minor {
		font-size: 0.8125rem
	}
}

@media (min-width: 98.75em) {
	.menu-minor {
		padding: 25px 0 25px;
		font-size: 0.875rem
	}
}

@media (min-width: 137.5em) {
	.menu-minor {
		padding: 29px 0 30px;
		font-size: 0.9375rem
	}
}

.btn-nav-toggle {
	display: block;
	position: fixed;
	right: 0;
	top: 0;
	width: 60px;
	height: 50px;
	z-index: 200;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}

@media (max-width: 21.875em) {
	.btn-nav-toggle {
		width: 45px
	}
}

@media (min-width: 48em) and (max-width: 68.6875em) {
	.btn-nav-toggle {
		height: 64px
	}
}

.btn-nav-toggle .bar {
	height: 2px;
	width: 20px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	display: block;
	overflow: hidden;
	position: absolute;
	background-color: #0095A2;
	border-radius: 5px;
	transition: all 0.3s ease;
	border-radius: 1px
}

@media (max-width: 35.9375em) {
	.btn-nav-toggle .bar {
		width: 18px
	}
}

.btn-nav-toggle .bar:nth-of-type(1) {
	transform: translate(-50%, -7px);
	transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s
}

@media (max-width: 35.9375em) {
	.btn-nav-toggle .bar:nth-of-type(1) {
		transform: translate(-50%, -6px)
	}
}

.btn-nav-toggle .bar:nth-of-type(2) {
	transition: all 0.3s ease
}

.btn-nav-toggle .bar:nth-of-type(3) {
	transform: translate(-50%, 7px);
	transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s
}

@media (max-width: 35.9375em) {
	.btn-nav-toggle .bar:nth-of-type(3) {
		transform: translate(-50%, 6px)
	}
}

.btn-nav-toggle.show .bar:nth-of-type(1) {
	transform: translate(-50%, -5px) scale(1.25) translateY(5px) rotate(45deg);
	background-color: #fff
}

.btn-nav-toggle.show .bar:nth-of-type(2) {
	opacity: 0
}

.btn-nav-toggle.show .bar:nth-of-type(3) {
	transform: translate(-50%, 5px) scale(1.25) translateY(-3px) rotate(-45deg);
	background-color: #fff
}

@media (min-width: 68.75em) {
	.btn-nav-toggle {
		display: none
	}
}

@media (min-width: 62em) {
	.close-nav-inside {
		display: none
	}
}

@media (max-width: 68.6875em) {
	.core a img {
		display: none
	}
}

@media (min-width: 68.75em) {
	.core .dropmenu {
		display: flex;
		justify-content: center;
		width: 100%;
		padding-bottom: 25px;
		padding-top: 25px
	}

	.core .dropmenu a {
		width: 20%;
		max-width: 200px;
		margin: 0 20px
	}

	.core .dropmenu a img {
		display: block;
		width: 100%;
		margin-bottom: 10px
	}

	.core .dropmenu a span {
		display: block;
		width: 100%
	}
}

@media (max-width: 68.6875em) {
	.dropmenu-wrap {
		border-left: 1px dotted rgba(255,255,255,0.2)
	}
}

@media (min-width: 68.75em) {
	.dropmenu-wrap {
		font-size: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		padding: 20px 40px
	}
}

@media (min-width: 98.75em) {
	.dropmenu-wrap {
		padding-bottom: 30px
	}
}

@media (min-width: 137.5em) {
	.dropmenu-wrap {
		padding: 40px 60px
	}
}

.dropmenu-wrap.dropmenu-application .dropmenu {
	width: initial;
	width: 18%
}

@media (min-width: 68.75em) {
	.dropmenu-wrap.dropmenu-application .dropmenu:nth-of-type(4n+1) {
		margin-left: 2%
	}

	.dropmenu-wrap.dropmenu-application .dropmenu:nth-of-type(5n+1) {
		margin-left: 0
	}
}

@media (min-width: 62em) {
	.dropmenu-wrap.dropmenu-application .dropmenu {
		margin-left: 2%
	}
}

.dropmenu a {
	display: block;
	width: 100%;
	color: #333;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 1.25em;
	transition: color 0.3s ease
}

.dropmenu a.drop-title {
	font-weight: bold;
	color: #0095db
}

@media (max-width: 68.6875em) {
	.dropmenu a {
		border-bottom: 1px solid rgba(255,255,255,0.1);
		color: #fff;
		padding-left: 1em;
		background: url("../img/layout/arrow-right.svg") no-repeat right center;
		background-size: auto 12px;
		padding-right: 30px;
		font-size: 0.875rem;
		position: relative;
		padding-top: 9px;
		padding-bottom: 9px
	}

	.dropmenu a:before {
		content: "";
		width: 1em;
		display: block;
		height: 100%;
		position: absolute;
		left: 1em;
		top: 0
	}

	.dropmenu a.drop-title {
		color: #fff;
		border-bottom: none;
		background: none;
		padding-left: 1em;
		background-color: #2DC3CA
	}

	.dropmenu a.drop-title:before {
		display: none
	}

	.dropmenu>div {
		transition: all 0.4s linear;
		overflow: hidden
	}

	.dropmenu>div>a:first-of-type {
		border-top: 1px solid rgba(255,255,255,0.1)
	}

	.dropmenu:first-of-type>a:first-of-type {
		border-top: 1px solid rgba(255,255,255,0.1)
	}

	.dropmenu:last-of-type>div a:last-of-type {
		border-bottom: none
	}
}

@media (min-width: 48em) and (max-width: 68.6875em) {
	.dropmenu a {
		padding-top: 10px;
		padding-bottom: 10px
	}
}

@media (min-width: 68.75em) {


	.dropmenu:nth-of-type(4n+1) {
		margin-left: 0
	}

	.dropmenu>a {
		font-size: 1.125em
	}
}

@media (min-width: 87.5em) {
	.dropmenu {
		font-size: 0.875rem
	}
}

@media (min-width: 87.5em) {
	.dropmenu {
		font-size: 0.9375rem
	}
}

@media (max-width: 68.6875em) {
	.mnav-wrap {
		max-height: 0;
		overflow: hidden
	}

	.mnav-wrap.show {
		max-height: 1500px
	}
}

@media (min-width: 68.75em) {
	.mnav-wrap {
		border-radius: 0 0 8px 8px
	}
}

.desktop .dropmenu a:hover {
	color: #0095A2
}

@media (max-width: 61.9375em) {
	.nav-inside {
		position: fixed;
		width: 100vw;
		height: 100vh;
		left: 0;
		top: 0;
		background-color: #efefef;
		z-index: 209;
		visibility: hidden;
		opacity: 0;
		padding: 20px 0 80px 0;
		transform: translateY(20%);
		transition: all .35s ease;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch
	}

	.nav-inside.nav-about {
		background: none;
		background-color: #efefef !important
	}

	.nav-inside .m-panel-wrap,.nav-inside .m-panelGroup,.nav-inside .wrap {
		width: 80%;
		margin: 0 auto
	}

	.nav-inside .wrap {
		padding: 0
	}

	.nav-inside a {
		color: #333;
		font-weight: normal !important;
		display: block;
		line-height: 1.5em;
		padding: 10px 20px;
		background: #fff url("../img/layout/arrow-right.svg") no-repeat right 20px center;
		background-size: auto 12px
	}

	.nav-inside a.m-panel-heading {
		background: none;
		background-color: transparent;
		color: #999;
		font-weight: bold !important;
		padding-left: 0
	}

	.nav-inside a.m-panel-heading.haslink {
		background: #fff url("../img/layout/arrow-right.svg") no-repeat right 20px center;
		background-size: auto 12px;
		color: #333;
		font-weight: normal !important;
		padding-left: 20px
	}

	.nav-inside .m-panel-title,.nav-inside .fz-h2 {
		font-size: 1.25rem !important;
		padding: 0 20px 20px 0;
		background-color: transparent;
		margin-bottom: 0;
		background-color: #efefef;
		height: auto;
		line-height: 1.125em;
		display: flex;
		align-items: center
	}

	.nav-inside .m-panel-title .fz-h1,.nav-inside .fz-h2 .fz-h1 {
		font-size: 1.25rem !important
	}

	.nav-inside ul {
		display: block;
		list-style: none
	}

	.nav-inside li,.nav-inside .m-panel {
		border-bottom: 1px solid #eee;
		padding: 0;
		margin-bottom: 0;
		display: block;
		list-style: none
	}

	.nav-inside li:first-of-type,.nav-inside .m-panel:first-of-type {
		border-top: 1px solid #eee
	}

	.nav-inside li ul li:last-of-type,.nav-inside .m-panel ul li:last-of-type {
		border-bottom: none
	}

	.nav-inside li li a,.nav-inside .m-panel li a {
		position: relative;
		padding-left: calc(1.5em + 20px)
	}

	.nav-inside li li a:before,.nav-inside .m-panel li a:before {
		position: absolute;
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		left: 22px;
		border-right: 1px dashed #ddd;
		top: 0
	}
}

@media (min-width: 48em) and (max-width: 61.9375em) {
	.nav-inside {
		padding-top: 50px
	}

	.nav-inside .m-panel-wrap,.nav-inside .m-panelGroup,.nav-inside .wrap {
		width: 100%;
		padding: 0 20vw !important
	}

	.nav-inside .m-panel-title,.nav-inside .fz-h2 {
		font-size: 1.5rem !important;
		padding: 0 0 20px
	}

	.nav-inside .m-panel-title .fz-h1,.nav-inside .fz-h2 .fz-h1 {
		font-size: 1.5rem !important
	}

	.nav-inside a {
		padding-top: 12px;
		padding-bottom: 12px;
		background-size: auto 15px
	}

	.nav-inside a.m-panel-heading {
		padding-left: 0
	}

	.nav-inside a.m-panel-heading.haslink {
		padding-left: 20px;
		background-size: auto 15px
	}
}

@media (max-width: 61.9375em) {
	.close-nav-inside {
		position: absolute;
		display: block;
		width: 50px;
		height: 50px;
		right: 0;
		top: 0
	}

	.close-nav-inside:before,.close-nav-inside:after {
		content: "";
		height: 2px;
		width: 20px;
		left: 50%;
		top: 50%;
		display: block;
		overflow: hidden;
		position: absolute;
		background-color: #666;
		border-radius: 5px;
		transition: all 0.3s ease;
		border-radius: 1px
	}

	.close-nav-inside:before {
		transform: translate(-50%, -5px) scale(1.25) translateY(5px) rotate(45deg)
	}

	.close-nav-inside:after {
		transform: translate(-50%, 5px) scale(1.25) translateY(-3px) rotate(-45deg)
	}
}

@media (max-width: 61.9375em) {
	.nestedshow .nav-inside {
		transform: translateY(0);
		visibility: visible;
		opacity: 1
	}
}

@media (max-width: 68.6875em) {
	.content-inside {
		padding-top: 60px
	}

	.content-inside .fz-h2 {
		margin-bottom: 1em
	}
}

@media (min-width: 48em) and (max-width: 68.6875em) {
	.content-inside {
		padding-top: 70px
	}
}

@media (min-width: 68.75em) {
	.content-inside {
		padding-left: 3vw
	}

	.content-inside .fz-h2 {
		margin-bottom: 1em
	}
}

@media (max-width: 68.6875em) {
	.nav-horizontal {
		width: 100vw;
		left: 0;
		background: none;
		padding: 0;
		background-color: rgba(248,248,248,0.9);
		-webkit-backdrop-filter: blur(8px);
		position: absolute;
		z-index: 10;
		-webkit-box-shadow: 0px -3px 14px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px -3px 14px 0px rgba(0,0,0,0.3);
		box-shadow: 0px -3px 14px 0px rgba(0,0,0,0.3)
	}

	.nav-horizontal.fixed {
		position: fixed;
		top: 50px
	}

	.nav-horizontal+.edit .hr-banner {
		padding: 90px 0 50px
	}

	.nav-horizontal+.news-body {
		padding-top: 55px
	}

	.nav-horizontal .m-panel-wrap,.nav-horizontal .wrap {
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		padding: 0;
		text-align: center
	}

	.nav-horizontal .m-panel-title,.nav-horizontal .fz-h2 {
		display: inline-block;
		font-size: 1.125rem;
		line-height: 45px;
		border-right: 1px solid #eee;
		padding: 0 20px
	}

	.nav-horizontal .m-panel-title {
		display: none
	}

	.nav-horizontal .m-panelGroup,.nav-horizontal ul {
		display: inline-block;
		white-space: nowrap;
		padding-bottom: 0
	}

	.nav-horizontal a {
		color: #666;
		font-size: .9375rem;
		line-height: 45px;
		padding: 0 10px
	}

	.nav-horizontal a.js-panel-heading {
		display: none
	}

	.nav-horizontal a.active {
		color: #0095A2;
		font-weight: bold;
		position: relative
	}

	.nav-horizontal .m-panel,.nav-horizontal li {
		display: inline-block;
		margin-bottom: 0
	}

	.nav-horizontal .m-panel.active a,.nav-horizontal li.active a {
		color: #0095A2;
		font-weight: bold;
		position: relative
	}
}

@media (min-width: 48em) and (max-width: 68.6875em) {
	.nav-horizontal .m-panel-wrap,.nav-horizontal .wrap {
		padding: 0 !important
	}

	.nav-horizontal.fixed {
		top: 64px
	}
}