/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}

/* Sticky footer styles
-------------------------------------------------- */

@font-face {
	font-family: "Helvetica Neue";
	src: url("../fonts/HelveticaNeue-Italic.eot");
	src: url("../fonts/HelveticaNeue-Italicd41d.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/HelveticaNeue-Italic.woff") format("woff"),
		url("../fonts/HelveticaNeue-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "Helvetica Neue";
	src: url("../fonts/HelveticaNeue.eot");
	src: url("../fonts/HelveticaNeued41d.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/HelveticaNeue.woff") format("woff"),
		url("../fonts/HelveticaNeue.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Helvetica Neue";
	src: url("../fonts/HelveticaNeue-LightItalic.eot");
	src: url("../fonts/HelveticaNeue-LightItalicd41d.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/HelveticaNeue-LightItalic.woff") format("woff"),
		url("../fonts/HelveticaNeue-LightItalic.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "Helvetica Neue";
	src: url("../fonts/HelveticaNeue-UltraLight.eot");
	src: url("../fonts/HelveticaNeue-UltraLightd41d.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/HelveticaNeue-UltraLight.woff") format("woff"),
		url("../fonts/HelveticaNeue-UltraLight.ttf") format("truetype");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: "Helvetica Neue";
	src: url("../fonts/HelveticaNeue-CondensedBlack.eot");
	src: url("../fonts/HelveticaNeue-CondensedBlackd41d.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/HelveticaNeue-CondensedBlack.woff") format("woff"),
		url("../fonts/HelveticaNeue-CondensedBlack.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "Helvetica Neue";
	src: url("../fonts/HelveticaNeue-Medium.eot");
	src: url("../fonts/HelveticaNeue-Mediumd41d.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/HelveticaNeue-Medium.woff") format("woff"),
		url("../fonts/HelveticaNeue-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Helvetica Neue";
	src: url("../fonts/HelveticaNeue-Light.eot");
	src: url("../fonts/HelveticaNeue-Lightd41d.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/HelveticaNeue-Light.woff") format("woff"),
		url("../fonts/HelveticaNeue-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Helvetica Neue";
	src: url("../fonts/HelveticaNeue-BoldItalic.eot");
	src: url("../fonts/HelveticaNeue-BoldItalicd41d.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/HelveticaNeue-BoldItalic.woff") format("woff"),
		url("../fonts/HelveticaNeue-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: "Helvetica Neue";
	src: url("../fonts/HelveticaNeue-Bold.eot");
	src: url("../fonts/HelveticaNeue-Boldd41d.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/HelveticaNeue-Bold.woff") format("woff"),
		url("../fonts/HelveticaNeue-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "Helvetica Neue";
	src: url("../fonts/HelveticaNeue-UltraLightItalic.eot");
	src: url("../fonts/HelveticaNeue-UltraLightItalicd41d.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/HelveticaNeue-UltraLightItalic.woff") format("woff"),
		url("../fonts/HelveticaNeue-UltraLightItalic.ttf") format("truetype");
	font-weight: 100;
	font-style: italic;
}

html {
	font-size: 14px;
}

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

button.accept-policy {
	font-size: 1rem;
	line-height: inherit;
}

.pt32 {
	padding-top: 32px;
}

.pb32 {
	padding-bottom: 32px;
}

.mt32 {
	margin-top: 32px;
}

.mb32 {
	margin-bottom: 32px;
}

.mt64 {
	margin-top: 64px;
}

.mb64 {
	margin-bottom: 64px;
}

/* Sticky footer styles
-------------------------------------------------- */

html {
	position: relative;
	min-height: 100%;
}

html,
body {
	position: relative;
	min-height: 100%;
}

body {
	margin: 0;
	font-family: "Helvetica Neue", Arial, sans-serif, -apple-system,
		BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI Emoji",
		"Segoe UI Symbol";
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	color: #212529;
	text-align: left;
	background-image: url(../img/bg.jpg);
}

a,
a:visited {
	color: #212529;
	text-decoration: none;
}

a:hover {
	color: #ed1c24;
}

a:hover,
a:visited,
a:link,
a:active {
	text-decoration: none;
}

input {
	background: #ededed;
}

#wrapper {
	display: grid;
	grid-template-rows: 120px 1fr 40px;
	width: 100%;
	height: 100%;
	grid-template-areas: "header" "content" "footer";
}

.header {
	grid-area: header;
	border-bottom: 2px solid #ed1c24;
}
.header .container {
	padding: 0;
}
.header .feed-row {
	align-items: center;
	height: 40px;
	grid-template-columns: 80px 1fr 160px;
}

.header .feed-lang {
	display: grid;
	grid-template-columns: 1fr 1fr;
	cursor: pointer;
}

.header .feed-lang .lang {
	display: grid;
	grid-template-columns: 28px 1fr;
	align-items: center;
}

.header .feed-lang .lang img {
	width: 100%;
	height: 18px;
}

.header .feed-lang .lang span {
	padding-left: 8px;
}

.header .box-shadow {
	box-shadow: 0 0.45rem 0.75rem rgba(0, 0, 0, 0.35);
}

.header .menu-row {
	grid-template-columns: 260px 1fr 200px;
	align-items: center;

	width: 100%;
	padding: 12px 0;
	position: relative;
	z-index: 10;
}

.header .menu-row .navbar-toggle {
	display: none;
}

.header .menu-row .navbar {
	display: grid;
	grid-template-columns: repeat(7, auto);
	justify-items: center;
	align-items: center;
	padding: 0;
	padding-right: 15px;
}

.header .menu-row .navbar a {
	color: #212529;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	padding: 16px 0;
}

.header .menu-row .navbar a.active {
	color: #ed1c24;
}

.header .menu-row .navbar a:hover {
	color: #ed1c24;
}

.header .menu-row .navbar .nav-item {
	position: relative;
}
.header .menu-row .navbar .item-download img {
	width: 100px;
}
.header .menu-row .navbar .nav-item ul {
	list-style: none;
	background: #ffffff;
	border-top: 2px solid #eeeeee;
	border-bottom: 2px solid #ed1c24;
	width: 180px;
	display: inline-block;
	position: absolute;
	top: 32px;
	z-index: 9999999;
	left: -15px;
	display: none;
	text-align: left;
	padding: 8px 16px;
}

.header .menu-row .navbar .nav-item ul li {
	position: relative;
	padding: 8px 0;
}

.header .menu-row .navbar .nav-item ul li a {
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
}

.header .menu-row .navbar .nav-item:hover ul {
	display: inline-block;
}

.header .search {
	display: block;
}

.header .search input {
	border: none;
	background-color: transparent;
	width: 100%;
	height: 36px;
	padding: 0 16px;
	outline: none;
}

.header .mobile-header {
	display: none;
}

@media screen and (max-width: 568px) {
	.header {
		height: 64px;
	}

	.header .newfeed {
		display: none;
	}

	.header .menu {
		display: none;
	}

	.header .mobile-header {
		display: block;
		position: fixed;
		width: 100%;
		z-index: 30;
	}

	.header .mobile-header .mobile-menu {
		display: grid;
		grid-template-columns: 64px 1fr 64px;
		align-items: center;
		background: #fff;
		position: relative;
		z-index: 1;
		height: 64px;
	}

	.header .mobile-header .mobile-menu .fas {
		font-size: 20px;
	}

	.header .mobile-header .mobile-menu .logo {
		width: 75%;
		margin: 0 auto;
	}

	.header .mobile-header .mobile-menu .logo img {
		width: 100%;
		height: auto;
	}

	.header .mobile-header .mobile-navigation {
		position: absolute;
		top: 0;
		z-index: 20;
		width: 100%;
		background: #000000;
		color: #ffffff;
		padding: 16px;
		height: 100vh;
		opacity: 0;
		visibility: hidden;
		transition: visibility 0s 0.5s, opacity 0.5s linear;
	}

	.header .mobile-header .mobile-navigation .mobile-navbar {
		padding-top: 16px;
	}

	.header .mobile-header .mobile-navigation.active {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.5s linear;
	}

	.header .mobile-header .mobile-navigation .nav-item {
		padding-left: 20px;
	}

	.header .mobile-header .mobile-navigation .nav-item a {
		color: #ffffff;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 12px;
		line-height: 24px;
		display: block;
		padding: 8px 0;
	}

	.header .mobile-header .mobile-navigation .nav-item a i {
		float: right;
		width: 24px;
		height: 24px;
		text-align: right;
	}

	.header .mobile-header .mobile-navigation .nav-item ul {
		display: none;
		list-style-type: none;
	}

	.header .mobile-header .mobile-navigation .nav-item ul li a {
		font-weight: normal;
	}

	.header .mobile-header .mobile-navigation .nav-item.active ul {
		display: block;
	}

	.header .mobile-header .mobile-navigation .back-panel {
		display: grid;
		grid-template-columns: 1fr 80px;
		align-items: center;
		height: 32px;
	}

	.header .mobile-header .mobile-navigation .back-panel .back-button i {
		margin-right: 8px;
	}

	.header .mobile-header .mobile-navigation .back-panel .lang {
		display: grid;
		grid-template-columns: 32px 32px;
		align-items: center;
		grid-gap: 16px;
	}

	.header .mobile-header .mobile-navigation .back-panel .lang img {
		width: 100%;
		height: 18px;
	}

	.header .mobile-header .mobile-navigation .back-panel .lang span {
		padding-left: 8px;
	}

	.header .mobile-header .item-download img {
		width: 160px;
	}
}

.content {
	grid-area: content;
	overflow: hidden;
}

.footer {
	width: 100%;
	white-space: nowrap;
	grid-area: footer;
	color: #848d94 !important;
	background-image: url(../img/footermenu-bg.jpg);
	background-size: cover;
}

.footer .footer-menu {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	justify-items: center;
	align-items: center;
	min-height: 68px;
	font-size: 14px;
}

.footer .footer-menu .nav-item {
	width: 80%;
	text-align: center;
}

.footer .footer-menu .nav-item.br {
	border-right: 1px solid #212529;
}

.footer .copyright {
	background: #212529;
}

.footer .copyright .copyright-row {
	display: grid;
	grid-template-columns: 360px 1fr 80px;
	align-items: center;
}

.footer .copyright .copyright-row .company {
	font-size: 14px;
}

.footer .copyright .copyright-row .social-row {
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	justify-items: center;
	min-height: 40px;
}

.footer .copyright .copyright-row .copyright-menu {
	display: grid;
	grid-template-columns: 100px 100px 160px 110px 110px;
	justify-items: center;
	align-items: center;
	padding: 0 48px;
	min-height: 40px;
}

.footer .copyright .copyright-row .copyright-menu a,
.footer .copyright .copyright-row .copyright-menu a:visited {
	color: #848d94 !important;
}

.footer .copyright .copyright-row .copyright-menu .nav-item {
	width: 100%;
	text-align: center;
}

.footer .copyright .copyright-row .copyright-menu .nav-item.br {
	border-right: 1px solid #848d94;
}

.footer .w120 {
	width: 120% !important;
}

.footer .w100 {
	width: 100% !important;
}

.footer .w95 {
	width: 95% !important;
}

.footer .w90 {
	width: 90% !important;
}

.footer .w125 {
	width: 125% !important;
}

@media screen and (max-width: 568px) {
	.footer .footer-menu {
		grid-template-columns: repeat(2, 1fr);
		justify-items: start;
		padding: 8px 0;
		font-size: 11px;
	}

	.footer .footer-menu .nav-item {
		padding: 8px 0;
		text-align: left;
		border: none !important;
	}

	.footer .copyright .copyright-row {
		grid-template-columns: 1fr;
		font-size: 12px;
	}

	.footer .copyright .copyright-row .company {
		font-size: 12px;
		padding: 8px 0 16px;
		text-align: center;
	}

	.footer .copyright .copyright-row .copyright-menu {
		padding: 0;
		grid-template-columns: repeat(2, 1fr);
		justify-items: start;
	}

	.footer .copyright .copyright-row .copyright-menu .nav-item {
		padding: 8px 0;
		font-size: 13px;
		text-align: left;
		border: none !important;
	}

	.footer .copyright .copyright-row .copyright-menu .c1 {
		order: 0;
	}

	.footer .copyright .copyright-row .copyright-menu .c2 {
		order: 2;
	}

	.footer .copyright .copyright-row .copyright-menu .c3 {
		order: 1;
	}

	.footer .copyright .copyright-row .copyright-menu .c4 {
		order: 3;
	}

	.footer .copyright .copyright-row .copyright-menu .c5 {
		order: 4;
	}

	.footer .copyright .copyright-row .c-1:nth-of-type(1) {
		order: 3;
	}

	.footer .copyright .copyright-row .c-1:nth-of-type(2) {
		order: 2;
	}

	.footer .copyright .copyright-row .c-1:nth-of-type(3) {
		order: 1;
	}
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

.bg-white {
	background: #ffffff;
}

.bg-gray {
	background: #ededed;
}

.bg-green {
	background: #006800;
}

.d-grid {
	display: grid;
}

.d-grid.ji-end {
	justify-items: end;
}

.pull-right {
	float: right;
}

.banner-row {
	position: relative;
}

.banner-row img {
	width: 100%;
	height: auto;
}

.banner-row .banner-tabs {
	position: absolute;
	bottom: 0;
	z-index: 5;
	width: 100%;
}

.banner-row .banner-tabs .tabs .item {
	background: #f1f1efdd;
	padding: 8px 32px;
	text-align: center;
	border-top-left-radius: 80px;
}

.banner-row .tabs {
	height: 36px;
	padding: 0 0 0 0;
	overflow: visible;
}

.banner-row .tab {
	width: 200px;
	height: 36px;
	overflow: hidden;
	float: left;
	margin: 0 -20px 0 0;
}

#products .banner-row .tab,
#productionprocess .banner-row .tab,
#productdetail .banner-row .tab {
	width: 172px;
}
.banner-row .tab.w192 {
	width: 192px !important;
}
.z20 {
	position: relative;
	z-index: 20;
}
.banner-row .tab-box {
	height: 38px;
	background: #eef1f6;
	border-radius: 4px;
	border: 1px solid #999;
	margin: 0 10px 0;
	box-shadow: 0 0 2px #fff inset;

	-webkit-transform: perspective(100px) rotateX(30deg);
	-moz-transform: perspective(100px) rotateX(30deg);

	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.banner-row .tab-box a {
	padding: 14px 16px;
	display: block;
	font-weight: 500;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: perspective(100px) rotateX(-30deg) scaleY(1.4);
	-moz-transform: perspective(100px) rotateX(-30deg) scaleY(1.4);
}
.banner-row .tab.active {
	z-index: 40;
	position: relative;
	padding-bottom: 1px;
}
.banner-row .tab.active a {
	color: #ed1c24;
}
.tab.active .tab-box {
	background-color: #ffffff;
	/*background-image(linear-gradient(top, #ccc, #ddd 3%, rgba(#eef1f6, 0.5)));*/
	box-shadow: 0 0 2px 0 #fff inset;
}

@media screen and (max-width: 568px) {
	.banner-row .tabs {
		display: none;
	}
}

.page-title {
	position: absolute;
	top: 50%;
	/*  left: 50%;
    transform: translateX(-50%) translateY(-50%);*/
	transform: translateY(-40%);
	width: 100%;
	text-align: center;
	color: #ffffff;
}

.page-title h1 {
	font-size: 40px;
	margin-bottom: 0;
}

.page-title .breadcrumb {
	background: transparent;
	display: block;
	text-align: center;
	font-size: 20px;
}

.page-title .breadcrumb a {
	color: #ffffff;
	padding-right: 4px;
}

.section {
	padding-top: 60px;
	padding-bottom: 60px;
}

.section h2 {
	font-size: 24px;
}

.mt60 {
	margin-top: 60px;
}

.mb60 {
	margin-bottom: 60px;
}

@media screen and (max-width: 568px) {
	#wrapper {
		grid-template-rows: 1fr;
		grid-template-rows: 64px 1fr 180px;
		overflow: hidden;
	}

	.banner-row .img {
		height: 90px;
	}

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

	.page-title h1 {
		font-size: 26px;
	}

	.page-title .breadcrumb {
		padding: 0.25em;
	}

	.mobile {
		display: block;
	}

	.desktop {
		display: none;
	}

	.section {
		padding-top: 32px;
		padding-bottom: 32px;
	}
}

.more {
	background: #ecedee;
	height: 32px;
	margin-bottom: 32px;
	padding: 8px;
	font-weight: 600;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* HOME PAGE */

#home {
	height: calc(100vh - 160px);
	position: relative;
}

#home .swiper-container {
	display: block;
	width: 100%;
	height: 100%;
}

#myVideo {
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	position: absolute !important;
	width: 100%;
	height: auto;
}

#home .swiper-container .img-bg {
	position: relative;
	width: 100%;
	height: 100%;
}

#home .swiper-container .img-bg img {
	width: 100%;
	height: 100%;
}

#home .swiper-container .slide {
	position: relative;
	width: 100%;
	height: 100%;
}

#home .swiper-container .slide .info {
	position: absolute;
	top: 50%;
	margin-top: -100px;
	width: 100%;
}

#home .swiper-container .slide .info img {
	position: relative;
}

