/* ==========================================================================
   1. RESET & BASE STYLES
   ========================================================================== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, 
canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, 
fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, 
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, 
p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, 
table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height: normal;
}

body, html, .new_popup.ra {
	overflow-x: hidden;
}

body {
	line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, .back-linksm {
	display: block;
}

ol, ul, ul.list-tin-tintuc {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img, ul.khaychonthe li img, .list-doitac-tieubieu .content img, .content-hinhthuc-qr .tt .media-left img {
	vertical-align: top;
}

/* ==========================================================================
   2. GLOBAL LINKS & TRANSITIONS
   ========================================================================== */
a, a:hover {
	text-decoration: none;
}

a:hover {
	color: #285594;
}

.back-to-top, 
.hd-naptien, 
.hd-naptien .owl-controls .owl-pagination .owl-page span, 
.hd-xacthuc1 .content, 
a.nav-tabs-dropdown.btn.btn-block.btn-primary, 
a.btn-blue-nobg {
	transition: .4s ease all;
}

/* ==========================================================================
   3. WEB SCRUB OVERRIDES & UTILITIES
   ========================================================================== */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #fff;
}

::-webkit-scrollbar-track {
	background-color: #fff;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .3);
	border-radius: 2px;
}

.overflow::-webkit-scrollbar {
	width: 0;
	height: 0;
}

#news_content img, table {
	margin: 0 auto !important;
}

#news_content img {
	max-width: 100%;
	width: auto !important;
	height: auto !important;
	display: block !important;
}

.popup-login form input:focus, .popup-login select:focus {
	outline: 0;
}

.add-mg-left-20 {
	margin-left: 20px;
}

.mg-bt-15 {
	margin-bottom: 15px !important;
}

.row.custom {
	margin: 0;
}

.row.custom > [class*=col-] {
	padding: 0;
}

.row.flex {
	display: flex;
}

/* ==========================================================================
   4. BUTTONS
   ========================================================================== */
a.btn-black {
	display: inline-block;
	line-height: 60px;
	background: rgba(0, 0, 0, .4);
	padding: 0 60px;
	border-radius: 56px;
	color: #fff;
	font-size: 21px;
	border: 1px solid #fcfcfb;
	transition: .4s ease all;
}

a.btn-black:hover {
	background: #0061af;
	color: #fff;
	border-color: #0061af;
}

a.btn-blue-nobg {
	display: inline-block;
	border: 1px solid #295694;
	text-align: center;
	padding: 10px 20px;
	color: #295694;
	font-size: 14px;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	z-index: 2;
	box-sizing: border-box;
}

a.btn-blue-nobg span {
	position: relative;
	z-index: 1;
}

a.btn-blue-nobg:before {
	content: "";
	height: 100%;
	position: absolute;
	left: -250%;
	top: 0;
	width: 200%;
	background: #2d74d6;
	transform: skewX(-35deg);
	transition: .4s ease all;
	z-index: 1;
}

a.btn-blue-nobg:hover {
	color: #fff;
}

a.btn-blue-nobg:hover:before {
	left: -50%;
}

.bao-two-btn {
	overflow: hidden;
	margin-top: 30px;
}

.bao-two-btn a.btn.btn-success {
	width: 45%;
	margin: 0;
}

.bao-two-btn a.btn.btn-success:nth-child(1) {
	float: left;
}

.bao-two-btn a.btn.btn-success:nth-child(2) {
	float: right;
}

/* ==========================================================================
   5. POPUPS & ERROR MODULES
   ========================================================================== */
.n_baoloi, .new_popup {
	position: fixed;
	right: 0;
	bottom: 0;
}

.n_baoloi {
	background: url(../images/bg-baoloi.jpg) top center no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	text-align: center;
	min-height: 100vh;
	display: table;
	min-width: 100vw;
}

