@keyframes sonar {
	0% {
		opacity: 0.3
	}

	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 1px #919395, 0 0 1px 5px #c1c2c2, 0 0 0 1px #c1c2c2
	}

	100% {
		box-shadow: 0 0 0 1px #919395, 0 0 1px 5px #c1c2c2, 0 0 0 1px #c1c2c2;
		transform: scale(1.3);
		opacity: 0
	}
}

@font-face {
	font-family: 'Lato';
	src: url("../fonts/Lato-Regular.ttf");
	font-display: auto
}

@font-face {
	font-family: 'Lato-Black';
	src: url("../fonts/Lato-Black.ttf");
	font-display: auto
}

@font-face {
	font-family: 'Lato-Bold';
	src: url("../fonts/Lato-Bold.ttf");
	font-display: auto
}

@font-face {
	font-family: 'Lato-Light';
	src: url("../fonts/Lato-Light.ttf");
	font-display: auto
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	outline: none
}

body {
	/* font-size: 14px; */
	/* font-family: 'Lato',sans-serif !important */
}

ul {
	list-style: none
}

a {
	text-decoration: none;
	color: #000
}

table {
	border-spacing: 0px;
	border-collapse: inherit;
	width: 100%
}

button {
	cursor: pointer
}

.container {
	margin: 0 auto;
	width: 1170px
}

.clearfix {
	/* display: block; */
	/* clear: both; */
}

.clear-box {
	width: 100%;
	float: left;
	clear: both
}

#gototop {
	position: fixed;
	bottom: 60px;
	right: 20px;
	height: 48px;
	width: 48px;
	background: #0b597a;
	cursor: pointer;
	box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
	-webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
	-khtml-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
	-moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
	-ms-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
	-o-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-size: 18px;
	opacity: 0;
	transition: 0.2s;
	padding: 10px
}

	#gototop svg {
		fill: #fff
	}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	width: 100vw;
	box-shadow: 0px 8px 13px -5px #666;
	background: #ffffff;
	text-align: center
}

	.fixed .fixed_item {
		width: 1170px;
		margin: 0 auto;
		display: block
	}

		.fixed .fixed_item.service_item td {
			float: left;
			width: calc(100% / 6)
		}

.animated {
	animation-duration: 1.5s
}

.btn {
	display: inline-block;
	text-decoration: none;
	padding: 12px 20px;
	border-radius: 4px;
	transition: .5s ease-out
}

.btn-primary {
	border: none;
	background: #0b597a;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 1px 8px rgba(0,0,0,0.1)
}

	.btn-primary:hover {
		background: #22a4e0;
		transition: 0.2s
	}

	.btn-primary.no-weight {
		font-weight: normal
	}

	.btn-primary img {
		margin-left: 5px
	}

.btn-default {
	background: transparent;
	color: #ffffff
}

	.btn-default:hover {
		color: #cccccc;
		transition: 0.2s
	}

	.btn-default img {
		margin-left: 5px
	}

.btn-cancel {
	border: 1px solid #0A597A;
	background: #ffffff;
	color: #0A597A;
	font-weight: bold;
	padding: 12px 100px
}

	.btn-cancel:hover {
		background: #0A597A;
		color: #ffffff;
		transition: 0.2s
	}

	.btn-cancel img {
		margin-left: 5px
	}

.btn-submit {
	border: 1px solid #0A597A;
	background: #0A597A;
	color: #ffffff;
	font-weight: bold;
	padding: 12px 80px
}

	.btn-submit:hover {
		background: #254756;
		transition: 0.2s
	}

	.btn-submit img {
		margin-left: 5px
	}

.btn-checkbox {
	-webkit-appearance: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 0px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 3px
}

	.btn-checkbox:checked {
		background: url("../image/icon/checkbox_btn.png");
		background-size: 18px 18px;
		color: #e9ecee;
		border: none
	}

.btn-radio {
	-webkit-appearance: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 0px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 18px
}

	.btn-radio:checked {
		background: url("../image/icon/icon-radio-checked.png");
		background-size: 18px 18px;
		color: #e9ecee;
		border: none
	}

.breadcrumb {
	width: 100%;
	clear: both;
	float: left;
	margin: 15px 0 0 0;
	position: relative;
	z-index: 2
}

	.breadcrumb ul {
		float: left;
		width: 100%
	}

		.breadcrumb ul li {
			float: left
		}

			.breadcrumb ul li:after {
				content: "?";
				padding: 10px;
				color: #222;
				display: inline-block
			}

			.breadcrumb ul li:last-child:after {
				content: "";
				display: none
			}

			.breadcrumb ul li a {
				display: block;
				float: left;
				padding: 10px 0px;
				color: #1b9acd;
				font-weight: normal
			}

			.breadcrumb ul li:last-child a {
				color: #000000
			}

.hidden {
	display: none
}

.css-content h1, .css-content h2, .css-content h3, .css-content h4, .css-content h5, .css-content h6 {
	color: #0b597a;
	margin: 15px 0
}

.css-content h2 {
	font: 700 20px/24px sans-serif
}

.css-content h3 {
	font: 700 18px/21px sans-serif
}

.css-content h4 {
	font: 700 16px/19px sans-serif
}

.css-content h5, .css-content h6 {
	font: 700 14px/18px sans-serif
}

.css-content a {
	color: #0000ff
}

.css-content div {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 10px;
	text-align: justify
}

.css-content p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 10px;
	text-align: justify
}

.css-content ul {
	margin-bottom: 20px
}

	.css-content ul li {
		font-size: 16px;
		margin-bottom: 10px;
		padding-left: 15px;
		line-height: 25px;
		position: relative;
		text-align: justify
	}

		.css-content ul li:before {
			content: '';
			position: absolute;
			top: 10px;
			left: 0;
			display: inline-block;
			width: 6px;
			height: 6px;
			background: #dc0021;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 100%
		}

.css-content ol {
	font-size: 16px;
	padding-left: 15px;
	margin-bottom: 20px
}

	.css-content ol li {
		margin-bottom: 10px;
		line-height: 25px;
		position: relative;
		text-align: justify
	}

.css-content .sudo-media-item {
	width: 100%;
	text-align: center;
	margin: 20px 0
}

	.css-content .sudo-media-item img {
		margin-bottom: 5px;
		max-width: 100%;
		display: block;
		margin: 0 auto
	}

	.css-content .sudo-media-item figcaption {
		padding: 10px 0
	}

.css-content img {
	max-width: 100%;
	display: block;
	margin: 20px auto
}

.css-content table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100% !important;
	margin-bottom: 20px
}

	.css-content table tr td, .css-content table tr th {
		padding: 10px;
		border: 1px solid #000
	}

	.css-content table tr p {
		margin-bottom: 0
	}

.css-content iframe {
	max-width: 100% !important;
	margin: 20px auto;
	display: block
}

.component {
	width: 100%;
	clear: both;
	float: left;
	margin: 30px 0 60px 0
}

.component-left {
	width: 60%;
	float: left;
	padding-right: 10px
}

.component-right {
	width: 40%;
	float: right;
	padding-left: 10px
}

.component-full {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 60px
}

.pagination {
	text-align: center
}

	.pagination .page-item {
		display: inline-block;
		color: #cccccc;
		margin-right: 3px
	}

	.pagination .page-link {
		color: #cccccc;
		padding: 5px 10px;
		display: block;
		text-align: center;
		border: 1px solid #cccccc;
		border-radius: 5px
	}

		.pagination .page-link:hover {
			background: #23b1e5;
			color: #ffffff;
			border: 1px solid #23b1e5
		}

	.pagination .active {
		background: #23b1e5;
		border-radius: 5px
	}

		.pagination .active .page-link {
			border: 1px solid #23b1e5;
			color: #ffffff
		}

#loading_box {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100000;
	opacity: 0;
	visibility: hidden
}

#loading_image {
	width: 100%;
	height: 100%;
	background: url("../image/loading_image.gif") no-repeat center center;
	-webkit-background-size: 70px 70px;
	background-size: 70px 70px
}

.square, .circle, .image-3-2, .image-16-9 {
	width: 100%;
	height: auto !important;
	position: relative
}

	.square:after, .circle:after, .image-3-2:after, .image-16-9:after {
		content: "";
		display: block
	}

	.square img, .circle img, .image-3-2 img, .image-16-9 img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		position: absolute;
		width: 100% !important;
		height: 100% !important
	}

	.square:after {
		padding-bottom: 100%
	}

.circle {
	border-radius: 100%;
	overflow: hidden
}

	.circle:after {
		padding-bottom: 100%
	}

.image-3-2:after {
	padding-bottom: 66.66%
}

.image-16-9:after {
	padding-bottom: 56.25%
}

::-webkit-scrollbar {
	width: 5px
}

::-webkit-scrollbar-track {
	background: #ccc
}

::-webkit-scrollbar-thumb {
	background: #23b1e5
}

	::-webkit-scrollbar-thumb:hover {
		background: #68767b
	}

.title {
	font-size: 24px;
	line-height: 140%;
	color: #666 !important;
	text-align: center;
	text-transform: uppercase;
	margin: 20px 0 40px 0
}

.title-top {
	width: 100%;
	clear: both;
	float: left;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px
}

.title-top__text {
	font-size: 36px;
	color: #05a7e1;
	margin-bottom: 20px
}

	.title-top__text span {
		color: #294c59
	}

.title-top__border {
	width: 60px;
	height: 5px;
	background: #05a7e1;
	display: inline-block
}

.title-top__link {
	font-size: 15px;
	line-height: 36px;
	color: #666666
}

	.title-top__link i {
		margin-right: 5px;
		font-size: 18px
	}

.header {
	width: 100%;
	clear: both;
	float: left;
	background: linear-gradient(to right, #0899d0, #4fcbf9) !important
}

.header-top {
	height: 75px;
	padding: 10px 0
}

.header-top__logo {
	float: left;
	height: 55px;
	padding: 5px 0
}

	.header-top__logo img {
		height: 100%
	}

.header-top__right {
	float: right
}

.header-top__language {
	float: left;
	margin-right: 10px
}

	.header-top__language ul li {
		float: left;
		padding: 12px 0
	}

		.header-top__language ul li a {
			padding: 0 10px;
			color: #ffffff;
			border-right: 1px solid #ffffff;
			text-transform: uppercase;
			line-height: 30px
		}

		.header-top__language ul li:last-child a {
			border-right: none
		}

		.header-top__language ul li .active {
			font-weight: bold
		}

.header-top__search {
	float: left;
	padding: 12px 0;
	margin-right: 10px;
	position: relative
}

	.header-top__search input {
		height: 30px;
		border: none;
		border-radius: 5px 0 0 5px;
		width: 220px;
		padding: 5px 10px 5px 15px;
		float: left
	}

	.header-top__search button {
		padding: 0 !important;
		border-radius: 0 5px 5px 0;
		border: none;
		height: 30px;
		width: 40px;
		box-shadow: none;
		background-color: #0b597a;
		background-image: url("../image/icon/back-icon.png");
		background-repeat: no-repeat;
		background-position: -21px -33px
	}

.header-top__advistory {
	float: left;
	padding: 12px 0
}

	.header-top__advistory a {
		line-height: 30px;
		border: 2px solid #fff;
		color: #ffffff;
		padding: 5px 10px 5px 30px;
		background-image: url("../image/icon/icon-headphone.png");
		background-repeat: no-repeat;
		background-position: 8px;
		border-radius: 5px;
		font-weight: bold
	}

		.header-top__advistory a:hover {
			background: #ffffff;
			color: #0899d0;
			background-image: url("../image/icon/icon-headphone-hover.png");
			background-repeat: no-repeat;
			background-position: 8px
		}

	.header-top__advistory img {
		float: left
	}

.menu {
	width: 100%;
	clear: both;
	float: left;
	background: linear-gradient(to right, #0899d0, #4fcbf9) !important
}

.menu-fixed {
	position: fixed;
	top: 0;
	z-index: 10000
}

	.menu-fixed .menu-container {
		border-top: none
	}

	.menu-fixed .menu-burger {
		border-top: none
	}

.menu-container {
	border-top: 1px solid #ffffff;
	text-align: justify;
	height: 43px;
	overflow: hidden;
	cursor: default;
	width: calc(100% - 43px);
	float: left;
	padding-right: 5px
}

	.menu-container:after {
		content: "";
		width: 100%;
		display: inline-block
	}

	.menu-container li {
		display: inline-block;
		text-align: center
	}

		.menu-container li a {
			color: #ffffff;
			text-transform: uppercase;
			font-size: 12px;
			line-height: 20px;
			padding: 12px 5px 7px 5px;
			display: block;
			border-bottom: 3px solid transparent;
			font-weight: bold;
			display: block
		}

			.menu-container li a i {
				font-size: 15px;
				margin-left: 5px
			}

			.menu-container li a:hover {
				border-bottom: 3px solid #ffffff
			}

		.menu-container li:first-child a {
			padding: 8px 5px 8px 5px
		}

			.menu-container li:first-child a i {
				font-size: 22px;
				margin-left: 0
			}

.menu-burger {
	width: 43px;
	height: 43px;
	float: right;
	display: block;
	border-top: 1px solid #ffffff;
	line-height: 43px;
	text-align: center;
	padding-top: 4px
}

	.menu-burger img {
		width: 43px;
		height: 43px
	}

	.menu-burger i {
		height: 43px;
		width: 43px;
		line-height: 43px;
		text-align: center;
		color: #ffffff;
		font-size: 20px
	}

	.menu-burger:hover {
		border-bottom: 2px solid #ffffff
	}

.burger {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10001;
	overflow: auto;
	display: none;
	background: linear-gradient(to right, #0899d0, #4fcbf9) !important
}

.burger-header {
	padding: 75px 0
}

.burger-header__logo {
	height: 75px
}

	.burger-header__logo img {
		height: 100%;
		width: auto;
		max-height: 100%;
		max-width: 100%;
		object-fit: cover
	}

.burger-header__close {
	position: absolute;
	top: 50px;
	right: 50px
}

	.burger-header__close i {
		color: #ffffff;
		font-size: 35px;
		cursor: pointer
	}

.burger-content {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 50px;
	padding-bottom: 50px
}

.burger-content__menu {
	width: 50%;
	float: left;
	border-right: 1px solid #fff;
	padding-right: 75px
}

	.burger-content__menu ul li {
		float: left;
		width: 100%;
		clear: both
	}

		.burger-content__menu ul li a {
			color: #ffffff;
			line-height: 40px;
			font-weight: bold;
			font-size: 18px;
			display: inline-block;
			padding: 0 20px
		}

			.burger-content__menu ul li a:hover {
				color: #ffffff;
				background: #02587b;
				border-radius: 3px
			}

		.burger-content__menu ul li i {
			line-height: 40px;
			width: 30px;
			text-align: center;
			font-size: 18px;
			color: #ffffff;
			cursor: pointer
		}

			.burger-content__menu ul li i:hover {
				background: #02587b;
				color: #ffffff;
				border-radius: 3px
			}

.burger-content__email {
	width: 50%;
	float: right;
	padding-left: 75px
}

.burger-content__email-box {
	height: 100%
}

.burger-content__email p {
	color: #fff;
	font-size: 16px;
	margin: 0;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 40px
}

.burger-content__email input {
	height: 57px;
	width: 75%;
	color: #bbb;
	border: none;
	padding: 7px 30px;
	font-weight: bold;
	border-radius: 10px 0 0 10px;
	float: left;
	font-style: italic
}

.burger-content__email button {
	height: 57px;
	width: 25%;
	border-radius: 0 10px 10px 0;
	border: none;
	background: #0b597a;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase
}

.burger-child {
	width: 100%;
	clear: both;
	float: left;
	padding-left: 30px;
	display: none
}

.menu-child {
	position: absolute;
	background: #ffffff;
	z-index: 30;
	width: 100%;
	right: 0;
	left: 0;
	top: 118px;
	text-align: left;
	padding: 20px 0;
	height: 370px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: 0.2s;
	box-shadow: 0 15px 10px -10px rgba(31,31,31,.5);
	-webkit-box-shadow: 0 15px 10px -10px rgba(31,31,31,.5);
	-khtml-box-shadow: 0 15px 10px -10px rgba(31,31,31,.5);
	-moz-box-shadow: 0 15px 10px -10px rgba(31,31,31,.5);
	-ms-box-shadow: 0 15px 10px -10px rgba(31,31,31,.5);
	-o-box-shadow: 0 15px 10px -10px rgba(31,31,31,.5)
}

.menu-child__fixed {
	position: fixed;
	top: 43px !important
}

.menu-child__list {
	width: 30%;
	float: left;
	padding-right: 20px
}

	.menu-child__list .item {
		position: relative
	}

		.menu-child__list .item a {
			color: #02587b;
			padding: 0 25px 0 10px;
			line-height: 41px;
			text-transform: uppercase;
			border: none;
			font-size: 14px;
			border-radius: 5px;
			font-weight: bold
		}

			.menu-child__list .item a:hover {
				border: none;
				color: #ffffff;
				background: #02587b
			}

		.menu-child__list .item.has_child:after {
			content: "\f105";
			font: normal normal normal 22px/1 FontAwesome;
			position: absolute;
			right: 0px;
			top: 0px;
			color: #02587b;
			line-height: 41px;
			width: 25px;
			text-align: center
		}

		.menu-child__list .item.has_child:hover:after {
			color: #ffffff
		}

.menu-child__image {
	width: 45%;
	float: left
}

	.menu-child__image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%;
		height: 330px
	}

.menu-child__product {
	width: 25%;
	float: left;
	padding-left: 20px
}

	.menu-child__product .item {
		width: 100%;
		float: left;
		margin-bottom: 10px
	}

		.menu-child__product .item a {
			padding: 0;
			border-bottom: none
		}

			.menu-child__product .item a:hover {
				border-bottom: none
			}

	.menu-child__product .item-image {
		height: 155px;
		width: 40%;
		float: left;
		display: flex;
		align-items: center
	}

		.menu-child__product .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto
		}

	.menu-child__product .item-info {
		width: 100%;
		float: left;
		padding-left: 10px
	}

	.menu-child__product .item-info__box {
		width: 60%;
		height: 165px;
		display: flex;
		align-items: center
	}

	.menu-child__product .item-info__title {
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 20px;
		color: #02587b
	}

	.menu-child__product .item-info__price {
		font-weight: bold;
		color: #24B1E6;
		font-size: 16px
	}

.menu-container li:hover .menu-child, .menu-container li:hover .menu-vetical {
	opacity: 1;
	visibility: initial;
	transition: 0.2s
}

.menu-vetical {
	position: absolute;
	background: #ffffff;
	z-index: 30;
	top: 118px;
	border-bottom: 5px solid #0899d0;
	width: 230px;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 15px 10px -10px rgba(31,31,31,.5);
	-webkit-box-shadow: 0 15px 10px -10px rgba(31,31,31,.5);
	-khtml-box-shadow: 0 15px 10px -10px rgba(31,31,31,.5);
	-moz-box-shadow: 0 15px 10px -10px rgba(31,31,31,.5);
	-ms-box-shadow: 0 15px 10px -10px rgba(31,31,31,.5);
	-o-box-shadow: 0 15px 10px -10px rgba(31,31,31,.5)
}

	.menu-vetical ul {
		width: 100%;
		clear: both;
		float: left
	}

		.menu-vetical ul li {
			width: 100%;
			clear: both;
			float: left
		}

			.menu-vetical ul li a {
				color: #000;
				text-align: left;
				padding: 10px 10px;
				border-bottom: none
			}

				.menu-vetical ul li a:hover {
					color: #ffffff;
					background: #0f5975;
					border-bottom: none
				}

			.menu-vetical ul li:first-child a {
				padding: 10px 10px
			}

.suggest-search {
	position: absolute;
	top: 43px;
	left: 0;
	right: 0;
	background: #ffffff;
	border-radius: 5px;
	z-index: 100002;
	box-shadow: 0px 15px 10px 0 rgba(0,0,0,.4);
	-webkit-box-shadow: 0px 15px 10px 0 rgba(0,0,0,.4);
	-khtml-box-shadow: 0px 15px 10px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0px 15px 10px 0 rgba(0,0,0,.4);
	-ms-box-shadow: 0px 15px 10px 0 rgba(0,0,0,.4);
	-o-box-shadow: 0px 15px 10px 0 rgba(0,0,0,.4);
	padding: 10px
}

.suggest-search__item {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 10px
}

	.suggest-search__item:last-child {
		margin-bottom: 0
	}

	.suggest-search__item a {
		display: block;
		float: left;
		margin-bottom: 10px
	}

.suggest-search__item-image {
	width: 60px;
	height: 60px;
	float: left;
	display: flex;
	align-items: center
}

	.suggest-search__item-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto
	}