#home .swiper-container .slide .info .info-text {
	position: absolute;
	width: 100%;
	top: 0;
	padding: 0 64px;
}

#home .swiper-container .slide .info .info-text .w40 {
	width: 40%;
	padding-top: 25px;
	color: #ffffff;
}

#home .swiper-container .slide .info .info-text .w50 {
	width: 50%;
	padding-top: 32px;
	color: #ffffff;
}

#home .swiper-container .slide .info .info-text .w60 {
	width: 60%;
	padding-top: 25px;
	color: #ffffff;
}

#home .swiper-container .slide .info .info-text .w67 {
	width: 67%;
	padding-top: 25px;
	color: #ffffff;
}

#home .swiper-pagination {
	bottom: 80px;
	left: 64px;
}

#home .swiper-pagination .swiper-pagination-bullet {
	background: #ffffff;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	opacity: 1;
}

#home .swiper-pagination .swiper-pagination-bullet-active {
	background: #ed1c24;
}

#home .swiper-container .swiper-button-prev,
#home .swiper-container .swiper-button-next {
	opacity: 0;
	transition: opacity 0.3s;
}

#home .swiper-container:hover .swiper-button-prev,
#home .swiper-container:hover .swiper-button-next {
	opacity: 1;
}

#home .home-popup {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-items: center;
	background-color: #222222d4;
}
#home .home-popup .img {
	width: 80%;
}
#home .home-popup .img img {
	width: 100%;
}
#home .home-popup .link2-grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 50% 50%;
}