.n_baoloi .n_con {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

.n_baoloi .n_con .tt, .n_baoloi .n_con .des {
	color: #535353;
	font-size: 48px;
	font-weight: 900;
	margin-bottom: 21px;
}

.n_baoloi .n_con .des {
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 47px;
}

.n_baoloi .n_con .des span {
	display: block;
	color: #535353;
	font-size: 18px;
	text-transform: none;
}

.n_baoloi .n_con .em {
	color: #535353;
	font-size: 14px;
}

.n_baoloi .n_con .em a {
	color: #295694;
	text-decoration: underline;
}

.new_popup, .new_popup .n_content {
	top: 0;
	left: 0;
	width: 100%;
	overflow-y: scroll;
}

.new_popup {
	background: #efefef;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: .4s ease all;
	-webkit-overflow-scrolling: touch;
}

.new_popup.ra {
	opacity: 1;
	visibility: visible;
}

.n_popup_click {
	background: #00f;
	color: #fff;
	padding: 20px 10px;
	display: inline-block;
}

.new_popup .n_content {
	position: absolute;
	height: 100%;
	display: table;
	z-index: 99;
	min-height: 100vh;
}

.new_popup a.n_close, .popup a.n_close {
	display: inline-block;
	background: url(../images/n_btn.png) top center no-repeat;
	width: 52px;
	height: 52px;
	transform: scale(.7);
	transition: .4s ease transform;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 999;
}

.new_popup a.n_close:hover, .popup a.n_close:hover {
	background-position-y: bottom;
	transform: rotate(180deg) scale(.7);
}

.new_popup .n_content .n_trai {
	width: 43%;
	height: 100%;
	background: url(../images/bg-popup.jpg) center top no-repeat;
	background-size: cover;
	display: table-cell;
	vertical-align: middle;
	padding: 0 135px 0 175px;
	right: 57%;
	opacity: 0;
	position: relative;
}

.new_popup.ra .n_content .n_trai {
	animation: n_trai .6s ease .5s forwards;
}

.new_popup .n_content .n_trai .tt, .new_popup .n_content .n_phai .tt {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}

.new_popup .n_content .n_trai .tt {
	color: #fff;
	margin-bottom: 16px;
}

.new_popup .n_content .n_trai .n_btn {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	border: 1px solid #fff;
	padding: 9px 22px;
}

.new_popup .n_content .n_trai .n_btn:hover {
	background: rgba(255, 255, 255, .14);
}

.new_popup .n_content .n_trai a.n_l {
	display: inline-block;
	margin-bottom: 38px;
}

.new_popup .n_content .n_trai .des {
	color: #fff;
	font-size: 18px;
	margin-bottom: 39px;
}

.new_popup .n_content .n_phai {
	display: table-cell;
	vertical-align: middle;
	padding: 0 60px 0 116px;
	left: 43%;
	position: relative;
	background: #fff;
}

.new_popup .n_content .n_phai .tt {
	color: #1a1a1a;
	margin-bottom: 8px;
}

.new_popup .n_content .n_phai .tt span {
	display: block;
	color: #1a1a1a;
	font-size: 24px;
	font-weight: 400;
}

.new_popup .n_content .n_phai .des {
	color: #535353;
	font-size: 14px;
	margin-bottom: 33px;
}

/* ==========================================================================
   6. POPUP LOGIN
   ========================================================================== */
.new_popup .n_content .n_phai .popup-login {
	position: static;
	top: 0;
	left: 0;
	transform: none;
	max-width: none;
	display: block;
	opacity: 1;
}

.new_popup .n_content .n_phai .popup-login .tip-input {
	display: block;
}

.new_popup .n_content .n_phai .popup-login .n_btn > a {
	margin: 0;
}

.new_popup .n_content .n_phai .popup-login .n_btn {
	vertical-align: middle;
	text-align: left;
	margin-top: 35px;
}

.new_popup .n_content .n_phai .popup-login .n_btn span {
	color: #535353;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}

.new_popup .n_content .n_phai .popup-login .n_btn span a {
	color: #295694;
	text-decoration: underline;
}

.new_popup .n_content .n_phai .popup-login .n_kichhoat {
	text-align: left;
	overflow: hidden;
	padding: 1px 0;
	margin-bottom: 26px;
}

.new_popup .n_content .n_phai .popup-login .n_kichhoat input {
	width: calc(100% - 170px);
	float: left;
}

.new_popup .n_content .n_phai .popup-login .n_kichhoat .n_btn {
	margin: 0;
	float: right;
}

.new_popup .n_content .n_phai .popup-login .n_kichhoat .n_btn a {
	height: 55px;
	line-height: 55px;
	padding: 0 30px;
}

.new_popup .n_content .n_phai .popup-login .n_note {
	text-align: left;
	font-size: 14px;
}

.new_popup .n_content .n_phai .popup-login .n_note a {
	color: #3678d5;
}

.new_popup .n_content .n_phai .popup-login .bao-input-capcha {
	overflow: hidden;
}

/* ==========================================================================
   7. BACK TO TOP & BACK LINKS
   ========================================================================== */
.back-linksm {
	text-align: left;
	margin: 10px 0 20px;
	font-size: 13px;
	position: relative;
}

.back-linksm:after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/arrow-back-black.png) top center no-repeat;
	position: absolute;
	top: 2px;
	left: -20px;
	transform: scale(.8);
}