.suggest-search__item-info {
	width: calc(100% - 60px);
	float: right;
	padding-left: 10px;
	display: flex;
	height: 60px;
	align-items: center
}

.suggest-search__item-title {
	line-height: 17px;
	font-weight: bold;
	font-size: 13px
}

.footer {
	width: 100%;
	clear: both;
	float: left;
	position: relative
}

.footer-top {
	width: 100%;
	clear: both;
	float: left
}

.footer-top__list {
	width: calc(100% + 20px);
	margin: 0 -10px;
	padding: 30px 0;
	display: flex;
	flex-wrap: wrap
}

.footer-top__list-item {
	padding: 0 10px;
	width: calc(100% / 5);
	float: left;
	margin-bottom: 30px
}

.footer-top__list-item__title {
	color: #0b597a;
	margin: 20px 0;
	font-weight: bold
}

.footer-top__list-item__content {
	margin-bottom: 10px
}

	.footer-top__list-item__content ul li {
		clear: both;
		padding: 5px 0
	}

		.footer-top__list-item__content ul li a {
			color: #808080;
			font-weight: 400;
			line-height: 20px
		}

.footer-top__list-item .list-image li {
	clear: none;
	float: left;
	width: 30%
}

	.footer-top__list-item .list-image li a {
		display: block;
		line-height: 30px
	}

		.footer-top__list-item .list-image li a img {
			width: auto;
			height: 25px
		}

.footer-top__list-item .list-image-2 li {
	clear: both;
	float: left;
	width: 100%
}

	.footer-top__list-item .list-image-2 li a {
		display: block
	}

		.footer-top__list-item .list-image-2 li a img {
			width: auto;
			height: 40px
		}

.footer-bottom {
	width: 100%;
	clear: both;
	float: left;
	background: #0b597a;
	color: #fff;
	padding: 20px 0
}

.footer-bottom__copyright {
	float: left
}

.footer-bottom__designer {
	float: right
}

	.footer-bottom__designer a {
		color: #ffffff
	}

.image-bocongthuong {
	width: 100%;
	clear: both;
	float: left
}

	.image-bocongthuong img {
		width: 123px;
		height: auto
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.image-bocongthuong {
		left: calc(50% - 100px)
	}
}

.icon-fix {
	position: fixed;
	top: calc(50% - 152.5px);
	right: 10px;
	width: 50px;
	z-index: 10000
}

	.icon-fix li {
		width: 100%;
		clear: both
	}

		.icon-fix li a {
			display: block;
			width: 100%;
			height: 65px;
			margin-bottom: 15px
		}

.icon-fix__phone a {
	background-image: url("../image/icon/back-icon.png");
	background-position: -244px -65px;
	background-size: cover
}

	.icon-fix__phone a:hover {
		background-image: url("../image/icon/h1-x.png");
		background-size: 100% 100%;
		background-position: 50px 0px
	}

.icon-fix__email a {
	background-image: url("../image/icon/back-icon.png");
	background-position: -307px -65px;
	background-size: cover
}

	.icon-fix__email a:hover {
		background-image: url("../image/icon/h2-x.png");
		background-size: 100% 100%;
		background-position: 50px 0px
	}

.icon-fix__facebook a {
	background-image: url("../image/icon/back-icon.png");
	background-position: -366px -65px;
	background-size: cover
}

	.icon-fix__facebook a:hover {
		background-image: url("../image/icon/h3-x.png");
		background-size: 100% 100%;
		background-position: 50px 0px
	}

.icon-fix__compare {
	position: relative;
	display: none
}

	.icon-fix__compare a {
		background-image: url("../image/icon/back-icon.png");
		background-position: -427px -65px;
		background-size: cover
	}

		.icon-fix__compare a:hover {
			background-image: url("../image/icon/h4-x.png");
			background-size: 100% 100%;
			background-position: 50px 0px
		}

.icon-fix__compare-number {
	position: absolute;
	right: 0;
	top: 0;
	background: red;
	color: #ffffff;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 20px
}

.compare {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	float: left;
	background: #ffffff;
	z-index: 10000;
	box-shadow: 20px -3px 16px 5px rgba(0,0,0,.4);
	-webkit-box-shadow: 20px -3px 16px 5px rgba(0,0,0,.4);
	-khtml-box-shadow: 20px -3px 16px 5px rgba(0,0,0,.4);
	-moz-box-shadow: 20px -3px 16px 5px rgba(0,0,0,.4);
	-ms-box-shadow: 20px -3px 16px 5px rgba(0,0,0,.4);
	-o-box-shadow: 20px -3px 16px 5px rgba(0,0,0,.4)
}

.compare-title {
	position: relative;
	height: 40px;
	border-bottom: 1px solid #e5e5e5
}

.compare-title__left {
	line-height: 40px;
	float: left;
	font-weight: bold;
	font-size: 13px
}

.compare-title__right {
	line-height: 40px;
	float: right;
	color: #999999;
	font-size: 13px
}

.compare-title #compare-close {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 30px;
	width: 30px;
	border: none;
	background: #1184b5;
	color: #fff;
	border-radius: 5px
}

	.compare-title #compare-close:hover {
		background: #0b597a
	}

.compare-list {
	width: 100%;
	display: table
}

.compare-list__item {
	width: calc(100% / 4);
	border-right: 1px solid #e5e5e5;
	text-align: center;
	padding: 10px;
	display: table-cell;
	position: relative
}

	.compare-list__item:first-child {
		border-left: 1px solid #e5e5e5
	}

.compare-list__item-thumnail {
	height: 150px
}

	.compare-list__item-thumnail img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		height: 100%
	}

.compare-list__item-title {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 5px
}

.compare-list__item-price {
	color: #666;
	margin-bottom: 5px
}

	.compare-list__item-price span {
		color: #23b1e5
	}

.compare-list__item-remove {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 25px;
	width: 25px;
	line-height: 25px;
	text-align: center;
	cursor: pointer
}

	.compare-list__item-remove i {
		font-weight: 16px
	}

.compare-list .compare-action {
	vertical-align: middle;
	padding: 20px
}

	.compare-list .compare-action a {
		background: #0b597a;
		padding: 10px;
		color: #fff;
		border-radius: 5px
	}

		.compare-list .compare-action a:hover {
			background: #4ac4ed
		}

.box-notificate {
	width: 100%;
	clear: both;
	float: left;
	padding: 60px 0 100px;
	text-align: center
}

.box-notificate__image {
	width: 100%;
	margin-bottom: 20px
}

	.box-notificate__image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto
	}

.box-notificate__title {
	font-size: 30PX;
	font-weight: bold;
	color: #284C58;
	margin-bottom: 10px
}

.box-notificate__subtitle {
	line-height: 25px;
	margin-bottom: 30px
}

.box-notificate__gohome a {
	background: #22B2E6;
	padding: 10px 50px;
	color: #ffffff;
	border-radius: 5px
}

	.box-notificate__gohome a:hover {
		background: #2294bc;
		transition: 0.2s
	}

.main {
	width: 100%;
	clear: both;
	float: left;
	background: #ffffff;
}

.heading-top__title {
	padding-left: 40px;
	font-size: 24px;
	color: #656565;
	line-height: 30px;
	font-weight: bold
}

	.heading-top__title span {
		display: block
	}

.heading-top__border {
	height: 5px;
	width: 90px;
	background: #22a4e0;
	display: inline-block;
	margin: 30px 0 20px
}

.heading-fullwidth {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

.heading-fullwidth__title {
	font-size: 24px;
	line-height: 33px;
	color: #656565;
	font-weight: bold;
	padding-left: 10px;
	border-left: 5px solid #22a4e0
}

	.heading-fullwidth__title span {
		display: block
	}

.heading-center {
	text-align: center
}

.heading-center__title {
	font-size: 24px;
	line-height: 33px;
	color: #ffffff;
	font-weight: bold
}

	.heading-center__title span {
		display: block
	}

.heading-center__border {
	height: 5px;
	width: 90px;
	background: #ffffff;
	display: inline-block;
	margin: 30px 0 20px
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.heading-top__title {
		padding-left: 0px
	}
}

.email-register {
	width: 100%;
	clear: both;
	float: left;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background: url("../image/bg-email.jpg") center center;
	padding: 70px
}

.email-register__slogan {
	width: 50%;
	float: left;
	padding-right: 50px
}

	.email-register__slogan p {
		color: #fff;
		font-size: 18px;
		margin: 0;
		font-weight: 400;
		line-height: 25px
	}

.email-register__form {
	width: 50%;
	float: left
}

	.email-register__form input {
		height: 57px;
		width: 75%;
		color: #bbb;
		border: none;
		padding: 7px 30px;
		font-weight: bold;
		border-radius: 10px 0 0 10px;
		float: left;
		font-style: italic
	}

	.email-register__form button {
		height: 57px;
		width: 25%;
		border-radius: 0 10px 10px 0;
		border: none;
		background: #0b597a;
		color: #ffffff;
		font-weight: bold;
		text-transform: uppercase
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.email-register {
		padding: 70px 10px
	}
}

.phone-register {
	width: 100%;
	clear: both;
	float: left;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background: url("../image/bg-email.jpg") center center;
	padding: 70px
}

.phone-register__slogan {
	width: 50%;
	float: left;
	padding-right: 50px
}

.phone-register__slogan-title {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 10px;
	color: #045E80;
	font-weight: bold;
	font-size: 19px;
	line-height: 25px;
	text-transform: uppercase
}

.phone-register__slogan-subtitle {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 10px;
	color: #ffffff;
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase
}

.phone-register__slogan-text {
	width: 100%;
	clear: both;
	float: left;
	color: #ffffff;
	line-height: 20px;
	margin-bottom: 5px;
	font-size: 14px
}

.phone-register__slogan-note {
	width: 100%;
	clear: both;
	float: left;
	color: #ffffff;
	line-height: 20px;
	font-size: 11px
}

.phone-register__form {
	width: 50%;
	float: left;
	height: 115px;
	display: flex;
	align-items: center
}

	.phone-register__form form {
		float: left;
		width: 100%
	}

	.phone-register__form input {
		height: 57px;
		width: 75%;
		color: #bbb;
		border: none;
		padding: 7px 30px;
		font-weight: bold;
		border-radius: 10px 0 0 10px;
		float: left;
		font-style: italic
	}

	.phone-register__form button {
		height: 57px;
		width: 25%;
		border-radius: 0 10px 10px 0;
		border: none;
		background: #0b597a;
		color: #ffffff;
		font-weight: bold;
		text-transform: uppercase
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.phone-register {
		padding: 70px 10px
	}
}

.slideshow {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px !important
}

	.slideshow .item img {
		width: 100%
	}

	.slideshow .slick-arrow {
		display: none !important
	}

	.slideshow .slick-dots {
		width: auto;
		left: calc(50% - 585px);
		bottom: 40px
	}

		.slideshow .slick-dots li {
			width: auto;
			height: auto;
			position: relative
		}

			.slideshow .slick-dots li a {
				color: #000000;
				float: left;
				margin: 0;
				font-size: 14px
			}

				.slideshow .slick-dots li a:after {
					content: "";
					display: inline-block;
					width: 5px;
					height: 5px;
					background: #00aeef;
					margin-left: 10px
				}

	.slideshow .slick-active a {
		font-size: 21px !important;
		color: #000000 !important
	}

		.slideshow .slick-active a:after {
			width: 60px !important
		}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.slideshow .slick-dots {
		left: calc(50% - 485px)
	}
}

.info {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.info-media {
	width: 50%;
	float: left;
	padding-right: 35px;
	cursor: pointer
}

.info-media__video {
	width: 100%;
	height: auto;
	position: relative
}

	.info-media__video img {
		width: 100%;
		border-radius: 10px
	}

	.info-media__video span {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center
	}

		.info-media__video span i {
			background: #fff;
			width: 50px;
			height: 50px;
			border-radius: 50px;
			text-align: center;
			line-height: 50px;
			font-size: 20px;
			color: #49b8dd;
			opacity: 0.9
		}

.info-media__image {
	width: 100%;
	height: auto;
	position: relative
}

	.info-media__image img {
		width: 100%;
		border-radius: 10px
	}

.info-content {
	width: 50%;
	float: right;
	padding-left: 35px
}

.info-content__desc {
	width: 100%;
	padding-left: 40px;
	margin-bottom: 20px
}

	.info-content__desc p {
		margin: 0;
		line-height: 22px;
		color: #656565;
		font-size: 15px;
		text-align: justify;
		height: 110px;
		overflow: hidden
	}

.info-content__link {
	padding-left: 40px
}

.info-background {
	padding: 60px;
	background-repeat: no-repeat !important;
	background-size: cover !important
}

	.info-background .heading-top__title {
		color: #fff
	}

	.info-background .heading-top__border {
		background: #fff
	}

	.info-background .info-content__desc p {
		color: #fff
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.info-media {
		padding-right: 15px
	}

	.info-content {
		padding-left: 15px
	}

	.info-content__desc {
		padding-left: 0
	}

	.info-content__link {
		padding-left: 0
	}

	.info-background {
		padding: 60px 0
	}
}

.info-box {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 30px
}

	.info-box .heading-fullwidth__title {
		color: #05a7e1;
		font-size: 35px;
		line-height: 40px
	}

		.info-box .heading-fullwidth__title span {
			color: #656565;
			font-size: 28px;
			line-height: 35px;
			margin-bottom: 5px
		}

	.info-box .title-top {
		margin-bottom: 10px
	}

	.info-box .title-top__text {
		margin-bottom: 0;
		text-align: left
	}

.info-box__item {
	width: 50%;
	float: left;
	height: 350px;
	display: flex;
	align-items: center
}

	.info-box__item:nth-child(2n+1) {
		padding-right: 20px
	}

	.info-box__item:nth-child(2n+2) {
		padding-left: 20px
	}

.info-box__media-image {
	width: 100%
}

	.info-box__media-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		height: 350px;
		border-radius: 10px;
		width: 100%
	}

.info-box__media-video {
	width: 100%;
	position: relative
}

	.info-box__media-video img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		height: 350px;
		border-radius: 10px;
		width: 100%
	}

	.info-box__media-video span {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center
	}

		.info-box__media-video span i {
			background: #fff;
			width: 50px;
			height: 50px;
			border-radius: 50px;
			text-align: center;
			line-height: 50px;
			font-size: 20px;
			color: #49b8dd;
			opacity: 0.9
		}

.info-box__content-box {
	width: 100%;
	clear: both;
	float: left
}

.info-box__content-subtitle {
	width: 100%;
	clear: both;
	float: left;
	text-transform: uppercase;
	color: #294c59;
	font-size: 18px
}

.info-box__content .heading-fullwidth__title {
	margin: 40px 0 20px 0
}

.info-box__content-desc {
	width: 100%;
	clear: both;
	float: left;
	line-height: 25px;
	text-align: justify
}

.slideinfo {
	width: 100%;
	clear: both;
	float: left
}

.slidetrick {
	width: 100%;
	clear: both;
	float: left
}

.slidetrick-image .item img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	display: block;
	margin: 0 auto;
	width: 100%
}

.product-case {
	width: 100%;
	clear: both;
	float: left;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	padding: 60px 0 0
}

.product-case__list {
	width: 350px;
	float: left
}

.product-case__list-item {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px;
	position: relative
}

.product-case__list-item__image {
	width: 100%;
	clear: both;
	float: left;
	height: 150px
}

	.product-case__list-item__image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%;
		border-radius: 5px;
		height: 100%
	}

.product-case__list-item__title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

	.product-case__list-item__title p {
		color: #fff;
		font-weight: bold;
		font-size: 17px;
		line-height: 28px;
		z-index: 1
	}

	.product-case__list-item__title:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #000;
		opacity: 0.2;
		border-radius: 5px
	}

	.product-case__list-item__title:hover:after {
		background: #6ac2ff;
		opacity: 0.8
	}

.product-case__slide {
	width: calc(100% - 350px);
	float: right;
	padding: 0 50px 0 150px
}

	.product-case__slide .slick-dots {
		bottom: 85px;
		left: 390px;
		width: auto;
		text-align: left
	}

		.product-case__slide .slick-dots li span {
			display: inline-block;
			width: 20px;
			height: 20px;
			border-radius: 10px;
			border: 1px solid #c8b0b0
		}

		.product-case__slide .slick-dots .slick-active span {
			background: #40c3f3
		}

.product-case__slide-item__image {
	width: 40%;
	float: left;
	padding: 0 40px
}

	.product-case__slide-item__image img {
		width: 100%
	}

.product-case__slide-item__content {
	padding-top: 150px;
	width: 60%;
	float: right
}

.product-case__slide-item__content-title {
	font-size: 22px;
	line-height: 30px;
	color: #656565;
	margin-bottom: 30px
}

	.product-case__slide-item__content-title span {
		display: block
	}

.product-case__slide-item__content-desc {
	font-size: 15px;
	line-height: 25px;
	color: #656565;
	text-align: justify;
	margin-bottom: 30px;
	max-height: 95px;
	overflow: hidden
}

.product-case__slide-item__content .btn img {
	display: inline-block
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.product-case__slide-item__image {
		width: 100%;
		clear: both;
		height: 316px
	}

		.product-case__slide-item__image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 30%
		}

	.product-case__slide-item__content {
		padding-top: 10px;
		width: 100%
	}

	.product-case__slide-item__content-title {
		margin-bottom: 15px
	}

	.product-case__slide-item__content-desc {
		margin-bottom: 15px
	}

	.product-case__slide .slick-dots {
		width: calc(100% - 200px);
		bottom: -35px
	}
}

.intro-ro {
	width: 100%;
	clear: both;
	float: left;
	position: relative
}

	.intro-ro img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%
	}

.intro-ro__info {
	position: absolute;
	top: 50px;
	left: calc(50% - 585px)
}

	.intro-ro__info .heading-top {
		margin-left: -40px
	}

	.intro-ro__info .heading-top__title {
		color: #ffffff
	}

.intro-ro__info-text {
	width: 480px;
	color: #ffffff;
	line-height: 22px;
	font-size: 18px;
	text-align: justify;
	margin-bottom: 20px
}