@media screen and (max-width: 568px) {
	#home .swiper-container .slide {
		min-height: 360px;
	}

	#home .swiper-container .slide .info {
		top: 30%;
		height: 100%;
	}

	#home .swiper-container .slide .info .info-text {
		padding: 0 32px;
	}

	#home .swiper-container .slide .info img {
		height: 72%;
		width: 100%;
	}

	#home .swiper-container .slide .info .info-text .w40 {
		width: 100%;
	}

	#home .swiper-container .slide .info .info-text .w50,
	#home .swiper-container .slide .info .info-text .w60 {
		width: 96%;
		margin: 0 auto;
	}

	#home .swiper-container .slide .info .info-text .w67 {
		width: 85%;
		margin: 0 auto;
	}

	#home .home-popup {
		background-color: #222222d4;
	}
	#home .home-popup .img {
		width: 80%;
	}
	#home .home-popup .img img {
		width: 100%;
	}
	#home .home-popup .link2-grid {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* CONTACT PAGE */

#contact {
	background: #ffffff;
}

#contact .contact-form {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	grid-column-gap: 80px;
}

#contact .contact-form .h2_desc {
	margin-bottom: 25px;
}

#contact .contact-form .info-row {
	height: 48px;
	margin-bottom: 16px;
	grid-template-columns: 75px 1fr;
	align-items: center;
}

#contact .contact-form .info-row h3 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
}

#contact .contact-form .form-row {
	margin-bottom: 25px;
	margin-left: 0;
	margin-right: 0;
}

#contact .contact-form .form-row input {
	height: 50px;
}

#contact .contact-form .form-row input::placeholder {
	color: #ced4da;
}

#contact .contact-form .form-row textarea::placeholder {
	color: #ced4da;
}

#contact .contact-form .form-row .btn {
	width: 160px;
	background: #006800;
	color: #ffffff;
}

#contact .contact-form .form-row-2 {
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	margin-bottom: 25px;
}

#contact .contact-form .form-row-2 input {
	height: 50px;
}

#contact .contact-form .form-row-2 input::placeholder {
	color: #ced4da;
}

#contact .map {
	width: 100%;
	height: 600px;
}

@media screen and (max-width: 568px) {
	#contact .banner-row {
		background-image: url(../img/contact-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#contact .banner-row .img img {
		display: none;
	}

	#contact .contact-form {
		grid-template-columns: 1fr;
		grid-row-gap: 32px;
		grid-column-gap: 0;
	}
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* SALES PAGE */

#sales .sales-row {
	margin-top: 40px;
	width: 680px;
	grid-template-columns: repeat(3, 1fr);
	margin: 40px auto;
}

#sales .sales-row .sale-card {
	text-align: center;
}

#sales .sales-row .sale-card .title {
	text-align: center;
	margin-top: 30px;
}

#sales .sales-row .sale-card .title h3 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
}

#sales .customer-service {
	margin: 30px auto 0;
	width: 600px;
}

#sales .distributors {
	background: #e8e9eb;
}

#sales .distributors .distributors-card .img {
	padding: 16px;
}

@media screen and (max-width: 568px) {
	#sales .banner-row {
		background-image: url(../img/sales-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#sales .banner-row .img img {
		display: none;
	}

	#sales .sales-row {
		grid-template-columns: 1fr 1fr;
		grid-gap: 32px 16px;
		width: 100%;
	}

	#sales .sales-row .sale-card .img {
		width: 75%;
		margin: 0 auto;
	}

	#sales .sales-row .center {
		grid-column: 1 / span 2;
	}

	#sales .distributors-card img {
		width: 100%;
		height: auto;
	}

	#sales .customer-service {
		width: 100%;
	}
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* Corporate Governance PAGE */
#corporate-governance .img-map img {
	width: 100%;
	height: auto;
}

#corporate-governance .basic-info h2 {
	color: #ffffff;
}

#corporate-governance .basic-info .basicinfo-row {
	grid-template-columns: 5fr 7fr;
	grid-row-gap: 20px;
	padding-top: 25px;
}

#corporate-governance .basic-info .basicinfo-row .title {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
}

#corporate-governance .team-row {
	grid-template-columns: repeat(3, 1fr);
	padding-top: 25px;
}

#corporate-governance .team-row .team-card {
	text-align: center;
}

#corporate-governance .team-row .team-card .img {
	width: 170px;
	background: #fff;
	border-radius: 50%;
	height: 170px;
	display: block;
	margin: 0 auto;
}

#corporate-governance .team-row .team-card .img img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: auto;
	border-radius: 50%;
}

#corporate-governance .team-row .team-card .title {
	padding-top: 16px;
}

#corporate-governance .team-row .team-card .title .position {
	text-transform: uppercase;
}

#corporate-governance .team-row .team-card .title .fullname {
	font-weight: 700;
	font-size: 20px;
}

#corporate-governance .team-row .team-card .title .description {
	width: 240px;
	margin: 0 auto;
}

#corporate-governance .dropdown-container {
	position: relative;
	width: 100px;
	margin: 16px auto 32px;
}

#corporate-governance .dropdown-container .year-select {
	text-align: center;
	background: #ededed;
	width: 100%;
	padding: 8px;
	border-radius: 7px;
	margin-bottom: 2px;
	cursor: pointer;
}

#corporate-governance .dropdown-container.show .dropdown-content {
	display: block;
}

