@charset "utf-8";
@import url('css/bootstrap.min.css');
@-webkit-keyframes sonar {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(4);
		transform: scale(4);
		opacity: 0
	}

}

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

	100% {
		-webkit-transform: scale(4);
		transform: scale(4);
		opacity: 0
	}

}

@keyframes buffering-stripes {
	from {
		background-position: 0 0
	}

	to {
		background-position: 30px 0
	}

}

img {
	max-width: 100%
}

.logo .img-responsive {
	width: 100%
}

#particle-canvas {
	width: 100%;
	height: 100%
}

body {
	font-family: 'Quicksand', sans-serif;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 14px;
	background: #fafafa
}

a {
	color: #365eb4;
	text-decoration: none;
	transition: 0.4s
}

a:hover, a:visited, a:focus {
	text-decoration: none
}

a:hover {
	color: #e91b23;
	cursor: pointer
}

li {
	list-style-position: inside
}

.relate-content {
	overflow: hidden
}

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 24px;
	font-weight: normal
}

.ses {
	position: relative;
	width: 100%;
	border-radius: 10px 10px 0 0;
	background-color: #fff;
	box-shadow: 0px 2px 10px rgba(88, 88, 88, 0.3);
	overflow: hidden;
	margin: 0px auto 20px auto
}

.title-lq {
	width: 100%;
	height: 50px;
	background-color: #0565af;
	overflow: hidden
}

.title-lq .tieude {
	line-height: 50px;
	font-size: 24px;
	color: #fff;
	margin: 0;
	text-align: center
}

.line {
	position: absolute;
	z-index: 0;
	top: 50px;
	left: 65px;
	height: calc(100% + -70px);
	width: 0px;
	border-right: 1px solid #0565af
}

#release-content {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 0px;
	overflow-y: auto;
	overflow-x: hidden
}

#release-content::-webkit-scrollbar {
	width: 6px;
	background-color: #EBEBEB
}

#release-content::-webkit-scrollbar-thumb {
	background-color: #ccc
}

#release-content .object {
	width: 100%
}

#release-content .object:after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

#release-content .object .date {
	float: left;
	width: 35px;
	height: 35px;
	margin: 5px 10px;
	background-color: #0565af;
	color: #fff;
	border-radius: 10px;
	text-align: center;
	line-height: 35px;
	font-size: 14px
}

#release-content .object .circle {
	position: relative;
	float: left;
	z-index: 10;
	margin: 15px 0 0 -5px;
	width: 20px;
	height: 20px;
	background-color: #0565af;
	border-radius: 50%
}

#release-content .object .context {
	float: left;
	color: #000;
	width: 268px;
	min-height: 40px;
	margin: 0;
	padding: 5px 10px 0 7px;
	line-height: 1.5em
}

.context a {
	font-size: 15px;
	font-weight: 500
}

.context p {
	font-size: 13px
}