.intro-ro__info-link a {
	background: #f3da78;
	padding: 7px 30px;
	border-radius: 5px;
	font-size: 18px;
	display: inline-block
}

.projects {
	width: 100%;
	clear: both;
	float: left;
	padding: 20px 0 30px 0;
	margin-bottom: 30px
}

	.projects .heading-top__title {
		padding-left: 0
	}

	.projects .heading-top__border {
		margin-left: -40px
	}

.projects-info {
	width: 25%;
	float: left
}

.projects-content__desc {
	width: 100%;
	margin-bottom: 20px
}

	.projects-content__desc p {
		margin: 0;
		line-height: 25px;
		color: #656565;
		font-size: 15px;
		text-align: justify;
		height: 120px;
		overflow: hidden
	}

.projects-slide {
	width: calc(100% - 30%);
	float: right;
	padding: 0 0 0 30px
}

	.projects-slide .slick-prev, .projects-slide .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important
	}

		.projects-slide .slick-prev:before, .projects-slide .slick-next:before {
			display: none
		}

	.projects-slide .slick-prev {
		background: url("../image/icon/button-pre-black.png")
	}

	.projects-slide .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: -50px
	}

	.projects-slide .item {
		margin-right: 30px !important;
		border: 1px solid #e9eaec;
		border-radius: 5px 5px 0 0
	}

	.projects-slide .item-image {
		width: 100%;
		height: 200px
	}

		.projects-slide .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%;
			border-radius: 5px 5px 0 0
		}

	.projects-slide .item-title {
		padding: 5px;
		text-align: center;
		font-weight: bold;
		height: 46px;
		line-height: 23px;
		overflow: hidden;
		color: #656565;
		text-transform: uppercase
	}

	.projects-slide .item-desc {
		padding: 5px;
		text-align: center;
		height: 54px;
		line-height: 22px;
		overflow: hidden;
		color: #656565
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.projects .heading-top__border {
		margin-left: 0
	}

	.projects-slide {
		padding: 0
	}

		.projects-slide .slick-arrow {
			display: none !important
		}
}

.news {
	width: 100%;
	clear: both;
	float: left;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	padding: 60px 0 0 0;
	margin-bottom: 30px
}

	.news .slick-prev, .news .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important
	}

		.news .slick-prev:before, .news .slick-next:before {
			display: none
		}

	.news .slick-prev {
		background: url("../image/icon/button-pre-white.png");
		left: -50px
	}

	.news .slick-next {
		background: url("../image/icon/button-next-white.png");
		right: -50px
	}

.news-slide {
	width: 60%;
	float: left;
	margin: 20px 0
}

	.news-slide .item {
		margin-right: 20px
	}

	.news-slide .item-image {
		width: 100%;
		height: 200px;
		border-radius: 5px;
		margin-bottom: 5px
	}

		.news-slide .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%;
			border-radius: 5px
		}

	.news-slide .item-title {
		color: #ffffff;
		line-height: 22px;
		text-align: justify
	}

.news-link {
	width: 100%;
	clear: both;
	float: left;
	padding: 30px 30px
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.news .slick-prev, .news .slick-next {
		display: none !important
	}
}

.event {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px;
	background: #ffffff
}

.event-header {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 40px
}

.event-header__title {
	float: left
}

	.event-header__title .heading-fullwidth__title {
		float: left
	}

.event-header__menu {
	float: right
}

	.event-header__menu ul li {
		float: left;
		padding: 0 20px
	}

		.event-header__menu ul li a {
			line-height: 33px;
			display: inline-block;
			padding: 0 0 0 25px;
			background: url("../image/icon/giotnuocxam.png") no-repeat;
			background-position: 0px 5px;
			background-size: auto 20px
		}

			.event-header__menu ul li a:hover {
				color: #00adf2;
				background: url("../image/icon/giotnuocxanh.png") no-repeat;
				background-position: 0px 5px;
				background-size: auto 20px
			}

	.event-header__menu ul .active a {
		color: #00adf2;
		background: url("../image/icon/giotnuocxanh.png") no-repeat;
		background-position: 0px 5px;
		background-size: auto 20px
	}

.event-content {
	width: 100%;
	clear: both;
	float: left
}

.event-content__list {
	margin-bottom: 30px;
	display: table;
	width: 100%
}

.event-content__list-item {
	display: table-cell;
	width: 25%;
	border: 1px solid #cccccc;
	border-left: none;
	cursor: pointer
}

	.event-content__list-item:first-child {
		border-left: 1px solid #cccccc
	}

.event-content__list-item__title {
	padding: 50px 20px 0;
	font-size: 22px;
	line-height: 30px;
	color: #656565;
	font-weight: bold;
	min-height: 90px;
	max-height: 170px;
	margin-bottom: 30px;
	overflow: hidden
}

.event-content__list-item__time {
	padding: 0 20px 0;
	margin-bottom: 30px;
	font-size: 13px;
	color: #b4b4b4
}

.event-content__list-item__desc {
	padding: 0px 20px 100px;
	font-size: 15px;
	line-height: 24px;
	color: #656565
}

.event-content__list-item:hover {
	background: url("../image/news/news_hover.png");
	background-size: cover
}

	.event-content__list-item:hover .event-content__list-item__title, .event-content__list-item:hover .event-content__list-item__time, .event-content__list-item:hover .event-content__list-item__desc {
		color: #ffffff !important
	}

.event-content__link {
	text-align: center
}

.product-info {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px
}

.product-info__slide {
	/* width: 50%; */
	/* float: left; */
	padding-right: 30px;
	height: auto;
}

.product-info__slide-vetical {
	width: 100px;
	float: left;
	height: 400px;
	padding: 45px 0 45px
}

	.product-info__slide-vetical .item {
		border: 1px solid #e4e4e4;
		margin: 10px 20px 10px 0;
		height: 80px;
		width: 80px;
		cursor: pointer
	}

		.product-info__slide-vetical .item img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			padding: 5px;
			/* height: 89px; */
		}

	.product-info__slide-vetical .slick-prev, .product-info__slide-vetical .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important
	}

		.product-info__slide-vetical .slick-prev:before, .product-info__slide-vetical .slick-next:before {
			display: none
		}

	.product-info__slide-vetical .slick-prev {
		background: url("../image/icon/button-top-black.png");
		top: 20px;
		left: 25px
	}

	.product-info__slide-vetical .slick-next {
		background: url("../image/icon/button-bottom-black.png");
		top: 380px;
		left: 25px
	}

.product-info__slide-thumbnail {
	width: calc(100% - 100px);
	float: right;
	height: 400px;
	border: 1px solid #e4e4e4;
	padding: 10px
}

	.product-info__slide-thumbnail .item {
		height: 380px !important;
		display: flex;
		align-items: center;
		cursor: pointer
	}

		.product-info__slide-thumbnail .item a {
			display: contents
		}

		.product-info__slide-thumbnail .item img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto
		}

.product-info__slide-main {
	width: 100%;
	clear: both;
	float: left;
	padding-left: 100px;
	padding-top: 20px;
	text-align: center
}

.product-info__slide-main__item {
	display: inline-block;
	padding: 0 10px
}

	.product-info__slide-main__item .icon {
		height: 70px;
		width: 70px;
		border: 1px solid #ddddde;
		margin-bottom: 10px;
		border-radius: 5px
	}

	.product-info__slide-main__item .name {
		font-size: 13px;
		line-height: 22.5px;
		color: #999999;
		font-weight: bold
	}

	.product-info__slide-main__item:hover .icon {
		position: relative
	}

		.product-info__slide-main__item:hover .icon:before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			background-color: #2bafe1;
			display: block;
			z-index: -1
		}

	.product-info__slide-main__item:hover .name {
		color: #2bafe1
	}

.product-info__slide .slide-concept .icon {
	background: url("../image/icon/icon-anh-blue.png") no-repeat center
}

.product-info__slide .slide-concept:hover .icon {
	background: url("../image/icon/icon-anh-white.png") no-repeat center
}

.product-info__slide .slide-360 .icon {
	background: url("../image/icon/icon-360-blue.png") no-repeat center
}

.product-info__slide .slide-360:hover .icon {
	background: url("../image/icon/icon-360-white.png") no-repeat center
}

.product-info__slide .slide-real .icon {
	background: url("../image/icon/icon-thucte-blue.png") no-repeat center
}

.product-info__slide .slide-real:hover .icon {
	background: url("../image/icon/icon-thucte-white.png") no-repeat center
}

.product-info__slide .slide-video .icon {
	background: url("../image/icon/icon-video-blue.png") no-repeat center
}

.product-info__slide .slide-video:hover .icon {
	background: url("../image/icon/icon-video-white.png") no-repeat center
}

.product-info__content {
	/* width: 50%; */
	/* float: right; */
	padding-left: 30px;
}

.product-info__content-title {
	display: block;
	width: 100%;
	font-size: 24px;
	line-height: 27px;
	color: #333333;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: bold
}

.product-info__content-share {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

	.product-info__content-share p {
		color: #b6b6b6;
		line-height: 27px;
		font-size: 14px;
		float: left;
		margin-right: 10px
	}

	.product-info__content-share ul li {
		float: left;
		padding: 0 10px
	}

		.product-info__content-share ul li a {
			height: 18px;
			line-height: 27px
		}

			.product-info__content-share ul li a img {
				max-width: 100%;
				max-height: 100%;
				object-fit: cover;
				display: block;
				margin: 0 auto;
				width: 18px;
				height: 18px
			}

.product-info__content-option {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px;
	padding-right: 20px
}

.product-info__content-option__group {
	width: calc(100% / 3);
	float: left
}

.product-info__content-price {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px;
	font-size: 24px;
	color: #d62020;
	line-height: 27px;
	font-weight: bold
}

.product-info__content-action {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

.product-info__content-action__compare {
	width: 50%;
	float: left;
	line-height: 40px
}

	.product-info__content-action__compare label {
		cursor: pointer
	}

.product-info__content-action__place {
	width: 50%;
	float: right
}

	.product-info__content-action__place a {
		color: #fff !important;
		border-radius: 5px;
		padding: 0;
		height: 40px;
		line-height: 40px;
		background: #22b2e6;
		font-size: 14px;
		text-transform: uppercase;
		display: block;
		width: 100%;
		text-align: center
	}

		.product-info__content-action__place a:hover {
			background: #167293;
			transition: 0.2s
		}

.product-info__content-short {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	padding: 15px;
	line-height: 25px
}

	.product-info__content-short a {
		color: #167293
	}

	.product-info__content-short ul li {
		padding-left: 25px;
		position: relative
	}

		.product-info__content-short ul li:before {
			content: "";
			display: inline-block;
			width: 5px;
			height: 5px;
			border-radius: 1000px;
			background: #22b2e6;
			position: absolute;
			top: 10px;
			left: 10px
		}

.product-info__content-call {
	width: 100%;
	clear: both;
	float: left
}

.product-info__content-call__left {
	/* width: 50%; */
	float: left;
	/* padding-right: 10px; */
	padding-left: 0;
}

	.product-info__content-call__left p {
		text-align: center;
		margin-bottom: 10px
	}

	.product-info__content-call__left a {
		padding: 15px 20px;
		text-align: center;
		display: block;
		background: #d62020;
		color: #fff;
		border-radius: 5px;
		font-weight: bold;
		text-transform: uppercase
	}

.product-info__content-call__right {
	/* width: 50%; */
	float: right;
	padding-left: 10px;
}

	.product-info__content-call__right p {
		text-align: center;
		margin-bottom: 10px
	}

	.product-info__content-call__right a {
		padding: 15px 20px;
		text-align: center;
		display: block;
		background: #0b597a;
		color: #fff;
		border-radius: 5px;
		font-weight: bold;
		text-transform: uppercase
	}

.product-info__content-promotion {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 15px;
	border: 1px solid #cccccc
}

.product-info__content-promotion__title {
	width: 100%;
	clear: both;
	float: left;
	background: linear-gradient(to right, #2bafe1, #f2b64e);
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
	border-bottom: 1px solid #cccccc;
	line-height: 25px;
	color: #ffffff
}

	.product-info__content-promotion__title span, .product-info__content-promotion__title a {
		margin-left: 5px;
		font-weight: normal;
		font-size: 14px;
		color: #ffffff
	}

.product-info__content-promotion__content {
	width: 100%;
	clear: both;
	float: left;
	padding: 10px 10px 0;
	background: #E4F7FD
}

	.product-info__content-promotion__content ul {
		width: 100%;
		clear: both;
		float: left
	}

		.product-info__content-promotion__content ul li {
			width: 100%;
			clear: both;
			float: left;
			margin-bottom: 10px
		}

			.product-info__content-promotion__content ul li .pro-number {
				width: 20px;
				height: 20px;
				line-height: 20px;
				float: left;
				margin-right: 5px;
				background: #468ee5;
				color: #fff;
				text-align: center;
				border-radius: 50%;
				font-style: normal;
				font-size: 14px
			}

			.product-info__content-promotion__content ul li p {
				width: calc(100% - 25px);
				float: left;
				line-height: 20px
			}

			.product-info__content-promotion__content ul li a {
				color: #468ee5
			}

.lg-thumb {
	margin: auto !important
}

.related-fittings {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.related-fittings__title {
	width: 100%;
	clear: both;
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #0b597a;
	margin-bottom: 20px
}

.related-fittings__list {
	width: 100%;
	clear: both;
	float: left;
	padding: 0 40px
}

.related-fittings__list-item {
	padding: 0 20px;
	border-right: 1px solid #e4e4e4
}

.related-fittings__list-item__image {
	margin-bottom: 10px
}

	.related-fittings__list-item__image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: auto;
		height: 80px
	}

.related-fittings__list-item__title {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	margin-bottom: 5px
}

.related-fittings__list-item__price {
	color: #23b1e5;
	font-size: 16px;
	line-height: 22px;
	text-align: center
}

.related-fittings__list .slick-prev, .related-fittings__list .slick-next {
	background-size: 100% !important;
	box-shadow: none;
	border: none;
	width: 30px !important;
	height: 30px !important
}

	.related-fittings__list .slick-prev:before, .related-fittings__list .slick-next:before {
		display: none
	}

.related-fittings__list .slick-prev {
	background: url("../image/icon/button-pre-black.png");
	left: 0
}

.related-fittings__list .slick-next {
	background: url("../image/icon/button-next-black.png");
	right: 0
}

.product-tabs {
	width: 100%;
	clear: both;
	float: left
}

.product-tabs__menu ul {
	/* display: table; */
	width: 100%;
	margin: 0;
	border-bottom: 1px solid;
}

	.product-tabs__menu ul li {
		display: table-cell;
		/* padding: 10px 0; */
	}

		.product-tabs__menu ul li a {
			text-align: center !important;
			display: block;
			padding: 10px 15px;
			line-height: 22.5px;
			color: #0b597a;
			background: #ffffff;
			border-radius: 5px 5px 0 0;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 1px solid #0b597a;
		}

			.product-tabs__menu ul li a:hover {
				background: #0b597a;
				color: #ffffff
			}

	.product-tabs__menu ul .active a {
		background: #2c3791;
		color: #ffffff;
	}

.product-tabs__content {
	width: 100%;
	clear: both;
	float: left;
	padding: 15px 10px 30px 10px;
	float: left;
	border: 1px solid #ececec;
}

	.product-tabs__content .tabs_content {
		display: none
	}

	.product-tabs__content .tabs_content-main {
		width: 60%;
		float: left
	}

	.product-tabs__content .tabs_content-form {
		width: 40%;
		float: right;
		padding-left: 30px
	}

.box {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.box-item {
	width: calc(50% - 20px);
	float: left
}

	.box-item:nth-child(2n) {
		margin-left: 20px
	}

	.box-item:nth-child(2n+1) {
		margin-right: 20px
	}

.box-media {
	position: relative
}

	.box-media img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%
	}

.box-video {
	padding: 0px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important
}

.box-video__child {
	width: 100%;
	padding-top: 56.25%;
	height: 0;
	position: relative
}

.box-video__box {
	height: 330px;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.box-video .fancybox-media span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

	.box-video .fancybox-media span i {
		background: #fff;
		width: 50px;
		height: 50px;
		border-radius: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 20px;
		color: #49b8dd;
		opacity: 0.9
	}

.box-content__title {
	font-size: 24px;
	line-height: 33.5px;
	font-weight: bold;
	color: #0b597a;
	margin-bottom: 10px
}

.box-content__slide {
	margin-top: 30px;
	padding: 0
}

	.box-content__slide .slick-prev, .box-content__slide .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important;
		z-index: 1
	}

		.box-content__slide .slick-prev:before, .box-content__slide .slick-next:before {
			display: none
		}

	.box-content__slide .slick-prev {
		background: url("../image/icon/button-pre-white.png");
		left: 40px
	}

	.box-content__slide .slick-next {
		background: url("../image/icon/button-next-white.png");
		right: 40px
	}

	.box-content__slide .slick-center .item-image {
		margin-top: 0
	}

		.box-content__slide .slick-center .item-image img {
			transform: scale(1.5) !important
		}

	.box-content__slide .slick-center .item-text {
		margin-top: 120px;
		opacity: 1
	}

	.box-content__slide .item {
		padding: 0 10px
	}

	.box-content__slide .item-image {
		margin-top: 50px
	}

		.box-content__slide .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 370px;
			transition: all 300ms ease !important
		}

	.box-content__slide .item-text {
		text-align: center;
		margin-top: 120px;
		opacity: 0;
		transition: all 0.3s ease
	}

.box.has_scroll .box-media {
	height: 400px;
	display: flex;
	align-items: center
}

.box.has_scroll .box-content__main {
	height: 324px;
	overflow: auto;
	padding-right: 10px;
	text-align: justify
}

.box-fullwidth .box-item {
	width: 100%;
	padding: 0;
	margin-bottom: 0px
}

.box-fullwidth .box-media img {
	max-width: 100%;
	width: auto
}

.box-fullwidth .box-video {
	width: 585px;
	display: block;
	margin: 0 auto
}

.box-menu {
	width: 100%;
	clear: both;
	float: left;
	background: #02587B
}

.box-menu__list {
	width: 100%;
	clear: both;
	float: left
}

	.box-menu__list .item {
		float: left;
		text-align: center;
		border-right: 1px solid #21769B
	}

		.box-menu__list .item:first-child {
			border-left: 1px solid #21769B
		}

	.box-menu__list .item-title a {
		display: block;
		padding: 10px 0px;
		color: #ffffff;
		font-size: 16px;
		line-height: 25px;
		background: #02587B
	}

		.box-menu__list .item-title a:hover {
			background: #21769B
		}

.box-desc {
	width: 100%;
	clear: both;
	float: left;
	margin: 60px 0 0px 0
}

	.box-desc .title-top {
		margin-bottom: 0
	}

.box-desc__text {
	padding: 0 100px;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 10px;
	text-align: justify
}

.box-horizontal {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

.box-horizontal__title {
	font-size: 24px;
	line-height: 33.5px;
	font-weight: bold;
	color: #0b597a;
	margin-bottom: 20px;
	text-align: center
}

.box-horizontal__item {
	width: calc(100% / 3);
	float: left;
	padding: 20px 50px
}

.box-horizontal__item-image {
	width: 100%;
	clear: both;
	float: left;
	height: 60px;
	margin-bottom: 10px
}

	.box-horizontal__item-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		height: 100%
	}

.box-horizontal__item-title {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #0b597a;
	text-align: center;
	margin-bottom: 10px
}

.box-horizontal__item-desc {
	font-size: 16px;
	line-height: 23.5px;
	color: #666666;
	text-align: center
}

.box-2-col .box-horizontal__item {
	width: calc(100% / 2);
	float: left;
	padding: 0px 20px 0 0;
	margin-bottom: 20px;
	height: 90px;
	display: flex;
	align-items: center
}

.box-2-col .box-horizontal__item-image {
	height: 90px;
	float: left;
	width: 30%;
	margin-bottom: 0
}

	.box-2-col .box-horizontal__item-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto
	}

.box-2-col .box-horizontal__item-info {
	width: calc(100% - 30%);
	float: left;
	padding-left: 10px
}

.box-2-col .box-horizontal__item-title {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #0b597a;
	margin-bottom: 10px;
	text-align: left
}

.box-2-col .box-horizontal__item-desc {
	font-size: 16px;
	line-height: 23.5px;
	color: #666666;
	text-align: left;
	max-height: 47px;
	overflow: hidden
}

.box-vetical {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

.box-vetical__title {
	font-size: 24px;
	line-height: 33.5px;
	font-weight: bold;
	color: #0b597a;
	margin-bottom: 20px;
	text-align: center
}

.box-vetical__content-left, .box-vetical__content-center, .box-vetical__content-right {
	width: calc(100% / 3);
	float: left;
	height: 410px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 30px 0
}

.box-vetical__content-box {
	width: 100%;
	clear: both;
	float: left
}

.box-vetical__content-center {
	padding: 0 50px
}

	.box-vetical__content-center img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%
	}

.box-vetical__content-item {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

	.box-vetical__content-item:last-child {
		margin-bottom: 0
	}

.box-vetical__content-item__image {
	float: left;
	padding: 8px 0
}

	.box-vetical__content-item__image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 60px;
		height: 60px
	}

.box-vetical__content-item__info {
	width: calc(100% - 60px);
	padding-left: 20px;
	float: right
}

.box-vetical__content-item__title {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #0b597a;
	margin-bottom: 5px
}

.box-vetical__content-item__desc {
	font-size: 16px;
	line-height: 23.5px;
	color: #666666
}

.product-compare {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

.product-compare__title {
	width: 100%;
	clear: both;
	float: left
}

#owl-home-articles-slider-news1 {
	width: 100%;
	clear: both;
	float: left;
	padding: 0 40px
}

	#owl-home-articles-slider-news1 .slick-prev, #owl-home-articles-slider-news1 .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important
	}

		#owl-home-articles-slider-news1 .slick-prev:before, #owl-home-articles-slider-news1 .slick-next:before {
			display: none
		}

	#owl-home-articles-slider-news1 .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: 0
	}

	#owl-home-articles-slider-news1 .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: 0
	}

	#owl-home-articles-slider-news1 .item {
		padding: 0 60px;
		border: 1px solid #cccccc;
		overflow: hidden;
	}

	#owl-home-articles-slider-news1 .item-image {
		width: 100%;
		height: 240px;
		position: relative;
		padding: 10px 0;
		margin-bottom: 20px
	}

		#owl-home-articles-slider-news1 .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			height: 100%
		}

	#owl-home-articles-slider-news1 .item-image__hot {
		position: absolute;
		top: 5px;
		left: 5px
	}

		#owl-home-articles-slider-news1 .item-image__hot .hot, #owl-home-articles-slider-news1 .item-image__hot .sale, #owl-home-articles-slider-news1 .item-image__hot .new {
			display: block;
			color: #fff;
			margin-bottom: 10px;
			padding: 5px;
			text-transform: uppercase
		}

		#owl-home-articles-slider-news1 .item-image__hot .hot {
			background: #d62020
		}

		#owl-home-articles-slider-news1 .item-image__hot .sale {
			background: #125a79
		}

		#owl-home-articles-slider-news1 .item-image__hot .new {
			background: #b87b7b
		}

	#owl-home-articles-slider-news1 .item-image__maskup {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0
	}

		#owl-home-articles-slider-news1 .item-image__maskup a {
			display: inline-block;
			margin-bottom: 20px;
			color: #fff;
			border: 2px solid #fff;
			padding: 10px 0;
			text-align: center;
			border-radius: 5px;
			position: relative;
			opacity: 1;
			z-index: 10;
			font-weight: bold;
			margin: 0 20%;
			width: 60%
		}

			#owl-home-articles-slider-news1 .item-image__maskup a:hover {
				background: #ffffff;
				transition: 0.2s;
				color: #1295c4
			}

		#owl-home-articles-slider-news1 .item-image__maskup:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #1295c4;
			opacity: 0.6
		}

	#owl-home-articles-slider-news1 .item-image__maskup-info {
		width: 100%;
		clear: both;
		padding-bottom: 10px;
		height: 185px;
		overflow: hidden;
		display: flex;
		align-items: center
	}

		#owl-home-articles-slider-news1 .item-image__maskup-info li {
			padding-left: 15px;
			position: relative;
			line-height: 25px;
			margin-bottom: 10px;
			font-size: 14px;
			height: 25px;
			overflow: hidden;
			color: #ffffff
		}

			#owl-home-articles-slider-news1 .item-image__maskup-info li:nth-child(n+5) {
				display: none
			}

			#owl-home-articles-slider-news1 .item-image__maskup-info li:before {
				content: "";
				display: inline-block;
				width: 5px;
				height: 5px;
				border-radius: 1000px;
				background: #ffffff;
				position: absolute;
				top: 8px;
				left: 0px
			}

		#owl-home-articles-slider-news1 .item-image__maskup-info a {
			border: none;
			width: 100%;
			margin: 0;
			font-weight: normal;
			text-align: left;
			padding: 15px
		}

			#owl-home-articles-slider-news1 .item-image__maskup-info a:hover {
				background: transparent
			}

	#owl-home-articles-slider-news1 .item-title {
		width: 100%;
		clear: both;
		float: left;
		font-size: 17px;
		line-height: 25px;
		min-height: 50px;
		max-height: 75px;
		overflow: hidden;
		display: block;
		padding: 10px 0
	}

	#owl-home-articles-slider-news1 .item-short-info {
		width: 100%;
		clear: both;
		float: left;
		padding-bottom: 10px
	}

		#owl-home-articles-slider-news1 .item-short-info li {
			padding-left: 15px;
			position: relative;
			line-height: 25px;
			margin-bottom: 10px;
			font-size: 14px
		}

			#owl-home-articles-slider-news1 .item-short-info li:before {
				content: "";
				display: inline-block;
				width: 5px;
				height: 5px;
				border-radius: 1000px;
				background: #22b2e6;
				position: absolute;
				top: 8px;
				left: 0px
			}

	#owl-home-articles-slider-news1 .item-price {
		width: 100%;
		clear: both;
		float: left
	}

		#owl-home-articles-slider-news1 .item-price span {
			float: left;
			font-size: 16px
		}

		#owl-home-articles-slider-news1 .item-price p {
			/* float: right; */
			color: #23b1e5;
			font-size: 16px;
		}

	#owl-home-articles-slider-news1 .item:hover .item-image__maskup {
		opacity: 1;
		visibility: inherit;
		transition: 0.2s
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	#owl-home-articles-slider-news1 {
		padding: 40px 0
	}

		#owl-home-articles-slider-news1 .slick-prev, #owl-home-articles-slider-news1 .slick-next {
			display: none !important
		}

		#owl-home-articles-slider-news1 .item {
			padding: 0 10px
		}
}