#corporate-governance .dropdown-container .dropdown-content {
	display: none;
	position: absolute;
	background: #ededed;
	width: 100%;
	border-radius: 7px;
}

#corporate-governance .dropdown-container .dropdown-content .drop-item {
	padding: 8px 20px 8px 8px;
	text-align: center;
	cursor: pointer;
	border-radius: 7px;
}

#corporate-governance .dropdown-container .dropdown-content .drop-item:hover {
	background: #dee1e3;
}

#corporate-governance .board-row .board {
	padding-bottom: 16px;
	padding-top: 16px;
	border-bottom: 1px solid #eef1f6;
	line-height: 26px;
	display: none;
}

#corporate-governance .board-row .board .title {
	padding-left: 8px;
}

#corporate-governance .board-row .board .circle {
	border: 1px solid #212529;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: inline-block;
	text-align: center;
}

#corporate-governance .board-row .board.show {
	display: block;
}

#corporate-governance .board-row .board:first-child {
	border-top: 1px solid #eef1f6;
}
#corporate-governance .basicinfor-wrap {
	height: 540px;
	margin: 60px 0;
}
#corporate-governance .basic-info .text {
	background: #e30009;
	color: #ffffff;
	font-weight: 700;
	font-size: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	height: 250px;
	width: 250px;
	padding-top: 154px;
	padding-left: 20px;
}
#corporate-governance .basic-info .vi {
	bottom: -24px;
}
#corporate-governance .basic-info {
	position: relative;
	height: 100%;
}
#corporate-governance .cg-grid {
	grid-template-columns: repeat(5, 1fr);
	position: absolute;
	width: 960px;
	right: 0;
	top: 0;

	background: #ffffff;
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
	z-index: 20;
}

#corporate-governance .cg-grid .cg-card {
	text-align: center;
	border: 1px solid #f4f4f4;
	height: 230px;
}
#corporate-governance .cg-grid .cg-card .img {
	padding: 16px;
}
#corporate-governance .cg-grid .cg-card .cat {
	text-transform: uppercase;
	font-weight: 600;
	height: 36px;
	margin-bottom: 16px;
}
@media screen and (max-width: 568px) {
	#corporate-governance .banner-row {
		background-image: url(../img/corporate-governance-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#corporate-governance .banner-row .img img {
		display: none;
	}
}

#history .section4 {
	padding-top: 60px;
}

#history .h2_desc {
	padding-bottom: 32px;
}

#history .history-row {
	grid-template-columns: 1fr 1fr;
}

#history .history-row .left-col {
	justify-self: end;
	text-align: right;
	border-right: 1px solid #ed1c24;
}

#history .history-row .history-card {
	margin-bottom: 32px;
}

#history .history-row .history-card .year {
	font-size: 18px;
	font-weight: 700;
}

#history .history-row .fl {
	float: left;
}

#history .history-row .fr {
	float: right;
}

#history .history-row .line {
	border-top: 1px solid #ed1c24;
	position: relative;
	width: 85px;
}

#history .history-row .line .far,
#history .history-row .line .fas {
	font-size: 10px;
	position: relative;
	top: -5.5px;
	color: #ed1c24;
	background: #fff;
}

#history .history-row .h-left {
	grid-template-columns: 1fr 85px;
}

#history .history-row .h-left .h-info {
	padding-right: 16px;
	position: relative;
	top: -12px;
	word-wrap: break-word;
	max-width: 300px;
}

#history .history-row .h-left .fr {
	right: -6px;
}

#history .history-row .h-right {
	grid-template-columns: 85px 1fr;
}

#history .history-row .h-right .h-info {
	padding-left: 16px;
	position: relative;
	top: -12px;
	max-width: 300px;
}

#history .history-row .h-right .fl {
	left: -5px;
}

#history .history-row .h-info .img {
	display: block;
}

#history .history-row .h-info .img img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 568px) {
	#history .banner-row {
		background-image: url(../img/history-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#history .banner-row .img img {
		display: none;
	}

	#history .history-row {
		grid-template-columns: 1fr;
	}

	#history .history-row .right-col {
		border-left: 1px solid #ed1c24;
	}

	#history .history-row .h-right {
		grid-template-columns: 68px 1fr;
	}

	#history .history-row .h-right .h-info {
		max-width: 100%;
	}

	#history .history-row .line {
		width: 68px;
	}
}

#stakeholders .section2 {
	background-image: url("../img/stakehoders-content-bg.jpg");
	background-size: cover;
	background-position: center;
}

#stakeholders .basicinfo-row {
	grid-template-columns: 4fr 8fr;
	grid-row-gap: 20px;
	min-height: 400px;
}

#stakeholders .s-navigation {
	align-content: start;
	grid-row-gap: 8px;
}

#stakeholders .s-navigation .item {
	padding: 16px;
	cursor: pointer;
	grid-template-columns: 80px 1fr;
	grid-gap: 16px;
	font-weight: 700;
}

#stakeholders .s-navigation .item.active {
	background-color: #eef1f6;
}

#stakeholders .s-navigation .item img {
	width: 100%;
	height: auto;
}

#stakeholders .s-content h2.title {
	font-size: 32px;
}

#stakeholders .s-content .item .item-content {
	margin-top: 32px;
}

#stakeholders .s-content .item {
	display: none;
}

#stakeholders .s-content .item.active {
	display: block;
}

#stakeholders .stakeholders-grid {
	grid-template-columns: 8fr 4fr;
	grid-gap: 32px;
}

#stakeholders .swiper-stakeholders {
	max-width: 720px;
	width: 100%;
}

#stakeholders .swiper-stakeholders .swiper-slide img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 568px) {
	#stakeholders .banner-row {
		background-image: url(../img/stakeholders-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#stakeholders .banner-row .img img {
		display: none;
	}

	#stakeholders .basicinfo-row {
		grid-template-columns: 1fr;
	}

	#stakeholders .section2 {
		background-image: none;
	}

	#stakeholders .s-navigation {
		background: #ffffff;
		padding: 32px 0 0;
	}

	#stakeholders .s-navigation .item {
		background: #eef1f6;
	}

	#stakeholders .s-content {
		padding: 32px 0 60px;
	}

	#stakeholders .s-content img {
		width: calc(100% + 30px);
		height: auto;
		margin: 16px -15px 8px;
	}
}

#sustainability .sustainability-grid {
	grid-template-columns: 8fr 4fr;
	grid-gap: 32px;
}

#sustainability .section2 {
	background-image: url("../img/stakehoders-content-bg.jpg");
	background-size: cover;
	background-position: center;
}

#sustainability .basicinfo-row {
	grid-template-columns: 4fr 8fr;
	grid-row-gap: 20px;
	min-height: 400px;
}

#sustainability .s-navigation {
	align-content: start;
	grid-row-gap: 8px;
}

#sustainability .s-content h2.title {
	font-size: 32px;
}

#sustainability .s-content .item .item-content {
	margin-top: 32px;
}

#sustainability .s-navigation .item {
	padding: 16px;
	cursor: pointer;
	grid-template-columns: 80px 1fr;
	grid-gap: 16px;
	font-weight: 700;
}

#sustainability .s-navigation .item img {
	width: 100%;
	height: auto;
}

#sustainability .s-navigation .item.active {
	background-color: #eef1f6;
}

#sustainability .s-content {
	width: 100%;
}

#sustainability .s-content .item {
	display: none;
}

#sustainability .s-content .item.active {
	display: block;
	width: 100%;
}

#sustainability .s-content img {
	width: 100%;
}

@media screen and (max-width: 568px) {
	#sustainability .banner-row {
		background-image: url(../img/sustainability-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#sustainability .banner-row .img img {
		display: none;
	}

	#sustainability .basicinfo-row {
		grid-template-columns: 1fr;
	}

	#sustainability .section2 {
		background-image: none;
	}

	#sustainability .s-navigation {
		background: #ffffff;
		padding: 32px 0 0;
	}

	#sustainability .s-navigation .item {
		background: #eef1f6;
	}

	#sustainability .s-content {
		padding: 32px 0 60px;
	}

	#sustainability .s-content img {
		width: calc(100% + 30px);
		height: auto;
		margin: 16px -15px 8px;
	}
}