.back-linksm:hover:after {
	background: url(../images/arrow-back.png) top center no-repeat;
}

.back-to-top {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9;
	cursor: pointer;
	transform-style: preserve-3d;
	perspective: 700px;
}

.back-to-top:hover {
	transform: rotateY(180deg);
}

/* ==========================================================================
   8. COMPONENT MODULES (OWL SLIDER, SECTIONS)
   ========================================================================== */
/* Owl Slider Controls */
.hd-naptien .owl-controls .owl-pagination {
	position: absolute;
	left: 148px;
}

.hd-naptien .owl-controls .owl-pagination .owl-page span {
	display: inline-block;
	background: #d7d7d7;
	width: 10px;
	height: 10px;
	transform: scale(.6);
	margin: 0 4px;
	transform-origin: 50% 50%;
}

.hd-naptien .owl-controls .owl-pagination .owl-page.active span, 
.hd-naptien .owl-controls .owl-pagination .owl-page:hover span {
	transform: scale(1);
	background: #009ee0;
	width: 10px;
	height: 10px;
}

/* Chuyen Tien Bao Mat */
.chuyentienbaomat {
	background: #f6f6f6;
	padding: 139px 0 44px;
}

.chuyentienbaomat .content .tt-ud-tv {
	margin-bottom: 40px;
}

.chuyentienbaomat .content .nd {
	padding: 28px 0;
	border-bottom: 1px solid #e9e9e9;
}

.chuyentienbaomat .content .nd .tt {
	color: #1a1a1a;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 17px;
}

.chuyentienbaomat .content .nd .des {
	color: #1a1a1a;
	font-size: 14px;
}

/* HD Xac Thuc 1 */
.hd-xacthuc1 {
	margin-top: -58px;
	margin-bottom: 15px;
}

.hd-xacthuc1 .content {
	text-align: center;
	padding: 70px 39.9px;
	position: relative;
}

.hd-xacthuc1 .content:hover {
	background: #fbfbfb;
}

.hd-xacthuc1 .content img {
	margin-bottom: 50px;
}

.hd-xacthuc1 .content .tt {
	color: #222;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 19px;
}

.hd-xacthuc1 .content .des {
	color: #555;
	font-size: 16px;
}

/* Video Ho Tro */
.content-video-hotro {
	background: #fff;
	padding: 50px 20px;
}

.content-video-hotro .video {
	position: relative;
}

.content-video-hotro .video:before, ul.khaychonthe li:before {
	content: "";
}

.content-video-hotro .video:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	transition: .4s ease all;
}

.content-video-hotro .video:hover:before {
	opacity: 0;
}

.content-video-hotro .video .btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.content-video-hotro .content {
	padding: 35px;
	margin-top: 25px;
}

.content-video-hotro .content .tt-ud-tv {
	margin-bottom: 25px;
}

.content-video-hotro .content .des {
	color: #555;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 50px;
}

.content-video-hotro .content .so {
	display: table-cell;
	vertical-align: middle;
	color: #295694;
	font-size: 26px;
	font-weight: 700;
	white-space: nowrap;
}

.content-video-hotro .content .so span {
	display: inline-block;
}

.content-video-hotro .content .co-num {
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	padding: 0 25px;
}

.content-video-hotro .content .chu {
	display: table-cell;
	vertical-align: middle;
	color: #555;
	font-size: 14px;
	padding-left: 14px;
}

/* QR App Download */
.content-qr-ud {
	background: url(../images/bg-ud1.jpg) top center no-repeat;
	background-size: cover;
	padding: 75px;
	margin-bottom: 100px;
}

.content-qr-ud .content {
	background: url(../images/bg-qr.png) top right no-repeat #fff;
	padding: 40px 50px;
}

.content-qr-ud .content .qr {
	display: table-cell;
	padding-right: 53px;
}

.content-qr-ud .content .phai {
	display: table-cell;
	vertical-align: middle;
}