.dv {
	height: 70px;
	background: #fff;
	border-radius: 50px 0 0 50px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 2px 5px 0 rgba(93, 93, 93, 0.16), 0 2px 10px 0 rgba(255, 255, 255, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.shadown {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 2px 5px 0 rgba(93, 93, 93, 0.16), 0 2px 10px 0 rgba(255, 255, 255, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.dvcell {
	display: table-cell
}

.date a {
	font-size: 30px;
	color: #fff
}

.mar5 {
	margin-bottom: 5px;
	margin-top: 5px
}

.dvcell .date {
	background: #0293dd;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 50%;
	margin-left: -1px
}

.fixed {
	position: fixed;
	width: 100%;
	top: 0
}

.dvitem:nth-child(4n) .dvcell .date {
	background: #ff4136
}

.dvitem:nth-child(4n+1) .dvcell .date {
	background: #2ecc40
}

.dvitem:nth-child(4n+2) .dvcell .date {
	background: #fec40d
}

.dvtitle {
	padding-left: 10px;
	font-size: 18px;
	font-weight: 200
}

.content2 {
	background: #fff;
	padding: 20px 0
}

.thumbnail {
	border: none !important
}

.grid-tittle {
	font-size: 20px;
	text-transform: uppercase
}

.black {
	color: #000
}

.block-title {
	position: relative
}

.block-title:before {
	content: "\f02d";
	font-family: FontAwesome;
	position: absolute;
	left: 0px;
	top: 0;
	font-size: 30px
}

.block-title:after {
	width: 59%;
	border: 1px solid;
	content: "";
	right: 0px;
	position: absolute;
	top: 13px;
	z-index: 0
}

.block-title span {
	margin-left: 40px
}

.baidau {
	border-bottom: 1px dashed #e5e5e5
}

.borderight {
	border-right: 1px solid #e5e5e5
}

.logo img {
	margin-top: 16px
}

.butmar {
	margin-top: 10px
}

.mod {
	overflow: hidden;
	height: 100px
}

.txt1 {
	font-size: 18px;
	color: #464646;
	font-weight: 500;
	text-decoration: none;
	padding-bottom: 5px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out
}

.nopading {
	padding-left: 0;
	padding-right: 0
}

.pad5 {
	padding-left: 5px;
	padding-right: 5px
}

.post a img {
	width: 100%;
	height: 150px;
	object-fit: cover
}

.tieu_de {
	font-size: 18px;
	margin-bottom: 10px
}

.tomtat p {
	margin-top: 10px;
	line-height: 15px
}

.cac_bai_con_lai {
	text-align: left;
	font-size: 15px;
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 15px
}

.cac_bai_con_lai a {
	padding-left: 10px
}

.baidau {
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0
}

.nosepa span {
	margin: 0 !important;
	padding: 20px 0 !important
}

.news-box {
	background: rgba(255, 255, 255, 0.73);
	position: relative;
	z-index: 1;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: 10px !important
}

.marbot_15 {
	margin-bottom: 15px
}

.grid-left {
	position: relative;
	overflow: hidden
}

.grid-content {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 50%;
	color: #fff
}

.grid-content p {
	line-height: 15px
}

.marbot_20 {
	margin-bottom: 20px
}

.title {
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 5px 0;
	font-weight: bold
}

.title span {
	display: inline-block;
	color: #444;
	margin-top: 10px;
	font-size: 27px;
	position: relative
}

.dichvu {
	text-align: center;
	margin-top: 15px
}

.dichvu i {
	font-size: 50px
}

.pricingTable {
	text-align: center;
	overflow: hidden;
	padding-bottom: 20px
}

.item {
	display: inline-block;
	padding: 0;
	border-radius: 10px;
	background: #fff;
	margin: 10px 5px;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	width: 24%;
	float: left
}

.item:nth-child(4n+1) {
	border: 1px solid #0074d9
}

.item:nth-child(4n+2) {
	border: 1px solid #ff4136
}

.item:nth-child(4n+3) {
	border: 1px solid #2ecc40
}

.item:nth-child(4n+4) {
	border: 1px solid #fec40d
}

.item:before {
	content: "";
	display: block;
	width: 100%;
	height: 10px
}

.item:nth-child(4n+1):before {
	background: #0074D9
}

.item:nth-child(4n+2):before {
	background: #FF4136
}

.item:nth-child(4n+3):before {
	background: #2ECC40
}

.item:nth-child(4n+4):before {
	background: #fec40d
}

.item-title {
	width: 150px;
	height: 150px;
	padding-top: 45px;
	border-radius: 50%;
	color: #fff;
	font-size: 25px;
	font-weight: 200;
	margin: 10px auto
}

.item-title .smallText {
	font-size: 14px
}

.item-title .undertext {
	display: block;
	font-size: 16px;
	margin-top: 15px
}

.item:nth-child(4n+1) .item-title {
	background: #0074D9;
	border: 2px solid #0074D9
}

.item:nth-child(4n+2) .item-title {
	background: #FF4136;
	border: 2px solid #FF4136
}

.item:nth-child(4n+3) .item-title {
	background: #2ECC40;
	border: 2px solid #2ECC40
}

.item:nth-child(4n+4) .item-title {
	background: #fec40d;
	border: 2px solid #fec40d
}

.item ul {
	margin: 10px 0;
	padding: 0;
	list-style: none
}

.item ul li {
	display: block;
	width: 90%;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	font-weight: 300;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
	margin: 0 auto
}

.keywords {
	font-weight: bold
}

.button {
	border-radius: 10px;
	width: 140px;
	color: #fff;
	font-weight: 300;
	line-height: 35px;
	border: 2px solid #fff;
	margin: 0 auto 20px auto
}

.item:nth-child(4n+1) .button {
	background: #0074D9
}

.item:nth-child(4n+2) .button {
	background: #FF4136
}

.item:nth-child(4n+3) .button {
	background: #2ECC40
}

.item:nth-child(4n+4) .button {
	background: #fec40d
}

.item:nth-child(4n+1):hover .item-title {
	background: #fff;
	color: #0074D9
}

.item:nth-child(4n+2):hover .item-title {
	background: #fff;
	color: #FF4136
}

.item:nth-child(4n+3):hover .item-title {
	background: #fff;
	color: #2ECC40
}

.item:nth-child(4n+4):hover .item-title {
	background: #fff;
	color: #fec40d
}

.item:nth-child(4n+1):hover .button {
	background: #fff;
	color: #0074D9;
	font-weight: 400;
	border: 2px solid #0074D9
}

.item:nth-child(4n+2):hover .button {
	background: #fff;
	color: #FF4136;
	font-weight: 400;
	border: 2px solid #FF4136
}

.item:nth-child(4n+3):hover .button {
	background: #fff;
	color: #2ECC40;
	font-weight: 400;
	border: 2px solid #2ECC40
}

.item:nth-child(4n+4):hover .button {
	background: #fff;
	color: #fec40d;
	font-weight: 400;
	border: 2px solid #fec40d
}

.item:nth-child(4n+1) .keywords {
	color: #0074D9
}

.item:nth-child(4n+2) .keywords {
	color: #ff4136
}

.item:nth-child(4n+3) .keywords {
	color: #2ecc40
}

.item:nth-child(4n+4) .keywords {
	color: #fec40d
}

.selected {
	width: 260px;
	padding: 0 20px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	-webkit-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
	background: gold;
	border-top: 5px solid gold;
	border-bottom: 5px solid gold;
	background: #palegoldenrod;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	position: absolute;
	right: -65px;
	top: 30px
}

.panel, .panel-heading {
	border-radius: 0
}

.panel-heading {
	font-size: 13px
}

.panel-body {
	padding: 10px;
	font-size: 13px;
	line-height: 18px
}

.alert {
	line-height: 18px
}

.panel-primary .panel-heading a, .panel-success .panel-heading a {
	color: #fff
}

.table-heading {
	font-weight: bold
}

.support .list {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 15px;
	text-indent: 60px;
	padding: 10px;
	margin-top: 10px
}

.support .list a {
	text-transform: uppercase
}

.support .icon:hover {
	background-color: #f2f2f2
}

.support-body label {
	font-size: 15px;
	border-bottom: 1px solid #eee;
	padding: 10px;
	display: block
}

.panel-heading {
	text-transform: uppercase;
	font-size: 15px
}

.social_btn {
	padding: 15px 0px
}

.sbtn {
	display: inline-block;
	position: relative;
	text-align: center;
	width: 23.5%
}

.fb {
	top: -3px;
	width: 30%
}

.ui-dialog-title {
	font-weight: bold;
	text-shadow: none;
	font-size: 16px;
	color: #fff
}

.im {
	text-align: center
}

.im p {
	text-align: left
}

input.login_button.green, input.register_button.green {
	color: #fff;
	background-color: #3276b1;
	border-color: #285e8e;
	text-shadow: none;
	opacity: 1 !important
}

.ajax-login-default-form-container input[type="submit"]:hover {
	background-color: #e34;
	border-color: #ee3344;
	color: #fff
}

.sh {
	background: #f2f2f2;
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 21%;
	top: -6px;
	padding: 1px 0px 2px
}

.gg {
	width: 20%
}

.mgtop15 {
}

#s {
	height: 33.8px;
	opacity: 0.7
}

#s:hover {
	opacity: 1
}

.button-sm, .button-group-sm>.button {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 2px
}

.button-success {
	color: #fff;
	background-color: #277cbe;
	padding: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 85%;
	height: 35px;
	border: none
}

.button-success:hover {
	opacity: 0.8
}

.header .logo {
}

.wrapper {
	max-width: 1024px;
	background: #fff;
	padding: 0
}

.inner-container {
	padding: 0;
	position: relative
}

.logo {
	text-indent: -99999px;
	font-size: 1px;
	color: #fff;
	line-height: 1px;
	margin: 0;
	padding: 0
}

.login_sec {
	background: #0063af;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
	color: #fff;
	position: relative
}

.adwords-dv {
	width: 48%;
	position: relative;
	float: left;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	margin-right: 1%
}

.adwords-dv img {
	width: 60%
}

.adwords-dv p {
	color: #c30303;
	padding-bottom: 5px !important;
	font-weight: 600;
	line-height: 1.5;
	font-size: 15px
}

.adwords-dv span {
	margin-bottom: 5px
}

.adwords-button {
	position: relative;
	margin-top: 5px;
	padding: 5px 15px;
	color: #fff;
	background-color: #277cbe;
	margin-bottom: 5px;
	border: none
}

.login_sec .drop-down {
	position: absolute;
	top: 100%;
	background: #f9f9f9;
	width: 100%;
	z-index: 9999;
	right: 0;
	text-align: left;
	padding: 5px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
	max-width: 220px;
	display: none;
	border: 1px solid #eee;
	margin-top: 1px
}

.login_sec .drop-down h5 {
	text-transform: uppercase;
	color: #333;
	border-bottom: 1px solid #eee;
	padding: 5px;
	margin: 0;
	font-weight: 400;
	margin-bottom: 5px
}

.login_sec .drop-down .arrow {
	position: relative
}

.login_sec .drop-down .arrow .arrow-up {
	position: absolute;
	display: block;
	right: 10px;
	top: -25px;
	border: 10px solid transparent;
	border-bottom-color: #f9f9f9
}

.login_sec:hover .drop-down {
	display: block
}

.login_sec .drop-down li {
	padding: 5px
}

.login_sec .drop-down li a {
	color: #333
}

.login_sec a {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	margin: 0 5px
}

.search_box {
	margin-bottom: 10px
}

.search_box input, .search_box .btn {
	border-radius: 0
}

.search_box_xs {
	display: none
}

.img-responsive {
	margin: 0 auto
}

.navbar {
	border-radius: 0px;
	min-height: 30px;
	margin-bottom: 0px;
	border: 0
}

.navbar-inverse {
	background: #0063AF;
	min-height: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.navbar-nav.navbar-right:last-child {
	margin-right: 0
}

.navbar-nav {
	margin: 0
}

.navbar-nav > li > a {
	padding: 7px 15px;
	margin: 0
}

.breadcrumb {
	margin-bottom: 15px;
	font-size: 14px
}

.breadcrumb a {
}

.breadcrumb .active {
}

.main_site {
	padding: 15px;
	background: #fff;
	overflow: hidden;
	width: 100%
}

.header .logo-list {
	list-style: none;
	padding-top: 10px
}

.header .logo-list li {
	display: inline-block;
	margin-right: 30px
}

.text-widget-second {
	width: 50%;
	float: left
}

.header .logo-list li a {
	display: block;
	padding: 22px 30px 27px;
	margin-top: 10px;
	text-indent: -999999px;
	min-width: 120px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	position: relative;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear
}

.header .logo-list li a:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	background: #f9f9f9
}

.header .logo-list li a .arrow {
	position: absolute;
	bottom: 0;
	display: block;
	border: 10px solid transparent;
	left: 0;
	left: 50%;
	margin-left: -10px
}

.header .logo-list li.active a {
	border-bottom: 0;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	background: #fff;
	margin-top: 0px
}

.header .logo-list li.active a .arrow {
	border-bottom-color: transparent
}

.function-menu {
	background: #fff;
	border-radius: 0;
	padding: 7px 0
}

.function-menu .navbar-nav li a {
	color: #333;
	font-size: 13px
}

.function-menu .navbar-collapse {
	padding: 0
}

.timkiem {
	margin-top: 10px
}

.function-menu .navbar-nav > li > a {
	font-size: 14px;
	padding: 17px 12px;
	color: #333;
	text-transform: uppercase;
	font-weight: 600
}

.menu-item-has-children:hover a, .navbar-nav li:hover a {
	border-color: #003366
}

.function-menu .navbar-nav > li:hover > a {
}

.sub-menu {
	transition: all ease 0.4s;
	display: none;
	position: absolute;
	z-index: 999;
	background-color: #0063af;
	min-width: 270px;
	width: auto;
}

.sub-menu li {
	position: relative;
	text-transform: none;
	list-style: none;
	color: #fff
}

.sub-menu li:last-child {
	border: 0
}

.function-menu .navbar-nav > li > .sub-menu > li > a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
	padding: 7px;
	font-weight: 500
}

.sub-menu li:hover {
	background: #55A3FC
}

.sub-menu li:hover a {
	color: #fff
}

.sub-menu li:hover a:hover {
	color: #fff
}

.navbar-nav li:hover .sub-menu {
	display: block
}

.navbar-nav li .sub-menu li .sub-menu {
	display: none;
	left: 100%;
	top: 0;
	background: #fff;
	opacity: 1;
	border-radius: 0;
	border: 1px solid #ddd
}

.navbar-nav li .sub-menu li .sub-menu li {
	border-bottom: 0
}

.navbar-nav li .sub-menu li .sub-menu li:hover {
	background: #e91b23
}

.navbar-nav li .sub-menu li:hover .sub-menu {
	display: block
}

.slide {
	margin-bottom: 15px
}

.slide .item {
	height: 250px;
	overflow: hidden
}

.slide .item img {
	width: 100%;
	height: auto;
	min-height: 250px
}

.carousel-control.left, .carousel-control.right {
	background: none
}

.glyphicons.icon-user {
	background: url('img/default-user-icon.png') center center no-repeat;
	padding: 3px 10px
}

h2 {
	font-size: 15px;
	line-height: 1.5
}

.post_content table {
	margin: 0px
}

.most-view {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px
}

.most-view .most-view-thumb {
	width: 135px;
	height: auto;
	overflow: hidden;
	border: 1px solid #eee;
	padding: 3px;
	background: #f9f9f9
}

.most-view .most-view-thumb img {
	width: 100%;
	height: auto
}

.most-view h2.media-heading {
	padding: 0;
	margin: 0;
	font-size: 15px;
	margin-bottom: 5px
}

.most-view h2.media-heading a {
	font-size: 15px;
	font-weight: bold;
	color: #000
}

.top_dv .panel {
	border-color: #eee;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.06);
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear
}

.top_dv .panel:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.top_dv .panel .panel-body {
	min-height: 74px
}

.top_dv .panel .panel-footer {
	padding: 5px;
	font-weight: 700;
	color: #ffeb3b;
	background: #277cbe;
	border-color: #eee;
	padding-bottom: 10px;
	padding-top: 10px
}

.top_dv .thumbnail {
	display: block;
	position: relative;
	height: 120px;
	overflow: hidden;
	border-radius: 0;
	padding: 0;
	border: 0;
	margin-bottom: 0px;
	-webkit-transition-property: scale;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: scale;
	-moz-transition-duration: 0.5s;
	transition-property: scale;
	transition-duration: 0.5s
}

.top_dv .thumbnail img {
	width: auto;
	height: auto;
	min-height: 120px;
	min-width: 100%;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out
}

.top_dv .thumbnail:hover img {
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.top_dv .thumbnail h3.top_dv_title, .top_dv .thumbnail h2.top_dv_title {
	position: absolute;
	bottom: 0;
	display: block;
	background: #000;
	margin: 0;
	opacity: 0.7;
	color: #fff;
	font-size: 14px;
	width: 100%;
	padding: 5px;
	font-weight: 300
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	max-width: 100%
}

.top_dv .panel-body {
	text-align: justify
}

.dv_khac .thumb {
	width: 100px;
	height: 70px;
	border: 1px solid #eee;
	overflow: hidden
}

.dv_khac .thumb img {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 70px
}

.heading {
	margin: 0;
	font-size: 13px;
	margin-bottom: 10px;
	border-bottom: 3px solid #0063AF;
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 7px 0px
}

.heading a {
	background: #0063AF;
	color: #fff;
	padding: 6px 20px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.dv_khac .media-body {
	line-height: 16px
}

.dv_khac .media-heading {
	font-size: 14px;
	font-weight: bold
}

.nav-news {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	border-bottom: 3px solid #0063AF
}

.nav-news > li.active {
	background: #0063AF;
	border: 0;
	margin-bottom: -3px;
	border: 0
}

.nav-news > li > a {
	padding: 6px 20px;
	border-radius: 0;
	text-transform: uppercase;
	border: 0;
	line-height: 25px;
	font-weight: bold
}

.nav-news > li:hover > a {
	background: none
}

.nav-news > li.active > a {
	background: none;
	border: 0;
	color: #fff;
	margin-bottom: 0px
}

.nav-news > li.active > a:hover {
	border: 0;
	background: none;
	cursor: pointer;
	color: #fff
}

.tin-tuc .news_thumb {
	width: 55px;
	height: 55px;
	background: #f2f2f2;
	overflow: hidden
}

.tin-tuc .media-object {
	width: 100%;
	height: auto
}

.tin-tuc .media-object:hover {
	border-color: #E91B45
}

.tin-tuc .media h3 {
	padding: 0;
	margin: 0;
	font-size: 13px;
	margin-bottom: 5px;
	line-height: 18px;
	font-weight: 400
}

.tin-tuc .media {
	line-height: 15px;
	font-size: 12px
}

.tin-tuc .media a {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
	color: #222
}

.tin-tuc .media a:hover {
	color: #e91b23
}

.post_date {
	font-size: 11px;
	color: #555
}

.post_time {
	font-size: 10px;
	display: block;
	margin-top: 2px;
	color: #555;
	font-weight: normal;
	font-style: italic
}

.post_sec {
	margin-bottom: 15px
}

.col-content {
	margin-bottom: 10px
}

.innerContent {
}

.post-heading {
	padding: 0px;
	margin: 0px
}

.post_title {
	margin: 0;
	font-size: 24px;
	padding: 0px 0px 7px;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-bottom: 2px solid #0063AF
}

.post_title span {
	border-bottom: 2px solid red;
	margin-bottom: -4px;
	padding: 4px 0px;
	padding-right: 15px
}

.single-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: none;
	line-height: 24px
}

.post_content {
	text-align: justify;
	line-height: 24px;
	font-size: 15px;
	color: #000;
	display: block;
	position: relative
}

.post-meta {
	padding: 10px 0px;
	font-size: 13px;
	color: #777;
	margin: 0;
	margin-bottom: 10px
}

.social-bookmarking {
	margin-top: -5px;
	z-index: 5
}

.social-button {
	display: block;
	padding-top: 5px;
	z-index: 5
}

.social-btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	background: #000;
	opacity: .9;
	padding: 5px;
	display: block;
	width: 100%
}

.post_content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 5px auto
}