.product-history {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

.product-history__title {
	width: 100%;
	clear: both;
	float: left
}

#owl-home-articles-slider-news {
	width: 100%;
	clear: both;
	float: left;
	padding: 0 40px
}

	#owl-home-articles-slider-news .slick-prev, #owl-home-articles-slider-news .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important
	}

		#owl-home-articles-slider-news .slick-prev:before, #owl-home-articles-slider-news .slick-next:before {
			display: none
		}

	#owl-home-articles-slider-news .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: 0
	}

	#owl-home-articles-slider-news .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: 0
	}

	#owl-home-articles-slider-news .item {
		border: 1px solid #ccc;
		border-left: none;
		padding: 20px
	}

		#owl-home-articles-slider-news .item:first-child {
			border-left: 1px solid #ccc
		}

	#owl-home-articles-slider-news .item-image {
		width: 100%;
		height: 200px;
		margin-bottom: 20px
	}

		#owl-home-articles-slider-news .item-image img {
			/* max-width: 100%; */
			/* max-height: 100%; */
			object-fit: cover;
			display: block;
			margin: 0 auto;
			/* height: 100%; */
		}

	#owl-home-articles-slider-news .item-title {
		line-height: 24.5px;
		font-weight: bold;
		text-transform: uppercase;
		color: #333333;
		text-align: center;
		height: 49px;
		overflow: hidden
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	#owl-home-articles-slider-news {
		padding: 0
	}

		#owl-home-articles-slider-news .slick-prev, #owl-home-articles-slider-news .slick-next {
			display: none !important
		}
}

.faq {
	width: 100%;
	clear: both;
	float: left
}

.faq-item {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

.faq-item__title {
	width: 100%;
	clear: both;
	float: left;
	position: relative;
	background: #0b597a;
	line-height: 45px;
	padding: 0 20px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	border-radius: 5px
}

	.faq-item__title:before {
		content: "\f077";
		font-family: FontAwesome;
		font-weight: 400;
		text-decoration: inherit;
		color: #fff;
		font-size: 18px;
		padding-right: 5px;
		position: absolute;
		top: 0px;
		right: 10px
	}

	.faq-item__title.active:before {
		content: "\f078"
	}

.faq-item__child {
	width: 100%;
	clear: both;
	float: left;
	display: none
}

.faq-item__child-item {
	width: 100%;
	clear: both;
	float: left;
	border-bottom: 1px solid #e4e4e4
}

	.faq-item__child-item:last-child {
		border-bottom: none
	}

.faq-item__child-title {
	width: 100%;
	clear: both;
	float: left;
	padding: 20px 10px 20px 35px;
	font-size: 16px;
	position: relative;
	line-height: 30px;
	font-weight: bold;
	cursor: pointer
}

	.faq-item__child-title:before {
		content: "\f055";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: 400;
		text-decoration: inherit;
		color: #22b2e6;
		font-size: 25px;
		padding-right: .5em;
		position: absolute;
		left: 0;
		line-height: 30px
	}

	.faq-item__child-title.active:before {
		content: "\f056"
	}

.faq-item__child-content {
	width: 100%;
	clear: both;
	float: left;
	padding-left: 35px;
	display: none
}

.faq-item__child-text {
	width: 100%;
	clear: both;
	float: left;
	padding: 20px 0px 20px 0px;
	font-size: 16px;
	position: relative;
	line-height: 30px;
	font-weight: bold;
	cursor: pointer
}

.form {
	width: 100%;
	clear: both;
	float: left;
	background: #5bc9f2;
	padding: 40px 30px;
	border-radius: 5px
}

.form-box {
	width: 100%;
	clear: both;
	float: left
}

.form-notificate {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px;
	background: #37758c;
	padding: 10px;
	line-height: 25px;
	color: #ffffff;
	position: relative
}

.form-notificate__close {
	position: absolute;
	right: -12px;
	top: -12px;
	display: block
}

	.form-notificate__close i {
		background: red;
		border-radius: 25px;
		height: 25px;
		width: 25px;
		line-height: 25px;
		text-align: center;
		cursor: pointer
	}

.form-component {
	width: 400px !important;
	display: grid;
	float: none;
	margin: 20px auto
}

.form-title {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

.form-title__title {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 20px
}

.form-title__subtitle {
	font-size: 13.5px;
	color: #ffffff;
	font-style: italic
}

.form-content {
	width: 100%;
	clear: both;
	float: left
}

.form-group {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 10px
}

.form-control {
	height: 40px;
	width: 100%;
	border-radius: 5px;
	border: none;
	padding: 7px 15px;
	font-family: Lato !important;
	font-size: 15px;
	background: #ffffff
}

.form textarea.form-control {
	height: 120px
}

.form-image {
	position: relative;
	width: 100%;
	cursor: pointer;
	margin-bottom: 15px
}

	.form-image input[type=file] {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1
	}

	.form-image label {
		position: relative;
		color: #8b8888 !important;
		line-height: 40px !important;
		display: block;
		padding: 0 10px;
		width: 100%;
		cursor: pointer;
		background: #ffffff;
		border-radius: 5px
	}

		.form-image label:before {
			font: normal normal normal 20px/1 FontAwesome;
			content: "\f0ee";
			position: absolute;
			top: 0px;
			right: 0;
			display: inline-block;
			height: 40px;
			background: #0b597a;
			color: #fff;
			font-weight: 700;
			font-size: 16px;
			line-height: 45px;
			padding: 0 15px;
			text-transform: uppercase;
			pointer-events: none;
			border-radius: 0 5px 5px 0;
			cursor: pointer
		}

.form label {
	float: left;
	color: #ffffff;
	line-height: 50px
}

.form .rating-star {
	float: right
}

	.form .rating-star i {
		color: #fff;
		line-height: 50px;
		font-size: 20px;
		margin-left: 0;
		cursor: pointer;
		float: left;
		margin-left: 2px
	}

.form-submit {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 10px
}

.form-submit__btn {
	width: 100%;
	clear: both;
	float: left;
	padding: 15px;
	background: #0b597a;
	color: #fff;
	border: none
}

	.form-submit__btn:hover {
		box-shadow: 0 15px 10px -10px rgba(31,31,31,0.5);
		transition: 0.2s
	}

.form-submit__button {
	width: 100%;
	clear: both;
	float: left;
	padding: 15px;
	background: #0b597a;
	color: #fff;
	border: none
}

	.form-submit__button:hover {
		box-shadow: 0 15px 10px -10px rgba(31,31,31,0.5);
		transition: 0.2s
	}

::-webkit-input-placeholder {
	font-family: Lato !important;
	font-size: 15px
}

:-ms-input-placeholder {
	font-family: Lato !important;
	font-size: 15px
}

::placeholder {
	font-family: Lato !important;
	font-size: 15px
}

.related-news {
	width: 100%;
	clear: both;
	float: left
}

	.related-news .slick-prev, .related-news .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important
	}

		.related-news .slick-prev:before, .related-news .slick-next:before {
			display: none
		}

	.related-news .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: -50px
	}

	.related-news .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: -50px
	}

.related-news__item {
	padding: 0 15px
}

.related-news__item-image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 258px
}

.related-news__item-time {
	color: #999;
	padding: 20px 0 10px
}

.related-news__item-title {
	font-size: 16px;
	line-height: 22.5px;
	color: #333333;
	font-weight: bold
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.related-news .slick-prev, .related-news .slick-next {
		display: none !important
	}
}

.document {
	width: 100%;
	clear: both;
	float: left
}

.document-box {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

.document-item {
	width: calc(100% / 4 - 1%);
	float: left;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	margin-right: 1%
}

	.document-item:last-child {
		margin-right: 0
	}

.document-item__download {
	height: 100px;
	display: flex;
	align-items: center
}

.document-item__download-icon {
	width: 100%
}

	.document-item__download-icon img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 25px;
		height: 25px;
		margin-bottom: 5px
	}

	.document-item__download-icon p {
		text-align: center;
		font-weight: bold;
		color: #22b2e6
	}

.document-item__name {
	width: 100%;
	clear: both;
	float: left;
	text-align: center;
	background: #22b2e6;
	color: #ffffff;
	font-weight: bold;
	padding: 15px
}

.product-spec {
	width: 100%;
	clear: both;
	float: left;
	column-count: 2;
	column-gap: 20px
}

.product-spec__item {
	width: 100%;
	clear: both;
	float: left;
	break-inside: avoid;
	margin-bottom: 20px
}

.product-spec__title {
	width: 100%;
	clear: both;
	float: left;
	color: #999;
	text-align: left;
	padding: 10px 0 20px;
	text-transform: uppercase;
	line-height: 26.5px
}

.product-spec__table {
	width: 100%;
	clear: both;
	float: left
}

	.product-spec__table table {
		width: 100%
	}

		.product-spec__table table tr:nth-child(2n+2) {
			background: #ecfaff
		}

		.product-spec__table table tr td {
			padding: 10px
		}

			.product-spec__table table tr td:nth-child(2n+1) {
				font-weight: bold;
				width: 50%
			}

			.product-spec__table table tr td:nth-child(2n+2) {
				color: #666;
				width: 50%
			}

.review {
	width: 100%;
	clear: both;
	float: left;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 20px;
	padding-bottom: 24px
}

	.review .-box {
		width: 100%;
		clear: both;
		float: left
	}

.review-title {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 10px
}

.review-title__name {
	float: left;
	font-weight: bold;
	color: #22b2e6;
	line-height: 26px
}

	.review-title__name span {
		font-weight: normal
	}

.review-title__rank {
	float: right
}

.review-content__subject {
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 10px
}

.review-content__confirm {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 10px
}

	.review-content__confirm i {
		color: #22afeb
	}

.review-content__detail {
	line-height: 23.5px;
	color: #666666;
	white-space: pre-line
}

.rating-show-start i {
	line-height: 26px;
	margin-left: -4px;
	font-size: 15px;
	color: #22b2e6
}

.popup-document {
	display: none;
	width: 350px
}

.popup-document__title {
	font-weight: bold;
	text-transform: uppercase;
	font-weight: 18px;
	line-height: 22.5px;
	text-align: center;
	margin-bottom: 5px
}

.popup-document__subtitle {
	font-size: 13px;
	font-style: italic;
	text-align: center;
	margin-bottom: 30px
}

.popup-document .form-control {
	border: 1px solid #e4e4e4
}

.popup-document .form-submit {
	width: 100%;
	text-align: center;
	margin-top: 10px
}

.popup-document .form-submit__document {
	background: #22b2e6;
	padding: 10px 50px;
	border: none;
	text-transform: uppercase;
	color: #ffffff;
	border-radius: 5px
}

.popup-document .form-submit p {
	margin-top: 10px
}

.popup-document .form-submit a {
	color: #2bafe1
}

.popup-hotline {
	width: 350px;
	display: none
}

.popup-hotline__title {
	text-align: center !important;
	font-size: 17px !important;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	text-transform: uppercase
}

.popup-hotline p {
	line-height: 22px;
	margin-bottom: 10px;
	font-size: 15px;
	text-align: justify
}

.popup-hotline__phone {
	padding-left: 15px;
	position: relative
}

	.popup-hotline__phone:before {
		content: '';
		position: absolute;
		top: 7px;
		left: 0;
		display: inline-block;
		width: 6px;
		height: 6px;
		background: #dc0021;
		border-radius: 100%
	}

.popup-advisory {
	display: none;
	width: 350px;
	padding: 25px
}

.popup-advisory__title {
	font-weight: bold;
	text-transform: uppercase;
	font-weight: 18px;
	line-height: 22.5px;
	text-align: center;
	margin-bottom: 5px
}

.popup-advisory__subtitle {
	font-size: 13px;
	font-style: italic;
	text-align: center;
	margin-bottom: 30px
}

.popup-advisory .form-control {
	border: 1px solid #e4e4e4
}

.popup-advisory .form-submit {
	width: 100%;
	text-align: center;
	margin-top: 10px
}

.popup-advisory .form-submit__advisory {
	background: #22b2e6;
	padding: 10px 50px;
	border: none;
	text-transform: uppercase;
	color: #ffffff;
	border-radius: 5px
}

