/**
 * @Project NSS CMS V2
 * @Author NGOI SAO SO
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,700;1,500&display=swap');

:root {
	--brand-main-color:#0360ae;
	--brand-sub-color:#41b649;
	--brand-sub-color-2:#d2df9e;
	--brand-added-color-1:#ebebeb;
	--brand-added-color-2:#fafafa;
}
/********************** GENERAL CSS **********************/
/* NSS ICONS */
.glyphicon {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.glyphicon-calendar:before {
	content:"\f274";
}
.glyphicon-chevron-left:before {
	content:"\f053";
}
.glyphicon-chevron-right:before {
	content:"\f054";
}
@font-face {
	font-family:'NSSIcons';
	src:url('../fonts/NSSIcons.eot?avyewf');
	src:url('../fonts/NSSIcons.eot?#iefixavyewf') format('embedded-opentype'),url('../fonts/NSSIcons.ttf?avyewf') format('truetype'),url('../../default/fonts/NSSIcons.woff?avyewf') format('woff'),url('../fonts/NSSIcons.svg?avyewf#NSSIcons') format('svg');
	font-weight:normal;
	font-style:normal;
}
[class^="icon-"], [class*=" icon-"] {
	display:inline-block;
	font:normal normal normal 14px/1 NSSIcons;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0,0);
	vertical-align:-10%;
	background:#fff;
}
.glyphicon {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.glyphicon-calendar:before {
	content:"\f274";
}
.icon-lg {
	font-size:1.33333333em;
	line-height:.75em;
	vertical-align:-25%;
}
.icon-horizon {
	width:14px;
}
.icon-lg.icon-horizon {
	width:22px;
}
.icon-nss:before {
	content:"\e607";
}
.icon-nss_sm:before {
	content:"\e608";
}
.icon-callcenter:before {
	content:"\e609";
}
.icon-today:before {
	content:"\e600";
}
.icon-qrcode:before {
	content:"\e601";
}
.icon-enter:before {
	content:"\e602";
}
.icon-exit:before {
	content:"\e603";
}
.icon-yahoo:before {
	content:"\e604";
}
.icon-old-phone:before {
	content:"\e606";
}
.icon-icq:before {
	content:"\e605";
}
.icon-viber:before {
	content:"\e60a";
}
.icon_new {
	background:url("../images/icons/new.gif") no-repeat;
	display:inline-block;
	height:16px;
	width:38px;
}
.icon_new_small {
	background:url("../images/squared-blue.png") no-repeat 0 8px;
}
.icon_list {
	background:url("../images/arrow_left_orange.png") no-repeat 0 8px;
}
img {
	max-width:100%;
	height:auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:700;
}
h1 {
	font-size:24px;
	line-height:32px;
}
h2 {
	font-size:20px;
	line-height:28px;
}
h3 {
	font-size:18px;
	line-height:26px;
}
h4 {
	font-size:16px;
	line-height:22px;
}
h5 {
	font-size:16px;
	line-height:24px;
}
h6 {
	font-size:14px;
	line-height:22px;
}
/* Fonts Color */
.text-black {
	color:#000 !important;
}
.text-white {
	color:#fff !important;
}
.has-error div.radio-box, .has-error div.check-box {
	border-color:#a94442;
}
/* Fix bootstrap */
.form-control {
	border-radius:0;
	border:0;
	border-bottom:1px solid #ced4da;
	background-color: transparent;
}
.page-item.active .page-link {
	z-index:3;
	color:#fff;
	background-color:var(--brand-main-color);
	border-color:var(--brand-main-color);
}
.toast {
	position:fixed;
	top:10px;
	right:10px;
	z-index:99;
}
/*Load_Bar*/
.load-bar {
	display:inline-block;
	vertical-align:middle;
	width:33px;
	height:8px;
	background:transparent url(../../../assets/images/load_bar.gif);
	margin:auto 10px
}
/*Center DIV*/
.centered {
	text-align:center;
	font-size:0
}
.centered > div {
	float:none;
	display:inline-block;
	text-align:left;
	font-size:14px;
}
/*nv-info*/
.nv-info {
	border-width:1px;
	border-style:solid;
	border-color:#D4D4D4;
	border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#f7f7f7;
	color:#333;
	padding:10px;
}
.nv-info.error {
	background-color:#EFD7D7 !important;
	border-color:#DCA8A6 !important;
}
.nv-info.success {
	background-color:#E5F1FB !important;
	border-color:#8DC1ED !important;
}
.nv-info:before {
	display:inline-block;
	font-family:FontAwesome;
	font-size:20px;
	line-height:1;
	vertical-align:middle;
	margin-right:5px;
}
.nv-info.error:before {
	content:" \f057 ";
	color:#A94442;
}
.nv-info.success:before {
	content:" \f13a ";
	color:#449D44;
}
.clear {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.pointer {
	cursor:pointer;
}
.middle {
	vertical-align:middle
}
.align-bottom {
	vertical-align:bottom
}
.align-top {
	vertical-align:top
}
ul, ol {
	list-style:none;
}
.input-group-btn {
	font-size:14px !important;
}
.radius-top-left {
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}
.radius-top-right {
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}
.radius-bottom-left {
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}
.radius-bottom-right {
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}
.radius {
	-webkit-border-radius:5px;
	border-radius:5px;
}
.bg-gradient {
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background-image:linear-gradient(to bottom,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.3) 100%);
}
.box-shadow {
	box-shadow:0 0 4px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.15);
}
.fix-box {
	position:inherit !important;
	margin-left:0 !important;
}
.well {
	padding:8px;
	line-height:18px
}
.well p {
	margin:0;
}
.has-error div.radio-box, .has-error div.check-box {
	border-color:#a94442;
}
.display-inline-block {
	display:inline-block
}
.display-table {
	display:table;
}
.display-table > * {
	display:table-row;
}
.display-table > * > * {
	display:table-cell;
	padding:5px;
}
/*tooltip*/
.tooltip-inner {
	max-width:250px;
	padding:10px;
	color:#fff;
	text-align:left !important;
	background-color:#0C2138;
	border-radius:4px;
	height:auto;
	overflow:auto
}
.tooltip-inner img.pull-left {
	margin:3px 5px 1px 0;
}
.tooltip-inner img.pull-right {
	margin:3px 1px 0 5px;
}
/* Fixed Jquery UI Style */
.ui-widget {
	font-size:12px !important;
	font-weight:400 !important;
	line-height:18px !important;
}
.ui-datepicker {
	width:18em !important;
}
.ui-datepicker select.ui-datepicker-month {
	width:59% !important;
	font-weight:normal !important;
}
.ui-datepicker select.ui-datepicker-year {
	width:39% !important;
	font-weight:normal !important;
}
figure {
	position:relative;
	padding:3px;
	display:block;
	margin:10px 0;
	text-align:center
}
figure.article {
	background:#949494;
}
figure.left {
	float:left;
	margin:5px 10px 10px 0;
}
figure.right {
	float:right;
	margin:5px 0 10px 10px;
}
figure.center {
	float:none;
	background:transparent;
	margin:0 auto 10px;
	padding-top:0;
	text-align:center
}
figure.noncaption {
	background:transparent;
	padding:0;
}
figcaption {
	text-align:center;
	margin-top:5px;
	font-weight:700;
}
figure figcaption {
	font-size:12px;
	font-weight:normal;
}
figure.article figcaption {
	color:#fff;
}
figure.article.center figcaption {
	color:inherit
}
figure.avatar {
	margin-top:0 !important
}
figure.avatar figcaption {
	position:absolute;
	bottom:12px;
	left:3px;
	width:calc(100% - 6px);
	background:#1182C8;
	color:#fff;
	font-size:11px
}
/********************** BODY CSS **********************/
a, a:link, a:active, a:visited {
	color:#555;
	text-decoration:none;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
a:hover, a:focus {
	text-decoration:none;
	color:var(--brand-main-color);
}
a.dimgray {
	color:#6b0002;
}
a.dimgray:hover {
	color:#6b0002;
}
a.black {
	color:#333;
}
a.black:hover {
	color:#6b0002;
}
strong,b{
	font-weight: 700;
}
iframe {
	border:0;
}
.m-bottom {
	margin-bottom:10px !important;
}
.wraper {
	position:relative;
	width:1080px;
	margin:0 auto;
}
.container, .rel {
	position:relative;
}
.fa-fix {
	margin-right:-5px;
}
.fa-pointer {
	cursor:pointer;
}
.fa-horizon {
	width:14px;
}
.fa-lg.fa-horizon {
	width:22px;
}
h3.sm {
	font-size:16px;
}
span.keyword {
	background:yellow;
}
.nv-fullbg {
	min-height:100%;
}
a.btn {
	color:#fff;
}
.btgrid {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
.btgrid .content {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0
}
body {
	color:#555;
	font-family:"Montserrat",system-ui;
	font-size:15px;
	font-weight: 500;
	font-style:normal;
	line-height:1.6;
	background-color:#fff;
}
/* Header */
header {
	position:absolute;
	width:100%;
	top: 1rem;
	z-index: 99;
}
header .logo {
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:auto;
	max-width:100%;
}
header .logo img {
	max-width:100%;
	height:auto;
}
header .headermenu {
	-ms-flex-preferred-size:0;
	flex-basis:0;
	-ms-flex-positive:1;
	flex-grow:1;
	max-width:100%;
}
header .headerHotline {
	-ms-flex:0 0 200px;
	flex:0 0 200px;
	max-width:200px;
}
/* menumain */
.menumain {
	position:relative;
}
.menumain .navbar-toggler {
	display:none;
}
.menumain hr {
	border-bottom:1px solid #333;
	cursor:pointer;
	width:25px;
	margin:5px auto 0;
	-webkit-transition:-webkit-transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition:transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	will-change:transform,opacity;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}
.menumain hr:nth-child(2) {
	width:30px;
}
.menumain ul {
	display:flex;
	padding:0;
	margin:0;
}
.menumain ul li:hover ul {
	opacity:1;
	visibility:visible;
}
.menumain ul li {
	margin:0 15px;
}
.menumain ul li a {
	position:relative;
	text-transform:uppercase;
	font-weight:500;
	text-decoration:none;
	text-align:center;
	display:block;
}
.menumain ul li:not(.dropdown) a:before {
	position:absolute;
	content:"";
	background-color:var(--brand-sub-color);
	height:3px;
	width:100%;
	bottom:-20px;
	left:0;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.menumain ul li.active a:before, .menumain ul li:hover a:before {
	bottom:-0.5rem;
	left:0;
	opacity:1;
	visibility:visible;
}
.menumain ul ul {
	position:absolute;
	top:44px;
	border-top:3px solid var(--brand-sub-color);
	z-index:1000;
	padding:0;
	margin:0;
	min-width:200px;
	list-style:none;
	background-color:#fff;
	flex-direction:column;
	opacity:0;
	visibility:hidden;
	box-shadow:0 2px 8px rgb(0 0 0 / 10%);
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.menumain ul ul li {
	position:relative;
	display:block;
	padding:0;
	margin:0;
}
.menumain ul ul li a {
	position:relative;
	display:block;
	padding:10px 20px;
	white-space:nowrap;
	border-bottom:1px solid #ebebeb;
}
.menumain ul ul li a:before {
	display:none;
}
.menumain ul ul li:hover a {
	background-color:var(--brand-added-color-1);
}
/* Banner in page */
.banner_sub {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	height:250px;
}
.banner_sub .container {
	position:relative;
	height:100%;
	display:flex;
	align-items:center;
}

/* onlyhome */
.onlyhome {
	position:relative;
	width:100%;
	background-image: url(../images/bgonlyhome.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 10rem 0 2rem;
	margin-bottom: 4rem;
}
.onlyhome:before{
	position:absolute;
	content: "";
	z-index: -1;
	width:100%;
	bottom: 0;
	height: 50%;
	background-color: white; /* For browsers that do not support gradients */
	background-image: linear-gradient( rgba(255,0,0,0), rgba(184,233,167,1));
}
/* Body */
main {
	position:relative;
	width:100%;
	padding-top: 12rem;
}
main:before {
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	min-height: 588px;
	content: "";
	background-image: url(../images/bginpage.jpg);
	background-position: top left;
	background-size: auto;
	background-repeat: no-repeat;
}
main.inhome{
	padding-top: 0;
	background-image:unset;
}
main.inhome:before{
	display: none
}

main .breadcrumbs-wrap {
	position:relative;
	width:100%;
	padding:10px 0 0;
	margin:10px 0;
	background:#ebebeb;
}
/* breadcrumb */
main .breadcrumbs-wrap .container {
	position:relative;
	padding:0;
	margin:0 auto;
}
main .breadcrumbs-wrap .breadcrumbs {
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0px;
}
main .breadcrumbs-wrap .breadcrumbs li {
	position:relative;
	float:left;
	padding:0 10px 0 0;
	margin:0 6px 0 0;
}
main .breadcrumbs-wrap .breadcrumbs li:before {
	position:absolute;
	content:"";
	background-image:url(../images/arrow-right.png);
	background-repeat:no-repeat;
	width:5px;
	height:9px;
	top:8px;
	right:0;
}
main .breadcrumbs-wrap .breadcrumbs li:last-child:before {
	display:none;
}
main .breadcrumbs-wrap .breadcrumbs a {
	padding:0;
	float:left;
	text-decoration:none;
	color:#333;
	position:relative;
}
main .breadcrumbs-wrap .breadcrumbs li:last-child a {
	font-weight:700;
}
main .breadcrumbs-wrap .breadcrumbs a:hover {
	color:#353599;
}
/* Footer */
footer {
	position:relative;
	width:100%;
}
footer .s_top {
	position:relative;
	width:100%;
	padding:2rem 0;
	background-color: var(--brand-sub-color-2);
}
footer .s_center {
	position:relative;
	width:100%;
	padding:2rem 0;
	border-bottom:1px solid var(--brand-sub-color-2);
}
footer .s_bottom {
	position:relative;
	width:100%;
	padding:1rem 0;
}
.footer-menu {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
.footer-menu ul {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
.footer-menu ul li {
	position:relative;
	width:33.33%;
	padding:0;
	margin:0;
	float:left;
}
.footer-menu ul li a {
	position:relative;
	width:100%;
	padding:3px 0;
	margin:0;
	font-weight:600;
	color:#333;
	display:block;
}
.footer-menu ul li a:hover {
	position:relative;
	color:#ed1c24;
}
.footer-menu ul ul {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
.footer-menu ul ul li {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
.footer-menu ul ul li a {
	position:relative;
	width:100%;
	padding:3px 0;
	color:#333;
	font-weight:300;
	margin:0;
	display:block;
}
.footer-menu ul ul li a:hover {
	color:#ed1c24;
}
/* seek */
.seek {
	position:relative;
	width:100%;
	padding:20px;
	margin:0;
	display:block;
	background-color:#fff;
}
/* Social */
.socialList {
	list-style:none;
	padding:0;
	margin:20px 0;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	justify-content:center;
}
.socialList ul {
	padding:0;
	margin:0;
}
.socialList ul li, .contactList li {
	display:inline-block;
	margin-right:2px;
}
.socialList ul li:last-child, ul.contactList li:last-child {
	margin-right:0 !important;
}
.socialList ul li a {
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	background:var(--brand-main-color);
	color:#fff;
	text-align:center;
	font-size:16px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.socialList ul li a:hover {
	color:#fff;
}
.socialList ul li a[href*="facebook"]:hover {
	background:#3D5D8C;
}
.socialList ul li a[href*="google"]:hover, .socialList li a[href*="youtube"]:hover {
	background:#DD4B39;
}
.socialList ul li a[href*="twitter"]:hover {
	background:#50A0D7;
}
.socialList ul li a[href*="instagram"]:hover {
	background:#d04668;
}
.socialList ul li a[href*="linkedin"]:hover {
	background:#007bb6;
}
.socialList ul li a[href*="pinterest"]:hover {
	background:#be4037;
}
.socialList ul li a[href*="feeds"]:hover {
	background:#FF9900;
}
.socialList ul li .fa {
	margin-right:-4px;
}
/********************* Show block *********************/
/* block_default */
.block_default {
	margin:0 0 20px;
	min-height:200px;
	position:relative;
	display:block;
	padding:0px;
}
.block_default div.title {
	padding:0;
	margin:20px 0 20px;
	position:relative;
	display:block;
	font-size:22px;
}
.block_default .s_content {
	padding:0;
	margin:0 0 20px;
	position:relative;
	display:block;
}
/* block_simple */
.block_simple {
	margin:0px;
	position:relative;
	display:block;
	padding:0px;
}
.block_simple div.title {
	padding:0 0 10px;
	margin:20px 0 10px;
	position:relative;
	display:block;
	border-bottom:1px solid #ebebeb;
}
.block_simple div.title:before {
	padding:0;
	margin:0px;
	position:absolute;
	content:"";
	width:100px;
	display:block;
	height:4px;
	background-color:#0088cf;
	bottom:0;
	left:0;
}
.block_simple .s_content {
	padding:0;
	margin:0 0 20px;
	position:relative;
	display:block;
}
/* block_tcenter */
.block_tcenter {
	padding:0;
	margin:20px 0;
	position:relative;
	width:100%;
	display:block;
}
.block_tcenter .title {
	text-align:center;
	margin:0 auto 2rem;
	position:relative;
	display:block;
	width:100%;
	text-transform: uppercase;
}
.block_tcenter .title span {
	padding:0 10px;
	margin:0 auto;
	display:table;
	position:relative;
	font-weight: 500;
	font-size: 20px;
}
.block_tcenter .title p{
	padding:0 10px;
	margin:0 auto;
	display:table;
	font-size: 30px;
	color:var(--brand-main-color);
	position:relative;
	font-weight: 700;
}
.block_tcenter .s_content {
	padding:0;
	margin:0;
	position:relative;
	display:block;
}


/* block_footer */
.block_footer {
	position:relative;
	margin:0 0 20px;
	min-height:200px;
	display:block;
}
.block_footer h4.title {
	padding:0;
	margin:20px 0 20px;
	position:relative;
	display:block;
	color:#fff;
}
.block_footer .s_content {
	padding:0;
	margin:0 0 20px;
	position:relative;
	display:block;
}
/* Info die */
.nv-infodie {
	margin:0 auto;
	box-shadow:0 0 4px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.15);
	border:1px #dadada solid;
	background:#fff;
	position:relative;
	min-height:300px !important;
	min-width:300px !important;
	display:table;
}
.nv-infodie .panel-body {
	display:table-cell;
	vertical-align:middle;
}
/* Form */
input[type="checkbox"], input[type="radio"] {
	border-width:1px;
	border-style:solid;
	border-color:#bbb;
	clear:none;
	cursor:pointer;
	display:inline-block;
	line-height:0;
	height:16px;
	margin:3px 4px 0 0;
	outline:0;
	padding:0 !important;
	text-align:center;
	vertical-align:middle;
	width:16px;
	min-width:16px;
	-webkit-appearance:none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#555;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
}
input[type=radio] {
	border-radius:50%;
	margin-right:4px;
	line-height:inherit;
}
input[type=checkbox]:disabled, input[type=radio]:disabled, input[type=checkbox]:disabled:checked:before, input[type=radio]:disabled:checked:before {
	opacity:0.7;
}
input[type=checkbox]:checked:before, input[type=radio]:checked:before {
	float:left;
	display:inline-block;
	vertical-align:middle;
	width:14px;
	font:normal 14px/1 'FontAwesome';
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
input[type=checkbox]:checked:before {
	content:'\f00c';
	margin:0 0 0 0;
	color:#1e8cbe;
}
input[type=radio]:checked:before {
	content:'\2022';
	text-indent:-9999px;
	border-radius:50px;
	font-size:24px;
	width:6px;
	height:6px;
	margin:4px;
	line-height:16px;
	background-color:#1e8cbe;
}
table caption {
	color:#0066CC;
	text-align:left;
	font-size:13px;
	font-weight:700;
	line-height:22px;
	padding:0 0 5px 2px;
}
blockquote {
	font-size:13px;
}
button.close {
	padding:0;
	cursor:pointer;
	background:0 0;
	border:0;
	-webkit-appearance:none;
}
.close {
	float:right;
	font-size:21px;
	font-weight:700;
	line-height:1;
	color:#000;
	text-shadow:0 1px 0 #fff;
	opacity:.2;
}
.modal-body {
	padding:15px
}
.modal-header .close {
	margin-top:-2px;
}
#sitemodal .modal-dialog {
	position:relative;
	width:auto !important;
	text-align:center;
	font-size:0;
}
#sitemodal .modal-content {
	width:auto;
	display:inline-block;
	font-size:14px;
	min-width:350px;
	text-align:left
}
#sitemodal .close {
	position:absolute;
	right:-10px;
	bottom:-10px;
	width:24px;
	height:24px;
	background:#000;
	color:#fff;
	font-size:11px;
	opacity:0.8;
	border:2px solid #ccc;
	border-radius:12px
}
#sitemodal .close:hover {
	opacity:1;
}
@media(max-width:619px) {
	#sitemodal .modal-dialog {
		margin-left:10px;
		margin-right:10px;
	}
	#sitemodal .modal-content {
		display:block
	}
}
#sb-container {
	z-index:99999999 !important;
}
.chromeframe {
	position:fixed !important;
	top:0 !important;
	right:0;
	left:0;
	width:100% !important;
	z-index:99999999999999 !important;
	background:#ffff00 !important;
	color:#000 !important;
	height:25px;
	line-height:25px;
	padding:0.2em 0;
	text-align:center !important;
}
#timeoutsess {
	display:none;
}
#timeoutsess a {
	color:#0000FF !important;
}
/* Account Level */
[class^="lev-"], [class*=" lev-"] {
	display:inline-block;
}
[class^="lev-"]:before, [class*=" lev-"]:before {
	font-family:FontAwesome;
	font-size:inherit;
	margin-right:5px
}
.lev-1:before {
	content:" \f005 \f005 \f005 "
}
.lev-2:before {
	content:" \f005 \f005 \f006 "
}
.lev-3:before {
	content:" \f005 \f006 \f006 "
}
.lev-user:before {
	content:" \f007 "
}
/* module Contact*/
.contact-result {
	position:absolute;
	top:40px;
	left:5%;
	width:90%;
	float:left;
	z-index:2;
	padding:30px 20px;
	display:none
}
/*alert*/
.nv-alert {
	position:fixed !important;
	top:25% !important;
	right:0;
	left:0;
	width:350px !important;
	margin:auto;
	z-index:99999999999999 !important;
	text-align:center !important;
	padding-top:30px !important;
	padding-bottom:30px !important
}
/**************** Block in Module ******************/
/* block_newscat */
.block_newscat {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
.block_newscat ul {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:100%;
}
.block_newscat ul li {
	position:relative;
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
	width:50%;
}
.block_newscat ul li .s_img {
	position:relative;
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
	width:50%;
	height:250px;
	overflow:hidden;
}
.block_newscat ul li .s_img img {
	display:block;
	margin:0;
	padding:0;
	width:100%;
	min-height:250px;
}
.block_newscat ul li .s_img:hover img {
	cursor:pointer;
	transform:scale(1.2);
	transition:all 0.3s ease 0s;
}
.block_newscat ul li .s_des {
	position:relative;
	display:inline-block;
	float:left;
	margin:0;
	padding:40px;
	width:50%;
	height:250px;
}
.block_newscat ul li .s_des a h3 {
	color:#333;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.block_newscat ul li .s_des:hover a h3 {
	font-size:30px;
	line-height:35px;
}
.block_newscat ul li .s_des .s_date {
	position:relative;
	display:block;
	float:left;
	margin:10px 0 0 0;
	padding:0px;
}
/* email_newsletter */
.email_newsletter {
	display:flex;
	position:relative;
	width:100%;
	align-items: center;
}
.email_newsletter .showform {
	display:block;
	position:relative;
	min-width: 300px;
}
.email_newsletter div.title {
	color:var(--brand-main-color);
	position: relative;
	font-weight: 700;
	font-size: 20px;
	margin-right:1rem;
	text-transform:uppercase;
}
.email_newsletter input[type="text"] {
	-moz-border-bottom-colors:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	background:#fff none repeat scroll 0 0;
	border:1px solid #ebebeb;
	padding:0 1rem;
	position:relative;
	width:100%;
	height:45px;
	border-radius: 4rem;
}
.email_newsletter button {
	position:absolute;
	top:0;
	right:1rem;
	background:transparent;
	border:0 none;
	color: #555;
	font-weight: 500;
	text-transform: uppercase;
	padding:0px;
	height:45px;
	width:auto;
	line-height:45px;
}
/* Block menu_inpage */
ul.menu_inpage {
	padding:0px;
	margin:0;
	position:relative;
}
ul.menu_inpage li {
	padding:0px;
	margin:0;
	position:relative;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
ul.menu_inpage li a {
	padding:5px 20px;
	margin:0px;
	display:block;
	border-bottom:1px solid #dfdfdf;
}
ul.menu_inpage li a:hover, ul.menu_inpage li.current a {
	color:#0088cf;
}
ul.menu_inpage ul {
	padding:0px;
	margin:0;
	position:relative;
}
ul.menu_inpage ul li {
	padding:0px;
	margin:0;
	position:relative;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
ul.menu_inpage ul li a {
	padding:5px 30px;
	margin:0px;
	display:block;
	border-bottom:1px solid #dfdfdf;
}
ul.menu_inpage ul li:last-child a {
	border-bottom:0;
}
ul.menu_inpage ul li a:hover, ul.menu_inpage li.current ul li a:hover, ul.menu_inpage ul li.current a, ul.menu_inpage li.current ul li.current a {
	color:#0088cf;
}
ul.menu_inpage li.current ul li a {
	color:#333;
}
/* Block menu_topbar */
ul.menu_topbar {
	padding:0px;
	margin:0 auto 0 20px;
	display:inline-block;
	float:right;
	position:relative;
}
ul.menu_topbar li {
	padding:0px;
	margin:0;
	position:relative;
	display:inline-block;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
ul.menu_topbar li a {
	color:#fff;
	font-weight:300;
	font-size:13px;
	padding:0 10px;
	margin:0;
	font-style:normal;
	border-right:1px solid #fff;
}
ul.menu_topbar li a:hover {
	color:#aad964;
}
ul.menu_topbar li:last-child a {
	border-right:0;
}
.underline_right {
	border-right:1px solid #353599;
}
/*back top*/
#back-to-top {
	background-color:var(--brand-main-color);
	bottom:10px;
	color:#fff;
	cursor:pointer;
	font-size:30px;
	height:40px;
	opacity:0.5;
	position:fixed;
	right:-40px;
	text-align:center;
	text-decoration:none;
	transition:all 0.4s ease 0s;
	width:40px;
	z-index:1000;
}
#back-to-top i {
	font-size:24px;
	font-weight:normal;
	line-height:40px;
	transition:all 0.4s ease 0s;
	vertical-align:top;
}
#back-to-top:hover {
	opacity:1;
}
#back-to-top.visible {
	right:10px;
}
#back-to-top.gone {
	right:-40px;
}
/* Button mặc định */
.btn-site, a.btn-site {
	background-color:transparent;
	border:1px solid var(--brand-sub-color);
	padding:8px 25px;
	white-space:nowrap;
	border-radius:0;
	text-transform:uppercase;
}
.btn-site:hover, a.btn-site:hover {
	background-color:var(--brand-sub-color);
	color:#fff;
}