.post_content div {
	display: block;
	max-width: 100%;
	margin: 10px auto
}

.btn-success {
	margin-left: 5px;
	      background: linear-gradient(to right, #00adf5, #0565af);
	    border: unset;
	        margin: 0 5px;
	            padding: 7px;
	            font-size: 13px;
	            border-radius: 50px
}
.btn-success:after {
    content: "\f27a"	;
    font-family: FontAwesome;
    font-size: 12px;
    margin-left: 5px;
}
.post_content .wp-caption {
	background: #eee;
	padding: 5px;
	text-align: center;
	font-style: italic;
	font-size: 12px
}

.post_content .wp-caption img {
	margin: 0;
	max-width: 100%
}

.post_content ul {
	list-style: square
}

.post_content ul li {
	margin-left: 30px
}

.post_content table tr td, .post_content table tr th {
	text-align: center !important
}

.relate-topic {
	padding: 0;
	margin: 0
}

.relate_topic {
	background: #f9f9f9;
	padding: 5px
}

.relate_topic h4 {
	font-size: 14px
}

.error-tb {
	padding: 17px 8px;
	font-size: 15px;
	background: #faebcc;
	margin-top: 10px;
	line-height: 1.5
}

.title-error {
	font-size: 25px;
	font-weight: 600;
	color: red
}

.error-qt {
	font-size: 18px;
	color: red;
	font-weight: 600;
	background: #a9d8ef;
	padding: 10px;
	margin: 0px
}

.relate_topic ul {
	list-style: square
}

.relate_topic ul li {
	margin-left: 20px
}

.relate_topic ul li a {
	font-size: 14px;
	font-weight: normal;
	color: auto
}

.relate-heading {
	padding: 5px 0px;
	border-bottom: 2px solid #0063AF;
	color: #222;
	overflow: hidden;
	width: 100%;
	font-size: 20px;
	font-weight: 700
}

.list-relate {
	padding: 0;
	margin: 5px 0px
}

.list-relate li {
	padding: 5px 0px;
	border-bottom: 1px dotted #ddd
}

.list-relate li a {
	font-size: 14px
}

.viewcat_item {
	border-bottom: 1px solid #ddd;
	padding: 0;
	margin: 0;
	padding-bottom: 5px
}

.viewcat_item .thumbnail {
	border: 0;
	border-radius: 0;
	margin-bottom: 0
}

.viewcate_title {
	padding: 7px;
	margin: 0;
	line-height: 20px;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	font-family: Arial
}

.viewcate_title a {
	color: #555
}

.box_item {
	max-height: 270px;
	overflow: hidden;
	margin-bottom: 10px
}

.box_item .thumbnail {
	display: block;
	padding: 0;
	overflow: hidden;
	max-height: 110px;
	min-height: 110px;
	margin-bottom: 10px
}

.box_item .thumbnail img {
	width: 100%;
	height: auto
}

.box_item .caption {
	font-size: 14px
}

.caption {
	text-align: center
}

.item_title {
	padding: 0;
	margin: 0;
	font-size: 14px;
	margin-bottom: 10px
}

.item_title_lg {
	padding: 0;
	margin: 0;
	margin-bottom: 7px;
	font-size: 18px;
	font-weight: 700
}

.box-meta {
	margin-bottom: 5px;
	color: #555;
	font-size: 11px
}

.box-desc {
	font-size: 13px;
	line-height: 16px
}

.label_title {
	text-transform: uppercase;
	padding: 5px 0px;
	border-bottom: 1px solid #eee;
	display: block;
	font-size: 15px;
	margin-bottom: 10px
}

.label_item {
	font-size: 15px
}

.col-aside {
}

.widget {
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #eee
}

.widget-no-border {
	border: 0;
	box-shadow: none
}

.widget ul, .widget-content {
}

.widget ul li {
}

.widget ul li a {
	font-size: 14px
}

.tag .label {
	margin-left: 5px
}

.breadcrumb>li {
	line-height: 160%
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	background: #0278B5
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
	background: #fff !important;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	background-clip: padding-box;
	outline: 0;
	min-width: 300px
}

.home_right_sidebar .textwidget {
	margin-bottom: 20px;
	position: relative;
	text-align: center
}

.textwidget {
	font-size: 14px;
	line-height: 16px
}

.widget-title, .widgettitle {
	text-transform: uppercase;
	font-size: 18px;
	position: relative;
	padding: 0px;
	padding-bottom: 10px;
	margin: 15px 0;
	color: #000;
	font-weight: bold
}

.widgettitle:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 3px;
	background: #045594
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	vertical-align: middle
}