#vision .vision-row {
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 32px;
}

#vision .vision-row .vision-info {
	grid-template-columns: 1fr 4fr;
	grid-column-gap: 16px;
	grid-row-gap: 32px;
}

@media screen and (max-width: 568px) {
	#vision .section {
		padding-bottom: 0;
	}

	#vision .banner-row {
		background-image: url(../img/vision-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#vision .banner-row .img img {
		display: none;
	}

	#vision .vision-row {
		grid-template-columns: 1fr;
		grid-row-gap: 32px;
	}

	#vision .vision-row .vision-info {
		grid-template-columns: 1fr;
		grid-row-gap: 16px;
	}

	#vision .vision-row .vision-info .text {
		margin-bottom: 32px;
	}

	#vision .vision-row .vision-img {
		margin: 0 -15px;
	}

	#vision .vision-row .vision-img img {
		width: 100%;
		height: auto;
	}
}

#profile .profile-row {
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 32px;
}

#profile .profile-row .profile-info {
	grid-template-columns: 1fr 4fr;
	grid-column-gap: 16px;
	grid-row-gap: 32px;
}

#profile .panel-group {
	width: 66.66666667%;
	margin: 0 auto;
}

#profile .circle {
	border: 1px solid #ed1c24;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: inline-block;
	text-align: center;
}

#profile .circle .fas {
	font-size: 16px;
	font-weight: 600;
	color: #ed1c24;
}

#profile .collapsed .circle {
	border-color: #212529;
}

#profile .collapsed .circle .fas {
	color: #212529;
}

#profile .collapsed .title {
	color: #212529;
}

#profile .title {
	display: inline;
	font-size: 24px;
	line-height: 28px;
	position: relative;
	top: 2px;
}

#profile .panel {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eef1f6;
}

#profile .panel .panel-body {
	line-height: 1.75em;
	padding-top: 16px;
}

#profile .pfc-row {
	grid-template-columns: 3fr 8fr;
	grid-gap: 32px;
	padding-bottom: 16px;
}
#profile .profile-gallery {
	margin: 48px auto;
	width: 560px;
}
#profile .profile-gallery img {
	width: 100%;
	height: auto;
}
#profile .profile-gallery .swiper-button-prev,
#profile .profile-gallery .swiper-button-next {
	background-image: none;
	background-color: #f1f1efaa;
	width: 40px;
	height: 40px;
	border-radius: 4px;
}

#profile .profile-gallery .swiper-button-prev svg,
#profile .profile-gallery .swiper-button-next svg {
	position: relative;
	top: 10px;
	left: 14px;
}
@media screen and (max-width: 568px) {
	#profile .banner-row {
		background-image: url(../img/profile-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#profile .banner-row .img img {
		display: none;
	}

	#profile .profile-row {
		grid-template-columns: 1fr;
		grid-row-gap: 32px;
	}

	#profile .panel-group {
		width: 100%;
	}

	#profile .pfc-row {
		grid-template-columns: 1fr;
		grid-gap: 16px;
	}

	#profile .title {
		font-size: 22px;
	}

	#profile .circle {
		width: 24px;
		height: 24px;
		position: relative;
		top: 4px;
	}

	#profile .circle .fas {
		font-size: 14px;
		position: relative;
		bottom: 3.5px;
	}
}

#activities .activities-row {
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 32px;
}

#activities .activities-row .activity-card .title {
	padding-top: 10px;
	padding-bottom: 4px;
	font-weight: 600;
}

#activities .activities-row .activity-card .timestamp {
	padding-top: 8px;
}

#activities .activitydetail-row {
	grid-template-columns: 9fr 3fr;
	grid-gap: 32px;
}

#activities .activitydetail-row .a-title-row {
	grid-template-columns: 1fr 160px;
	grid-gap: 16px;
	margin-bottom: 16px;
}

#activities .activitydetail-row .a-title-row .timestamp {
	color: #848d94;
	font-size: 13px;
}

#activities .activitydetail-row .a-title-row .social-row {
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 8px;
	max-width: 160px;
}

#activities .activitydetail-row .a-title-row .social-row a {
	background: #ecedee;
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	padding-top: 8px;
}

#activities .activitydetail-row .a-content-row img {
	padding-bottom: 16px;
	width: 100%;
	height: auto;
}

#activities .activitydetail-row .a-list .more {
	background: #ecedee;
	height: 32px;
	margin-bottom: 32px;
	padding: 8px;
	font-weight: 600;
}

#activities .activitydetail-row .a-list .a-more-list {
	grid-template-columns: 1fr 2fr;
	grid-gap: 32px 16px;
}

#activities .activitydetail-row .a-list .a-more-list .img img {
	width: 100%;
	height: auto;
}

#activities .activitydetail-row .a-list .a-more-list .title {
	font-weight: 600;
}

#activities .activitydetail-row .a-list .a-more-list .timestamp {
	color: #848d94;
	font-size: 13px;
}

@media screen and (max-width: 568px) {
	#activities .banner-row {
		background-image: url(../img/activities-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#activities .banner-row .img img {
		display: none;
	}

	#activities .activities-row {
		grid-template-columns: 1fr;
		grid-row-gap: 32px;
	}

	#activities .activities-row .activity-card .img img {
		width: 100%;
	}

	#activities .activitydetail-row {
		grid-template-columns: 1fr;
	}

	#activities .activitydetail-row .a-title-row {
		grid-template-columns: 1fr;
	}

	#activities .activitydetail-row .a-list .more {
		margin-bottom: 16px;
	}

	#activities .activitydetail-row .a-list .a-more-list {
		grid-gap: 16px 8px;
	}
}

#facilities .factory-info {
	width: 50%;
}

#facilities .headquater-row {
	grid-template-columns: 1fr 1fr;
	color: #ffffff;
	grid-gap: 32px;
}

#facilities .achievement-row {
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 32px 16px;
}

#facilities .achievement-row .achievement-card .img {
	height: 170px;
	width: 100%;
}

#facilities .achievement-row .achievement-card .img img {
	height: 100%;
	width: auto;
}

#facilities .achievement-row .achievement-card .title {
	padding-top: 16px;
}

#facilities h2 {
	margin-bottom: 32px;
}

#facilities .swiper-slide img {
	height: auto;
	width: 100%;
}

@media screen and (max-width: 568px) {
	#facilities .banner-row {
		background-image: url(../img/activities-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#facilities .banner-row .img img {
		display: none;
	}

	#facilities .factory-info {
		width: 100%;
	}

	#facilities .headquater-row {
		grid-template-columns: 1fr;
	}

	#facilities .headquater-row .img {
		order: 2;
	}

	#facilities .headquater-row .img img {
		width: 100%;
		height: auto;
	}

	#facilities .headquater-row .text {
		order: 1;
	}

	#facilities .achievement-row {
		grid-template-columns: 1fr;
	}

	#facilities .achievement-row .achievement-card .img {
		height: auto;
	}

	#facilities .achievement-row .achievement-card .img img {
		width: 100%;
		height: auto;
	}

	#facilities .swiper-hcmoffice {
		height: 220px;
	}
}

#productionprocess .information {
	width: 50%;
	margin: 0 auto;
	padding-bottom: 40px;
}

#productionprocess .section {
	padding-bottom: 0 !important;
}

#productionprocess .billet-row {
	padding-top: 16px;
}

#productionprocess .billet-row img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 568px) {
	#productionprocess .banner-row {
		background-image: url(../img/productionprocess-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#productionprocess .banner-row .img img {
		display: none;
	}

	#productionprocess .information {
		width: 100%;
	}
}

#recruitment .map {
	width: 100%;
	height: 600px;
}

@media screen and (max-width: 568px) {
	#recruitment .banner-row {
		background-image: url(../img/recruitment-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#recruitment .banner-row .img img {
		display: none;
	}

	#recruitment .map {
		height: 320px;
	}
}