.btn-plus, a.btn-plus {
	position: relative;
	background-repeat: no-repeat;
	background-position: center; 
	background-image: url(../images/icon-plus-white.png);
	background-color: var(--brand-main-color);
	display: block;
	width: 40px;
	height: 40px;
	border:0;
	border-radius:50%;
}
.btn-plus:hover, a.btn-plus:hover {
	background-color: var(--brand-sub-color);
}

.btn-site-2, a.btn-site-2 {
	border:1px solid #ff0000;
	padding:4px 20px;
	white-space:nowrap;
}
.btn-site-2:hover, a.btn-site-2:hover {
	border:1px solid #333;
	padding:4px 20px;
}
.btn-white, a.btn-white {
	background-color:transparent;
	border:1px solid #fff;
	padding:6px 30px;
	color:#fff;
	white-space:nowrap;
	border-radius:0;
	text-transform:uppercase;
}
.btn-white:hover, a.btn-white:hover {
	border:1px solid #fff;
	padding:6px 30px;
	color:#fff;
	box-shadow:0px 0 7px 1px #626262;
}
.captchaImg {
	margin:0;
	height:32px;
}
.cl-brand-main {
	color:var(--brand-main-color) !important;
}
.cl-brand-sub {
	color:var(--brand-sub-color) !important;
}
.cl-brand-sub-color-2 {
	color:var(--brand-sub-color-2) !important;
}
.cl-brand-added-color-1 {
	color:var(--brand-added-color-1) !important;
}
.cl-brand-added-color-2 {
	color:var(--brand-added-color-2) !important;
}
.cl-white {
	color:#fff !important;
}
.text-shadow-small {
	text-shadow:1px 1px 3px #333;
}.text-shadow {
	text-shadow:6px 1px 6px #333;
}
.title_brspan {
	position:relative;
	text-transform:uppercase;
	font-size:18px;
	line-height:26px;
	font-weight:700;
}
.title_brspan span {
	position:relative;
	display:block;
	color:var(--brand-main-color);
	font-size:30px;
	line-height:30px;
}
.title_center{
	position: relative;
	text-align: center;
	text-transform: uppercase;
	margin-block: 2rem;
	font-weight: 700;
}
.title_center span{
	position: relative;
	display: block;
	color: var(--brand-main-color);
	font-size: 30px;
}