.widget-title .nav-tabs {
	padding: 0;
	margin: 0;
	border: 0
}

.widget-title .nav-tabs li {
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	margin-bottom: -7px
}

.widget-title .nav-tabs li a {
	border: 0;
	border-bottom: 2px solid #222;
	background: transparent;
	border-radius: 0;
	padding: 0;
	margin: 0;
	font-size: 20px
}

.widget-title .nav-tabs li:last-child {
	margin-right: 0
}

.widget-title .nav-tabs li a:hover, .widget-title .nav-tabs li a:focus, .widget-title .nav-tabs li a:active {
	border: 0;
	border-radius: 0
}

.widget-title .nav-tabs li a:hover {
	border-bottom: 2px solid #555
}

.widget-title .nav-tabs li.active a {
	border-bottom: 2px solid red;
	border-color: red;
	color: #000
}

.home_right_sidebar li {
	line-height: 160%;
	padding: 10px 0 0 0;
	list-style: none
}

.home_right_sidebar ul {
	margin-bottom: 10px
}

.home_right_sidebar {
	width: 100%;
	position: relative;
	margin-top: 20px
}

.home_right_sidebar span.post-date {
	color: #919191
}

.home_right_sidebar ul {
	counter-reset: li;
	list-style: none;
	list-style: decimal;
	padding: 0;
	margin-left: 14px
}

.home_right_sidebar a {
	position: relative;
	display: block;
	color: #444;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em
}

.home_right_sidebar a:hover {
	text-decoration: underline
}

.style-none {
	padding-left: 0 !important;
	margin-left: 0 !important
}

.style-none::before {
	content: none !important
}

.widget ul {
	padding: 5px;
	margin: 0
}

.widget_categories ul {
	padding: 0
}

.widget_categories ul li a {
	padding: 10px 5px;
	background: #f2f2f2;
	display: block;
	border-left: 5px solid #d43f3a;
	font-weight: 700;
	margin-bottom: 1px
}

.widget_categories ul li ul li a {
	background: #f9f9f9;
	border-left: 5px solid #d9534f;
	border-bottom: 1px dotted #eee;
	font-weight: normal
}

.widget-content {
	padding: 5px
}

.widget-content ul li {
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px dotted #ddd;
	padding: 5px 0px;
	line-height: 18px
}

.widget ul li:last-child {
	border: 0
}

.widget .hot_thumb {
	border-radius: 5px;
	overflow: hidden;
	padding: 0;
	margin-right: 4px
}

.widget .hot_thumb img {
	width: 70px;
	height: auto;
	max-width: unset
}

.widget .is_hot h2 {
	padding: 0;
	margin: 0;
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: 600;
	line-height: 20px
}

.widget .is_hot h2 a {
	color: #fff
}

.widget .is_hot h2 a:hover {
	color: yellow
}

.is_hot {
	position: relative;
	overflow: visible
}

.is_hot .media-body {
	padding: 7px;
	min-width: 200px;
	min-height: 70px
}

.arrow-sep {
	float: left;
	border-left: 10px solid;
	border-top: 10px solid;
	border-bottom: 10px solid;
	border-right: 10px solid;
	border-color: transparent;
	border-right-color: #004390;
	border-bottom-color: #3A94BB;
	margin-top: 10px
}

.thumb img {
	height: 60px;
	width: 100%;
	margin-bottom: 10px;
	object-fit: cover
}

.tab-item {
	margin-bottom: 15px
}

.tab-item .detail {
	padding-left: 0
}

.tab-item-thumb {
	display: block;
	max-height: 54px;
	overflow: hidden
}

.tab-item-thumb img {
	width: 100%;
	height: auto
}

.tab-item-title {
	padding: 0;
	margin: 0;
	font-weight: 600;
	color: #222;
	margin-bottom: 5px;
	height: 42px;
	line-height: 18px;
	display: block;
	overflow: hidden
}

.tab-item-title a {
	color: #222;
	font-size: 14px
}

h4.tab-item-title a {
	font-size: 14px;
	font-weight: bold
}

.tab-item-title a:hover {
	color: #e91b23
}

.footer {
	background: #191a1e;
	padding: 10px
}

.copyright {
	border-top: 1px solid #000;
	padding: 10px;
	text-transform: uppercase;
	color: #555;
	font-size: 11px;
	background: #111
}

.footer .address {
	color: #f7f7f7
}

.footer-box-title {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 15px;
	padding: 10px 0px 20px;
	color: #fff
}

.footer-box-title span {
	font-weight: 700
}

.cate_footer li {
	padding: 5px;
	border-bottom: 1px dotted #eee;
	width: 24%;
	display: inline-block
}

.cate_footer li:hover, .cate_footer li a:hover {
	background: none;
	color: #000
}

.cate_footer .current-menu-item a, .cate_footer .current-menu-parent, .cate_footer .current-menu-parent a {
	font-weight: bold;
	color: #000;
	background: none
}

.cate_footer li a {
	text-transform: uppercase
}

.footer .featured-detail .featured-title a {
	color: #fff
}

.footer .featured-detail .featured-desc {
	color: #999
}

.nav-footer {
	border-bottom: 2px solid #eee
}

.nav-footer li {
	display: inline-block;
	text-transform: uppercase;
	padding: 5px 0px;
	padding-right: 10px;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px
}

.nav-footer li:hover, .nav-footer .current-menu-item, .nav-footer .current-menu-parent {
	border-color: red
}

.nav-footer li.menu-item-has-children, .nav-footer .current-menu-parent {
	background: none
}

.nav-footer li a {
	color: #fff;
	font-weight: 300
}

.social li {
	display: inline-block
}

.social li a {
	display: block;
	height: 36px;
	width: 36px
}

.p-tab-decription {
	margin-top: 3px
}

.social li a.fb {
	background: url(img/fb-icon.png) center center no-repeat
}

.social li a.fb:hover {
	background-color: #3b5998
}

.social li a.yt {
	background: url(img/yt-icon.png) center center no-repeat
}

.social li a.yt:hover {
	background-color: #ff3132
}

.social li a.g {
	background: url(img/g-icon.png) center center no-repeat
}

.social li a.g:hover {
	background-color: #dc4937
}

ul.social {
	position: absolute;
	right: 40%;
	bottom: -13px
}

ul.social li {
	height: 32px;
	width: 26px
}

ul.social img {
	width: 26px
}

.social li a.tw {
	background: url(img/tw-icon.png) center center no-repeat
}

.social li a.tw:hover {
	background-color: #2daae1
}

.support_link li {
	padding: 5px 0;
	color: #999
}

.support_link li:before {
	content: "»  "
}

.support_link li a {
	color: #999;
	font-size: 14px
}

.support_link li a:hover {
	color: #e91b23
}

ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.non_padding {
	padding-left: 5px !important;
	padding-right: 5px !important
}

.hot-md-item {
	padding: 0 3px !important
}

.padding_left_5 {
	padding-left: 5px !important
}

.padding_left_10 {
	padding-left: 10px !important
}

.padding_left_15 {
	padding-left: 15px !important
}

.padding_left_20 {
	padding-left: 20px !important
}

.padding_right_5 {
	padding-right: 5px !important
}

.padding_right_10 {
	padding-right: 10px !important
}

.padding_right_15 {
	padding-right: 15px !important
}

.padding_right_20 {
	padding-right: 20px !important
}

.tagcloud {
	padding: 5px
}

.news_items {
	padding-bottom: 0px;
	border-bottom: 1px solid #eee
}

.news_items:last-child {
	border-bottom: 0;
	padding-bottom: 0
}

.news_items .thumbnail .media-object {
	width: 100%;
	height: auto
}

.news_items .media-heading {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 7px
}

.news_items .media-heading a {
	color: #222
}

.news_items .media-heading a:hover {
}

.news_items .news_excerpt {
	line-height: 20px;
	font-size: 14px;
	text-align: justify
}

.news_items .box-meta {
	font-size: 14px;
	font-style: italic;
	margin-bottom: 10px
}

.non_pd_r {
	padding-right: 0
}

.footer {
	background: #f6f6f6;
	margin-top: 10px
}

.footer .footer_item {
	margin-bottom: 20px;
	overflow: hidden
}

.footer .footer_item ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 15px
}

.footer .footer_item ul li {
	color: #D3A236;
	font-size: 12px;
	padding: 5px 0px;
	line-height: 140%
}

.footer .footer_item ul li a {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
	text-decoration: none;
	color: #D3A236;
	font-size: 13px;
	line-height: 140%
}

.footer .footer_item ul li a:hover {
	color: #fff
}

.footer .footer_item_heading {
	font-weight: bold;
	color: #045594;
	text-transform: uppercase;
	margin-bottom: 10px;
	border-bottom: 1px solid #045594;
	padding-bottom: 10px
}

.footer .footer_item_heading i {
	color: #20B7F8
}

.footer_item .support_link li {
	display: block;
	margin-bottom: 10px
}

.footer_item .support_link li .icon {
	display: block;
	float: left;
	padding: 5px;
	color: #555;
	font-size: 25px;
	height: 40px;
	width: 40px;
	text-align: center;
	padding: 5px
}