#productdetail .product-content-row {
	grid-template-columns: 8fr 4fr;
	grid-gap: 32px;
	margin-bottom: 32px;
}

#productdetail .product-content-row .img {
	width: 100%;
}

#productdetail .product-content-row .img img {
	width: 100%;
}

#productdetail h4 {
	margin: 16px 0;
	font-size: 14px;
}

#productdetail .t-tabs {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
	grid-column-gap: 64px;
	border-bottom: 1px solid #eef1f6;
	margin-bottom: 16px;
}

#productdetail .t-tabs .item {
	padding: 12px 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
}

#productdetail .t-tabs .item.active {
	border-bottom: 2px solid #ed1c24;
}

#productdetail .t-content .item {
	display: none;
}

#productdetail .t-content .item.active {
	display: block;
}

#productdetail .t-content .t-content-row {
	grid-template-columns: 4fr 8fr;
	grid-gap: 32px;
}

#productdetail .t-content .t-content-row .img img {
	width: 100%;
	height: auto;
	padding-bottom: 8px;
}

#productdetail .t-content .t-content-row .download-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 32px;
	padding-bottom: 16px;
}

#productdetail .t-content .t-content-row .download-row .d-item {
	border: 1px solid #eef1f6;
	padding: 8px;
	border-radius: 7px;
}

#productdetail .t-content .t-content-row .download-row .d-item a {
	padding-left: 8px;
}

#productdetail .t-content .t-content-row .download-row h4 {
	text-transform: uppercase;
}

#productdetail .product-tabs .alist {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 64px 32px;
	list-style: none;
	text-align: center;
}

#productdetail .product-tabs .alist li {
	display: grid;
	grid-template-rows: 200px 1fr;
	justify-content: center;
	justify-items: center;
}

#productdetail .product-tabs .alist li img {
	order: 0;
	height: 180px;
	width: auto;
}

#productdetail .product-tabs .alist li .col_title {
	order: 1;
	padding-top: 16px;
	font-size: 16px;
}

#productdetail .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0;
}

@media screen and (max-width: 568px) {
	#productdetail .banner-row {
		background-image: url(../img/productdetail-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#productdetail .banner-row .img img {
		display: none;
	}

	#productdetail .product-content-row {
		grid-template-columns: 1fr;
	}

	#productdetail .product-content-row .img img {
		width: 100%;
		height: auto;
	}

	#productdetail .t-tabs {
		grid-template-columns: 80px 1fr 1fr;
		grid-column-gap: 16px;
		align-items: end;
	}

	#productdetail .t-tabs .item {
		font-size: 13px;
	}

	#productdetail .t-content .t-content-row {
		grid-template-columns: 1fr;
		grid-gap: 16px;
	}

	#productdetail .t-content .t-content-row .download-row {
		display: grid;
		grid-template-columns: 1fr;
	}

	#productdetail .t-content img {
		width: 100%;
		height: auto;
	}
}

#news .title h2 {
	font-size: 32px;
}

#news .news-row {
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 32px;
}

#news .news-row .activity-card .title {
	padding-top: 10px;
	padding-bottom: 4px;
	font-weight: 600;
}

#news .news-row .activity-card .timestamp {
	padding-top: 8px;
}

#news .activitydetail-row {
	grid-template-columns: 9fr 3fr;
	grid-gap: 32px;
}

#news .activitydetail-row .a-title-row {
	grid-template-columns: 1fr 160px;
	grid-gap: 16px;
	margin-bottom: 32px;
}

#news .activitydetail-row .a-title-row .timestamp {
	color: #848d94;
	font-size: 13px;
}

#news .activitydetail-row .a-title-row .social-row {
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 8px;
	max-width: 160px;
}

#news .activitydetail-row .a-title-row .social-row a {
	background: #ecedee;
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	padding-top: 8px;
}

#news .activitydetail-row .a-content-row img {
	padding-bottom: 8px;
	width: 70%;
	height: auto;
	margin: 0 auto;
	display: block;
}

#news .activitydetail-row .a-list .more {
	background: #ecedee;
	height: 32px;
	margin-bottom: 32px;
	padding: 8px;
	font-weight: 600;
}

#news .activitydetail-row .a-list .a-more-list {
	grid-template-columns: 1fr 2fr;
	grid-gap: 32px 16px;
}

#news .activitydetail-row .a-list .a-more-list .img img {
	width: 100%;
	height: auto;
}

#news .activitydetail-row .a-list .a-more-list .title {
	font-weight: 600;
}

#news .activitydetail-row .a-list .a-more-list .timestamp {
	color: #848d94;
	font-size: 13px;
}

@media screen and (max-width: 568px) {
	#news .banner-row {
		background-image: url(../img/news-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#news .banner-row .img img {
		display: none;
	}

	#news .news-row {
		grid-template-columns: 1fr;
		grid-row-gap: 32px;
	}

	#news .news-row .activity-card .img img {
		width: 100%;
	}

	#news .activitydetail-row {
		grid-template-columns: 1fr;
	}

	#news .activitydetail-row .a-title-row {
		grid-template-columns: 1fr;
	}

	#news .activitydetail-row .a-list .more {
		margin-bottom: 16px;
	}

	#news .activitydetail-row .a-list .a-more-list {
		grid-gap: 16px 8px;
	}
}

#csr .c-title {
	width: 66.66666667%;
	margin: 0 auto 16px;
}

#csr .img img {
	width: 100%;
	height: auto;
}

#csr .c-content-row {
	grid-template-columns: 1fr 2fr 1fr;
	margin: 32px 0 16px;
	position: relative;
}

#csr .c-content-row .next a,
#csr .c-content-row .prev a {
	background: #ecedee;
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	padding-top: 8px;
}

#csr .c-content-row .next {
	padding-left: 66%;
}

#csr .c-content-row .prev {
	padding-left: calc(33.667% - 32px);
}

#csr .c-social {
	width: 66.66666667%;
	margin: 0 auto;
}

#csr .social-row {
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 8px;
	max-width: 160px;
}

#csr .social-row a {
	background: #ecedee;
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	padding-top: 8px;
}

@media screen and (max-width: 568px) {
	#csr .banner-row {
		background-image: url(../img/csr-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#csr .banner-row .img img {
		display: none;
	}

	#csr .c-title {
		width: 100%;
	}

	#csr .img {
		margin: 0 -15px;
	}

	#csr .c-content-row {
		grid-template-columns: 1fr 4fr 1fr;
	}

	#csr .c-content-row .next {
		padding-left: 0;
	}

	#csr .c-content-row .prev {
		padding-left: 0;
	}

	#csr .c-content-row .prev a {
		float: right;
	}
}

#products .products-row {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 64px 32px;
	overflow: hidden;
}

#products .products-row .product-card {
	width: 100%;
}

#products .products-row .product-card .img {
	width: 100%;
}

#products .products-row .product-card .img img {
	width: 100%;
	height: auto;
}

#products .products-row .product-card .title {
	padding-top: 10px;
	padding-bottom: 4px;
	font-weight: 600;
}

#products .products-row .product-card .timestamp {
	padding-top: 8px;
}

@media screen and (max-width: 568px) {
	#products .products-row {
		grid-template-columns: 1fr;
		grid-row-gap: 32px;
	}
}

#productdetail .swiper-certification {
	width: 800px;
}

.swiper-stakeholders .swiper-button-prev,
.swiper-stakeholders .swiper-button-next,
.swiper-certification .swiper-button-prev,
.swiper-certification .swiper-button-next {
	background-image: none;
	background-color: #f1f1efaa;
	width: 40px;
	height: 40px;
	border-radius: 4px;
}

.swiper-stakeholders .swiper-button-prev:hover,
.swiper-stakeholders .swiper-button-next:hover,
.swiper-certification .swiper-button-prev:hover,
.swiper-certification .swiper-button-next:hover {
	background-color: #f1f1efdd;
}

.swiper-stakeholders .swiper-button-prev svg,
.swiper-stakeholders .swiper-button-next svg,
.swiper-certification .swiper-button-prev svg,
.swiper-certification .swiper-button-next svg {
	position: relative;
	top: 10px;
	left: 14px;
}