.title_center_underline{
	position: relative;
	text-align: center;
	text-transform: uppercase;
	margin-block: 2rem;
	font-weight: 700;
}
.title_center_underline:before {
	position: absolute;
	bottom: -0.5rem;
	left: calc(50% - 25px);
	content: "";
	background-color: var(--brand-sub-color);
	width: 50px;
	height: 4px;
}
.title_center_underline span{
	position: relative;
	display: block;
	color: var(--brand-main-color);
	font-size: 30px;
}


.title_underline{
	position: relative;
	text-transform: uppercase;
	margin-block: 2rem;
	font-weight: 700;
}
.title_underline:before {
	position: absolute;
	bottom: -0.5rem;
	left: 0;
	content: "";
	background-color: var(--brand-sub-color);
	width: 50px;
	height: 4px;
}
.title_underline span{
	position: relative;
	display: block;
	color: var(--brand-main-color);
	font-size: 30px;
}
.item-fruits{
	position: relative;
	display: flex;
	padding: 2rem;
	text-align: center;
	background-image: url(../images/bg-fruits.png);
	width: 195px;
	height: 188px;
	align-items: center;
	justify-content: center;
	align-content: center;
	background-size: auto;
	background-repeat: no-repeat;
}
.w-80pr{
	max-width: 80%;
	display: table;
	margin: 0 auto;
}
.bg-about-top{
	position: relative;
}
.bg-about-top:before {
	position: absolute;
	top: 0rem;
	right: 0;
	content: "";
	display: block;
	width: 283px;
	height: 355px;
	background-image: url(../images/bg-right-about.png);
	background-repeat: no-repeat; 
}