.footer_item .support_link li .yahoo {
	background-image: url(img/yahoo.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%
}

.footer_item .support_link li .skype {
	background-image: url(img/skype.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%
}

.footer_item .support_link li a {
	display: block;
	background: #000;
	text-transform: uppercase;
	color: #fff;
	padding: 14px;
	text-indent: 15px;
	border-radius: 30px;
	text-align: center
}

.footer_item .support_link li.subiz a {
	text-indent: 0;
	padding: 4px
}

.footer_item .support_link li a:hover {
	background: #333
}

.footer_item .link_footer li:before {
}

.footer_item .link_footer li {
	list-style: square;
	margin-left: 17px
}

.footer_item .support_link li:before {
	content: ""
}

.footer_footing {
	padding: 17px 0px;
	background: #045594;
	color: #f9f9f9;
	font-size: 12px;
	font-style: italic;
	border-top: 1px solid #111
}

.footer_footing a {
	color: #f2b03f
}

.footer_footing a:hover {
	color: #fff
}

.social_button li {
	display: inline-block
}

.social_button li img {
	width: 80%;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear
}

.social_button li img:hover {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

#fixed_menu {
	z-index: 999;
	top: 0 !important;
	width: 100%
}

.ser_content {
	padding: 10px 0
}

.dataTables_length {
	float: left
}

.dataTables_length select {
	padding: 3px;
	border: 1px solid #eee;
	border-radius: 4px;
	background: #fff
}

.dataTables_filter {
	float: right
}

.dataTables_filter input {
	padding: 3px;
	border: 1px solid #eee;
	border-radius: 4px;
	background: #fff;
	margin-left: 10px
}

.dataTables_info {
	float: left
}

.dataTables_paginate {
	float: right
}

.dataTables_paginate .first {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px
}

.dataTables_paginate .paginate_button {
	padding: 5px 10px;
	border: 1px solid #eee;
	border-right: 0
}

.dataTables_paginate .paginate_button:hover {
	cursor: pointer;
	text-decoration: none
}

.dataTables_paginate .last {
	border-right: 1px solid #eee;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.dataTables_paginate .current {
	background: #f2f2f2;
	color: #333
}

.dataTables_paginate .current:hover {
	cursor: auto
}

.stat {
	background: #f2f2f2;
	border-radius: 4px;
	font-size: 15px;
	padding: 10px;
	text-align: center;
	font-weight: 300;
	text-transform: uppercase;
	color: #fff
}

.stat i {
	font-size: 40px;
	margin-bottom: 20px
}

.stat-user {
	background: #1CAF9A
}

.stat-mobifone {
	background: #003366
}

.stat-viettel {
	background: #4D7675
}

.stat-vinaphone {
	background: #0095E2
}

.stat-reg {
	background: #D9534F
}

.stat-exchange {
	background: #F0AD4E
}

ul#menu-top-menu {
	float: right;
	margin-right: 15px
}

ul#menu-top-menu li {
	float: left;
	line-height: 200%
}

nav.topmenuwrap {
	background: #f5f5f5
}

@media screen and (min-width:992px) {
	.menu-roll {
		background: #0063af;
		position: fixed
	}

	.menu-roll .navbar-nav > li > a {
		color: #fff;
		padding: 10px 10px 10px
	}

	nav.menu-roll div div ul li.logo-top-item {
		display: block
	}

	li.logo-top-item {
		display: none
	}

	nav.menu-roll div div ul li.logo-top-item:hover > a {
		background: none
	}

	nav.menu-roll div div ul li {
		height: 40px
	}

	li.logo-top-item img {
		width: 90px;
		margin-top: -9px
	}

	nav.menu-roll div div ul li > .sub-menu > li > a {
		line-height: 200%
	}

}

@media screen and (max-width:991px) {
	.main_site {
		width: 100%
	}

	li.logo-top-item {
		display: none
	}

	.wrapper-menu .navbar-right, .feature-post {
		display: none
	}

	.function-menu .navbar-nav > li > a {
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: 300;
		margin-right: 3px
	}

	.header .logo-list {
		padding-top: 5px
	}

	.header .logo-list li {
		margin-right: 15px
	}

	.header .logo-list li a {
		display: block;
		padding: 17px 20px 22px;
		-webkit-border-top-left-radius: 7px;
		-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		margin-top: 10px;
		text-indent: -999999px;
		min-width: 120px;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		filter: grayscale(100%);
		position: relative;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.non_pd_r {
		padding-right: 15px
	}

	.login_sec {
		padding: 9px
	}

	.inner-container {
		margin: 0
	}

}

@media screen and (max-width:991px) and (min-width:768px) {
	.textwidget img {
		width: 100%
	}

	.support-hotro {
		width: 31.5% !important
	}

	.container {
		width: 100%
	}

	.function-menu .navbar-nav > li > a {
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: 300
	}

	.header .logo-list {
		padding-top: 15px
	}

	ul.social {
		right: 35%
	}

	.logo-menu .inner-container .search_box {
		display: block !important
	}

}

@media screen and (min-width:768px) {
	.search_box {
		margin-bottom: 10px;
		width: 300px;
		float: right;
		margin-top: 35px;
		margin-right: 15px;
		clear: right
	}

}

@media screen and (max-width:768px) {
	.logo .img-responsive {
		width: 35%
	}

	.goicuoc .chitiet {
		padding-left: 10%;
		padding-top: 15px;
		width: 100%;
		height: auto;
		color: black;
		font-size: 10px !important;
		font-style: italic
	}

	.goicuoc .cuphap {
		font-size: 11px;
		padding-top: 15px;
		text-align: center
	}

	ul#menu-top-menu li {
		padding: 0 5px
	}

	.wrapper-menu .navbar-right, .feature-post {
		display: none
	}

	.wrapper-menu {
		display: block;
		width: 100% !important
	}

	.inner-container {
		margin: auto
	}

	.navbar-header {
		display: block;
		width: 100%;
		border-color: #fff;
		background-color: #fff
	}

	.navbar-header.fixed {
		padding: 12px 0;
		padding: 5px 0;
		border-bottom: 1px solid #e5e5e5;
		-webkit-box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.5);
		box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.5)
	}

	.navbar-nav li a {
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px
	}

	.navbar-nav li .sub-menu {
		display: block;
		width: 100%
	}

	.box-style-2 .box-item:nth-child(odd), .box-style-3 .box-item:nth-child(odd) {
		padding-right: 15px
	}

	.box-style-2 .box-item:nth-child(even), .box-style-3 .box-item:nth-child(even) {
		padding-left: 15px
	}

	.box-style-1 .thumb_post {
		padding-right: 15px
	}

	.menu-roll > .navbar-toggle {
		border-color: #fff
	}

	.non_pd_r {
		padding-right: 15px
	}

	.search_box_xs {
		margin-top: 8px;
		margin-left: 5px;
		display: block;
		border: 2px solid #d9534f
	}

	.btn-danger {
		border-color: #d9534f
	}

	.function-menu .navbar-collapse {
		padding: 15px 15px 0;
		background: #0063af
	}

	.function-menu .navbar-nav > li > a {
		color: #fff
	}

	.function-menu .navbar-collapse > .navbar-nav > li > .sub-menu {
		position: relative;
		box-shadow: none;
		border-radius: 0;
		width: 100%;
		list-style: square
	}

	.function-menu .navbar-collapse > .navbar-nav > li > a {
		padding: 4px 7px;
		font-size: 15px;
		font-weight: 700;
		text-align: center;
		width: 100%;
		overflow: hidden;
		background: #d9534f
	}

	.navbar-nav > li > .sub-menu > li {
		margin-bottom: 5px;
		list-style: square;
		overflow: hidden;
		color: #333;
		margin-left: 13px;
		list-style-position: inside;
		display: block;
		margin-top: 5px;
		border: 1px solid #fff;
		width: 45%;
		white-space: nowrap;
		float: left;
		border-radius: 5px
	}

	.function-menu .navbar-nav li .sub-menu li a {
		color: #FFF
	}

	.menu-roll .navbar-nav li .sub-menu li {
		color: #fff
	}

	.news_items .pull-left, .news_items .media-body {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0
	}

	.function-menu .navbar-nav > li:hover > a {
		background: none;
		color: #fff
	}

	.news_items .thumbnail {
		margin-bottom: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: #f9f9f9;
		width: 100%;
		height: 150px;
		overflow: hidden;
		margin-bottom: 10px
	}

	.navbar-toggle {
		border-radius: 0;
		border-color: #fff
	}

	.navbar-toggle:hover {
		background: #fff
	}

	.post_content {
		font-size: 15px
	}

	.single-title {
		font-size: 18px
	}

	ul.social {
		position: relative;
		left: 0
	}

	.button-sm, .button-group-sm>.button {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 2px
	}

	.button-success:hover {
		opacity: 0.8
	}

}

@media screen and (max-width:400px) {
	.goicuoc .chitiet {
		padding-left: 10%;
		padding-top: 15px;
		width: 100%;
		height: auto;
		color: black;
		font-size: 9px !important;
		font-style: italic
	}

	.goicuoc .cuphap {
		font-size: 10px;
		padding-top: 15px;
		text-align: center
	}

	ul.social {
		margin-bottom: 40px
	}

	.navbar-toggle {
		margin-right: 5px !important
	}

	.post_content {
		line-height: 22px
	}

}