.swiper-certification .swiper-slide {
	display: grid;
	justify-content: center;
}

.swiper-certification .swiper-slide img {
	height: 100%;
	width: auto;
}

#productdetail .swiper-laboratory {
	width: 100%;
	height: 600px;
}

.swiper-laboratory .swiper-slide {
	display: grid;
	justify-content: center;
}

.swiper-laboratory .swiper-slide img {
	height: 100%;
	width: auto;
}

.swiper-certification .swiper-slide .w {
	width: 100%;
	height: auto;
	align-self: center;
	max-width: 800px;
}

.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: 0 6px;
}

@-webkit-keyframes animationSignal {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	1% {
		opacity: 0.25;
	}

	20% {
		opacity: 0.25;
	}

	60% {
		transform: scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes animationSignal2 {
	0% {
		opacity: 0;
	}

	1% {
		opacity: 0.2;
	}

	20% {
		opacity: 0.17;
	}

	60% {
		opacity: 0;
	}
}

@keyframes animationSignal {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	1% {
		opacity: 0.25;
	}

	20% {
		opacity: 0.25;
	}

	60% {
		transform: scale(1);
		opacity: 0;
	}
}

@keyframes animationSignal2 {
	0% {
		opacity: 0;
	}

	1% {
		opacity: 0.2;
	}

	20% {
		opacity: 0.17;
	}

	60% {
		opacity: 0;
	}
}

.animated-dot {
	width: 20px;
	height: 20px;
	left: -9px;
	top: -5px;
	position: relative;
}

.animated-dot .middle-dot {
	width: 16px;
	height: 16px;
	border-radius: 30px;
	position: absolute;
	left: 2px;
	top: 2px;
	transform-origin: 50% 50%;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	background-color: #ed1c24;
}

.animated-dot .middle-dot:after {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: " ";
	background-color: #fff;
	border-radius: 30px;
	z-index: 100;
	opacity: 0;
	animation: animationSignal2 cubic-bezier(0, 0.55, 0.55, 1) 2s;
	transform-origin: 50% 50%;
	animation-fill-mode: forwards;
	animation-delay: 0.78s;
	animation-iteration-count: infinite;
}

.animated-dot .signal {
	width: 180px;
	pointer-events: none;
	height: 180px;
	border-radius: 200px;
	position: absolute;
	left: -80px;
	top: -80px;
	opacity: 0;
	-webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
	animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
	transform-origin: 50% 50%;
	animation-fill-mode: forwards;
	animation-delay: 0.78s;
	animation-iteration-count: infinite;
	background-color: #ed1c24;
}

.animated-dot .signal2 {
	width: 180px;
	height: 180px;
	pointer-events: none;
	border-radius: 200px;
	position: absolute;
	left: -80px;
	top: -80px;
	opacity: 0;
	-webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
	animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
	transform-origin: 50% 50%;
	animation-fill-mode: forwards;
	animation-delay: 1s;
	animation-iteration-count: infinite;
	background-color: #ed1c24;
}

.thumblist-box {
	margin: 30px 0 0;
	max-height: 100px;
	overflow: hidden;
	padding: 0 54px;
	position: relative;
	width: 50%;
	margin: 40px auto 16px;
}

#productdetail .lab h3 {
	font-size: 20px;
}

#productdetail .general-img {
	width: 60%;
	margin: 0 auto;
}

#productdetail .product-seemore .seemore-button {
	text-align: center;
	font-size: 28px;
	cursor: pointer;

	border: 1px solid #212529;
	border-radius: 50%;
	color: #212529;
	width: 40px;
	height: 40px;
	margin: 8px auto;
}

#productdetail .product-seemore.active .seemore-button {
	border-color: #ed1c24;
	color: #ed1c24;
}

#productdetail .product-seemore .img-toggle {
	display: none;
}

@media screen and (max-width: 568px) {
	#productdetail .general-img,
	.thumblist-box {
		width: 90%;
	}
}

#productdetail .general-img img {
	width: 100%;
	height: auto;
}

#productdetail .thumblist-box.load {
	opacity: 0;
}

/* line 674, ../sass/_shop.scss */
#productdetail .thumblist-box .prev,
#productdetail .thumblist-box .next {
	background-color: #ccc;
	border-radius: 3px;
	color: #fbfbfb;
	display: block;
	float: right;
	height: 40px;
	line-height: 40px;
	left: 0;
	margin: -20px 0 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	text-decoration: none;
	width: 40px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/* line 692, ../sass/_shop.scss */
#productdetail .thumblist-box .prev:hover,
#productdetail .thumblist-box .next:hover {
	background-color: #000;
	color: #efefef;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/* line 698, ../sass/_shop.scss */
#productdetail .thumblist-box .prev:hover polygon,
#productdetail .thumblist-box .next:hover polygon {
	fill: #efefef;
}

/* line 702, ../sass/_shop.scss */
#productdetail .thumblist-box .prev *,
#productdetail .thumblist-box .next * {
	vertical-align: middle;
}

/* line 706, ../sass/_shop.scss */
#productdetail .thumblist-box .next {
	left: auto;
	right: 0;
}

/* line 712, ../sass/_shop.scss */
#productdetail #thumblist a {
	display: block;
	float: left;
	height: 80px;
	margin: 0 9px;
	width: 80px;
}

/* line 720, ../sass/_shop.scss */
#productdetail #thumblist a img {
	cursor: pointer;
	max-width: 100%;
	height: auto;
	border-radius: 2px;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

/* line 725, ../sass/_shop.scss */
#productdetail #thumblist a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

#productdetail .labdetail {
	width: 72%;
	margin: 32px auto;
}

.swiper-pagination-bullet {
	cursor: pointer;
}

@media screen and (max-width: 568px) {
	#productdetail .labdetail {
		width: 92%;
	}
}

.product-table tr td {
	padding: 8px 16px;
}

.product-table thead {
	background: #eef1f6;
}

.product-table thead td {
	font-weight: 600;
}

.product-table tr {
	min-height: 36px;
	margin-bottom: 4px;
	border-bottom: 1px solid #eef1f6;
}

#sale-office h2 {
	color: #ffffff;
}
#sale-office .sale-gallery {
	margin: 48px auto;
	width: 800px;
}
#sale-office .sale-gallery img {
	width: 100%;
	height: auto;
}
#sale-office .sale-gallery .swiper-button-prev,
#sale-office .sale-gallery .swiper-button-next {
	background-image: none;
	background-color: #f1f1efaa;
	width: 40px;
	height: 40px;
	border-radius: 4px;
}

#sale-office .sale-gallery .swiper-button-prev svg,
#sale-office .sale-gallery .swiper-button-next svg {
	position: relative;
	top: 10px;
	left: 14px;
}

.filtr-item {
	padding: 16px;
	position: relative;
	opacity: 1 !important;
}
.filtr-item.is-hidden {
	display: none;
}
.filtr-item img {
	width: 100%;
	height: auto;
}
.filtr-container1,
.filtr-container2 {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 568px) {
	.filtr-container1,
	.filtr-container2 {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
	}
	ul.filter-controls {
		padding: 0;
	}
}
ul.filter-controls {
	width: 100%;
	margin: 0 auto 20px;
	text-align: center;
	list-style: none;
}
li.filtr {
	font-weight: 600;
	cursor: pointer;
	background: #eef1f6;

	display: inline-block;
	margin: 5px;
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
}
li.filtr:hover {
	color: #ed1c24;
}
li.filtr.active {
	color: #ffffff;
	background: #ed1c24;
}