.content-qr-ud .content .phai .tt {
	color: #1a1a1a;
	font-size: 30px;
	margin-bottom: 30px;
}

.content-qr-ud .content .phai .tt span {
	display: block;
	color: #555;
	font-size: 21px;
}

.content-qr-ud .content .phai .icon a {
	display: inline-block;
	margin-right: 15px;
	transition: .2s ease all;
	margin-bottom: 5px;
}

.content-qr-ud .content .phai .icon a:hover {
	transform: perspective(1px) scale(.95);
}

.bao-content-qr-ud {
	padding: 76px 0;
	background: #f8f8f9;
}

.bao-content-qr-ud .content1 {
	padding-right: 50px;
}

.bao-content-qr-ud .content1 .tt {
	color: #1a1a1a;
	font-size: 24px;
	position: relative;
	padding-top: 40px;
}

.bao-content-qr-ud .content1 .tt:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 52px;
	height: 4px;
	background: #b7b7b7;
}

.bao-content-qr-ud .content1 .tt span {
	display: block;
	color: #555;
	font-size: 14px;
	line-height: 24px;
	margin-top: 13px;
}

.row.custom > .width-flex.bg {
	background: rgba(255, 255, 255, .85);
	position: relative;
}

.row.custom > .width-flex.bg .tt-loi-ich-kh1 {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
}

/* Khay Chon The */
ul.khaychonthe li {
	display: inline-block;
	position: relative;
	margin: 5px;
}

ul.khaychonthe li:before {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .4s ease all;
}

ul.khaychonthe li a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: .4s ease all;
}

ul.khaychonthe li:hover a, 
ul.khaychonthe li:hover:before {
	opacity: 1;
}

ul.khaychonthe li:first-child {
	cursor: pointer;
	transition: .4s ease all;
}

ul.khaychonthe li:first-child:hover {
	transform: scale(.9);
}

ul.khaychonthe li:first-child:before {
	content: none;
}

/* Doi Tac Tieu Bieu */
.list-doitac-tieubieu {
	overflow: hidden;
}

.list-doitac-tieubieu > .row {
	margin: 0;
}

.list-doitac-tieubieu > .row * {
	padding: 2px;
}

.list-doitac-tieubieu .content {
	position: relative;
	display: block;
	perspective: 720px;
}

.list-doitac-tieubieu .content:before {
	content: "";
	position: absolute;
	width: 90%;
	height: 90%;
	background: rgba(255, 255, 255, .85);
	top: 50%;
	left: 50%;
	opacity: 0;
	transform-style: preserve-3d;
	transform: translate(-50%, -50%) rotateX(-90deg);
	transition: .4s ease all;
}

.list-doitac-tieubieu .content span {
	position: absolute;
	top: 57%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #000;
	font-size: 22px;
	font-weight: 600;
	z-index: 2;
	opacity: 0;
	transform-style: preserve-3d;
	text-align: center;
	transition: .4s ease all;
}

.list-doitac-tieubieu .content span em {
	display: block;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
}

.list-doitac-tieubieu .content:hover:before {
	opacity: 1;
	transform: translate(-50%, -50%) rotateX(0);
}

.list-doitac-tieubieu .content:hover span {
	opacity: 1;
	top: 50%;
}

/* Tab Content Thanh Toan All */
ul.tab-content-thanhtoan-all {
	margin-bottom: 20px;
}

ul.tab-content-thanhtoan-all .left {
	float: none;
}

ul.tab-content-thanhtoan-all li a {
	display: block;
	color: #1a1a1a;
	font-size: 18px;
	padding: 18px 0;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
}

ul.tab-content-thanhtoan-all li a:after {
	content: url(../images/arrow-left.png);
	position: absolute;
	right: 0;
	top: 56%;
	transform: translateY(-50%) rotate(180deg);
	transition: .4s ease all;
}

ul.tab-content-thanhtoan-all li.active a, 
ul.tab-content-thanhtoan-all li:hover a {
	color: #295694;
}

ul.tab-content-thanhtoan-all li.active a:after {
	content: url(../images/arrow-left-cl.png);
}

ul.tab-content-thanhtoan-all li:hover a:after {
	right: 10px;
	content: url(../images/arrow-left-cl.png);
}

.list-thanhtoan-all {
	margin-top: 60px;
	background: #fff;
}

.list-thanhtoan-all .left {
	float: none;
	padding: 49px 50px 0;
}