#navigation {
	margin-bottom: 10px;
	padding: 0 20px;
	line-height: 46px;
	text-align: center
}

#navigation a {
	padding: 5px 20px;
	margin: 0 3px;
	font-weight: bold;
	background: #fff;
	color: #333;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

#navigation a:hover {
	background: #F5AE42;
	color: #fff;
	border: 1px solid #aaa
}

#navigation span.current {
	padding: 5px 20px;
	margin: 0 5px;
	font-weight: bold;
	background: #F5AE42;
	color: #fff;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.goicuoc {
	width: 100%;
	height: auto;
	background-color: #EAEAEA
}

.goicuoc hr {
	margin-top: 5px;
	margin-bottom: 5px
}

.tengoi {
	text-align: center;
	margin: 0px;
	padding: 8px;
	width: 100%;
	height: 40px;
	background-color: #f9a825;
	font-size: 24px
}

.tengoi a {
	color: #fff
}

.gia {
	padding: 8px;
	text-align: center;
	width: 100%;
	height: auto;
	background-color: #f2f5fa;
	color: black;
	font-size: 23px
}

.chitiet {
	padding-left: 18%;
	padding-top: 15px;
	width: 100%;
	height: auto;
	color: black;
	font-size: 14px
}

.chitiet ul {
	list-style-type: none
}

.chitiet ul .glyphicon {
	color: #e13b3b
}

.chitiet ul li {
	padding-bottom: 8px
}

.cuphap {
	font-size: 18px;
	padding-top: 15px;
	text-align: center
}

.goicuoc_nut {
	width: 100%;
	margin-bottom: 15px;
	padding-left: 17%;
	padding-bottom: 10px;
	border-bottom: 1px solid #277cbe
}

.modal-dv {
	display: none;
	position: fixed;
	z-index: 100;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4)
}

.modal-content-dv {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 50%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}

}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}

}

.close {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold
}

.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}

.modal-header-dv {
	padding: 2px 16px;
	background-color: #0471bf;
	color: white
}

.modal-body-dv {
	padding: 2px 16px
}

.modal-footer-dv {
	padding: 2px 16px;
	background-color: #0471bf;
	color: white
}

.cuphapshow {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	padding: 16px
}

.thongbaoshow {
	font-size: 24px;
	font-weight: 600
}

.bv-button-cl {
	position: relative;
	float: left;
	width: 100%;
	padding: 5px 1px;
	background-color: #f2b03f
}

.modal-dialog {
	margin: 0px
}

.modal-header {
	padding: 0px 5px;
	text-align: center;
	padding: 5px;
	color: #277cbe
}

.modal-footer {
	margin: 0px;
	padding: 2% 5px 1% 5px
}

.modal-body {
	padding: 5px;
	background-color: #f2b03f;
	padding-top: 3%
}

.bottom_support {
	width: 100%;
	position: fixed;
	display: none;
	bottom: 0;
	left: 0;
	padding: 10px 20px;
	z-index: 9999;
	border-radius: 10px 10px 0 0;
	background: #2980b9;
	background: -webkit-linear-gradient(to right, #2c3e50, #2980b9);
	background: linear-gradient(to right, #2c3e50, #2980b9)
}

.bottom_support .txt {
	color: #Fff;
	line-height: 42px;
	font-size: 17px
}

.wrap_bottom {
	max-width: 1380px;
	margin: 0 auto
}

.bottom_support .hotline_bottom {
	width: 55%;
	float: left;
	font-size: 16px;
	margin-left: 5%;
	position: relative;
	margin-top: 2%
}

.bottom_support .guide_payment {
	width: 35%;
	float: left;
	position: relative;
	margin-top: 2%
}

.bottom_support .hotline_bottom .txt {
	width: 80%;
	float: left;
	text-transform: uppercase
}

.bottom_support .guide_payment .txt {
	width: 80%;
	float: left
}

.button-moi {
	display: block;
	border: 2px solid #fff;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	padding: 8px
}

.button-moi:hover {
	background-color: #1ECD97;
	color: #FFF;
	transition: 0.4s
}

.menu-giare {
	width: 100%;
	float: left;
	position: relative;
	margin: 1% 3%
}

.navbar-collapse #menu-top-menu a {
	padding: 15px 20px;
	color: #333;
	font-size: 14px;
	background: linear-gradient(to right, #00adf5, #0565af);
	border-radius: 10px;
	color: #fff
}

.navbar-collapse #menu-top-menu a:hover {
	padding: 15px 20px;
	color: #e13b3b;
	background-color: #fff
}

.navbar-collapse #menu-top-menu .menu-item {
	display: inline-block;
	text-align: center
}

.navbar-collapse #menu-top-menu {
	width: 100%;
	margin: 1% 0
}

@media only screen and (max-width:359px) and (min-width:300px) {
	body {
		background-color: #f2b03f
	}

	.support-tab {
		min-height: 300px !important;
		padding: 10px !important
	}

	.support-hotro {
		height: 90px !important;
		width: 100% !important
	}

	.center-tab {
		font-size: 20px !important
	}

	.btn-default {
		color: #333;
		background-color: #fff;
		border-color: #ccc;
		min-width: 22%;
		margin-right: 1%;
		font-size: 11px;
		margin-bottom: 2%;
		padding: 8px 2px;
		margin-top: 2%;
		color: #333;
		min-height: 36px
	}

	.mgtop15 {
		margin-left: -15px;
		margin-right: 10px
	}

	.sidebar-dv {
		width: 100% !important
	}

	.home_right_sidebar {
		margin-left: -10px !important
	}

	.post_content .ul-fixcontent {
		padding: 0px 10px
	}

	.bottom_support .txt {
		font-size: 15px
	}

}

.page404 .item {
	width: 32%
}

@media only screen and (max-width:768px) and (min-width:360px) {
	.page404 .item {
		width: 80%
	}

	.grid-content {
		top: 0px;
		width: 60%
	}

	.borderight {
		border: none
	}

	.txt1 {
		font-size: 15px
	}

	.separator:before {
		bottom: -25px
	}

	.block-right-content img {
		height: auto
	}

	.grid-tittle {
		font-size: 17px
	}

	.block-title:after {
		display: none
	}

	.grid-2 {
		margin-top: 10px;
		margin-bottom: 10px
	}

	.pad5 {
		padding-right: 5px;
		padding-left: 5px
	}

	.tieu_de {
		padding: 0;
		margin: 0;
		font-size: 14px;
		margin-bottom: 5px;
		line-height: 18px;
		font-weight: 400;
		color: #222
	}

	.tintuc-hinh img {
		width: 100%;
		height: 65px;
		margin-bottom: 10px;
		object-fit: cover
	}

	.nopad {
		padding-right: 0;
		padding-left: 0;
		margin-top: 10px
	}

	.item {
		width: 80%;
		float: unset
	}

	.title span {
		font-size: 22px;
		margin: 20px 0 20px 0;
		padding: 0
	}

	#searchform {
		display: none
	}

	.support-tab {
		padding: 10px 5px !important
	}

	.support-hotro {
		width: 100% !important;
		height: 70px !important
	}

	.center-tab {
		font-size: 15pt !important;
		margin-top: 10pt !important
	}

	.row {
		margin-left: 0px;
		margin-right: 0px
	}

	.sidebar-dv {
		width: 100% !important;
		padding-left: 5px !important
	}

	.col-content {
		padding-right: 0px;
		padding-left: 0
	}

	.cuphapshow {
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		padding: 16px
	}

	.modal-content {
		position: relative;
		background-color: #fefefe;
		margin: auto;
		padding: 0;
		border: 1px solid #888;
		width: 100%;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		-webkit-animation-name: animatetop;
		-webkit-animation-duration: 0.4s;
		animation-name: animatetop;
		animation-duration: 0.4s
	}

	.thumbnail {
		border: 1px solid #e5e5e5 !important;
		margin-bottom: 10px
	}

}

.widget-dichvu {
	width: 100%
}

.widget-dv-1 {
	width: 30%;
	float: left;
	margin: 1%;
	border: solid #ddd 1px;
	padding: 2px
}

.widget-dv-1 img {
	width: 100%
}

.widget-dv-2 {
	margin: 1%;
	width: 30%;
	float: left;
	border: solid #ddd 1px;
	padding: 2px
}

.widget-dv-2 img {
	width: 100%
}

.widget-dv-button {
	border-color: #24879a;
	margin-top: 5px;
	width: 50%;
	text-align: center;
	background-color: #24879a;
	padding: 3px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
	border-bottom: none;
	border-right: none
}

.button-success-dv {
	color: #fff;
	background-color: #24879a;
	border: none;
	padding: 5px;
	border-radius: 10px;
	display: inline-block;
	width: 95%;
	height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 10px
}

.button-sm, .button-group-sm>.button {
	padding: 3px 6px;
	font-size: 12px;
	line-height: 1.5
}

.shadow-slider {
	width: 100%;
	height: 13px;
	margin-bottom: 5px
}

.sd1 {
	height: 100%;
	float: left;
	width: 20%;
	background-color: #e13b3b
}

.sd2 {
	height: 100%;
	float: left;
	width: 30%;
	background-color: #f2b03f
}

.sd3 {
	height: 100%;
	float: left;
	width: 50%;
	background-color: #277cbe
}