.popup-advisory .form-submit__advisory-prd {
	background: #22b2e6;
	padding: 10px 50px;
	border: none;
	text-transform: uppercase;
	color: #ffffff;
	border-radius: 5px
}

.popup-advisory .form-submit p {
	margin-top: 10px
}

.popup-advisory .form-submit a {
	color: #2bafe1
}

.popup-360 {
	display: none;
	width: 100%
}

.popup-360__title {
	text-align: center;
	font-weight: bold
}

.spritespin {
	margin: 0 auto
}

.spritespin-canvas {
	height: 500px !important;
	width: auto !important
}

.short-intro {
	width: 100%;
	clear: both;
	float: left;
	background: #efefef;
	padding: 20px
}

.short-intro__list {
	width: 100%;
	clear: both;
	float: left
}

	.short-intro__list.no-warranty .short-intro__list-item {
		width: calc(100% / 3)
	}

.short-intro__list-item {
	width: calc(100% / 4);
	float: left
}

.short-intro__list-item__icon {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px
}

	.short-intro__list-item__icon img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%;
		height: 100%
	}

.short-intro__list-item__text {
	width: calc(100% - 40px - 10px);
	float: right;
	line-height: 20px;
	color: #125a79;
	max-height: 40px;
	overflow: hidden;
	text-transform: uppercase
}

	.short-intro__list-item__text span {
		font-weight: bold
	}

.banner {
	width: 100%;
	clear: both;
	float: left
}

.banner-image {
	width: 100%
}

	.banner-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%
	}

.filter {
	width: 100%;
	clear: both;
	float: left;
	position: relative;
	background: #ffffff;
	padding: 30px 0 0;
	z-index: 2
}

.filter-background {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #000000;
	opacity: 0;
	visibility: hidden;
	z-index: 1
}

	.filter-background.active {
		opacity: 0.5;
		visibility: inherit;
		transition: 0.5s
	}

.filter-list {
	width: 100%;
	clear: both;
	float: left;
	border-bottom: 1px solid #cccccc
}

.filter-link {
	width: 100%;
	clear: both;
	float: left;
	padding: 10px 0 10px 0
}

	.filter-link a {
		color: #23b1e5;
		font-size: 14px;
		line-height: 20px
	}

		.filter-link a i {
			margin-left: 5px;
			line-height: 20px
		}

.filter-item {
	width: calc(100% / 6);
	float: left;
	padding: 0 20px
}

.filter-item__title {
	font-size: 14px;
	line-height: 23.5px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px
}

.filter-item__tags {
	width: 100%;
	clear: both;
	float: left
}

.filter-item__tag {
	width: 100%;
	clear: both;
	float: left;
	padding: 8px 20px 8px 10px;
	margin-bottom: 10px;
	position: relative;
	float: left;
	background: #efefef;
	border-radius: 3px
}

.filter-item__tag-text {
	float: left;
	line-height: 20px;
	color: #656565
}

.filter-item__tag-remove {
	line-height: 36px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 5px;
	color: #b6b6b6;
	cursor: pointer
}

.filter-item:first-child {
	padding-left: 0
}

	.filter-item:first-child .filter-item__title {
		font-size: 18px;
		font-weight: bold;
		line-height: 26.5px;
		color: #0b597a;
		cursor: pointer
	}

		.filter-item:first-child .filter-item__title i {
			margin-left: 5px;
			font-weight: bold
		}

.filter-dropdown {
	width: 100%;
	clear: both;
	float: left;
	padding: 30px 0;
	display: none
}

.filter-dropdown__list {
	width: 100%;
	clear: both;
	float: left
}

.filter-dropdown__item {
	width: 100%;
	clear: both;
	float: left;
	padding: 20px 0 0;
	border-bottom: 1px solid #cccccc
}

.filter-dropdown__item-title {
	width: 300px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px
}

.filter-dropdown__item-content {
	width: calc(100% - 300px);
	float: left
}

.filter-dropdown__item-content__form {
	width: calc(100% / 4);
	float: left;
	margin-bottom: 20px;
	line-height: 25px;
	color: #999999
}

	.filter-dropdown__item-content__form label {
		cursor: pointer
	}

.filter-dropdown__submit {
	width: 100%;
	clear: both;
	float: left;
	padding: 30px 0 0;
	text-align: center
}

	.filter-dropdown__submit .btn {
		margin-right: 10px
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.filter-item:first-child .filter-item__title {
		font-size: 17px
	}
}

.product-list {
	width: 100%;
	clear: both;
	float: left;
	padding: 60px
}

.product-list__header {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.product-list__header-title {
	float: left
}

.product-list__header-title__text {
	font-weight: bold;
	color: #0b597a;
	font-size: 16px;
	line-height: 29.5px
}

.product-list__header-order {
	float: right
}

.product-list__header-order__text {
	line-height: 29.5px;
	float: left;
	margin-right: 30px;
	color: #949494
}

.product-list__header-order__form {
	float: left;
	margin-right: 30px;
	line-height: 29.5px
}

	.product-list__header-order__form label {
		color: #333333;
		cursor: pointer
	}

.product-list__content {
	width: 100%;
	clear: both;
	float: left;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #cccccc;
	margin-left: 0;
}

	.product-list__content .item {
		padding: 0 60px;
		border-right: 1px solid #cccccc;
		/* width: calc(100% / 3); */
		float: left;
		margin-bottom: 60px;
		min-height: 370px;
	}

		.product-list__content .item:nth-child(3n+3) {
			/* border-right: none */
		}

	.product-list__content .item-image {
		width: 100%;
		height: 240px;
		position: relative;
		padding: 10px 0;
		margin-bottom: 20px
	}

		.product-list__content .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			/* height: 100%; */
		}

	.product-list__content .item-image__hot {
		position: absolute;
		top: 5px;
		left: 5px
	}

		.product-list__content .item-image__hot .hot, .product-list__content .item-image__hot .sale {
			display: block;
			color: #fff;
			margin-bottom: 10px;
			padding: 5px
		}

		.product-list__content .item-image__hot .hot {
			background: #d62020
		}

		.product-list__content .item-image__hot .sale {
			background: #125a79
		}

	.product-list__content .item-image__maskup {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0
	}

		.product-list__content .item-image__maskup a {
			display: inline-block;
			margin-bottom: 20px;
			color: #fff;
			border: 2px solid #fff;
			padding: 10px 0;
			text-align: center;
			border-radius: 5px;
			position: relative;
			opacity: 1;
			z-index: 10;
			font-weight: bold;
			margin: 0 20%;
			width: 60%
		}

			.product-list__content .item-image__maskup a:hover {
				background: #ffffff;
				transition: 0.2s;
				color: #1295c4
			}

		.product-list__content .item-image__maskup:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #1295c4;
			opacity: 0.6
		}

	.product-list__content .item-image__maskup-info {
		width: 100%;
		clear: both;
		padding-bottom: 10px;
		height: 185px;
		overflow: hidden;
		display: flex;
		align-items: center
	}

		.product-list__content .item-image__maskup-info li {
			padding-left: 15px;
			position: relative;
			line-height: 25px;
			margin-bottom: 10px;
			font-size: 14px;
			height: 25px;
			overflow: hidden;
			color: #ffffff
		}

			.product-list__content .item-image__maskup-info li:nth-child(n+5) {
				display: none
			}

			.product-list__content .item-image__maskup-info li:before {
				content: "";
				display: inline-block;
				width: 5px;
				height: 5px;
				border-radius: 1000px;
				background: #ffffff;
				position: absolute;
				top: 8px;
				left: 0px
			}

		.product-list__content .item-image__maskup-info a {
			border: none;
			width: 100%;
			margin: 0;
			font-weight: normal;
			text-align: left;
			padding: 15px
		}

			.product-list__content .item-image__maskup-info a:hover {
				background: transparent
			}

	.product-list__content .item-title {
		width: 100%;
		clear: both;
		float: left;
		font-size: 17px;
		line-height: 25px;
		min-height: 50px;
		max-height: 85px;
		overflow: hidden;
		display: block;
		padding: 10px 0 25px 0
	}

	.product-list__content .item-price {
		width: 100%;
		/* clear: both; */
		/* float: left */
	}

		.product-list__content .item-price span {
			float: left;
			font-size: 16px
		}

		.product-list__content .item-price p {
			/* float: right; */
			color: #23b1e5;
			font-size: 16px;
		}

	.product-list__content .item:hover .item-image__maskup {
		opacity: 1;
		visibility: inherit;
		transition: 0.2s
	}

.product-list__paginate {
	width: 100%;
	clear: both;
	float: left
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.product-list {
		padding: 60px 10px
	}
}

.call-us {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.call-us__left {
	width: 50%;
	float: left;
	text-align: center;
	padding-left: calc(50% - 320px)
}

	.call-us__left p {
		line-height: 22px;
		margin-bottom: 5px;
		float: left;
		clear: both;
		width: 100%
	}

	.call-us__left a {
		font-size: 15px;
		line-height: 22.5px;
		color: #ffffff;
		background: #d62020;
		padding: 15px 0;
		border-radius: 5px;
		display: inline-block;
		width: 300px
	}

.call-us__right { /* width:50%; */ /* float:right; */
	text-align: center; /* padding-right:calc(50% - 320px); */
}

	.call-us__right p {
		line-height: 22px;
		margin-bottom: 5px;
		font-size: 25px;
		text-transform: uppercase;
		margin-bottom: 10px;
		color: red;
		font-weight: bold;
	}

	.call-us__right a {
		font-size: 25px;
		line-height: 22.5px;
		color: #ffffff;
		background: #2c3791;
		padding: 15px 0;
		border-radius: 5px;
		display: inline-block;
		width: 300px;
	}

.cate-detail {
	width: 100%;
	clear: both;
	float: left;
	padding: 0 0 30px 0
}

.page-title {
	width: 100%;
	clear: both;
	float: left;
	position: relative;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important
}

	.page-title:after {
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(to top, #333, transparent);
		position: absolute;
		z-index: 1
	}

	.page-title .breadcrumb ul li a {
		color: #ffffff
	}

	.page-title .breadcrumb ul li:after {
		color: #ffffff
	}

.page-title__text {
	width: 100%;
	clear: both;
	float: left;
	padding: 150px 0 50px 0;
	color: #ffffff;
	z-index: 2;
	position: relative;
	text-align: center
}

.page-title__text--big {
	color: #ffffff;
	font-size: 27px;
	font-weight: bold;
	line-height: 22.5px;
	margin-bottom: 10px
}

.page-title__text--small {
	color: #ffffff;
	line-height: 24.5px
}

.page-title__link {
	width: 100%;
	clear: both;
	float: left;
	z-index: 2;
	position: relative;
	text-align: center;
	margin: -30px 0 30px 0
}

	.page-title__link a i {
		margin-left: 5px
	}

.service-option {
	width: 100%;
	clear: both;
	float: left;
	padding: 30px 0 60px 0
}

.service-option__table {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

	.service-option__table table {
		width: 100% !important
	}

		.service-option__table table tr th, .service-option__table table tr td {
			text-align: center;
			border-right: 1px solid #e6e6e6
		}

			.service-option__table table tr th:last-child, .service-option__table table tr td:last-child {
				border-right: none
			}

		.service-option__table table tr th {
			background: #53caf6;
			color: #ffffff;
			padding: 10px 20px
		}

		.service-option__table table tr td {
			background: #f7f7f7;
			padding: 20px
		}

			.service-option__table table tr td p {
				color: #05a7e1;
				font-weight: bold;
				margin-bottom: 5px
			}

			.service-option__table table tr td a {
				background: #0b597a;
				color: #ffffff;
				padding: 10px 20px;
				display: block
			}

.service-option__compare {
	width: 100%;
	clear: both;
	float: left
}

.service-option__compare-title {
	width: 100%;
	clear: both;
	float: left;
	line-height: 26.5px;
	color: #999999;
	margin-bottom: 20px
}

.service-option__compare table {
	width: 100% !important
}

	.service-option__compare table tr td {
		padding: 5px 0;
		background: #ecfaff;
		border: 1px solid #e6e6e6;
		text-align: center;
		color: #0a5a78;
		line-height: 30px
	}

		.service-option__compare table tr td span {
			text-align: center;
			display: block;
			color: #0a5a78;
			line-height: 18px
		}

		.service-option__compare table tr td[colspan] {
			background: #fff;
			border: none;
			padding: 20px 0 10px 0;
			font-weight: bold;
			font-size: 18px;
			text-align: left
		}

.company-vision {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 30px
}

.company-vision__title {
	width: 100%;
	clear: both;
	float: left;
	text-align: center;
	font-weight: bold;
	line-height: 42px;
	font-size: 18px;
	color: #294c59;
	margin-bottom: 10px
}

.company-vision .vision {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.company-vision .vision__desc {
	width: 100%;
	clear: both;
	float: left;
	line-height: 24.5px;
	font-size: 15px;
	color: #666666;
	margin-bottom: 10px;
	text-align: center;
	padding: 0 50px
}

.company-vision .vision__image {
	width: calc(100% + 100px);
	margin: 0 -50px
}

	.company-vision .vision__image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%
	}

.company-vision .vision .list-title {
	text-align: left;
	background: #ffffff;
	margin-top: -100px;
	float: none;
	display: block;
	width: 580px;
	padding: 70px 0 0 40px;
	position: absolute;
	z-index: 0
}

.company-vision .vision__list {
	padding: 30px 30px 0 40px
}

	.company-vision .vision__list ul {
		float: left;
		display: flex;
		flex-wrap: wrap
	}

		.company-vision .vision__list ul li {
			width: 50%;
			float: left;
			padding: 0 20px 10px 30px;
			line-height: 26px;
			background: url("../image/icon/giotnuocxanh.png") no-repeat;
			background-position: 0px 5px;
			background-size: auto 15px
		}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.company-vision .vision__image {
		width: 100%;
		margin: 0
	}
}

.core-values {
	width: 100%;
	clear: both;
	float: left
}

.core-values__list {
	width: 100%;
	clear: both;
	float: left;
	text-align: center
}

.core-values__list-item {
	width: calc(100% / 6);
	padding: 20px;
	display: inline-block
}

.core-values__list-item__image {
	height: 50px;
	margin-bottom: 10px
}

	.core-values__list-item__image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		height: 100%
	}

.core-values__list-item__text {
	text-align: center;
	font-size: 15px;
	line-height: 24px;
	color: #05a7e1;
	font-weight: bold
}

.company-prize__desc {
	width: 100%;
	clear: both;
	float: left;
	line-height: 24.5px;
	font-size: 15px;
	color: #666666;
	margin-bottom: 10px;
	text-align: center;
	padding: 0 50px;
	margin-bottom: 30px
}

.timeline1 {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.timeline1-list {
	width: 100%;
	clear: both;
	float: left
}

.timeline1-load {
	width: 100%;
	clear: both;
	float: left;
	padding: 20px 0;
	text-align: center
}

	.timeline1-load a {
		color: #05a7e1;
		line-height: 20px;
		font-weight: bold
	}

.timeline1-item {
	width: 50%;
	clear: both;
	padding: 10px 0px
}

.timeline1-item__title {
	font-size: 15px;
	line-height: 24px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 5px
}

.timeline1-item__content-text {
	font-size: 18px;
	color: #05a7e1;
	line-height: 24px;
	margin-bottom: 5px;
	font-weight: bold
}

.timeline1-item__content-text--small {
	font-size: 14px;
	line-height: 24px;
	color: #666666
}

.timeline1-item:nth-child(2n+1) {
	float: left;
	text-align: right
}

	.timeline1-item:nth-child(2n+1) .timeline1-item__title {
		padding-right: 20px
	}

	.timeline1-item:nth-child(2n+1) .timeline1-item__content {
		border-right: 1px solid #cccccc;
		padding: 0 20px 20px 0;
		width: 350px;
		float: right
	}

.timeline1-item:nth-child(2n+2) {
	float: right;
	text-align: left
}

	.timeline1-item:nth-child(2n+2) .timeline1-item__title {
		padding-left: 20px
	}

	.timeline1-item:nth-child(2n+2) .timeline1-item__content {
		border-left: 1px solid #cccccc;
		padding: 0 0 20px 20px;
		width: 350px;
		float: left
	}

.company-history {
	width: 100%;
	clear: both;
	float: left
}

.timeline2 {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

.timeline2-list {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

	.timeline2-list .item {
		width: 50%;
		clear: both;
		position: relative;
		margin-top: -120px
	}

	.timeline2-list .item-icon {
		position: absolute;
		background: url("../image/icon/giotnuoc.png");
		height: 74px;
		width: 60px
	}

	.timeline2-list .item-icon__text {
		text-align: center;
		font-size: 12px;
		line-height: 16px;
		padding: 28px 0;
		color: #ffffff
	}

		.timeline2-list .item-icon__text span {
			display: block;
			font-size: 18px;
			font-weight: bold
		}

	.timeline2-list .item-box {
		border: 1px solid #05a7e1;
		border-radius: 5px;
		margin-top: 20px;
		width: 310px;
		position: relative
	}

	.timeline2-list .item-box__title {
		width: 100%;
		clear: both;
		float: left;
		background: #05a7e1;
		color: #ffffff;
		padding: 15px;
		text-align: center
	}

	.timeline2-list .item-box__image {
		width: 100%;
		clear: both;
		float: left
	}

		.timeline2-list .item-box__image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%
		}

	.timeline2-list .item-box__desc {
		width: 100%;
		clear: both;
		float: left;
		text-align: justify;
		padding: 20px;
		font-size: 13px;
		line-height: 20px;
		color: #666666
	}

	.timeline2-list .item:after {
		content: "";
		width: 2px;
		background: #05a7e1;
		display: block;
		top: 90px;
		bottom: 140px;
		position: absolute
	}

	.timeline2-list .item:nth-child(1) {
		margin-top: 0
	}

	.timeline2-list .item.noborder:after {
		display: none
	}

	.timeline2-list .item:last-child:after {
		display: none
	}

	.timeline2-list .item:nth-child(2n+1) {
		float: left;
		padding-right: 60px
	}

		.timeline2-list .item:nth-child(2n+1) .item-icon {
			right: -30px
		}

		.timeline2-list .item:nth-child(2n+1) .item-box {
			float: right
		}

			.timeline2-list .item:nth-child(2n+1) .item-box:before {
				position: absolute;
				top: 17px;
				right: -7px;
				display: inline-block;
				border-top: 7px solid transparent;
				border-left: 7px solid #05a7e1;
				border-right: 0 solid #05a7e1;
				border-bottom: 7px solid transparent;
				content: " "
			}

		.timeline2-list .item:nth-child(2n+1):after {
			right: 0
		}

	.timeline2-list .item:nth-child(2n+2) {
		float: right;
		padding-left: 60px
	}

		.timeline2-list .item:nth-child(2n+2) .item-icon {
			left: -30px
		}

		.timeline2-list .item:nth-child(2n+2) .item-box {
			float: left
		}

			.timeline2-list .item:nth-child(2n+2) .item-box:before {
				position: absolute;
				top: 17px;
				left: -7px;
				display: inline-block;
				border-top: 7px solid transparent;
				border-left: 0px solid transparent;
				border-right: 7px solid #05a7e1;
				border-bottom: 7px solid transparent;
				content: " "
			}

		.timeline2-list .item:nth-child(2n+2):after {
			left: 0
		}

.timeline2-load {
	width: 100%;
	clear: both;
	float: left;
	padding: 20px 0;
	text-align: center
}

	.timeline2-load a {
		color: #05a7e1;
		line-height: 20px;
		font-weight: bold
	}

.prize {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

	.prize .slick-prev, .prize .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important;
		z-index: 1
	}

		.prize .slick-prev:before, .prize .slick-next:before {
			display: none
		}

	.prize .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: -40px
	}

	.prize .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: -40px
	}

	.prize .item {
		padding: 10px
	}

		.prize .item img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%
		}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.prize .slick-prev, .prize .slick-next {
		display: none !important
	}
}