.list-thanhtoan-all .right {
	background: url(../images/bg-thanhtoan365.jpg) center center no-repeat;
	padding: 40px;
	float: none;
}

.list-thanhtoan-all .right .content {
	background: rgba(28, 28, 28, .5);
	padding: 70px 40px 153px;
	display: none;
}

.list-thanhtoan-all .right .content#tab-content-thanhtoan-all-1 {
	display: block;
}

.list-thanhtoan-all .right .content .tt {
	color: #fff;
	font-size: 16px;
	margin-bottom: 35px;
}

.list-thanhtoan-all .right .content .tt span {
	display: block;
	font-size: 24px;
	margin-bottom: 15px;
	line-height: 30px;
}

.list-thanhtoan-all .right .content ul li {
	display: inline-block;
	margin-right: 35px;
}

.list-thanhtoan-all .right .content ul li a {
	display: block;
}

/* Hinh Thuc QR */
.img-hinthuc-qr {
	position: relative;
}

.img-hinthuc-qr:before {
	content: "";
	width: 45px;
	height: 33px;
	position: absolute;
	background: #fff;
}

.img-hinthuc-qr.r-b:before {
	bottom: 0;
	right: 0;
}

.content-hinhthuc-qr {
	margin-top: 40px;
	margin-left: 50px;
}

.content-hinhthuc-qr.cus-mr {
	margin-left: 0;
}

.content-hinhthuc-qr .tt {
	color: #1a1a1a;
	font-size: 21px;
	margin-bottom: 35px;
}

.content-hinhthuc-qr .tt .media-left {
	padding-right: 25px;
	padding-bottom: 0;
	vertical-align: top;
}

.content-hinhthuc-qr .des {
	color: #1a1a1a;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 35px;
}

.hinhthuc-qr>.row {
	margin-bottom: 38px;
}

a.hover-thanhtoan {
	color: #295694;
	font-size: 16px;
	position: relative;
	display: inline-block;
}

a.hover-thanhtoan:after {
	content: url(../images/arrow-back-sm.png);
	position: absolute;
	right: -16px;
	top: 48%;
	transform: translateY(-50%);
	transition: .4s ease all;
}

a.hover-thanhtoan:hover:after {
	right: -20px;
}

.more-thanhtoan {
	margin-bottom: 40px;
}

.more-thanhtoan .tt {
	color: #1a1a1a;
	font-size: 14px;
	margin-bottom: 15px;
}

.more-thanhtoan .tt span {
	display: block;
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: 600;
}

.custom-panel .panel-title>a {
	color: #295694;
	font-size: 16px;
	font-weight: 600;
}

/* FAQ Search */
.faq-search {
	position: relative;
	display: block;
	max-width: 460px;
}

.faq-search input {
	height: 46px;
	border: none;
	border-radius: 2px;
	display: inline-block;
	padding: 0 50px 0 19px;
	width: 100%;
}

.faq-search a {
	position: absolute;
	right: 17px;
	top: 50%;
	transform: translateY(-50%);
}

.tt-faq-header {
	color: #fff;
	font-size: 24px;
	margin-bottom: 15px;
}

/* Khien Bao Mat Animation */
.bao-khien-baomat {
	height: 100%;
	text-align: center;
}

.bao-khien-baomat .khien-baomat {
	height: 100%;
	position: relative;
}

.bao-khien-baomat .bao-btn-play {
	background: url(../images/tay.png) center center no-repeat;
	display: inline-block;
	width: 424px;
	height: 424px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 100px;
}

.bao-khien-baomat .btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
}

.bao-khien-baomat .khien-baomat .ripple, 
.bao-khien-baomat .khien-baomat img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bao-khien-baomat .khien-baomat img {
	z-index: 2;
	animation: ravao 1.2s infinite;
}

/* Slide Moi & Doanh Nghiep */
.content-slide-moi {
	background: url(../images/bgcongnghe.png) top right no-repeat rgba(255, 255, 255, .95);
	padding: 30px 74px;
}

.content-slide-moi .des {
	margin-bottom: 32px;
	color: #1a1a1a;
	font-size: 16px;
	line-height: 24px;
}

.slide-moi-doanhnghiep-content {
	background: url(../images/bg-baomat.jpg) center center no-repeat;
	background-size: cover;
	padding: 55px 65px;
	display: flex;
	overflow: hidden;
}

.content-tabdoanhnghiep {
	display: none;
}