.bg-about-top:after {
	position: absolute;
	bottom: -5rem;
	left: 0;
	content: "";
	display: block;
	width: 283px;
	height: 355px;
	background-image: url(../images/bg-left-about.png);
	background-repeat: no-repeat; 
	z-index: 1
}
.bg-about-center{
	position: relative;
	width: 100%;
	background-image: url(../images/bgonlyhome.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 5rem 0 2rem;
	margin-bottom: 4rem;
}
.bg-about-center .bx-wrapper {
	-moz-box-shadow: unset;
	-webkit-box-shadow: unset;
	box-shadow: unset;
	border: 0;
	background: transparent;
}
.bg-about-center .bx-wrapper {
	margin-bottom: unset;
}
.bg-about-center .bx-wrapper .bx-controls-direction a {
	margin-top: -21.5px;
	width: 43px;
	height: 43px;
	background-repeat: no-repeat;
	background-position: center;
}
.bg-about-center .bx-wrapper .bx-controls-direction a:hover {
	opacity: 0.7;
}
.bg-about-center .bx-wrapper .bx-prev {
	left: 0px;
	background-image: url(../images/icon-slider-left.png);
}
.bg-about-center .bx-wrapper .bx-next {
	right: 0px;
	background-image: url(../images/icon-slider-right.png);
}
.underline-topbottom{
	padding: 1rem 0;
	margin: 1rem 0;
	border-top: 1px solid var(--brand-sub-color);
	border-bottom: 1px solid var(--brand-sub-color);
}
.quoto{
	border-left: 0.5rem solid #c5e9c8;
	padding-left: 0.8rem;
}
.bg-silver{
	background-color: #e5e5e5;
	border-radius: 0.4rem;
	padding: 1rem;
}
.bg-prdinfo{
	position: relative;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	border-radius: 1rem;
	padding: 2rem;
	margin-block: 3rem;
}

.title_full_underline{
	position: relative;
	text-transform: uppercase;
	margin-block: 1rem;
	padding-bottom: 0.5rem;
	font-weight: 700;
	border-bottom: 1px solid var(--brand-sub-color);
	font-size: 18px;
	color: var(--brand-main-color);
}


.bg-gradient-brand {
	background-image:linear-gradient(to right, var(--brand-sub-color), #fee2a4,  var(--brand-sub-color));
}
.bg-gioithieu {
	background-image:url(/uploads/backgrounds/bg-gioi-thieu.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:cover;
	background-attachment:fixed;
}
.bg-brand-main {
	background-color:var(--brand-main-color) !important;
}
.bg-brand-sub {
	background-color:var(--brand-sub-color) !important;
}
.bg-brand-sub-color-2 {
	background-color:var(--brand-sub-color-2) !important;
}
.bg-brand-added-color-1 {
	background-color:var(--brand-added-color-1) !important;
}
.bg-brand-added-color-2 {
	background-color:var(--brand-added-color-2) !important;
}
.bg-white {
	background-color:#fff !important;
}
.max-w-600 {
	max-width: 600px !important;
}