.business-field {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

.business-field__info {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.business-field__info-left p, .business-field__info-right p {
	line-height: 20px;
	margin-bottom: 15px
}

.business-field__info-left {
	width: 50%;
	float: left;
	padding-right: 20px
}

.business-field__info-right {
	width: 50%;
	float: right;
	padding-left: 20px
}

.business-field__list {
	width: 100%;
	clear: both;
	float: left
}

	.business-field__list .item {
		width: calc(100% / 3 - 5px);
		float: left;
		position: relative
	}

		.business-field__list .item:nth-child(2) {
			margin: 0 5px
		}

	.business-field__list .item-image {
		width: 100%
	}

		.business-field__list .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%
		}

	.business-field__list .item-title {
		position: absolute;
		bottom: 0;
		color: #ffffff;
		line-height: 20px;
		padding: 20px 100px;
		text-align: center
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.business-field__list .item-title {
		padding: 20px
	}
}

.news-box {
	width: 100%;
	clear: both;
	float: left
}

	.news-box .slick-prev, .news-box .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important;
		z-index: 1
	}

		.news-box .slick-prev:before, .news-box .slick-next:before {
			display: none
		}

	.news-box .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: -40px
	}

	.news-box .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: -40px
	}

.news-box__list {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

	.news-box__list .item {
		width: 100%;
		padding: 0 15px
	}

	.news-box__list .item-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%;
		height: 240px
	}

	.news-box__list .item-time {
		color: #999;
		padding: 20px 0 10px
	}

	.news-box__list .item-title {
		font-size: 16px;
		line-height: 22.5px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px
	}

	.news-box__list .item-desc {
		text-align: justify;
		line-height: 22px;
		color: #656565
	}

.news-box__load {
	width: 100%;
	clear: both;
	float: left;
	text-align: center;
	margin-bottom: 60px
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.news-box__list .slick-prev, .news-box__list .slick-next {
		display: none !important
	}
}

.compare-main {
	width: 100%;
	clear: both;
	float: left;
	margin: 30px 0
}

	.compare-main .title {
		text-align: left;
		font-weight: bold;
		color: #0b597a
	}

.compare-main__product {
	width: 100%;
	clear: both;
	float: left;
	display: table;
	margin-bottom: 30px
}

	.compare-main__product .item {
		width: calc(100% / 3);
		position: relative;
		border-right: 1px solid #cccccc;
		padding: 10px 50px;
		display: table-cell
	}

		.compare-main__product .item:first-child {
			border-left: 1px solid #cccccc
		}

	.compare-main__product .item-remove {
		position: absolute;
		right: 5px;
		top: 5px;
		cursor: pointer;
		display: block;
		padding: 5px
	}

	.compare-main__product .item-image {
		height: 150px;
		margin-bottom: 20px
	}

		.compare-main__product .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			height: 150px
		}

	.compare-main__product .item-title {
		font-size: 17px;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 25px;
		margin-bottom: 5px;
		text-align: center
	}

	.compare-main__product .item-price {
		color: #666;
		margin-bottom: 10px;
		text-align: center
	}

		.compare-main__product .item-price span {
			color: #23b1e5
		}

	.compare-main__product .item-maskup {
		text-align: center
	}

		.compare-main__product .item-maskup a {
			display: inline-block;
			margin-right: 5px;
			background: #d1d5d5;
			color: #ffffff;
			padding: 5px 15px;
			border-radius: 5px
		}

			.compare-main__product .item-maskup a:hover {
				background: #23b1e5;
				transition: 0.2s
			}

.compare-main__option {
	width: 100%;
	clear: both;
	float: left;
	margin-top: -80px
}

.compare-main__option-title {
	width: 100%;
	clear: both;
	float: left;
	color: #999999;
	line-height: 26.5px;
	margin: 15px 0
}

.compare-main__option-table {
	width: 100%;
	clear: both;
	float: left
}

	.compare-main__option-table table tr td {
		width: 30%;
		background: #ecfaff;
		padding: 10px 0;
		text-align: center;
		border: 1px solid #d3effa
	}

		.compare-main__option-table table tr td[colspan] {
			background: #ffffff;
			border: none;
			font-weight: bold;
			padding: 10px 0;
			font-size: 18px;
			color: #333333;
			text-align: left
		}

.compare-main__scroll {
	width: 100%;
	clear: both;
	float: left;
	opacity: 0;
	visibility: hidden
}

.compare-main__scroll-list {
	width: 1170px;
	margin: 0 auto;
	display: table
}

	.compare-main__scroll-list .item {
		width: calc(100% / 3);
		display: table-cell;
		border-right: 1px solid #cccccc
	}

		.compare-main__scroll-list .item:first-child {
			border-left: 1px solid #cccccc
		}

	.compare-main__scroll-list .item-image {
		height: 80px;
		float: left;
		padding: 10px;
		margin-right: 10px
	}

		.compare-main__scroll-list .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto
		}

	.compare-main__scroll-list .item-title {
		width: calc(100% - 90px);
		height: 80px;
		display: flex;
		align-items: center;
		text-transform: uppercase
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.compare-main__scroll-list {
		width: 960px
	}
}

.slidestrack {
	width: 100%;
	height: 800px;
	float: left
}

.slide-wrap {
	width: 100%;
	height: 800px
}

.home--noi-that {
	position: relative;
	overflow: hidden
}

	.home--noi-that .list-bg:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1
	}

	.home--noi-that .list-bg img {
		display: block;
		position: absolute;
		top: 0;
		bottom: auto;
		left: 0;
		right: auto;
		z-index: -1;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		transition: all .5s ease;
		width: 100%
	}

	.home--noi-that .list-item {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		height: 100%
	}

		.home--noi-that .list-item .slick-track {
			width: 100% !important
		}

		.home--noi-that .list-item .item {
			float: left;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			transition: all .5s ease;
			width: 70px !important;
			overflow: hidden;
			border-right: 1px solid rgba(255,255,255,0.5);
			height: 100%;
			position: relative;
			cursor: pointer;
			min-height: 800px
		}

			.home--noi-that .list-item .item:focus {
				outline: none !important
			}

			.home--noi-that .list-item .item .item-label {
				display: block;
				position: absolute;
				top: 0;
				bottom: auto;
				left: 0;
				right: auto;
				z-index: 1001;
				color: #fff;
				white-space: nowrap;
				transform-origin: top left;
				-webkit-transform: rotateZ(90deg);
				-moz-transform: rotateZ(90deg);
				transform: rotateZ(90deg);
				margin-left: 48px;
				margin-top: 32px;
				text-transform: uppercase;
				font-size: 15px;
				-webkit-transition: margin-top .5s ease;
				-moz-transition: margin-top .5s ease;
				transition: margin-top .5s ease;
				font-family: Lato-Bold !important;
				font-size: 14px
			}

			.home--noi-that .list-item .item .content {
				display: block;
				position: absolute;
				top: auto;
				bottom: 0;
				left: 0;
				right: 50%;
				z-index: 1001;
				display: none;
				padding: 0 90px 50px;
				color: #fff;
				width: 100%
			}

				.home--noi-that .list-item .item .content .title {
					margin-bottom: 10px
				}

					.home--noi-that .list-item .item .content .title span {
						display: block;
						color: #ffffff;
						text-align: left
					}

						.home--noi-that .list-item .item .content .title span:nth-child(1) {
							font-size: 14px;
							text-transform: uppercase;
							line-height: 140%;
							padding-bottom: 0
						}

						.home--noi-that .list-item .item .content .title span:nth-child(2) {
							font-size: 22px;
							line-height: 140%;
							font-family: Lato-Bold !important
						}

				.home--noi-that .list-item .item .content .category {
					text-transform: uppercase;
					font-size: 15px;
					margin: 0
				}

					.home--noi-that .list-item .item .content .category .excerpt {
						font-size: 15px;
						line-height: 140%;
						margin: 10px 0 10px
					}

						.home--noi-that .list-item .item .content .category .excerpt p {
							font-family: Lato-Light !important;
							font-size: 15px;
							margin: 10px 0
						}

				.home--noi-that .list-item .item .content .viewmore {
					position: relative
				}

			.home--noi-that .list-item .item:last-child {
				border-right: none
			}

			.home--noi-that .list-item .item.slick-current {
				width: calc(100% - (210px)) !important
			}

				.home--noi-that .list-item .item.slick-current .content {
					display: block;
					max-width: 1000px
				}

				.home--noi-that .list-item .item.slick-current .item-label {
					opacity: 0
				}

			.home--noi-that .list-item .item:not(.slick-current):hover {
				background-color: rgba(0,0,0,0.2)
			}

				.home--noi-that .list-item .item:not(.slick-current):hover .item-label {
					margin-top: 27px
				}

	.home--noi-that .slick-list img {
		height: 800px;
		object-fit: cover
	}

@media only screen and (max-width: 1400px) {
	.slidestrack {
		height: 500px !important
	}

	.slide-wrap {
		height: 500px !important
	}

	.home--noi-that .list-item .item {
		min-height: 500px !important
	}

	.home--noi-that .slick-list img {
		height: 500px !important
	}
}

.slide-group {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 40px;
	margin-bottom: 40px
}

	.slide-group .slick-prev, .slide-group .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important;
		z-index: 1
	}

		.slide-group .slick-prev:before, .slide-group .slick-next:before {
			display: none
		}

	.slide-group .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: -50px
	}

	.slide-group .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: -50px
	}

	.slide-group .heading-center {
		color: #00A6E4;
		margin-bottom: 10px
	}

	.slide-group .heading-center__title {
		color: #565656;
		font-size: 18px;
		line-height: 40px
	}

		.slide-group .heading-center__title span {
			color: #00A6E4;
			font-size: 33px
		}

	.slide-group .heading-center__border {
		background: #00A6E4;
		margin: 20px 0 20px 0
	}

	.slide-group .item-list {
		width: calc(100% / 3);
		float: left;
		position: relative;
		padding: 2.5px
	}

		.slide-group .item-list:nth-child(1), .slide-group .item-list:nth-child(2) {
			width: calc(100% / 2);
			float: left
		}

		.slide-group .item-list:after {
			content: "";
			top: 2.5px;
			left: 2.5px;
			right: 2.5px;
			bottom: 2.5px;
			background: linear-gradient(180deg, transparent, rgba(0,0,0,0.6)) !important;
			position: absolute;
			z-index: 1
		}

	.slide-group .item-list__image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		height: 250px;
		width: 100%
	}

	.slide-group .item-list__title {
		width: 100%;
		position: absolute;
		bottom: 15px;
		color: #ffffff;
		z-index: 2;
		font-size: 16px;
		text-align: center
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.slide-group__list .slick-prev, .slide-group__list .slick-next {
		display: none !important
	}
}

.working-process {
	width: 100%;
	clear: both;
	float: left;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	margin-bottom: 60px;
	padding: 40px 0 40px 0
}

	.working-process .heading-center__title {
		font-size: 33px;
		line-height: 40px
	}

.working-process__icon {
	width: 100%;
	clear: both;
	float: left;
	border: 2px dotted #ffffff;
	padding: 20px 0;
	border-radius: 20px
}

	.working-process__icon ul li {
		width: 25%;
		float: left;
		position: relative;
		padding: 0 10px
	}

		.working-process__icon ul li img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			height: 50px
		}

		.working-process__icon ul li:after {
			content: "";
			background: url("../image/icon/muiten.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			width: 31px;
			height: 23px;
			position: absolute;
			right: -15.5px;
			top: calc(50% - 11.5px)
		}

		.working-process__icon ul li:last-child:after {
			display: none
		}

.working-process__text {
	width: 100%;
	clear: both;
	float: left
}

	.working-process__text ul li {
		width: calc(100% / 4);
		float: left;
		text-align: center;
		color: #ffffff;
		font-size: 15px;
		line-height: 25px;
		position: relative;
		padding: 30px 10px 0 10px
	}

		.working-process__text ul li:before {
			content: "";
			width: 16px;
			height: 16px;
			border-radius: 16px;
			background: #ffffff;
			display: block;
			position: absolute;
			top: -8px;
			left: calc(50% - 8px)
		}

		.working-process__text ul li:after {
			content: "";
			width: 12px;
			height: 12px;
			border-radius: 12px;
			background: #00AEF0;
			display: block;
			position: absolute;
			top: -6px;
			left: calc(50% - 6px)
		}

.contacts {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

	.contacts .heading-fullwidth__title {
		color: #05a7e1;
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 20px
	}

		.contacts .heading-fullwidth__title span {
			color: #656565;
			font-size: 28px;
			line-height: 35px;
			margin-bottom: 5px
		}

.contacts-form {
	width: 50%;
	float: left;
	padding-right: 20px
}

.contacts-form__desc {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 10px;
	width: 80%
}

.contacts-form__link {
	margin-bottom: 10px
}

	.contacts-form__link a {
		color: #05a7e1;
		font-size: 14px;
		line-height: 25px
	}

.contacts-form .form-group {
	width: 100%;
	float: left
}

	.contacts-form .form-group input, .contacts-form .form-group textarea {
		width: 100%;
		padding: 10px;
		margin-bottom: 10px;
		border: 1px solid #dddddd;
		border-radius: 5px
	}

	.contacts-form .form-group input {
		height: 35px
	}

	.contacts-form .form-group textarea {
		height: 100px
	}

.contacts-image {
	width: 50%;
	float: right;
	padding-left: 20px;
	height: 524px;
	display: flex;
	align-items: center
}

	.contacts-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%
	}

.article {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px
}

.article-content {
	width: 70%;
	float: left
}

.article-title__text {
	font-size: 27px;
	font-weight: bold;
	line-height: 30px;
	color: #2ea3d6;
	display: block;
	margin: 0 0 20px 0
}

.article-time {
	float: left;
	font-size: 14px;
	color: #b6b6b6;
	margin-right: 20px;
	line-height: 27px
}

.article-share {
	float: left
}

	.article-share p {
		color: #b6b6b6;
		line-height: 27px;
		font-size: 14px;
		float: left;
		margin-right: 10px
	}

	.article-share ul {
		float: left
	}

		.article-share ul li {
			float: left;
			padding: 0 10px
		}

			.article-share ul li a {
				height: 18px;
				line-height: 27px
			}

				.article-share ul li a img {
					max-width: 100%;
					max-height: 100%;
					object-fit: cover;
					display: block;
					margin: 0 auto;
					width: 18px;
					height: 18px
				}

.article-detail {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 20px
}

.sidebar {
	width: 30%;
	float: right;
	padding-left: 30px
}

.sidebar-title {
	font-size: 24px;
	color: #666666;
	line-height: 27.5px;
	margin-bottom: 20px
}

.sidebar-banner {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 40px
}

	.sidebar-banner img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%
	}

.sidebar-news {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 40px
}

.sidebar-news__list-item {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

.sidebar-news__list-item__image {
	width: 100px;
	height: 85px;
	float: left
}

	.sidebar-news__list-item__image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%;
		height: 100%;
		border-radius: 3px
	}

.sidebar-news__list-item__info {
	width: calc(100% - 100px);
	float: right;
	padding-left: 20px;
	height: 85px;
	display: flex;
	align-items: center
}

.sidebar-news__list-item__title {
	font-weight: bold;
	color: #31353f;
	line-height: 20px;
	height: 40px;
	overflow: hidden
}

.sidebar-products {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 40px
}

.sidebar-products__list-item {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

.sidebar-products__list-item__image {
	width: 100px;
	height: 85px;
	float: left
}

	.sidebar-products__list-item__image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%;
		height: 100%;
		border-radius: 3px
	}

.sidebar-products__list-item__info {
	width: 100%;
	float: right;
	padding-left: 20px
}

.sidebar-products__list-item__info-box {
	height: 85px;
	display: flex;
	align-items: center
}

.sidebar-products__list-item__title {
	font-weight: bold;
	color: #31353f;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
	width: 100%
}

.sidebar-products__list-item__price {
	color: #a7abb2;
	line-height: 20px
}

.related-news {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.related-news__list {
	display: flex;
	flex-wrap: wrap
}

	.related-news__list .item {
		width: calc(100% / 3 - 2%);
		float: left;
		margin-bottom: 30px
	}

		.related-news__list .item:nth-child(2), .related-news__list .item:nth-child(5) {
			margin: 0 2%
		}

	.related-news__list .item-image {
		width: 100%;
		height: 250px;
		margin-bottom: 10px
	}

		.related-news__list .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%
		}

	.related-news__list .item-time {
		color: #999;
		padding: 10px 0 10px;
		font-size: 12px
	}

	.related-news__list .item-title {
		font-size: 16px;
		line-height: 25px;
		color: #333333;
		font-weight: bold;
		height: 50px;
		overflow: hidden;
		margin-bottom: 10px
	}

	.related-news__list .item-desc {
		color: #9D9D9D;
		text-align: justify;
		line-height: 18px
	}

.search {
	width: 100%;
	clear: both;
	float: left;
	margin: 30px 0
}

.search-title {
	width: 100%;
	clear: both;
	float: left;
	display: block;
	font-size: 25px;
	color: #23b1e5;
	margin-bottom: 30px
}

.news_category-hot {
	width: 100%;
	clear: both;
	float: left;
	margin: 30px 0 60px 0
}

.news_category-hot__list {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 10px
}

	.news_category-hot__list .item {
		width: 50%;
		float: left;
		padding-left: 5px;
		margin-bottom: 20px
	}

	.news_category-hot__list .item-info {
		width: 50%;
		float: right;
		padding-left: 20px
	}

	.news_category-hot__list .item-image {
		width: 50%;
		float: left;
		height: 220px
	}

		.news_category-hot__list .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%
		}

	.news_category-hot__list .item-time {
		width: 100%;
		clear: both;
		float: left;
		color: #a4abb3;
		font-size: 12px;
		margin: 10px 0 10px 0
	}

	.news_category-hot__list .item-title {
		width: 100%;
		clear: both;
		float: left;
		font-size: 16px;
		line-height: 26.5px;
		margin-bottom: 10px;
		max-height: 80px
	}

	.news_category-hot__list .item-desc {
		width: 100%;
		clear: both;
		float: left;
		font-size: 15px;
		color: #666666;
		line-height: 20px;
		text-align: justify;
		max-height: 80px;
		overflow: hidden
	}

	.news_category-hot__list .item:nth-child(1) {
		padding-right: 15px
	}

		.news_category-hot__list .item:nth-child(1) .item-info {
			width: 100%;
			float: left;
			padding-left: 0
		}

		.news_category-hot__list .item:nth-child(1) .item-image {
			width: 100%;
			height: 350px
		}