div#tab-doanhnghiep-1 {
	display: block;
}

ul.tab-doanhnghiep {
	margin-bottom: 25px;
}

ul.tab-doanhnghiep li {
	display: inline-block;
	color: #8e8d8d;
}

ul.tab-doanhnghiep li:nth-child(2) {
	margin: 0 4px;
}

ul.tab-doanhnghiep li a {
	display: block;
	color: #8e8d8d;
	font-size: 21px;
	font-weight: 400;
}

ul.tab-doanhnghiep li.active a {
	color: #295694;
	font-size: 21px;
	font-weight: 400;
	margin: 4px;
}

ul.tab-doanhnghiep li:hover a {
	color: #295694;
}

/* List Nen Tang */
ul.list-nentang li {
	position: relative;
	margin-bottom: 40px;
	padding-left: 20px;
	transition: .4s ease all;
}

ul.list-nentang li:before {
	content: "";
	width: 3px;
	height: 35px;
	position: absolute;
	left: 0;
	top: 50%;
	background: #e4e4e5;
	transform: translateY(-50%);
	transition: .4s ease all;
}

ul.list-nentang li a {
	display: block;
	color: #386aae;
	font-size: 18px;
}

ul.list-nentang li span {
	color: #5b5b5b;
	font-size: 14px;
}

ul.list-nentang li:hover {
	padding-left: 25px;
}

ul.list-nentang li:hover a {
	color: #0061af;
}

ul.list-nentang li:hover:before {
	background-color: #0061af;
}

.tt-moinentang {
	color: #1a1a1a;
	font-size: 30px;
	margin-bottom: 25px;
}

.tt-moinentang span {
	display: block;
	color: #222;
	font-size: 21px;
	font-weight: 300;
	margin-top: 7px;
}

/* Slide Doanh Nghiep Controls */
.slide-doanhnghiep.owl-carousel .owl-controls .owl-dot {
	display: inline-block;
	margin: 5px;
}

.slide-doanhnghiep.owl-carousel .owl-controls .owl-dot span {
	width: 15px;
	height: 15px;
	display: inline-block;
	background: 0 0;
	border-radius: 50%;
	border: 1px solid #fff;
}

.slide-doanhnghiep.owl-carousel .owl-controls .owl-dot.active span {
	background: #fff;
}

/* QC Header & Promo */
.qc-big-header .owl-theme.slide .owl-controls {
	position: absolute;
	bottom: 29px;
	left: 50%;
	transform: translateX(-50%);
}

.qc-big-header .owl-theme.slide .owl-controls .owl-page {
	width: 15px;
	height: 15px;
	text-align: center;
	margin: 5px;
}

.qc-big-header .owl-theme.slide .owl-controls .owl-page span {
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	margin: 4px;
}

.qc-big-header .owl-theme.slide .owl-controls .owl-page.active {
	border: 1px solid #fff;
	border-radius: 50%;
}

.ds-uudai {
	padding: 90px 0;
}

.content-ds-uudai {
	border: 1px solid #e5e5e5;
	padding: 20px;
	margin-bottom: 30px;
}

.content-ds-uudai>span {
	color: #e53935;
	font-size: 13px;
	display: block;
	margin-bottom: 14px;
}

.content-ds-uudai>span>s {
	color: #5a5a5a;
	margin-right: 2px;
}

.content-ds-uudai a.link {
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
}

.content-uudai-hotnhat a.content {
	position: relative;
	display: block;
}

.content-uudai-hotnhat a.content span.link {
	position: absolute;
	background: rgba(255, 255, 255, .8);
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
	transition: .4s ease all;
	opacity: 0;
	bottom: 30px;
	display: block;
	width: 100%;
}

.content-uudai-hotnhat a.content span.link img {
	float: left;
	margin-right: 20px;
	vertical-align: middle;
}

.content-uudai-hotnhat a.content span.link em {
	color: #383838;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	vertical-align: middle;
	line-height: 26px;
}

.content-uudai-hotnhat a.content span.link span {
	display: block;
	color: #e53935;
	font-size: 13px;
	font-weight: 600;
}

.content-uudai-hotnhat a.content span.link span s {
	color: #5a5a5a;
	font-size: 13px;
	font-weight: 400;
	margin-right: 4px;
}

.content-uudai-hotnhat a.content:hover span.link {
	opacity: 1;
	bottom: 0;
}