.support-tab {
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 20px;
	width: 100%;
	min-height: 120px;
	position: relative
}

.support-hotro {
	margin-right: 10px;
	width: 32.5%;
	float: left;
	height: 100px;
	background-color: #fafafa;
	border-bottom: 1px solid #e13b3b;
	border-radius: 5px;
	margin-bottom: 2%
}

.support-hotro:hover {
	background-color: #f4d058
}

.support-hotro img {
	width: 100%;
	max-height: 100px
}

.h3-show-goicuoc {
	color: #4385f5;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 18px
}

.featured-icon {
	display: inline;
	width: 62px;
	height: 66px;
	position: absolute;
	right: 2px;
	top: 0px;
	margin: 0px;
	z-index: 2
}

.ul-details {
	padding: 5px;
	background-color: #a9d8ef;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 1.8
}

.li-details {
	text-align: center
}

.sidebar-dv {
	float: left;
	width: 32%;
	position: relative;
	min-height: 1px;
	padding-left: 25px
}

.home-button {
	padding: 6px 15px 6px;
	color: #333;
	float: right;
	margin-top: -8px;
	background-color: #fafafa
}

.deltal-p {
	margin: 0px 5px
}

.introduce-dv {
	width: 100%;
	border-bottom: 1px solid #e13b3b;
	margin-bottom: 10px
}

.introduce-h3-dv {
	display: inline-block;
	background: #277cbe;
	color: #fff;
	padding-left: 8px;
	margin-bottom: 0px;
	margin-top: 0px;
	border-left: 5px solid #e13b3b;
	font-size: 20px;
	margin-left: 8px
}

.introduce-h3-dv:after {
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	margin-left: 2px;
	border-top: 16px solid transparent;
	border-left: 20px solid #277cbe;
	border-right: 0 solid transparent;
	border-bottom: 16px solid transparent;
	position: relative;
	top: 0;
	right: -20px
}

.center-tab {
	margin-top: 30px;
	line-height: 1;
	font-size: 20pt;
	font-weight: 600
}

.post_content .ul-fixcontent {
	border: 1px solid #d9534f;
	border-radius: 5px;
	padding: 0px 0px;
	margin: 30px 0 20px
}

.post_content .ul-fixcontent::before {
	content: 'TIN HOT TRONG TUẦN';
	position: relative;
	left: 40px;
	top: -20px;
	font-size: 15px;
	font-weight: 700;
	padding: 5px 10px;
	text-transform: uppercase;
	background: #fff;
	color: #d9534f
}

.li-fixcontent {
	text-align: justify;
	top: -10px;
	position: relative;
	margin: 5px 0
}

.li-fixcontent a::after {
	content: '';
	width: 30px;
	background: url(img/hot.gif) center right no-repeat #f9f9f9;
	position: relative;
	left: 0px;
	display: inline-block;
	height: 15px
}

.table-responsive {
	max-width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden
}

blockquote {
	box-shadow: 2px 2px 13px #eeeeee;
	border: 1px solid #e5e5e5;
	border-left: 5px solid #0471bf;
	padding: 18px 25px 18px;
	font-size: 14px;
	line-height: 22px;
	font-style: italic;
	margin-top: 8px;
	margin-bottom: 15px
}

blockquote h4 {
	font-size: 15px;
	line-height: 24px
}

blockquote p {
	padding: 0px !important;
	margin: 0px !important;
	line-height: 24px
}

.title-category {
	font-size: 20px;
	font-weight: 600;
	color: #012351;
	margin: 0px 0px 5px 0px
}

.mota-category {
	font-size: 14px;
	color: #012351;
	line-height: 1.5;
	text-align: justify
}

.post-category-dv {
	width: 100%;
	position: relative;
	float: left
}

.thumb-cate-dv {
	width: 27%;
	position: relative;
	float: left
}

.title-cate-dv {
	width: 71%;
	position: relative;
	float: right
}

.h3-titlecate-dv {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px
}

@media screen and (max-width:1200px) and (min-width:768px) {
	.bottom_support {
		width: 100%
	}

	.textwidget img {
		width: 100%
	}

	.support-hotro {
		width: 30%
	}

	.is_hot .media-body {
		min-width: 100px
	}

}

.desk {
	overflow: hidden;
	padding: 0;
	background: #02a5e6;
	border: 1px solid #02a5e6;
	border-radius: 10px;
	margin-top: 15px
}

.live-km .kma a {
	display: block;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	padding: 4px 20px;
	margin-left: 0;
	z-index: 99
}

.live-km .km-desk {
	width: 100%;
	display: inline-block;
	background: #fff;
	margin: 0;
	padding: 5px 15px;
	border-radius: 10px
}

.live-km a {
	margin-left: 20px;
	font-size: 14px
}

.live-head {
	margin-bottom: 15px
}

#dot {
	left: 6px;
	top: 6px;
	width: 10px;
	height: 10px;
	background-color: #f33;
	border-radius: 100%;
	position: relative;
	display: block;
	float: left
}

#dot .ping {
	border: 1px solid #f33;
	width: 10px;
	height: 10px;
	opacity: 1;
	background-color: rgba(238, 46, 36, .2);
	border-radius: 100%;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-name: sonar;
	animation-name: sonar;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	display: block;
	margin: 0
}

.xem-ngay, .km-mobile {
	display: none
}

@media (max-width:480px) {
	.live-head {
		margin-bottom: 0px
	}

	.desk {
		display: none
	}

	.live-km {
		position: relative;
		z-index: 2;
		width: 100%;
		background: #EB3349;
		background: -webkit-linear-gradient(to right, #F45C43, #EB3349);
		background: linear-gradient(to right, #F45C43, #EB3349);
		padding: 15px 0
	}

	#dot {
		left: -10px;
		background-color: #fff
	}

	#dot .ping {
		border-color: #fff
	}

	.live-km a {
		color: #fff
	}

	.km-mobile {
		display: block
	}

	.xem-ngay {
		display: block;
		position: absolute;
		right: 20px;
		top: 4px;
		font-weight: 500;
		font-size: 14px !important;
		border: 2px solid #fff;
		border-radius: 50px;
		padding: 10px
	}

}

.fixed {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000
}

.post_content h4 {
	font-size: 15px
}

.post_content h3 {
	font-size: 15.5px
}

.post_content h2 {
	font-size: 16px
}

.post_content {
	clear: both
}

blockquote {
	box-shadow: 2px 2px 13px #eee;
	border: 1px solid #e5e5e5;
	border-left: 5px solid #01a1e4;
	padding: 20px 25px 25px;
	font-size: 16px;
	line-height: 22px;
	font-style: italic
}

blockquote h4, blockquote h3, blockquote h2, blockquote h1 {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

.icon_bar_wrap {
	text-align: center;
	margin-bottom: 0px
}

.icon_bar {
	font-size: 35px;
	color: #888888;
	position: relative
}

.icon_bar:after, .icon_bar:before {
	position: absolute;
	content: "";
	bottom: 20px;
	width: 200px;
	height: 1px;
	background: #888888
}

.icon_bar:before {
	right: 30px
}

.icon_bar i {
	font-size: 40px
}

.icon_bar:after {
	left: 30px
}

.btn-dm {
	float: left;
	display: block;
	margin: 3px 3px;
	border-radius: 7px;
	width: 23%;
	background: linear-gradient(to right, #00adf5, #0565af);
	font-size: 14px;
	color: #fff;
	border: unset
}

.row-dm {
	padding: 5px;
	overflow: hidden
}

.pull-left img {
	width: 100%
}

.sim {
	padding: 0;
	text-align: center;
	margin: 10px;
	overflow: hidden;
	background: #fff;
	border-radius: 7px;
	border: 1px solid #dadada;
	position: relative
}

.sim:hover {
	box-shadow: 0 0 10px 0 rgba(151, 151, 151, .5)
}

.sim:nth-child(2n) {
	margin-right: 0
}

.sim a {
	display: block;
	overflow: hidden;
	padding: 0 2px;
	color: #000
}

.sim span {
	float: left;
	padding: 0;
	margin: 10px 0;
	overflow: hidden;
	color: #333;
	text-align: center;
	border-right: 1px solid #dadada
}

.chnumber {
	float: left;
	overflow: hidden;
	padding: 6px 12px !important;
	background: #fff;
	border: 1px solid #288ad6;
	border-radius: 3px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #288ad6;
	margin: 0
}

.sim b {
	display: block;
	text-align: center;
	font-size: 14px;
	margin-bottom: 0px
}

.sim span:nth-child(1) {
	width: 29%
}

.sim span:nth-child(2) {
	width: 33%
}

.sim span:nth-child(3) {
	border: 0;
	width: 35%
}

.sim p i {
	margin-left: -20px;
	margin-right: 1px;
	margin-bottom: 3px
}

.sim label {
	display: block;
	color: #fff;
	text-decoration: underline;
	cursor: pointer
}

.sim label.blacktext {
	color: #333 !important;
	text-decoration: none !important;
	cursor: default
}

.sim .inf {
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: 10px;
	left: 34%
}

.sim .bum {
	position: absolute;
	left: 33%
}

.sim .nut {
	background: #fff;
	color: #009FE1;
	padding: 5px 30px;
	font-size: 16px;
	font-weight: bold;
	display: unset;
	border: 1px solid #009FE1;
	border-radius: 5px
}

.sim .hinh img {
	object-fit: cover;
	width: 100%;
	height: 200px
}

.extra ul {
	margin: 0
}

.extra li {
	margin-left: 35px;
	position: relative;
	margin-bottom: 3px;
	list-style-type: none
}

.extra li:before {
	content: "\f058";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	left: -20px;
	color: #4CAF50;
	top: 0
}

.product-price {
	text-align: center;
	color: #e94d50;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px
}

.sim .extra {
	overflow: hidden;
	margin: 0;
	text-align: left
}

.tensim {
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	padding: 10px;
	margin-bottom: 10px !important;
	font-weight: bold
}

.pad0 {
	padding: 0
}

.bor {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}

.hot {
	position: absolute;
	left: -1px;
	top: -1px;
	background-color: #ffa30f;
	z-index: 1000;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	padding: 5px 8px;
	border-radius: 5px
}

.product-excerpt {
	position: relative;
	border: 1px solid #e11b1e;
	border-radius: 5px;
	font-size: 12px;
	margin: 15px 10px 10px 0px;
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 15px 15px
}

.product-excerpt li {
	position: relative;
	list-style-type: none;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 13px
}

.product-excerpt li:before {
	content: "\f058";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	left: -20px;
	color: #4CAF50;
	top: 0px
}

.product-excerpt .label-km {
	text-transform: uppercase;
	position: absolute;
	left: 15px;
	top: -13px;
	font-size: 13px;
	background-color: #e11b1e;
	padding: 3px 15px;
	color: #fff;
	border-radius: 5px;
	vertical-align: middle
}

.giasim {
	padding: 0;
	color: #e32124;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 15px
}

.chitiet-sim {
	font-size: 20px;
	color: #000;
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 5px
}

.hinh-sim img {
	height: 280px;
	width: 100%;
	object-fit: cover
}

.title-sp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px
}

.datap {
	margin: 10px 5px;
	border-radius: 40px;
	background: #fff;
	padding: 10px;
	border: 1px solid #e5e5e5;
	text-align: center;
	position: relative;
	box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4)
}