.news_category-hot__slide {
	width: calc(100% + 10px);
	float: left;
	clear: both;
	margin: 0 -10px
}

	.news_category-hot__slide .slick-prev, .news_category-hot__slide .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important;
		z-index: 1
	}

		.news_category-hot__slide .slick-prev:before, .news_category-hot__slide .slick-next:before {
			display: none
		}

	.news_category-hot__slide .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: -40px
	}

	.news_category-hot__slide .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: -40px
	}

	.news_category-hot__slide .item {
		padding: 0 10px
	}

	.news_category-hot__slide .item-info {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto
	}

	.news_category-hot__slide .item-image {
		width: 100%;
		height: 180px
	}

		.news_category-hot__slide .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%
		}

	.news_category-hot__slide .item-time {
		width: 100%;
		clear: both;
		float: left;
		color: #a4abb3;
		font-size: 12px;
		margin: 10px 0 10px 0
	}

	.news_category-hot__slide .item-title {
		width: 100%;
		clear: both;
		float: left;
		font-size: 16px;
		line-height: 26.5px;
		margin-bottom: 10px
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.news_category-hot__slide .slick-prev, .news_category-hot__slide .slick-next {
		display: none !important
	}
}

.navbar {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px;
	border-bottom: 1px solid #cccccc
}

	.navbar ul {
		width: 100%;
		clear: both;
		float: left;
		text-align: center
	}

		.navbar ul li {
			display: inline-block;
			margin-right: -4px;
			border-radius: 5px 5px 0 0
		}

			.navbar ul li a {
				padding: 15px 40px;
				display: block;
				font-weight: bold;
				color: #0f567a
			}

			.navbar ul li:hover {
				background: #0f567a
			}

				.navbar ul li:hover a {
					color: #ffffff
				}

		.navbar ul .active {
			background: #0f567a
		}

			.navbar ul .active a {
				color: #ffffff
			}

.news_categories {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

.news_categories-list {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap
}

	.news_categories-list .item {
		width: calc(100% / 3 - 20px);
		float: left;
		margin-bottom: 20px
	}

		.news_categories-list .item:nth-child(3n+2) {
			margin: 0 20px 20px
		}

	.news_categories-list .item-image {
		width: 100%;
		height: 246px
	}

		.news_categories-list .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%
		}

	.news_categories-list .item-time {
		width: 100%;
		clear: both;
		float: left;
		color: #a4abb3;
		font-size: 12px;
		margin: 10px 0 10px 0
	}

	.news_categories-list .item-title {
		width: 100%;
		clear: both;
		float: left;
		font-size: 16px;
		line-height: 26.5px;
		margin-bottom: 10px
	}

	.news_categories-list .item-desc {
		width: 100%;
		clear: both;
		float: left;
		font-size: 15px;
		color: #666666;
		line-height: 20px;
		text-align: justify;
		max-height: 60px;
		overflow: hidden
	}

.project-categories {
	width: 100%;
	clear: both;
	float: left;
	margin: 30px 0 60px 0
}

.project-categories__list {
	width: 25%;
	float: left;
	margin-top: 73px
}

	.project-categories__list ul {
		width: 100%;
		clear: both;
		float: left
	}

		.project-categories__list ul li {
			width: 100%;
			clear: both;
			float: left;
			border-bottom: 1px solid #cccccc;
			border-radius: 3px
		}

			.project-categories__list ul li a {
				padding: 10px;
				display: block
			}

			.project-categories__list ul li:hover {
				background: #0b597a
			}

				.project-categories__list ul li:hover a {
					color: #ffffff
				}

		.project-categories__list ul .active {
			background: #0b597a
		}

			.project-categories__list ul .active a {
				color: #ffffff
			}

.project-categories__content {
	width: 75%;
	float: right;
	padding-left: 20px
}

	.project-categories__content .title-top {
		margin-bottom: 10px
	}

.project-categories__content-list {
	width: 100%;
	clear: both;
	float: left;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px
}

	.project-categories__content-list .item {
		width: calc(100% / 3 - 20px);
		float: left;
		margin-bottom: 20px
	}

		.project-categories__content-list .item:nth-child(3n+2) {
			margin: 0 20px
		}

	.project-categories__content-list .item-image {
		width: 100%;
		margin-bottom: 10px;
		height: 190px
	}

		.project-categories__content-list .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			border-radius: 5px;
			height: 100%
		}

	.project-categories__content-list .item-title {
		text-align: center;
		margin-bottom: 10px;
		line-height: 25px;
		font-weight: bold;
		max-height: 50px;
		overflow: hidden
	}

	.project-categories__content-list .item-desc {
		text-align: center;
		margin-bottom: 10px;
		line-height: 25px;
		height: 50px;
		overflow: hidden
	}

	.project-categories__content-list .item-link {
		text-align: center;
		color: #0000ff
	}

.hover-gallery {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,179,233,0.6) url("../image/daucong.png") center center no-repeat;
	display: block;
	transform: scale(0);
	z-index: 1
}

.hover-gallery__video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,179,233,0.6) url("") center center no-repeat;
	display: block;
	transform: scale(0);
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

	.hover-gallery__video i {
		background: #fff;
		width: 50px;
		height: 50px;
		border-radius: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 20px;
		color: #49b8dd;
		opacity: 0.9
	}

.item:hover .hover-gallery, .item:hover .hover-gallery__video, #album-content a:hover .hover-gallery {
	transition: 0.5s;
	transform: scale(1);
	background-opacity: 1
}

.item:hover .item-video {
	display: none
}

.gallery-slide {
	width: 100%;
	clear: both;
	float: left;
	margin: 30px 0 30px 0
}

	.gallery-slide .title-top {
		margin-bottom: 10px
	}

.gallery-slide__content {
	width: 100%;
	clear: both;
	float: left
}

	.gallery-slide__content .slick-prev, .gallery-slide__content .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important;
		z-index: 1
	}

		.gallery-slide__content .slick-prev:before, .gallery-slide__content .slick-next:before {
			display: none
		}

	.gallery-slide__content .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: -40px
	}

	.gallery-slide__content .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: -40px
	}

	.gallery-slide__content .item {
		width: 100%;
		float: left;
		padding: 0 10px;
		position: relative;
		margin-bottom: 20px
	}

		.gallery-slide__content .item .hover-gallery {
			left: 10px;
			right: 10px
		}

		.gallery-slide__content .item .hover-gallery__video {
			left: 10px;
			right: 10px
		}

	.gallery-slide__content .item-image {
		height: 400px
	}

		.gallery-slide__content .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%
		}

	.gallery-slide__content .item-info {
		position: absolute;
		bottom: 0;
		left: 10px;
		right: 10px;
		background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
		padding: 20px
	}

	.gallery-slide__content .item-info__title {
		color: #ffffff;
		margin-bottom: 5px;
		line-height: 25px
	}

	.gallery-slide__content .item-info__quantity {
		color: #ffffff;
		position: relative;
		padding-left: 35px
	}

		.gallery-slide__content .item-info__quantity:before {
			position: absolute;
			content: "";
			display: block;
			width: 25px;
			height: 2px;
			background: #ffffff;
			left: 0;
			top: 5px
		}

	.gallery-slide__content .item-video {
		position: absolute;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center
	}

		.gallery-slide__content .item-video i {
			background: #fff;
			width: 50px;
			height: 50px;
			border-radius: 50px;
			text-align: center;
			line-height: 50px;
			font-size: 20px;
			color: #49b8dd;
			opacity: 0.9
		}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.gallery-slide__content .slick-prev, .gallery-slide__content .slick-next {
		display: none !important
	}
}

.gallery-list {
	width: 100%;
	clear: both;
	float: left;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px
}

	.gallery-list .item {
		position: relative;
		width: calc(100% / 3 - 20px);
		float: left;
		margin-bottom: 20px
	}

		.gallery-list .item:nth-child(3n+2) {
			margin: 0 20px 20px 20px
		}

	.gallery-list .item-image {
		height: 270px
	}

		.gallery-list .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%
		}

	.gallery-list .item-info {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
		padding: 10px
	}

	.gallery-list .item-info__title {
		color: #ffffff;
		float: left;
		line-height: 25px;
		font-weight: normal
	}

	.gallery-list .item-info__quantity {
		color: #ffffff;
		float: right;
		position: relative;
		line-height: 25px;
		padding-left: 35px
	}

		.gallery-list .item-info__quantity:before {
			position: absolute;
			content: "";
			display: block;
			width: 25px;
			height: 2px;
			background: #ffffff;
			left: 0;
			top: 10px
		}

	.gallery-list .item-video {
		position: absolute;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center
	}

		.gallery-list .item-video i {
			background: #fff;
			width: 50px;
			height: 50px;
			border-radius: 50px;
			text-align: center;
			line-height: 50px;
			font-size: 20px;
			color: #49b8dd;
			opacity: 0.9
		}

.gallery-paginate {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.projects-box {
	width: 100%;
	clear: both;
	float: left;
	margin: 30px 0
}

.projects-box__content {
	width: 800px;
	margin: 0 auto
}

.projects-box__content-title {
	width: 100%;
	clear: both;
	float: left
}

.projects-box__content-title__text {
	font-size: 27px;
	font-weight: bold;
	line-height: 30px;
	color: #2ea3d6;
	display: block;
	margin: 0 0 20px 0
}

.projects-box__content-time {
	float: left;
	font-size: 14px;
	color: #b6b6b6;
	margin-right: 20px;
	line-height: 27px
}

.projects-box__content-share {
	float: left
}

	.projects-box__content-share p {
		color: #b6b6b6;
		line-height: 27px;
		font-size: 14px;
		float: left;
		margin-right: 10px
	}

	.projects-box__content-share ul {
		float: left
	}

		.projects-box__content-share ul li {
			float: left;
			padding: 0 10px
		}

			.projects-box__content-share ul li a {
				height: 18px;
				line-height: 27px
			}

				.projects-box__content-share ul li a img {
					max-width: 100%;
					max-height: 100%;
					object-fit: cover;
					display: block;
					margin: 0 auto;
					width: 18px;
					height: 18px
				}

.projects-box__content-detail {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 20px
}

.gallery-content {
	width: 100%;
	clear: both;
	float: left;
	margin: 30px 0
}

.gallery-content__list {
	width: 100%;
	clear: both;
	float: left;
	display: flex;
	flex-wrap: wrap
}

	.gallery-content__list .item {
		width: calc(100% / 3 - 20px);
		float: left;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: cover !important;
		margin-bottom: 20px;
		position: relative
	}

		.gallery-content__list .item:nth-child(3n+2) {
			margin: 0 20px 20px
		}

	.gallery-content__list .item-child {
		width: 100%;
		padding-top: 56.25%;
		height: 0
	}

	.gallery-content__list .item span {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center
	}

		.gallery-content__list .item span i {
			background: #fff;
			width: 50px;
			height: 50px;
			border-radius: 50px;
			text-align: center;
			line-height: 50px;
			font-size: 20px;
			color: #49b8dd;
			opacity: 0.9
		}

.album-content__list {
	width: 100%;
	clear: both;
	float: left;
	column-count: 3;
	column-gap: 20px
}

	.album-content__list .item {
		width: 100%;
		margin-bottom: 20px;
		position: relative;
		display: block;
		break-inside: avoid
	}

		.album-content__list .item .hover-gallery {
			bottom: 5px;
			border-radius: 3px
		}

	.album-content__list .item-image {
		width: 100%
	}

		.album-content__list .item-image img {
			width: 100%;
			border-radius: 3px
		}

.album-content__list-slide {
	width: 100%;
	clear: both;
	float: left
}

	.album-content__list-slide #album-content {
		width: 100%;
		clear: both;
		float: left;
		column-count: 3;
		column-gap: 20px
	}

		.album-content__list-slide #album-content a {
			display: block;
			margin-bottom: 20px;
			position: relative
		}

			.album-content__list-slide #album-content a .hover-gallery {
				bottom: 5px
			}

		.album-content__list-slide #album-content img {
			width: 100%
		}

.maps {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

.maps-content {
	width: 100%;
	clear: both;
	float: left
}

	.maps-content iframe {
		width: 80%;
		height: 400px;
		margin: 0 auto;
		display: block
	}

.contact-info {
	width: 100%;
	clear: both;
	float: left
}

.contact-info__list {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

.contact-info__list-item {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 10px
}

.contact-info__list-item__title {
	width: 100%;
	clear: both;
	float: left;
	color: #0f567a;
	line-height: 36px;
	font-size: 16px;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	font-weight: bold
}

.contact-info__list-item__text {
	width: 100%;
	clear: both;
	float: left;
	line-height: 25px;
	margin-bottom: 10px;
	font-size: 16px
}

	.contact-info__list-item__text span {
		display: block;
		float: left;
		width: calc(100% - 35px)
	}

	.contact-info__list-item__text i {
		margin-right: 10px;
		color: #5BC9F2;
		line-height: 25px;
		display: block;
		float: left;
		width: 25px;
		text-align: center
	}

	.contact-info__list-item__text a:hover {
		color: #5BC9F2
	}

.contact-info__link a {
	font-size: 16px;
	color: #5BC9F2
}

.recruitment {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

.recruitment-title {
	color: #0b597a;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px
}

.recruitment-select {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.recruitment-select__group {
	width: 50%;
	float: left
}

	.recruitment-select__group:nth-child(3) {
		padding-right: 10px
	}

	.recruitment-select__group:nth-child(4) {
		padding-left: 10px
	}

	.recruitment-select__group label {
		display: block;
		width: 100%;
		color: #0b597a;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px
	}

	.recruitment-select__group select {
		width: 100%;
		height: 40px;
		padding: 5px;
		border-radius: 5px;
		background: #ffffff
	}

.recruitment-table {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

	.recruitment-table table tr th {
		background: #0b597a;
		color: #ffffff;
		text-align: left;
		padding: 20px 15px
	}

	.recruitment-table table tr td {
		padding: 20px 15px;
		border-bottom: 1px solid #cccccc
	}

		.recruitment-table table tr td a {
			color: #0000ff
		}

	.recruitment-table table tr:hover {
		box-shadow: 0px 3px 10px 1px #cccccc;
		-webkit-box-shadow: 0px 3px 10px 1px #cccccc;
		-khtml-box-shadow: 0px 3px 10px 1px #cccccc;
		-moz-box-shadow: 0px 3px 10px 1px #cccccc;
		-ms-box-shadow: 0px 3px 10px 1px #cccccc;
		-o-box-shadow: 0px 3px 10px 1px #cccccc
	}

.recruitment-content table tr td {
	padding: 20px 15px 20px 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 16px
}

	.recruitment-content table tr td a {
		color: #0000ff
	}

	.recruitment-content table tr td:first-child {
		width: 200px
	}

.recruitment-content__social ul {
	width: 100%
}

	.recruitment-content__social ul li {
		float: left;
		padding-right: 20px
	}

		.recruitment-content__social ul li a {
			height: 18px;
			line-height: 27px
		}

			.recruitment-content__social ul li a img {
				max-width: 100%;
				max-height: 100%;
				object-fit: cover;
				display: block;
				margin: 0 auto;
				width: 18px;
				height: 18px
			}

.recruitment-related table tr th {
	background: #0b597a;
	color: #ffffff;
	text-align: left;
	padding: 20px 15px
}

.recruitment-related table tr td {
	padding: 20px 15px;
	border-bottom: 1px solid #cccccc
}

	.recruitment-related table tr td:last-child {
		text-align: center;
		width: 200px
	}

	.recruitment-related table tr td a {
		background: #01A7E3;
		color: #ffffff;
		padding: 10px 20px;
		border-radius: 5px
	}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.container {
		width: 970px !important;
		padding: 0 10px
	}
}

.recruitment-box {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 60px;
	margin-bottom: 30px
}

.recruitment-box__list {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px
}

	.recruitment-box__list .item {
		width: calc(100% / 3);
		float: left;
		padding: 0 10px;
		position: relative;
		margin-bottom: 20px
	}

	.recruitment-box__list .item-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%;
		height: 210px
	}

	.recruitment-box__list .item-info {
		position: absolute;
		bottom: 0;
		left: 10px;
		right: 10px;
		background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
		padding: 10px 15px
	}

	.recruitment-box__list .item-info__title {
		color: #ffffff;
		margin-bottom: 5px;
		line-height: 25px
	}

	.recruitment-box__list .item-info__quantity {
		color: #ffffff;
		position: relative;
		padding-left: 35px
	}

		.recruitment-box__list .item-info__quantity:before {
			position: absolute;
			content: "";
			display: block;
			width: 25px;
			height: 2px;
			background: #ffffff;
			left: 0;
			top: 5px
		}

.recruitment-box__link {
	width: 100%;
	clear: both;
	float: left;
	text-align: center
}

	.recruitment-box__link .btn {
		padding: 12px 50px
	}

.distributor {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

	.distributor .title-top {
		margin-top: 60px;
		margin-bottom: 0
	}

.distributor-list {
	width: 100%;
	clear: both;
	float: left
}

	.distributor-list .slick-prev, .distributor-list .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important;
		z-index: 1
	}

		.distributor-list .slick-prev:before, .distributor-list .slick-next:before {
			display: none
		}

	.distributor-list .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: -50px
	}

	.distributor-list .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: -50px
	}

	.distributor-list .item {
		padding: 10px
	}

	.distributor-list .item-image {
		height: 235px;
		margin-bottom: 10px
	}

		.distributor-list .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%
		}

	.distributor-list .item-name {
		width: 100%;
		clear: both;
		float: left;
		font-size: 16px;
		line-height: 26.5px;
		margin-bottom: 15px;
		font-weight: bold;
		text-align: center
	}

	.distributor-list .item-link {
		width: 100%;
		clear: both;
		float: left;
		text-align: center
	}

		.distributor-list .item-link a {
			background: #0cb1e7;
			color: #ffffff;
			padding: 7px 15px;
			border-radius: 5px;
			display: inline-block;
			line-height: 15px
		}

			.distributor-list .item-link a:hover {
				background: #0b7ea4;
				transition: 0.2s
			}

			.distributor-list .item-link a img {
				display: inline-block;
				margin-left: 5px
			}

.signin-distributor {
	width: 100%;
	clear: both;
	float: left;
	padding: 60px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important
}

	.signin-distributor .heading-center {
		margin-bottom: 20px
	}

.signin-distributor__desc {
	color: #ffffff;
	text-align: center;
	margin-bottom: 30px
}

	.signin-distributor__desc a {
		color: #ffffff;
		text-decoration: underline
	}

.signin-distributor__form {
	width: 100%;
	clear: both;
	float: left
}

	.signin-distributor__form .form-group {
		padding: 0 30%
	}

	.signin-distributor__form .form-group__submit {
		text-align: center
	}

	.signin-distributor__form textarea.form-control {
		height: 125px
	}

.signin-distributor__form-submit {
	display: inline-block;
	padding: 15px 90px;
	border-radius: 5px;
	border: 1px solid #ffffff;
	color: #ffffff;
	background: transparent;
	font-weight: bold;
	font-size: 14px
}

	.signin-distributor__form-submit img {
		margin-left: 5px
	}

.agency {
	width: 100%;
	clear: both;
	float: left;
	margin: 60px 0 60px 0
}

.agency-tabs {
	width: 100%;
	clear: both;
	float: left;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 30px
}

.agency-tabs__menu {
	width: 100%;
	clear: both;
	float: left
}

	.agency-tabs__menu li {
		float: left;
		border-radius: 5px 5px 0 0
	}

		.agency-tabs__menu li a {
			padding: 15px;
			display: inline-block;
			font-weight: bold;
			line-height: 22.5px;
			text-transform: uppercase
		}

		.agency-tabs__menu li.active {
			background: #0b597a
		}

			.agency-tabs__menu li.active a {
				color: #ffffff
			}

