/* ===================  resetcss.vn.style ==================== */
body {font-family: 'Segoe UI', sans-serif;background: #fff;color: #000}
h1, h2, h3, h4, h5, h6 {font-family: 'Segoe UI', sans-serif;margin: 0;line-height: 20px;font-size: 16px;font-weight: normal;}
*, :before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
ul, ol {list-style: none;padding: 0;margin: 0;}
@media (min-width: 1200px) {.uk-container {max-width:1000px;padding: 0;}}
@media (max-width: 1200px) {.uk-container {padding: 0 10px}}
a:hover {text-decoration: none;}
.uk-button {position: relative;min-height: 10px;border: none;box-shadow: none}
.uk-accordion-title {margin: 0!important;border: none;}
.offcanvas:focus {outline: none}
#mobile-menu {position: relative;width: 35px;height: 25px;cursor: pointer;margin-right: 10px;}
#mobile-menu .offcanvas {position: relative;width: 100%;height: 100%;}
#mobile-menu:before {
	content:'';
	display: block;position: absolute;
	width: 100%;height: 1px;border-bottom: 2px solid #fff;
	left: 0;right: 0;margin: 0 auto;top: 50%;
	cursor: pointer;
}
#mobile-menu .offcanvas:before, #mobile-menu .offcanvas:after {
	content:'';
	position: absolute;display: block;
	width: 100%;height: 1px;border-bottom: 2px solid #fff;
	left: 0px;
}
#mobile-menu .offcanvas:before {top: 4px;}
#mobile-menu .offcanvas:after {bottom: 1px;}
/* --- 1.social --- */
.social-1 .item {float: left;}
.social-1 .item:nth-child(n+2) {margin-left: 20px;}
.social-1 .item>.link {
	display: block;
	position: relative;
	font-size: 14px;color: #ebebeb;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.social-1 .item>.link:hover {
	-webkit-transform: scale(1.5) rotate(10deg);
	-ms-transform: scale(1.5) rotate(10deg);
	-o-transform: scale(1.5) rotate(10deg);
	transform: scale(1.5) rotate(10deg);
}
.social-2 .item {float: left;position: relative;}
.social-2 .item+.item {margin-left: 10px;}
.social-2 .item .link {
	display: block;
	height: 34px;width: 34px;
	color: #9aca42;
	font-size: 15px;line-height: 34px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.social-2 .item .link:hover {
	-webkit-transform: rotate(2turn);
	-o-transform: rotate(2turn);
	transform: rotate(2turn);
}
@media (max-width: 479px) {.social-1 .item:nth-child(n+2) {margin-left: 10px;}}

/* ---- 2. tab ---- */
#tabs-control .item {
	padding: 10px 20px;
	float: left;cursor: pointer;
	background: #fff;
	font-weight: bold;
	font-size: 13px;line-height: 18px;
}
#tabs-control .item:hover, #tabs-control .item.active {color: #fff;background: #0365ca}
#tabs-content .item {display: none;border-top: 1px solid #e1e1e1;padding: 25px 0px;font-family: Arial, sans-serif;}
#tabs-content .item.active {display: block;}

@media (max-width: 479px) {
	#tabs-control .item {font-size: 13px;font-family: 'Segoe UI', sans-serif;padding: 10px 10px;}
	#tabs-control .item:nth-child(n+2) {margin-left: 6px;}
}
/* --- 3. breadcrumb --- */
.breadcrumb {margin: 10px 0 20px 0;}
.breadcrumb .uk-breadcrumb {width: 100%;display: inline-block;}
.breadcrumb .uk-breadcrumb li {position: relative;}
.breadcrumb .uk-breadcrumb li>a {color: #252525;font-size: 14px;line-height: 18px;}
.breadcrumb .uk-breadcrumb li>a:hover, .breadcrumb .uk-breadcrumb .uk-active>a {color: #252525}

/* --- 4.pagination --- */
.pagination {padding-top: 20px;border-top: 1px solid #e1e1e1;}
.pagination .uk-pagination {position: relative;}
.pagination li:nth-child(n+2) {margin-left: 10px;}
.pagination li>a {
	width: 30px;height: 30px;
	padding: 0;
	font-size: 13px;line-height: 30px;
	text-align: center;
	border-radius: 4px;font-weight: bold;
	color: #000;background: none;
	border: none;
}
.pagination li.uk-active>a,.pagination li>a:hover, .pagination li>a:focus {color: #fff;background: #0365ca;}

/* --- 5. #toTop --- */
#toTop {position: fixed; z-index: 9999; right: 30px; }
@media (max-width: 959px) {#toTop {right: 5px;}}
#toTop a.link {
	display: block;
	width: 40px;height: 40px;
	line-height: 38px;
	background: #0365ca;
	color: #fff;font-size: 26px;
	border: 1px solid #fff;
	text-align: center;
}