.lienquan-sp .datap {
	margin: 10px 0
}

.lienquan-sp .datap .number .big {
	font-size: 14px
}

.pad5 {
	padding-left: 5px;
	padding-right: 5px
}

.details-page .intro .top-align {
	padding-top: 15px;
	position: relative;
	border-top: 1px solid #0565af
}

.details-page .intro .top-align:before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #0565af
}

.datap ul li {
	list-style-type: none;
	border-bottom: 1px solid #e5e5e5
}

.datap .name a {
	color: #0565af;
	font-size: 20px;
	font-weight: bold
}

.details-page .intro .title {
	text-transform: uppercase;
	padding-bottom: 0px;
	margin-top: 15px;
	font-size: 18px;
	font-weight: 600
}

.details-page .datap {
	font-size: 16px;
	padding: 15px 25px 25px
}

.lq {
	margin-top: 20px
}

.details-page .datap ul .name {
	font-size: 20px
}

.details-page .datap ul li {
	padding: 10px 0;
	line-height: 20px
}

.datap .name {
	color: #0565af;
	font-size: 16px;
	font-weight: bold
}

.datap ul {
	margin: 0 0 1em
}

.datap li {
	position: relative;
	padding: 5px 0px;
	font-weight: bold
}

.details-page .datap .signup {
	padding: 8px 10px;
	cursor: pointer
}

.datap .number .big {
	color: #e21e26;
	font-size: 16px;
	font-weight: bold
}

.datap .number {
	font-weight: normal
}

.datap a.signup, .datap .signup {
	width: 75%;
	cursor: pointer;
	display: block;
	line-height: normal;
	padding: 10px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	background: linear-gradient(to right, #00adf5, #0565af);
	border: 0px;
	font-size: 15px;
	border-radius: 20px;
	margin-bottom: 10px
}

.datap .details {
	width: 90px;
	display: block;
	padding: 3px 10px 1px;
	text-align: center;
	color: #e21e26;
	background-color: #fff;
	border: 1px solid #e21e26;
	font-size: 12px;
	border-radius: 10px;
	margin: auto;
	line-height: 17px
}

.pad0 {
	padding: 0
}

.datap .new {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 50px
}

.datap .new img {
	width: 100%
}

.mar {
	margin: 7px 0px
}

.col-content img {
	border-radius: 5px
}

#nav_main .menu-item-has-children:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	right: 0;
	bottom: 25px;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

#nav_main .current-menu-item:before, #nav_main .current-menu-parent:before {
	display: block
}

#nav_main .sub-menu .menu-item:before {
	content: none;
	display: none
}

.header_bar {
	background: #009FFF;
	background: -webkit-linear-gradient(to right, #ec2F4B, #009FFF);
	background: linear-gradient(to right, #ec2F4B, #009FFF);
	height: 4px;
	width: 100%
}

.logomobi {
	margin: 0;
	padding: 0 5px
}

.logged-in #fixed_menu {
}

.logged-in {
}

.textwidget ul li {
	position: relative
}

.textwidget ul li a {
	display: block;
	padding: 5px 0;
	margin-left: 20px;
	font-size: 15px;
	color: #000
}

.textwidget ul li:after {
	content: "\f046";
	color: #045594;
	font-family: FontAwesome;
	position: absolute;
	left: 0px;
	top: 6px;
	font-size: 15px
}

.textwidget ul li a:hover {
	color: #045594
}

.lichphatsong .table-responsive {
	width: 100%
}

.lichphatsong .matches {
	width: 100%
}

.lichphatsong .table-bordered>thead>tr {
	background: linear-gradient(to right, #4A00E0, #8E2DE2)
}

.lichphatsong .table-bordered>thead>tr>td, .lichphatsong .table-bordered>thead>tr>th {
	border-bottom-width: 1px;
	color: #fff;
	font-weight: bold;
	font-size: 16px
}

.lich-phat-song {
	overflow: hidden;
	margin-top: 20px
}

.lich-phat-song li {
	font-weight: 700
}

.lich-phat-song .current_page_item a {
	color: #d44c48
}

.lich-phat-song li a {
	display: block;
	border-bottom: 1px dashed #e5e5e5;
	padding-bottom: 10px
}

.widget-top.lich h4 {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-top: 20px
}

.stripe-line {
	margin: 0 auto;
	border-bottom: 2px solid #00918d;
	width: 50%;
	overflow: hidden;
	margin-top: 5px
}

.textwidget .daith {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 3px;
	background-color: #f5f5f5;
	margin-bottom: 5px;
	font-weight: 500;
	color: #fff;
	background: linear-gradient(to right, #4A00E0, #8E2DE2);
	background-color: #41bdaf
}

@media only screen and (max-width:768px) {
	.inner-container {
		width: 100%
	}

	.bor1 ul {
		border: unset
	}

	.datap {
		margin: 8px 3px
	}

	.header_bar {
		margin-top: 0
	}

	.nav>li {
		margin-bottom: 10px
	}

}

.bottom_support.doctiep {
	display: block;
	left: unset;
	bottom: 10px;
	border-radius: unset;
	width: 760px;
	padding: 5px 0;
	background: #dde1e6;
	color: #000
}

.bottom_support.doctiep .txt {
	line-height: unset;
	color: #000;
	font-size: 15px;
	padding: 0 5px;
	text-transform: uppercase;
	text-align: right
}

.doctiep a {
	font-size: 15px;
	font-weight: bold;
	color: #000
}

.btn-danger {
	border-radius: 50px
}

.form-control {
	border-radius: 50px
}

.block a {
	padding: 10px 5px;
	font-size: 14px;
	font-weight: 500;
	background: linear-gradient(to right, #00adf5, #0565af);
	border-radius: 7px;
	color: #fff;
	display: block;
	text-align: center;
	margin: 10px 0;
	box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4)
}

.noibat .ten-goi {
	display: inline-block;
	float: left;
	width: 42%;
	font-size: 16px;
	line-height: 44px;
	font-weight: bold;
	border-right: 1px solid
}

.noibat p {
	display: block;
	margin: 0;
	font-size: 14px
}

@media only screen and (max-width:768px) {
	.bottom_support {
		display: block
	}

	.bottom_support.doctiep {
		width: 100%;
		left: 0;
		bottom: 0
	}

	.doctiep a {
		font-size: 14px
	}

}




@media only screen
and (min-device-width:768px) 
and (max-device-width:1024px){li.logo-top-item{display:none!important}.navbar-nav>li{display:block;float:left;width:100%;margin-bottom:10px}.bor1 ul{border:unset}.container{width:100%}.navbar-nav{height:300px;overflow:scroll}.navbar-collapse.in{overflow:hidden!important;width:100%}.collapse.navbar-collapse{display:none!important}html{background-color:#fbfbfb}body{max-width:450px;margin:0 auto}.navbar-toggle{display:block!important}.table{width:700px}}.col-content{-webkit-transition:-webkit-transform .28s,opacity .28s;-ms-transition:-o-transform .28s,opacity .28s;-o-transition:-o-transform .28s,opacity .28s;transition:transform .28s,opacity .28s}.slide-out .col-content{-webkit-transform:translate3d(0,100px,0);-ms-transform:translate3d(0,100px,0);-o-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);opacity:0}