.agency-content {
	width: 100%;
	clear: both;
	float: left
}

.agency-content__tabs {
	width: 100%;
	clear: both;
	float: left
}

	.agency-content__tabs:nth-child(2) {
		display: none
	}

.agency-content__left {
	width: 30%;
	float: left
}

.agency-content__right {
	width: 70%;
	float: right;
	padding-left: 20px
}

.agency-content__type {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 5px
}

.agency-content__type-item {
	width: 50%;
	float: left;
	margin-bottom: 15px;
	padding-right: 10px
}

	.agency-content__type-item label {
		cursor: pointer
	}

	.agency-content__type-item:nth-child(2n+1) {
		margin-left: 0
	}

.agency-content__list {
	width: 100%;
	clear: both;
	float: left;
	border: 1px solid #e4e4e4;
	height: 473px;
	overflow-x: auto
}

.agency-content__list-notificate {
	width: 100%;
	clear: both;
	float: left;
	padding: 10px
}

.agency-content__list .item {
	width: 100%;
	clear: both;
	float: left;
	border-bottom: 1px solid #e4e4e4;
	cursor: pointer
}

.agency-content__list .item-info {
	width: 100%;
	clear: both;
	float: left;
	padding: 5px
}

.agency-content__list .item-info__line {
	width: 100%;
	clear: both;
	float: left;
	padding: 5px
}

.agency-content__list .item-info__line-icon {
	float: left;
	margin-right: 10px;
	color: #22b2e5;
	line-height: 22.5px;
	width: 8px
}

.agency-content__list .item-info__line-text {
	float: left;
	color: #666666;
	line-height: 22.5px;
	width: calc(100% - 18px)
}

	.agency-content__list .item-info__line-text i {
		margin-left: 5px
	}

.agency-content__list .item-info__line-link a {
	background: #22b2e5;
	color: #ffffff;
	display: inline-block;
	border-radius: 3px;
	line-height: 23px;
	padding: 0 10px
}

	.agency-content__list .item-info__line-link a i {
		font-size: 10px
	}

	.agency-content__list .item-info__line-link a:hover {
		background: #21799e;
		transition: 0.2s
	}

.agency-content__list .item-info__line.inline {
	float: left;
	width: auto;
	clear: none;
	margin-right: 5px
}

.agency-content__list .item.active .item-info {
	transition: 0.2s;
	background: #0b597a
}

.agency-content__list .item.active .item-info__line-icon {
	color: #ffffff
}

.agency-content__list .item.active .item-info__line-text {
	color: #ffffff
}

	.agency-content__list .item.active .item-info__line-text a {
		color: #ffffff
	}

.agency-content__list .item:hover .item-info {
	transition: 0.2s;
	background: #0b597a
}

.agency-content__list .item:hover .item-info__line-icon {
	color: #ffffff
}

.agency-content__list .item:hover .item-info__line-text {
	color: #ffffff
}

	.agency-content__list .item:hover .item-info__line-text a {
		color: #ffffff
	}

.agency-content__search {
	width: 100%;
	clear: both;
	float: left
}

.agency-content__search-select {
	background: #22b1e4;
	width: 50%;
	float: left;
	padding: 5px;
	position: relative
}

	.agency-content__search-select select {
		width: 100%;
		padding: 8px 10px;
		border-radius: 5px;
		font-family: Lato;
		font-size: 15px
	}

	.agency-content__search-select input {
		width: calc(100% - 2.5px);
		padding: 8px 10px;
		border-radius: 5px;
		font-family: Lato;
		font-size: 15px;
		border: none;
		float: left
	}

	.agency-content__search-select:nth-child(1) {
		padding-right: 2.5px
	}

	.agency-content__search-select:nth-child(2) {
		padding-left: 2.5px
	}

	.agency-content__search-select .select2-container {
		width: 100% !important
	}

.agency-content__search-locate {
	background: #ffffff;
	width: 50%;
	float: left;
	padding-left: 10px
}

	.agency-content__search-locate #my_locate {
		width: 100%;
		height: 44px;
		background: #22b1e4;
		color: #ffffff;
		border: none
	}

		.agency-content__search-locate #my_locate i {
			margin-right: 5px;
			font-size: 18px
		}

.agency-content__search-btn {
	float: left;
	position: absolute;
	height: 34px;
	width: 34px;
	border: none;
	background: transparent;
	right: 5px
}

	.agency-content__search-btn i {
		color: #bbbbbb;
		font-size: 16px
	}

.agency-content__search-full {
	width: 100%;
	float: left;
	padding: 5px
}

	.agency-content__search-full select {
		width: 100%;
		padding: 8px 5px;
		border-radius: 5px;
		font-family: Lato;
		font-size: 15px
	}

	.agency-content__search-full .select2-container {
		width: 100% !important
	}

.agency-content__radius {
	width: 100%;
	clear: both;
	float: left;
	height: 50px;
	padding: 0 0 0 10px;
	display: none
}

.agency-content__radius-text {
	width: 30%;
	float: left;
	line-height: 50px
}

.agency-content__radius-list {
	width: 70%;
	float: left;
	padding: 10px 0
}

	.agency-content__radius-list ul li {
		width: calc(100% / 3 - 7px);
		float: left;
		line-height: 30px;
		background: #0CB1E7;
		text-align: center;
		cursor: pointer;
		color: #ffffff
	}

		.agency-content__radius-list ul li:nth-child(2) {
			margin: 0 10px
		}

		.agency-content__radius-list ul li.active {
			background: #3395b5
		}

		.agency-content__radius-list ul li:hover {
			background: #3395b5
		}

.agency-content__map {
	width: 100%;
	clear: both;
	float: left;
	height: 466px
}

	.agency-content__map iframe {
		width: 100%;
		height: 100%;
		border: none
	}

.agency-content__map-content {
	width: 100%;
	height: 100%
}

.agency-content__map.has_radius {
	height: 416px
}

.agency-content__note {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 10px;
	font-size: 16px
}

.resonsibility {
	width: 100%;
	clear: both;
	float: left;
	margin: 60px 0 60px 0
}

	.resonsibility .title-top {
		margin-bottom: 0
	}

.resonsibility-desc {
	width: 100%;
	clear: both;
	float: left;
	margin: 0 0 30px;
	line-height: 25px;
	color: #656565;
	font-size: 15px;
	text-align: justify;
	padding: 0 100px;
	text-align: center
}

.resonsibility-media {
	width: 100%;
	clear: both;
	float: left;
	display: flex;
	flex-wrap: wrap
}

.resonsibility-media__left {
	width: 50%;
	float: left
}

	.resonsibility-media__left .slick-prev, .resonsibility-media__left .slick-next {
		position: absolute;
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important;
		z-index: 1;
		top: auto;
		bottom: -56px !important
	}

		.resonsibility-media__left .slick-prev:before, .resonsibility-media__left .slick-next:before {
			display: none
		}

	.resonsibility-media__left .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: calc(50% - 40px)
	}

	.resonsibility-media__left .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: calc(50% - 40px)
	}

	.resonsibility-media__left .item {
		padding-right: 10px
	}

		.resonsibility-media__left .item img {
			width: 100%;
			clear: both;
			float: left;
			width: 100%;
			border-radius: 10px;
			height: 320px
		}

.resonsibility-media__right {
	width: 50%;
	float: left;
	position: relative
}

	.resonsibility-media__right:nth-child(2n+1) {
		padding-right: 10px
	}

	.resonsibility-media__right:nth-child(2n+2) {
		padding-left: 10px
	}

	.resonsibility-media__right img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%;
		border-radius: 10px;
		height: 320px
	}

	.resonsibility-media__right span {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center
	}

		.resonsibility-media__right span i {
			background: #fff;
			width: 50px;
			height: 50px;
			border-radius: 50px;
			text-align: center;
			line-height: 50px;
			font-size: 20px;
			color: #49b8dd;
			opacity: 0.9
		}

.agency-box {
	width: 100%;
	clear: both;
	float: left;
	margin: 60px 0
}

.agency-box__item {
	width: 100%;
	clear: both;
	float: left
}

.agency-box__item-media {
	width: 50%;
	float: left;
	position: relative
}

	.agency-box__item-media img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		width: 100%;
		height: 350px
	}

	.agency-box__item-media .fancybox-media span {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center
	}

		.agency-box__item-media .fancybox-media span i {
			background: #fff;
			width: 50px;
			height: 50px;
			border-radius: 50px;
			text-align: center;
			line-height: 50px;
			font-size: 20px;
			color: #49b8dd;
			opacity: 0.9
		}

.agency-box__item-info {
	width: 50%;
	float: left;
	height: 350px;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.agency-box__item-info__content {
	width: 100%;
	clear: both;
	float: left;
	padding: 0 0 0 50px
}

.agency-box__item-info .title-top {
	text-align: left;
	margin-bottom: 0
}

.agency-box__item-info .title-top__text {
	font-size: 26px
}

.agency-box__item-info__desc {
	width: 100%;
	clear: both;
	float: left;
	line-height: 22.5px;
	max-height: 200px;
	overflow: hidden
}

.agency-box__item:nth-child(2n+2) .agency-box__item-info__content {
	padding: 0 50px 0 0
}

.agency-box__item:nth-child(2n+2) .agency-box__item-info .title-top__text {
	text-align: right
}

.agency-box__item:nth-child(2n+2) .agency-box__item-info__desc {
	text-align: right
}

.agency-help {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 60px
}

.agency-help__list {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px;
	display: table
}

	.agency-help__list .item {
		width: calc(100% / 4);
		display: table-cell;
		border: 1px solid #cccccc;
		border-right: none;
		padding: 40px 20px
	}

		.agency-help__list .item:last-child {
			border-right: 1px solid #cccccc
		}

	.agency-help__list .item-image {
		margin-bottom: 30px
	}

		.agency-help__list .item-image img {
			display: block;
			margin: 0 auto;
			width: 50px;
			height: 50px
		}

	.agency-help__list .item-info__title {
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		color: #2A6786;
		margin-bottom: 20px
	}

	.agency-help__list .item-info__content {
		text-align: justify;
		line-height: 22.5px
	}

.agency-help__link {
	width: 100%;
	clear: both;
	float: left;
	text-align: center
}

.agency-talk {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px
}

.agency-talk__list {
	width: 100%;
	clear: both;
	float: left
}

	.agency-talk__list .item {
		padding: 0 5px
	}

	.agency-talk__list .item-image {
		margin-bottom: 10px
	}

		.agency-talk__list .item-image img {
			display: block;
			margin: 0 auto;
			width: 120px;
			height: 120px;
			border-radius: 120px;
			object-fit: cover
		}

	.agency-talk__list .item-subtitle {
		text-align: center;
		margin-bottom: 10px
	}

	.agency-talk__list .item-title {
		text-align: center;
		margin-bottom: 10px;
		font-weight: bold;
		color: #2A6786;
		font-size: 16px;
		line-height: 20px;
		height: 20px;
		overflow: hidden;
		padding: 0 30px
	}

	.agency-talk__list .item-desc {
		padding: 0 30px;
		text-align: center;
		line-height: 22px;
		height: 66px;
		overflow: hidden
	}

.video-slide {
	width: 100%;
	clear: both;
	float: left;
	padding: 40px 0 30px 0
}

	.video-slide .title-top__text {
		margin-bottom: 0
	}

.video-slide__list {
	width: 100%;
	clear: both;
	float: left
}

	.video-slide__list .slick-prev, .video-slide__list .slick-next {
		background-size: 100% !important;
		box-shadow: none;
		border: none;
		width: 30px !important;
		height: 30px !important;
		z-index: 1
	}

		.video-slide__list .slick-prev:before, .video-slide__list .slick-next:before {
			display: none
		}

	.video-slide__list .slick-prev {
		background: url("../image/icon/button-pre-black.png");
		left: -40px
	}

	.video-slide__list .slick-next {
		background: url("../image/icon/button-next-black.png");
		right: -40px
	}

	.video-slide__list .slick-dots {
		bottom: -35px
	}

	.video-slide__list .item {
		padding: 0 10px
	}

	.video-slide__list .item-image {
		padding-bottom: 10px
	}

		.video-slide__list .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 225px
		}

	.video-slide__list .item-info {
		width: 100%;
		clear: both;
		float: left
	}

	.video-slide__list .item-info__title {
		font-weight: bold
	}

.support-contacts {
	width: 100%;
	clear: both;
	float: left;
	padding-bottom: 30px
}

	.support-contacts .title-top {
		margin-bottom: 10px
	}

	.support-contacts .title-top__text {
		margin-bottom: 0
	}

.support-contacts__subtitle {
	width: 100%;
	clear: both;
	float: left;
	text-align: center;
	color: #8A8A8A
}

.support-contacts__list {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 40px
}

	.support-contacts__list .item {
		width: calc(100% / 3);
		float: left;
		padding: 0 20px
	}

	.support-contacts__list .item-image {
		margin-bottom: 30px
	}

		.support-contacts__list .item-image img {
			max-width: 100%;
			max-height: 100%;
			object-fit: cover;
			display: block;
			margin: 0 auto;
			height: 80px
		}

	.support-contacts__list .item-info {
		width: 100%;
		clear: both;
		float: left
	}

	.support-contacts__list .item-info__text {
		width: 100%;
		clear: both;
		float: left;
		text-align: center;
		color: #676767;
		line-height: 22px
	}

	.support-contacts__list .item-info__social {
		width: 100%;
		clear: both;
		float: left
	}

		.support-contacts__list .item-info__social ul {
			text-align: center
		}

			.support-contacts__list .item-info__social ul li {
				display: inline-block
			}

				.support-contacts__list .item-info__social ul li a {
					padding: 10px;
					display: inline-block;
					color: #00A6E4;
					font-size: 25px
				}

.service-intro {
	width: 100%;
	clear: both;
	float: left;
	padding: 30px 0
}

	.service-intro .heading-center__title {
		color: #01A7E3;
		font-size: 28px;
		line-height: 40px
	}

		.service-intro .heading-center__title span {
			color: #274D5A
		}

	.service-intro .heading-center__border {
		background: #01A7E3;
		margin-top: 15px
	}

.service-intro__desc {
	text-align: center;
	line-height: 22px;
	padding: 0 200px;
	margin: 10px 0 30px
}

.service-intro__list .item {
	width: calc(100% / 4);
	float: left
}

.service-intro__list .item-image {
	margin-bottom: 10px
}

	.service-intro__list .item-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		height: 80px
	}

.service-intro__list .item-title {
	line-height: 22px;
	font-weight: bold;
	text-align: center
}

.service-box {
	width: 100%;
	clear: both;
	float: left;
	padding: 60px 0
}

	.service-box .heading-fullwidth__title {
		color: #22a4e0;
		font-size: 28px
	}

		.service-box .heading-fullwidth__title span {
			color: #025879;
			font-size: 24px
		}

	.service-box.has_background {
		background-repeat: no-repeat !important;
		background-size: cover !important;
		margin-bottom: 30px
	}

		.service-box.has_background .heading-fullwidth__title {
			color: #ffffff;
			border-color: #ffffff
		}

			.service-box.has_background .heading-fullwidth__title span {
				color: #ffffff
			}

		.service-box.has_background .service-box__content-desc {
			color: #ffffff
		}

		.service-box.has_background .btn-primary {
			background: transparent;
			border: 1px solid #ffffff;
			text-transform: uppercase
		}

.service-box__left .service-box__content {
	width: 50%;
	float: right;
	padding-left: 30px
}

.service-box__left .service-box__media {
	width: 50%;
	float: left
}

.service-box__right .service-box__content {
	width: 50%;
	float: left;
	padding-right: 30px
}

.service-box__right .service-box__media {
	width: 50%;
	float: right
}

.service-box__content {
	height: 350px;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

	.service-box__content.no_limit {
		height: auto
	}

.service-box__content-box {
	width: 100%;
	clear: both;
	float: left
}

.service-box__content-subtitle {
	width: 100%;
	clear: both;
	float: left;
	color: #656565;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px
}

.service-box__content-desc {
	width: 100%;
	clear: both;
	float: left;
	line-height: 22px;
	margin-bottom: 15px;
	color: #656565;
	text-align: justify
}

.service-box__content-list {
	width: 100%;
	clear: both;
	float: left
}

	.service-box__content-list ul li {
		margin-bottom: 5px;
		padding-left: 15px;
		line-height: 22px;
		position: relative;
		text-align: justify;
		color: #656565
	}

		.service-box__content-list ul li:before {
			content: '';
			position: absolute;
			top: 10px;
			left: 0;
			display: inline-block;
			width: 6px;
			height: 6px;
			background: #dc0021;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 100%
		}

.service-box__content-link {
	width: 100%;
	clear: both;
	float: left
}

	.service-box__content-link .btn-default {
		color: #22a4e0
	}

.service-box__media-image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 350px
}

.service-box__media.no_limit img {
	height: auto
}

.support-case {
	width: 100%;
	clear: both;
	float: left;
	margin: 20px 0
}

	.support-case .dropicon:before {
		content: "\f106";
		font-family: FontAwesome;
		font-weight: 400;
		text-decoration: inherit;
		color: #fff;
		font-size: 18px;
		position: absolute;
		top: 9px;
		right: 10px;
		border: 1px solid #ffffff;
		width: 25px;
		height: 25px;
		border-radius: 25px;
		line-height: 25px;
		text-align: center
	}

	.support-case .dropicon.active {
		background: #33a9d7
	}

		.support-case .dropicon.active:before {
			content: "\f107"
		}

.support-case__box-title {
	width: 100%;
	clear: both;
	float: left;
	position: relative;
	background: #0b597a !important;
	line-height: 45px;
	padding: 0 20px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer
}

.support-case__box-content {
	width: 100%;
	clear: both;
	float: left;
	padding: 20px 0 0 30px
}

.support-case__list {
	width: 100%;
	clear: both;
	float: left;
	position: relative
}

	.support-case__list:before {
		content: "";
		display: block;
		height: 1px;
		width: 30px;
		position: absolute;
		left: -30px;
		background: #0b597a;
		top: 20px
	}

	.support-case__list:after {
		content: "";
		display: block;
		height: 100%;
		width: 1px;
		position: absolute;
		left: -30px;
		background: #0b597a;
		top: -20px
	}

	.support-case__list:last-child:after {
		height: 40px
	}

	.support-case__list .item {
		width: 100%;
		clear: both;
		float: left;
		margin-bottom: 15px
	}

	.support-case__list .item-title {
		width: 100%;
		clear: both;
		float: left;
		position: relative;
		background: #0b597a;
		line-height: 45px;
		padding: 0 20px;
		color: #ffffff;
		font-weight: bold;
		cursor: pointer
	}

	.support-case__list .item-text {
		width: 100%;
		clear: both;
		float: left;
		margin-top: 10px;
		line-height: 22px
	}

	.support-case__list .item-content {
		width: 100%;
		clear: both;
		float: left;
		padding: 10px 0 0 0;
		display: none;
		line-height: 22px
	}

		.support-case__list .item-content i {
			line-height: 22px;
			margin-right: 5px
		}

	.support-case__list .item-content__name {
		font-weight: bold;
		margin-bottom: 5px
	}

	.support-case__list.two-element .item {
		width: calc(50% - 7.5px);
		float: left;
		clear: none
	}

		.support-case__list.two-element .item:first-child {
			margin-right: 15px
		}