.uudai-hotnhat {
	padding: 90px 0;
	background: url(../images/bg-uudai.png) #fff;
	border: 1px solid #efefef;
}

.tt-big-uudai {
	text-align: center;
	font-size: 36px;
	color: #222;
	margin-bottom: 40px;
}

.tt-big-uudai span {
	display: block;
	font-size: 24px;
	color: #1a1a1a;
	font-weight: 300;
	line-height: 34px;
}

.slide-logo-duoi-qc ul {
	text-align: center;
}

.slide-logo-duoi-qc ul li {
	display: inline-block;
}

.slide-logo-duoi-qc ul li a {
	display: block;
}

.qc-big-header {
	margin-top: 68px;
	overflow: hidden;
}

.qc-big-header a {
	width: 100%;
	display: block;
}

.qc-big-header a:hover {
	filter: brightness(110%);
}

.qc-big-header .trai, .qc-big-header .phai {
	width: calc(50% - 1px);
}

.qc-big-header .trai {
	float: left;
}

.qc-big-header .trai a {
	display: block;
}

.qc-big-header .phai {
	float: right;
}

.qc-big-header .phai a.vua {
	display: block;
	margin-bottom: 2px;
}

.qc-big-header .phai .bao-nho a {
	display: block;
	float: left;
	width: 50%;
	padding: 1px;
}

/* Nav Tabs Dropdown Button */
a.nav-tabs-dropdown.btn.btn-block.btn-primary {
	font-size: 21px;
	background: 0 0;
	color: #295694;
	border: none;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 30px;
	display: none;
}

a.nav-tabs-dropdown.btn.btn-block.btn-primary.open {
	margin-left: 20px;
}

a.nav-tabs-dropdown.btn.btn-block.btn-primary span {
	position: relative;
}

a.nav-tabs-dropdown.btn.btn-block.btn-primary span:after {
	content: url(../images/arrow-back.png);
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	right: -20px;
}

a.nav-tabs-dropdown.btn.btn-block.btn-primary.open span:after {
	right: auto;
	left: -20px;
	transform: translateY(-50%);
}

/* Dieu Huong Thu Vien */
.dieuhuong-thuvien {
	overflow: hidden;
}

.dieuhuong-thuvien a {
	font-size: 18px;
	position: relative;
}

.dieuhuong-thuvien a:first-child {
	float: left;
	padding-left: 24px;
}

.dieuhuong-thuvien a:first-child:before {
	content: url(../images/arrow-left-to.png);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.dieuhuong-thuvien a:first-child:hover:before {
	content: url(../images/arrow-left-to1.png);
}

.dieuhuong-thuvien a:last-child {
	float: right;
	text-align: right;
	padding-right: 24px;
}

.dieuhuong-thuvien a:last-child:before {
	content: url(../images/arrow-left-to.png);
	position: absolute;
	right: 0;
	top: 44%;
	transform: translateY(-50%) rotate(180deg);
}

.dieuhuong-thuvien a:last-child:hover:before {
	content: url(../images/arrow-left-to1.png);
}

.dieuhuong-thuvien a span {
	display: block;
	font-size: 14px;
	color: #1a1a1a;
}

.content-thuvien-tichhop {
	padding: 20px 0;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 35px;
}

.content-thuvien-tichhop .tt-b, .right-thuvient-tichhop ul.to li a {
	font-size: 16px;
	color: #295694;
	font-weight: 600;
}

.content-thuvien-tichhop .tt-b {
	margin-bottom: 20px;
}

.content-thuvien-tichhop p {
	font-size: 16px;
	color: #1a1a1a;
	line-height: 24px;
	margin-bottom: 20px;
}

/* ==========================================================================
   9. ANIMATION KEYFRAMES
   ========================================================================== */
@keyframes n_trai {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/* ==========================================================================
   10. MEDIA QUERIES (RESPONSIVE STYLES)
   ========================================================================== */
@media(max-width:1500px) {
	.new_popup .n_content .n_trai {
		padding: 0 25px;
	}
	.new_popup .n_content .n_phai {
		padding: 0 50px;
	}
}

@media(max-width:991px) {
	.new_popup .n_content .n_phai, 
	.new_popup .n_content .n_trai {
		position: static;
		display: block;
		width: 100%;
		padding: 50px 25px;
	}
	.new_popup .n_content .n_trai a.n_l {
		display: none;
	}
}