body{
	display: block !important
}

.noprint{
	display: none
}

#lrn-systemoutput{
	position: relative
}

html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

html,
body{
	overflow-x: hidden;
	width: 100%
}

body{
	margin: 0
}

nav{
	display: block
}

a{
	background-color: transparent
}

img{
	border: 0
}

input{
	color: inherit;
	font: inherit;
	margin: 0
}

input::-moz-focus-inner{
	border: 0;
	padding: 0
}

input{
	line-height: normal
}

html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body{
	margin: 0
}

nav{
	display: block
}

a{
	background-color: transparent
}

img{
	border: 0
}

input{
	color: inherit;
	font: inherit;
	margin: 0
}

input::-moz-focus-inner{
	border: 0;
	padding: 0
}

input{
	line-height: normal
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html{
	font-size: Arial, Verdana, sans-serif
}

body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.4285;
	color: #333;
	background-color: #fff
}

input{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a{
	color: #08c;
	text-decoration: none
}

img{
	vertical-align: middle
}

ul{
	margin-top: 0;
	margin-bottom: 9.5px
}

ul ul{
	margin-bottom: 0
}

.nav{
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}

.nav:before,
.nav:after{
	content: " ";
	display: table
}

.nav:after{
	clear: both
}

.nav:before,
.nav:after{
	content: " ";
	display: table
}

.nav:after{
	clear: both
}

@-ms-viewport{
	width: device-width
}

@font-face{
	font-family: 'ln';
	src: url(css/fonts/ln34f1.eot?x3g2ac);
	src: url(css/fonts/ln34f1.eot?x3g2ac#iefix) format('embedded-opentype'), url(css/fonts/ln34f1.ttf?x3g2ac) format('truetype'), url(css/fonts/ln34f1.woff?x3g2ac) format('woff'), url(css/fonts/ln34f1.svg?x3g2ac#ln) format('svg');
	font-weight: 400;
	font-style: normal
}

.sub:before,
.ln{
	font-family: 'ln'!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body{
	color: #555;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 300;
	background: #fafafa;
	font-size: 16px;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none
}

img{
	max-width: 100%;
	height: auto
}

a{
	text-decoration: none;
	outline: none
}

a{
	color: #337ab7;
	hyphens: auto
}

.wrapper{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden
}

#newsletter input{
	display: block;
	float: none!important;
	width: 100%;
	padding: 10px;
	background: #c8c8c8;
	border: 1px solid #fff;
	margin: 10px 0
}

input{
	display: block;
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ededed;
	background: #f7f7f7
}

html,
body{
	overflow: initial!important
}

@media (max-width:1024px),
(pointer:coarse),
(hover:none),
(hover:on-demand){
	body:after{
		content: "mobile";
		display: none
	}
}

@media print,
screen and (min-width:1025px){
	body:after{
		content: "desktop";
		display: none
	}
}

.navigation{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	height: 120px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	background: #fff;
	border-bottom: 1px solid #dcdcdc;
	-webkit-box-shadow: 0 10px 18px 0 rgba(0, 0, 0, .07);
	-moz-box-shadow: 0 10px 18px 0 rgba(0, 0, 0, .07);
	box-shadow: 0 10px 18px 0 rgba(0, 0, 0, .07)
}

@media (max-width:540px){
	.navigation{
		height: 100px
	}
}

.navcontainer{
	width: 100%;
	max-width: 1170px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px
}

.navigation,
.navigation a{
	color: #333;
	text-decoration: none
}

.navigation_inner,
nav .logo{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

@media (max-width:540px){
	.navigation_inner{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-right: -10px
	}
}

nav .logo{
	display: block;
	width: 85px;
	padding: 20px 10px
}

nav .logo img{
	height: 80px;
	width: auto;
	max-width: none;
	vertical-align: center
}

.nav{
	height: 100%
}

@media (max-width:1024px){
	.nav_list_megamenu_products ul li a{
		padding: 3px 0 3px 30px !important;
	}
	.nav{
		padding: 30px 0;
		order: 2
	}
	.nav_toggle{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;
		list-style: none;
		margin: 0;
		padding: 0 10px 0 25px;
		border-left: 1px solid #ddd;
		font-size: 19px;
		text-decoration: none;
		border-left: 1px solid #ddd
	}
	.nav_toggle .icon-close{
		display: none
	}
	.nav_toggle_text{
		display: block;
		margin-left: 10px;
		font-size: 18px;
		text-transform: uppercase
	}
	.nav-wrap{
		display: block;
		min-width: 240px;
		max-height: 70vh;
		overflow: hidden;
		position: absolute;
		top: 100%;
		right: 0;
		background: #fff;
		border: 1px solid #dcdcdc;
		border-top: none;
		z-index: -200;
		visibility: hidden;
		opacity: 0;
		transform: translateY(-20px)
	}
	.nav_list{
		display: block;
		min-width: 300px;
		max-height: 70vh;
		list-style: none;
		margin: 0;
		padding: 20px;
		overflow: hidden;
		overflow-y: scroll
	}
	.nav_list>li{
		padding: 5px 0;
		border-bottom: 1px solid #ddd
	}
	.nav_list>li:last-of-type{
		padding: 5px 0;
		border-bottom: none
	}
	.nav_list>li,
	.nav_list>li>a{
		font-size: 18px
	}
	.nav_list_subnav{
		display: none;
		list-style: none;
		padding: 5px 0 0 0;
		margin: 0
	}
	.nav_list_subnav>li{
		padding: 2px 2px 2px 0
	}
	.nav_list_subnav>li a{
		font-size: 16px;
		white-space: nowrap;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto
	}
	.nav-wrap:before,
	.nav-wrap:after{
		display: block;
		width: 100%;
		height: 20px;
		position: absolute;
		z-index: 200;
		content: ""
	}
	.nav-wrap:before{
		top: 0;
		left: 0;
		background: -moz-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
		background: -webkit-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
		background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
	}
	.nav-wrap:after{
		bottom: 0;
		left: 0;
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
	}
	.sub{
		position: relative;
		padding-right: 20px!important
	}
	.sub:before{
		display: block;
		width: 20px;
		position: absolute;
		top: 11px;
		right: 0;
		text-align: right;
		content: "\e915"
	}
	li:first-of-type .nav_list_subnav a{
		position: relative
	}
	li:first-of-type .nav_list_subnav a:after{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 20px
	}
}

@media (max-width:540px){
	.nav{
		width: 100%;
		height: 50px;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		padding: 0
	}
	.nav_toggle{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.nav-wrap{
		min-width: auto;
		width: 100vw;
		background: #ddd
	}
	.nav-wrap:before{
		top: 0;
		left: 0;
		background: -moz-linear-gradient(top, #ddd 0%, rgba(221, 221, 221, 0) 100%);
		background: -webkit-linear-gradient(top, #ddd 0%, rgba(221, 221, 221, 0) 100%);
		background: linear-gradient(to bottom, #ddd 0%, rgba(221, 221, 221, 0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
	}
	.nav-wrap:after{
		bottom: 0;
		left: 0;
		background: -moz-linear-gradient(top, rgba(221, 221, 221, 0) 0%, #ddd 100%);
		background: -webkit-linear-gradient(top, rgba(221, 221, 221, 0) 0%, #ddd 100%);
		background: linear-gradient(to bottom, rgba(221, 221, 221, 0) 0%, #ddd 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
	}
	.nav_list{
		padding: 20px
	}
	.nav_toggle{
		padding: 0 15px;
		border-left: none
	}
	.nav_list>li{
		border-bottom: 1px solid #bababa
	}
	.sub{
		position: relative;
		padding-right: 20px!important
	}
	.sub:before{
		display: block;
		width: 20px;
		position: absolute;
		top: 11px;
		right: 0;
		text-align: right;
		content: "\e915"
	}
}

@media only screen and (min-device-width:480px) and (max-device-width:740px) and (orientation:landscape){
	.navigation{
		position: absolute
	}
}

@media (min-width:1025px){
	.nav_toggle{
		display: none
	}
	.nav-wrap{
		height: 100%
	}
	.nav_list{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
		list-style: none;
		margin: 0;
		padding: 0
	}
	.nav_list>li{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;
		padding: 0 20px;
		position: relative
	}
	.nav_list>li,
	.nav_list>li>a{
		font-size: 18px
	}
	.nav_list>li:before{
		display: block;
		width: calc(100% - 40px);
		position: absolute;
		bottom: 20px;
		left: 20px;
		border-bottom: 1px solid #ef7d00;
		content: "";
		transform: translateY(-15px);
		opacity: 0
	}
	.nav_list_subnav{
		display: block;
		min-width: 240px;
		margin: 0;
		padding: 0 40px 40px 35px;
		position: absolute;
		top: 100%;
		left: -18px;
		list-style: none;
		background: #fff;
		border: 1px solid #ddd;
		border-top: 1px solid #fff;
		z-index: -200;
		visibility: hidden;
		opacity: 0;
		transform: translateY(-20px);
		-webkit-box-shadow: 0 10px 18px 0 rgba(0, 0, 0, .07);
		-moz-box-shadow: 0 10px 18px 0 rgba(0, 0, 0, .07);
		box-shadow: 0 10px 18px 0 rgba(0, 0, 0, .07)
	}
	.nav_list_subnav>li{
		position: relative;
		padding: 5px 0
	}
	.nav_list_subnav>li a{
		display: block;
		font-size: 16px;
		white-space: nowrap;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto
	}
	li:first-of-type .nav_list_subnav{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px
	}
	li:first-of-type .nav_list_subnav li{
		display: table;
		width: 100%;
		padding: 10px 0;
		border-bottom: 1px solid #eee
	}
	li:first-of-type .nav_list_subnav a{
		position: relative
	}
	li:first-of-type .nav_list_subnav a:after{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 25px
	}
	.apg-id-007000100000901667 a:after{
		content: '\e904';
		color: #d3c502
	}
}

.d-flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.justify-content-between{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.nav a:after{
	font-family: 'ln'!important
}

.nav-id-189 a:after,
.apg-id-007000100000901667 a:after{
	content: '\e904';
	color: #d3c502!important
}

.nav-id-190 a:after,
.apg-id-007000100028808832 a:after{
	content: '\e903';
	color: #ffd500!important
}

.nav-id-1596 a:after,
.apg-id-007000100087261657 a:after{
	content: '\e90e';
	color: #ffd500!important
}

.nav-id-191 a:after,
.apg-id-007000100000901669 a:after{
	content: '\e900';
	color: #f29400!important
}

.nav-id-219 a:after,
.apg-id-007000100030350768 a:after{
	content: '\e90f';
	color: #ee7f00!important
}

.nav-id-202 a:after,
.apg-id-007000100086606691 a:after{
	content: '\e902';
	color: #e75012!important
}

.nav-id-203 a:after,
.apg-id-007000100070992002 a:after{
	content: '\e906';
	color: #d3031c!important
}

.nav-id-3430 a:after,
.apg-id-007000100196754638 a:after{
	content: '\e920';
	color: #88486a!important
}

.nav-id-204 a:after,
.apg-id-007000100088857132 a:after{
	content: '\e90d';
	color: #00946c!important
}

.nav-id-235 a:after,
.apg-id-007000100219160786 a:after{
	content: '\e90c';
	color: #006774!important
}

.nav-id-205 a:after,
.apg-id-007000100021665087 a:after{
	content: '\e909';
	color: #0099a1!important
}

.nav-id-2036 a:after,
.apg-id-007000100103302043 a:after{
	content: '\e905';
	color: #005199!important
}

.nav-id-206 a:after,
.apg-id-007000100070985561 a:after{
	content: '\e90b';
	color: #006ab3!important
}

.nav-id-207 a:after,
.apg-id-007000100000901666 a:after{
	content: '\e901';
	color: #008bcf!important
}

.nav-id-209 a:after,
.apg-id-007000100000901665 a:after{
	content: '\e907';
	color: #00b1e6!important
}

.nav-id-225 a:after,
.apg-id-007000100088248836 a:after{
	content: '\e908';
	color: #738d9a!important
}

.nav-id-3436 a:after,
.apg-id-007000100197101537 a:after{
	content: "\e90a";
	color: #4d738a!important
}

.nav-id-3447 a:after{
	content: "\e932";
	color: #ff617d
}

.icon-close:before{
	content: "\e91b"
}

.icon-menu:before{
	content: "\e91d"
}

@font-face{
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Noto Sans Italic'), local('NotoSans-Italic'), url(css/fonts/noto-sans/noto-sans-v9-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-italic.ttf) format('truetype')
}

@font-face{
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), url(css/fonts/noto-sans/noto-sans-v9-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-700italic.ttf) format('truetype')
}

@font-face{
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Noto Sans'), local('NotoSans'), url(css/fonts/noto-sans/noto-sans-v9-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-regular.ttf) format('truetype')
}

@font-face{
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(css/fonts/noto-sans/noto-sans-v9-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-700.ttf) format('truetype')
}