li.filtr .sm {
	font-size: 12px;
	position: relative;
	top: 2px;
}
/*
li.filtr::after{
    content: " ";
    display: block;
    height: 2px;
    width: 0;
    margin-top: 8px;
    background: transparent;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    
}

li.filtr.active::after{
    content: " ";
    display: block;
    height: 2px;
    width: 100px;
    margin-top: 8px;
    background: #ed1c24;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    
}
*/
.popup-preview {
	background: #fff;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	display: none;
	z-index: 300;
	padding: 64px;
}
.popup-preview.show,
.overlay.show {
	opacity: 1;
	visibility: visible;
	display: block;
	position: fixed;
}
.overlay.show {
	opacity: 0.5;
}
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;

	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(76, 76, 76, 0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.popup-preview.show .container {
	position: relative;
	z-index: 2000;
}
.popup-preview img {
	width: 640px;
	height: auto;
}
.zoomContainer {
	padding: 60px;
	z-index: 100;
}
.popup-preview .btn-close {
	position: absolute;
	right: -40px;
	font-size: 36px;
	color: #ffffff;
	cursor: pointer;
}

.certification-filter.c2 {
	margin-top: 200px;
}
.cse .gsc-control-cse,
.gsc-control-cse {
	background: transparent !important;
	border: none !important;
}
.gsc-control-cse {
	padding: 0 !important;
}
.gsc-control-wrapper-cse {
	background: #eef1f6 !important;
	border-radius: 32px;
}
.gsib_a {
	padding: 8px !important;
}
.gsc-input {
	padding-right: 0 !important;
}
.gsc-input-box,
.header .search input {
	background-color: transparent !important;
	border-color: transparent !important;
}
.gsc-input-box {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.gsc-search-button-v2 svg {
	fill: #000 !important;
}
.gsc-search-button-v2 {
	border-color: #eef1f6 !important;
	background-color: #eef1f6 !important;

	width: 32px !important;
	padding: 0 !important;
}

#popup-img {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.35);
}
#popup-img.active {
	display: block;
	overflow-y: auto;
}
#popup-img .content {
	display: block;

	width: 80%;
	margin: 32px auto;
	position: relative;
	z-index: 50;
}

#popup-img .content img {
	width: 100%;
}

#popup-img .popup-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	z-index: 10;
}

#videopage {
	height: calc(100vh - 160px);
	position: relative;
}
#video-panel {
	position: fixed;
	right: 20px;
	bottom: 40px;
	z-index: 2000;
	width: 320px;
	height: 180px;
}

#video-panel .close {
	position: absolute;
	font-size: 24px;
	right: 4px;
	top: 4px;
	color: red;
	z-index: 1000;
	cursor: pointer;
}

#video-panel i {
	color: #ed1c24;
}
#video-panel.hide {
	display: none;
}

@font-face {
	font-family: "Gotham Ultra";
	src: url("../fonts/Gotham-Ultra.eot");
	src: url("../fonts/Gotham-Ultra.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Gotham-Ultra.woff2") format("woff2"),
		url("../fonts/Gotham-Ultra.woff") format("woff"),
		url("../fonts/Gotham-Ultra.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

#home #ga_popup {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-items: center;
	background-color: #222222d4;
}

#home #ga_popup.hide {
	display: none;
}
#home #ga_popup .popup {
	padding: 32px 64px;
	background: #151515;
	position: relative;
	border-radius: 7px;
	font-family: "Gotham Ultra";
}
#ga_popup .ga-item {
	display: grid;
	grid-template-columns: 32px 1fr;
	align-items: center;
	line-height: 36px;
	padding-left: 16px;
	cursor: pointer;
}
#ga_popup .popup-title {
	font-weight: 700;
	font-size: 18px;
	font-family: "Gotham Ultra";
}
#ga_popup .img {
	margin: 0 auto 16px;
	width: 100px;
}
#ga_popup img {
	width: 100%;
	height: auto;
}
#ga_popup .btn-thankyou {
	float: right;
	background: red;
	color: white;
	padding: 4px 36px;
	margin-top: 16px;
}

#ga_popup .btn-thankyou2 {
	background: red;
	color: white;
	padding: 4px 36px;
}
#home #ga_popup .popup a {
	text-align: center;
	margin: 16px auto;
	display: block;
	line-height: 24px;
}
#home #ga_popup .popup a i {
	font-size: 20px;
}
#ga_popup .btn-close {
	position: absolute;
	top: -30px;
	right: -30px;
	color: red;
	font-size: 30px;
	padding: 0;
	margin: 0;
	line-height: 30px;
}
#ga_popup .btn-close2 {
	position: absolute;
	top: -30px;
	right: -30px;
	color: red;
	font-size: 30px;
	padding: 0;
	margin: 0;
	line-height: 30px;
}
#ga_popup .txt {
	color: #006800;
	font-size: 40px;
	text-align: center;
	font-weight: 900;
}
#ga_popup.thankyou .popup {
	/* background: #151516 !important; */
	background: white !important;
}
#ga_popup .txt2 {
	background: red;
	color: white;
	font-size: 24px;
	font-weight: 700;
	padding: 4px 32px 8px;
	border-radius: 4px;
	text-align: center;
}
#ga_popup .txt4 {
	color: red;
	font-size: 22px;
	font-weight: 900;
	text-align: center;
}

#ga_popup .txt3 {
	color: white;
	font-size: 60px;
	margin: 16px auto;
	border: 8px solid black;
	border-radius: 7px;
	padding: 16px;
	text-align: center;
	font-family: "Helvetica Neue";
}
#ga_popup .txt3 span {
	background: url(../img/bg_digi.jpg) top center;
	background-size: cover;
	margin: 0 8px;
	padding: 8px;
}
#ga_popup .social {
	font-family: "Helvetica Neue";
	font-weight: 600;
	font-style: italic;
	font-size: 16px;
}
#ga_popup .social i {
	padding-left: 8px;
}
@media screen and (max-width: 568px) {
	#home #ga_popup .popup {
		padding: 32px 24px;
		width: 100%;
		overflow: hidden;
	}
	#ga_popup .txt {
		font-size: 24px;
	}
	#ga_popup .btn-close {
		top: 4px;
		right: 4px;
	}
}
@media screen and (max-width: 375px) {
	#ga_popup .popup-title {
		font-weight: 700;
		font-size: 17px;
	}
}
/*----------------------------------------------------------------------------------------------------------------------------------*/

/* DOWNLOAD PAGE */
#download {
	padding-bottom: 240px;
}
#download .download-row {
	margin-top: 40px;
	width: 100%;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin: 40px auto;
}
#download .download-card {
	padding: 16px;
	border: 2px solid #9c9ea1;
}
#download .download-card img {
	width: 64px;
	background: #fff;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}
#download .download-card:hover .title {
	color: #ed1c24;
}
#download .download-card:hover {
	border-color: #ed1c24;
}
#download .download-card:hover img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
}
#download .download-card {
	text-align: center;
}

#download .download-card .title {
	text-align: center;
	margin: 15px auto 0;
	text-transform: uppercase;
	color: #9c9ea1;
}

#download .download-card .title h3 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
	text-transform: uppercase;
}

@media screen and (max-width: 568px) {
	#download .banner-row {
		background-image: url(../img/download-banner.jpg);
		background-position-x: center;
		background-size: cover;
		height: 160px;
	}

	#download .banner-row .img img {
		display: none;
	}

	#download .download-row {
		grid-template-columns: 1fr 1fr;
		grid-gap: 32px 16px;
		width: 100%;
	}
} 


:root {
	--ratio: 1;
}
.container {
	width: 1440px;
	margin: 0 auto;
}
/* Desktop small - 1360px */
@media only screen and (max-width: 1440px) {
	:root {
		--ratio: calc(1440 / 1920);
	}
	.container {
		width: 1280px;
	}
}

/* Tablet large - 1140px */
@media only screen and (max-width: 1280px) {
	:root {
		--ratio: calc(1280 / 1920);
	}
	.container {
		width: 1140px;
	}
}
/* Tablet large - 960px */
@media only screen and (max-width: 1140px) {
	:root {
		--ratio: calc(1140 / 1920);
	}
	.container {
		width: 960px;
	}
}
/* Tablet small - 768px */
@media only screen and (max-width: 1024px) {
	:root {
		--ratio: calc(1024 / 1920);
	}
	.container {
		width: 100%;
	}
}
/* Mobile - 640px */
@media only screen and (max-width: 768px) {
	:root {
		--ratio: 0.68;
		/* Tỷ lệ cho màn hình nhỏ */
	}
}