/*
Theme Name: Southteam
Theme URI: https://southteam.vn
Author: South93
Author URI: https://southteam.vn
Description: Đây là Theme được phát triển bởi đội ngũ South Team, dựa trên nền tảng Bootstrap và FontAwesome
Version: 20.20

...and now go out and play!
*/
/* @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 */

@import 'css/fonts.css';

body{
	margin:0;
	font-family: 'SVN-Gilroy';
	font-size:16px;
	font-weight: normal;
	line-height:1.5;
	color:#212529;
	text-align:left;
	background-color:#fff}

.text-primary,.text-primary a{color:#003882!important}
.btn-primary{color:#fff;background-color:#003882;border-color:#003882}
.btn-primary:hover{color:#fff;background-color:#1676cd;border-color:#1676cd}
.btn-primary.focus,.btn-primary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(111,49,205,.5);box-shadow:0 0 0 .2rem rgba(111,49,205,.5)}
.bg-primary{background-color:#003882!important}
.text-oswald {
	font-family: 'Oswald', sans-serif;
}
.news-thumb.service-thumb img {
	display: flex;
	align-items: center;
	height: 225px;
	width: 100%;
}
@media (max-width: 575.98px) {
	body .widget--action--fixed {
		bottom: 0;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding: 2px 20px;
		background-color: #fff;
		box-shadow: 0px -2px 3px rgb(0 0 0 / 15%);
	}
	body .widget--action--fixed a.widget--action--item {
		margin-bottom: 0;
		width: 35px;
		height: 35px;
		background-size: 35px;
	}
}
@media (max-width: 767.98px) {

}
@media (max-width: 991.98px) {
	body .news-item-banner .content h2 {
		font-size: 22px;
	}
	body .news-item-banner .content {
		padding-right: 10%;
	}
	body .news-item-banner .content .desc p {
		font-size: 16px;
	}
	body .news-item-banner .content .link-more {
		font-size: 16px;
	}
	.hotline-mobi .website-alo-phone {
		width: 70px;
		height: 70px;
	}
	.hotline-mobi .website-alo-phone .animated.infinite.zoomIn.website-alo-ph-circle {
		display: none;
	}
	.hotline-mobi .website-alo-phone .animated.infinite.tada.website-alo-ph-img-circle {
		width: 30px;
		height: 30px;
		top: 25px;
		left: 18px;
	}
	.hotline-mobi .website-alo-phone .animated.infinite.pulse.website-alo-ph-circle-fill {
		width: 50px;
		height: 50px;
		top: 15px;
		left: 8px;
	}
	.hotline-mobi .website-alo-phone .animated.infinite.tada.website-alo-ph-img-circle .fa {
		font-size: 12px;
		line-height: 15px;
		text-align: center;
	}
	i.fa.fa-plus.d-lg-none.submenu-opened:before {
		content: "\f068";
	}

	.middle-header {
		padding: 5px 0;
		box-shadow: 0 0 15px #00000036;
		background: linear-gradient(90deg, rgb(0 29 68) 0%, rgba(0,82,156,1) 35%, rgba(0,212,255,1) 100%);
	}
	ul#main-menu li a {
		color: #fff;
		font-weight: 500;
		display: block;
		border-bottom: 1px solid darkgrey;
		padding: 5px;
	}
	li.menu-item-has-children >i.fa {
		right: 0px;
		top: 0px;
		color: black;
		position: absolute;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
	}
	a.mobile-menu {
		width: 32px;
		height: 18px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		display: inline-block;
	}
	a.mobile-menu span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #003882;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	a.mobile-menu span:nth-child(1) {
		top: 0px;
	}
	a.mobile-menu span:nth-child(2), a.mobile span:nth-child(3) {
		top: 7px;
	}
	a.mobile-menu span:nth-child(4) {
		top: 14px;
	}
	a.mobile-menu.display span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	a.mobile-menu.display span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	a.mobile-menu.display span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 7px;
	}
	a.mobile-menu.display span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	.header .primery-menu {
		position: fixed;
		width: 250px;
		left: -250px;
		background: linear-gradient(90deg, rgb(0 29 68) 0%, rgba(0,82,156,1) 35%, rgba(0,212,255,1) 100%);
		height: 100%;
		z-index: 999;
		top: 0;
		overflow: auto;
	}
	.header .primery-menu.display {
		left: 0;
	}
	.panel-overlay {
		background-color: rgba(0, 0, 0, 0.6);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 8;
		display: none;
	}
	.panel-overlay.display {
		display: block;
	}
	ul.sub-menu {
		display: none;
		-webkit-transition: unset;
		-moz-transition: unset;
		-o-transition: unset;
		transition: unset;
	}
	body .search-form-filter .input-field-search {
		flex: 0 0 100%;
		padding: 0px;
	}
	body .search-form-filter .select-field-search {
		flex: 0 0 100%;
		padding: 0;
		margin-top: 10px;
	}
	body .filter-orther .filter-item {
		flex: 0 0 50%;
		padding: 0 5px;
		margin-bottom: 10px;
	}
	body .media-card {
    flex-wrap: wrap;
		padding: 20px;
}
	body .media-card .img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 21px;
}
	body .media-card .info {
    max-width: 100%;
    padding-left: 0;
}
	body header.header {
		background-color: #003273ad;
	}
}
@media (max-width: 1199.98px) {
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.header-breadcrumb * {
		color: #cbcbcb;
		margin-bottom: 0px;
	}
	header.header.fixed.wpb_start_animation.animated .middle-header .logo {
		padding: 0px!important;
	}
	header.header.fixed.wpb_start_animation.animated .middle-header .logo img {
		width: 60%;
	}
	header.header.fixed.wpb_start_animation.animated .middle-header ul#main-menu li a  {
		line-height: 40px;
		max-height: 40px;
	}
	header.header.fixed.wpb_start_animation.animated .middle-header ul#main-menu .sub-menu li a  {
		line-height: unset;
		max-height: unset;
	}

	header.header.fixed.wpb_start_animation.animated .top-right {
		position: absolute;
		top: 6px;
		right: 0px;
	}
	.top-right {
		position: absolute;
		top: 18px;
		right: 0px;
	}
	.header-breadcrumb:after {
		position: absolute;
		content: '';
		right: 100%;
		top: 0px;
		width: 200000px;
		height: 100%;
		display: block;
		background-color: #00529c;
	}
	p#breadcrumbs a {
		color: white;
		text-decoration: none;
		padding: 13px 0 13px 65px;
		background: #01529c;
		position: relative;
		display: block;
		float: left;
	}
	#breadcrumbs .breadcrumb_last {
		color: white;
		text-decoration: none;
		padding: 13px 45px 13px 65px;
		background: #0062ba;
		position: relative;
		display: block;
		float: left;
	}
	p#breadcrumbs a:after,p#breadcrumbs .breadcrumb_last:after{
		content: " ";
		display: block;
		width: 0;
		height: 0;
		border-top: 25px solid transparent; /* Go big on the size, and let overflow hide */
		border-bottom: 25px solid transparent;
		border-left: 30px solid #01529c;
		position: absolute;
		top: 50%;
		margin-top: -25px;
		left: 100%;
		z-index: 2;
	}
	p#breadcrumbs .breadcrumb_last:after {
		border-left-color: #0062ba;	
	}
	p#breadcrumbs a:before,p#breadcrumbs .breadcrumb_last:before {
		content: " ";
		display: block;
		width: 0;
		height: 0;
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent;
		border-left: 30px solid white;
		position: absolute;
		top: 50%;
		margin-top: -25px;
		margin-left: 1px;
		left: 100%;
		z-index: 1;
	}
	p#breadcrumbs span a:nth-child(2)    { background:        hsla(34,85%,45%,1); }
	p#breadcrumbs span a:nth-child(2):after { border-left-color: hsla(34,85%,45%,1); }
	p#breadcrumbs span a:nth-child(3)      { background:        hsla(34,85%,55%,1); }
	p#breadcrumbs span a:nth-child(3){ border-left-color: hsla(34,85%,55%,1); }
	p#breadcrumbs span a::nth-child(4)    { background:        hsla(34,85%,65%,1); }
	p#breadcrumbs span a::nth-child(4):after { border-left-color: hsla(34,85%,65%,1); }
	p#breadcrumbs span a::nth-child(5)     { background:        hsla(34,85%,75%,1); }
	p#breadcrumbs span a::nth-child(5):after { border-left-color: hsla(34,85%,75%,1); }

	.top-header {
		background: #f3f3f3b0;
		padding: 9px 0;
	}
	article.slide-item .image-box {
		height: 200px;
		overflow: hidden;
		border-radius: 30px;
	}
	.middle-header a.logo {
		position: relative;
		display: block;
		padding: 5px 0;
	}
	header.header {
		width: 100%;
		position: relative;
	}
	.middle-header {
		background: linear-gradient(90deg, rgb(0 29 68) 0%, rgba(0,82,156,1) 35%, rgba(0,212,255,1) 100%);
		position: sticky;
		z-index: 999;
		top: 0px;
		left: 0px;
	}
	.header .site-logo {
		color: #fff;
		top: -75px;
	}
	.middle-header .site-logo:after {
		background-color: #fff;
		height: 100%;
		position: absolute;
		right: 100%;
		top: 0;
		width: 1200px;
	}
	.middle-header .site-logo:before {
		display: inline-block;
		background: #fff;
		width: 291px;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		clip-path: polygon(85% 0%, 100% 35%, 75% 100%, 0% 100%, 0 54%, 0% 0%);
	}
	.middle-header {
		width: 100%;
	}

	.owl-controls .owl-nav .owl-next {
		right: -15px;
	}
	.owl-controls .owl-nav .owl-prev {
		left: -15px;
	}
	ul#main-menu ul.sub-menu ul.sub-menu {
		right: -201px;
		margin-top: -3px;
		top:0;
	}
	ul#main-menu li ul.sub-menu li a {
		padding: 10px 20px;
		line-height: 1.4;
		font-size: 14px;
		color: #003882;
	}
	ul.sub-menu {
		padding-left: 25px;
	}
	ul#main-menu li.menu-item.menu-item-gtranslate a {
		padding: 10px 15px;
	}

	ul#main-menu .menu-item-has-children:before {
		content: "\f0dd";
		font-family: Fontawesome;
		top: 50%;
		position: absolute;
		right: 5px;
		margin-top: -11px;
		color:white;font-size:12px;
	}
	ul#main-menu ul.sub-menu .menu-item-has-children:before {
		content:"\f0da";
	}
	ul#main-menu li a {
		color: #fff;
		padding: 0px 15px;
		line-height: 64px;
		max-height: 64px;
		transition: all 0.3s ease 0s;
		display: block;
		font-size: 15px;
		font-weight: 400;
		text-transform: uppercase;
		font-family: "SVN-Gilroy";
	}
	ul#main-menu > li.menu-item > a:before {
		content: "";
		display: block;
		position: absolute;
		width: 1px;
		left: 0px;
		transform: rotate(45deg);
		z-index: -1;
		/* border-right: 1px solid #1f59a6; */
		height: 89px;
		top: -13px;
	}
	ul#main-menu > li.menu-item:first-child > a:before{
		display:none;
	}
	ul#main-menu li {
		display: inline-block;
		position: relative;
	}
	ul#main-menu ul.sub-menu {
		font-weight: 500;
		position: absolute;
		z-index: 3;
		top: 100%;
		visibility: hidden;
		width: 200px;
		padding: 0;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		opacity: 0;
		background-color: transparent;
		-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
		-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
		box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
		overflow: visible;
		text-align: left;
	}
	ul#main-menu ul.sub-menu > li {
		display: block;
		background-color: #fff;
		visibility: hidden;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 0;
	}
	
	ul#main-menu li.menu-item-has-children:hover > .sub-menu > li {
		visibility: visible;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		opacity: 1;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu > li:nth-child(1) {
		transition-delay: 0ms;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu li:nth-child(2) {
		transition-delay: 50ms;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu li:nth-child(3) {
		transition-delay: 100ms;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu li:nth-child(4) {
		transition-delay: 150ms;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu li:nth-child(5) {
		transition-delay: 200ms;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu li:nth-child(6) {
		transition-delay: 250ms;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu li:nth-child(7) {
		transition-delay: 300ms;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu li:nth-child(8) {
		transition-delay: 350ms;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu li:nth-child(9) {
		transition-delay: 400ms;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu li:nth-child(10) {
		transition-delay: 450ms;
	}
	ul#main-menu li.menu-item-has-children:hover > .sub-menu {
		border-top: 3px solid;
		visibility: visible;
		max-height: 2000px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		opacity: 1;
	}
	ul#main-menu .sub-menu > li + li {
		border-top: 1px solid rgba(0, 0, 0, .1);
	}
}
@media (min-width: 1200px) {
	ul#main-menu li a {
		padding: 0px 13px;
	}
	ul#main-menu .sub-menu a{
		display: flex;
		align-items: center;
		
	}
	ul#main-menu .sub-menu a:hover{
		background-color: #cae2fb; 
	}
	
}
@media(max-width: 1024px){
	ul#main-menu{
		text-align: left;
		padding: 0px 10px;
	}
}

* {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
a:hover {
	color: #4e228f;
	text-decoration: none;
}
ul#main-menu li.menu-item-has-children {
	position: relative;
}
.social-icon a.facebook {
	background-color: #4267B2;
}
.social-icon a {
	display: inline-block;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border-radius: 50%;
	color: white;
}
.social-icon a.google {
	background-color: #db4437;
}
.social-icon a.instagram {
	background: linear-gradient(225deg, #500087 0%, #f0484c 50%, #f7e87d 100%);
}
.social-icon a.youtube {
	background-color: #FF0000;
}
a.zalo {
	background-color: #008FE5;
	font-size: 14px;
}
.box_hotline h1 {
	font-size: 28px;
	text-shadow: 1px 1px black;
	font-weight: 700;
}
/*-------------------------------------------- Hotline -----------------------------------------*/
.website-alo-phone{
	position: fixed;
	left: 0px;
	bottom: 0px;
	visibility: visible;
	background: transparent;
	width: 110px;
	height: 110px;
	cursor: pointer;
	z-index: 999999;
}
.website-alo-phone .animated,.animated{
	animation-duration: 1s;
	animation-fill-mode: both;
}
.website-alo-phone .animated.infinite,.animated.infinite{
	animation-iteration-count: infinite;
}
.website-alo-phone .animated.infinite.zoomIn{
	animation-name: zoomIn;
}
.website-alo-phone .animated.infinite.zoomIn.website-alo-ph-circle{
	box-shadow: 0 0 15px #ffffff7d;
	position: absolute;
	width: 90px;
	height: 90px;
	top: 12px;
	left: 12px;
	border: 2px solid #003882;
	border-radius: 100%;
	background: transparent;
	opacity: 0.5;
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
.website-alo-phone .animated,.animated{
	animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
.website-alo-phone .animated.infinite,.animated.infinite{
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.website-alo-phone .animated.infinite.pulse{
	animation-name: pulse;
	-webkit-animation-iteration-count: infinite;
}
.website-alo-phone .animated.infinite.pulse.website-alo-ph-circle-fill{
	position: absolute;
	width: 60px;
	height: 60px;
	top: 28px;
	left: 28px;
	border: 2px solid transparent;
	border-radius: 100%;
	transition: all 0.5;
	background-color: #003882;
	opacity: 0.75;
	box-shadow: 0 0 15px #ffffff7d;
}

.website-alo-phone .animated,.animated{
	animation-duration: 1s;
	animation-fill-mode: both;
}
.website-alo-phone .animated.infinite,.animated.infinite{
	animation-iteration-count: infinite;
}
.website-alo-phone .animated.infinite.tada,.animated.infinite.tada{
	animation-name: tada;
}
.website-alo-phone .animated.infinite.tada.website-alo-ph-img-circle{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 43px;
	left: 43px;
	border: 2px solid transparent;
	border-radius: 100%;
	transition: all 0.2s ease-in-out;
	transform-origin: 50% 50%;
	background-color:#003882;
	background-size: 70%;
}
.website-alo-phone .animated.infinite.tada.website-alo-ph-img-circle .fa{
	zoom: 1.4;
	color: #fff;
	display: block;
	padding: 2px;
}
.quydinh-tip.quydinh-tip-2 {
	position: absolute;
	right: -134px;
	top: 47px;
	background-color: #fcb040;
	color: white;
	padding: 5px 20px;
	box-shadow: 0 0 15px #ffffff47;
}
.quydinh-tip::before {
	content: '';
	position: absolute;
	width: 18px;
	height: 36px;
	right: 100%;
	top: 50%;
	margin-right: -2px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	background-color: #fcb040;
}
/*------------------------------------------------ End Hotline-------------------------------*/
a.gotop {
	position: fixed;
	right: -55px;
	bottom: 90px;
	height: 35px;
	width: 35px;
	text-align: center;
	font-size: 14px;
	line-height: 35px;
	z-index: 9;
	background: linear-gradient(263.81deg,#4858EF -3.68%,#1BB5EC 108.73%);
	color: white;
	box-shadow: 0 0 10px #0000007d;
	border-radius: 50%;
}
.wt-separator-outer {
	overflow: hidden;
}
.wt-separator.style-square {
	width: 10px;
	height: 10px;
	background-color: transparent;
	border-width: 3px;
	border-style: solid;
	border-color: #ffc107;
	display: inline-block;
	position: relative;
}
.wt-separator.style-square .separator-left, .wt-separator.style-square .separator-right {
	height: 3px;
}
.wt-separator .separator-left, .wt-separator .separator-right {
	position: absolute;
	top: 50%;
	width: 70px;
	height: 2px;
	margin-top: -1px;
}
.wt-separator .separator-left {
	left: -80px;
}
.wt-separator .separator-right {
	right: -80px;
}
.border-img.wpb_single_image  img {
	border: 8px solid #003882;
	height: 420px;
}
.news-grid .news-thumb img {
	height: 235px;
	object-fit: cover;
}
.news-item .news-thumb {
	position: relative;
}

.published-date {
	position: absolute;
	bottom: 0;
	width: 115px;
	font-size: 14px;
	background-color: #ed1d24;
	color: white;
	padding: 6px;
}

/*
*  STYLE 2
*/

html{
	scroll-behavior: smooth;
}

html::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	
}

html::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

html::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #003882;
}
.primery-menu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.primery-menu::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.primery-menu::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #000;
}
.footer-widget a, .footer-widget p {
	color: #f5f5f5;
}
.footer-widget h3.widget-title {
	position: relative;
	color: #ffffff;
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.footer-widget h3.widget-title  span {
	display: inline-block;
	position: relative;
}
.footer-widget h3.widget-title span:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background: #d5d5d5;
	top: initial;
	bottom: -7px;
	left: 0px;
}
.footer-widget .wt-separator-outer {
	margin-bottom: 10px;
}
.post-list .item img {
	width: 75px;
	margin-right: 10px;
}
aside.widget h3.widget-title {
	text-align: center;
	color: #003882;
	font-size: 20px;
	text-transform: uppercase;
	padding: 3px 0;
	margin-bottom: 0;
	position: relative;
	border: 1px solid #00529c;
	border-radius: 5px;
}
.post-list .item {
	border-bottom: 1px solid #e3e3e3;
}
aside.widget {
	margin-bottom:35px;
}
.tin-tuc-widget .media img {
	width: 75px;
	margin-right: 10px;
}
.tin-tuc-widget .media a {
	color:#797979 ;
}
div#right-sidebar .widget ul li a {
	color: #797979;
}
div#right-sidebar .widget ul li {
	padding: 10px;
}
div#right-sidebar .widget ul{
	list-style: none;
	padding: 0px;
}
aside.widget .textwidget {
	padding: 10px;
	background-color: white;
}
.contact-info .vc_column-inner > .wpb_wrapper {
	padding: 30px 15px;
	border: 1px solid #eaeaea;
}
.icon-title-2 i.fa {
	line-height: 80px;
	width: 80px;
	text-align: center;
	color: white;
	margin-right: 10px;
	webkit-clip-path: polygon(92.32051% 40%,93.79385% 43.1596%,94.69616% 46.52704%,95% 50%,94.69616% 53.47296%,93.79385% 56.8404%,92.32051% 60%,79.82051% 81.65064%,77.82089% 84.50639%,75.35575% 86.97152%,72.5% 88.97114%,69.3404% 90.44449%,65.97296% 91.34679%,62.5% 91.65064%,37.5% 91.65064%,34.02704% 91.34679%,30.6596% 90.44449%,27.5% 88.97114%,24.64425% 86.97152%,22.17911% 84.50639%,20.17949% 81.65064%,7.67949% 60%,6.20615% 56.8404%,5.30384% 53.47296%,5% 50%,5.30384% 46.52704%,6.20615% 43.1596%,7.67949% 40%,20.17949% 18.34936%,22.17911% 15.49361%,24.64425% 13.02848%,27.5% 11.02886%,30.6596% 9.55551%,34.02704% 8.65321%,37.5% 8.34936%,62.5% 8.34936%,65.97296% 8.65321%,69.3404% 9.55551%,72.5% 11.02886%,75.35575% 13.02848%,77.82089% 15.49361%,79.82051% 18.34936%);
	clip-path: polygon(92.32051% 40%,93.79385% 43.1596%,94.69616% 46.52704%,95% 50%,94.69616% 53.47296%,93.79385% 56.8404%,92.32051% 60%,79.82051% 81.65064%,77.82089% 84.50639%,75.35575% 86.97152%,72.5% 88.97114%,69.3404% 90.44449%,65.97296% 91.34679%,62.5% 91.65064%,37.5% 91.65064%,34.02704% 91.34679%,30.6596% 90.44449%,27.5% 88.97114%,24.64425% 86.97152%,22.17911% 84.50639%,20.17949% 81.65064%,7.67949% 60%,6.20615% 56.8404%,5.30384% 53.47296%,5% 50%,5.30384% 46.52704%,6.20615% 43.1596%,7.67949% 40%,20.17949% 18.34936%,22.17911% 15.49361%,24.64425% 13.02848%,27.5% 11.02886%,30.6596% 9.55551%,34.02704% 8.65321%,37.5% 8.34936%,62.5% 8.34936%,65.97296% 8.65321%,69.3404% 9.55551%,72.5% 11.02886%,75.35575% 13.02848%,77.82089% 15.49361%,79.82051% 18.34936%);
}
.icon-title-2 i.fa {
	font-size: 25px;
}
#wrap {
	padding: 25px;
	border: 1px solid #ebebeb;
	background: #fff;
}
#wrap #top {
	margin: 0 -25px;
	position: relative;
}
#wrap #top:before {
	content: "";
	border-left: 2px solid #faac1c;
	margin-left: -1px;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
}
#wrap:hover h5 a, #wrap:hover {
	color: #fff;
}

#wrap:hover {
	background: #faac1c;
	border-color: #faac1c;
	box-shadow: 0px 10px 10px rgba(0,0,0,0.15);
}
span.transaction, h5.transaction a {
	color: #000000;
}
.tg-service {
	text-align: center;
	position: relative;
	margin: 5px;
}
.animate_line:after, .animate_line:before {
	content: "";
	height: 4px;
	width: 0px;
	position: absolute;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	z-index: -1;
}

.animate_line:before {
	right: -5px;
	top: -5px;
}
.tg-service .tg-border-topleft {
	padding: 30px;
	position: relative;
	z-index: 2;
	height: 242px;
	background: #fff;
}
.tg-displaytable {
	width: 100%;
	height: 100%;
	display: table;
}
.tg-displaytablecell {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.tg-service i {
	display: block;
	padding: 0 0 15px;
}
.tg-service h3 {
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 15px;
	text-transform: uppercase;
}
.tg-service .banner-icon h3 {
	font-weight: 500;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
}
.banner-icon .tg-description {
	text-align: left;
}
.tg-service .tg-border-topleft.banner-icon-border {
	padding: 0px;
	position: relative;
	z-index: 2;
	height: 280px;
	background: #fff;
	overflow: hidden;
}
.animate_line:hover:after, .animate_line:hover:before {
	width: 50%;
	height: 50%;
	background: #ffbc13;
}
.animate_line:after {
	left: -5px;
	bottom: -5px;
}
.strong {
	font-weight:bold;
}
.post-list .item img {
	width: 75px;
	margin-right: 6px;
}

.text-strock-white {
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.text-strock-black {
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.aligncenter {
	display:block;
}
.bg-overlay:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.48);
	display: block !important;
	left: 0;
	z-index: 0;
	top: 0;
}
div.block-connectus p[class*="fa-"] {
	padding-left: 50px;
	position: relative;
}
div.block-connectus p[class*="fa-"]:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 33px;
	display: inline-block;
	border: 1px solid #eaeaea;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 0;
	color: #888;
	font-size: 13px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	background: #fff;
}
.footer-widget ul.menu {
	padding-left: 0;
	list-style: none;
}
.footer-widget ul.menu li {
	position: relative;
}
.footer-widget ul.menu li:before {content: '\f105';font-family: Fontawesome;margin-right: 5px;color: #f5f5f5;}

.owl-nav .owl-next {
	right: 0px;
	position: absolute;
	top: 50%;
}
.owl-nav .owl-prev {
	left: 0px;
	position: absolute;
	top: 50%;
}
.owl-carousel.owl-theme .owl-nav button.owl-prev,.owl-carousel.owl-theme .owl-nav button.owl-next  {
	font-size: 0;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	background-color: #25aae1;
	margin-top: -20px;
}
.owl-nav div:hover {
	box-shadow: 0 0 15px #0000003b;
}
.owl-nav .owl-next:before {
	content: "\f054";
	font-family: Fontawesome;
	font-size: 13px;
	color: white;
}
.owl-nav .owl-prev:before {
	content: "\f053";
	font-family: Fontawesome;
	font-size: 13px;
	color: white;
}
.owl-dot span {
	display: block;
	width: 12px;
	height: 12px;
	background-color: #676767;
	margin: 1px;
	border-radius: 50%;
}
.owl-dot {
	display: inline-block;
	margin: 2px;
	border: 1px solid #6f6f6f;
	border-radius: 50%;
}
.owl-dot.active span {
	background-color: #0098da;
}
.owl-dots {
	text-align: center;
}
.owl-nav button span {
	display: none;
}

.owl-carousel.owl-theme .owl-nav button {
	width: 35px;
	height: 35px;
	background-color: #0098da;
	margin-top: -17.5px;
}
.news-list-item {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #ccc;
}

.news-list-item .text-excerpt {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 6px;
	word-break: break-word;
}
.vc_gitem-animated-block {
	position: relative;
	overflow: hidden;
}
.vc_gitem-animated-block:hover .vc_gitem-zone {
	transform: scale(1.15);
}
.vc_grid-item-mini .vc_gitem-animated-block:after ,.service--item .service--item--thumb:after{
	left: initial;
	right: -1px;
	top: initial;
	bottom: -1px;
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
.vc_gitem-animated-block:after, .vc_gitem-animated-block:before,
.service--item--thumb:after,.service--item--thumb:before {
	content: "";
	display: inline-block;
	background: #fff;
	width: 40px;
	height: 40px;
	clip-path: polygon(100% 0, 0 0, 0 100%);
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 9;
}
.vc_custom_heading.text-center:after {
	margin: auto;
}
.service--item--content .title {
	font-size: 16px;
	text-align: center;
	padding: 14px 0;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "Oswald";
}

.service--item--content .title a {
	color: #003882;
}
.service--item--thumb a:before {
	position: absolute;
	content: "";
	top: 0;
	left: -75%;
	z-index: 100;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%);
	transform: skewX(-25deg);
}
.service--item--thumb:hover a:before {
	animation: imgShine .75s ease-in-out;
}
@-webkit-keyframes imgShine{100%{left:125%}}@-moz-keyframes imgShine{100%{left:125%}}@keyframes imgShine{100%{left:125%}}.img-shine{overflow:hidden;position:relative}.img-shine:before{position:absolute;content:"";top:0;left:-75%;z-index:100;width:50%;height:100%;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%);transform:skewX(-25deg)}.img-shine:hover:before{animation:imgShine .75s ease-in-out}
.service--item--thumb {
	position: relative;
	overflow: hidden;
}
.service--item .service--item--thumb:after,.service--item .service--item--thumb:before {
	background: #f5f5f5;
}
ul.language li a {
	padding: 2px 8px;
}
.btn-style-two {
	outline: 2px solid #ffffff;
	outline-offset: -6px;
}

.header-title  .flex-bg {
	padding: 130px 0px 0px;
}
.header-title .title{
	position: relative;
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 90px;
	text-transform: capitalize;
}

p#breadcrumbs:after {
	position: relative;
	display: block;
	content: '';
	clear: both;
}

.header-breadcrumb {
	position: relative;
}
h4.subtitle:before {
	content: '';
	width: 40px;
	height: 2px;
	background: red;
	position: absolute;
	left: 0px;
	top: 40%;
}
h4.subtitle {
	padding-left: 50px;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	color: #828282;
	font-weight: 300;
	position: relative;
}
h3.main-title.text-primary {
	font-size: 35px;
	font-weight: 700;
	line-height: 45px;
	text-transform: uppercase;
}
#wrapper-footer-full, #wrapper-static-hero {
	background: linear-gradient(90deg, rgb(0 29 68) 0%, rgba(0,82,156,1) 35%, rgba(0,212,255,1) 100%);
}
.service-content {
	background: #ffffffc7;
	padding: 10px;
}
.news-thumb.vehical-thumb {
	height: 300px;
	overflow: hidden;
	border-radius: 20px;
	width: 65%;
	position: relative;
	@media(max-width: 768px){
		width: 100%;
	}
}
.news-thumb.vehical-thumb img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}
.news-content.vehical-content {
	width: 35%;
	position: absolute;
	top: 50px;
	right: 35px;
	background: #ffffff;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 6px 0px #0098da;
	@media(max-width: 768px){
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
	}
}
.sppb-addon.sppb-addon-text-block.sppb-text-left {
	position: relative;
}
p.sppb-addon-title {
	margin-top: 0px;
	margin-bottom: 15px;
	color: #0098da;
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
}
p.sppb-addon-title span {
	line-height: 78px;
	color: #ea3e2e;
	font-size: 65px;
	left: -30px;
	letter-spacing: 3px;
	opacity: 0.1;
	transition: .5s all;
	z-index: 0;
	position: absolute;
	top: 0;
	margin-top: -46px;
	font-weight: 700;
	font-family: Oswald;
}
p.sppb-addon-title span:after {
	background-color: #fff;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	margin-top: 0;
	position: relative;
	width: 100px;
}
.sppb-addon-content {
	color: white;
	font-size: 15px;
	font-weight: 300;
}
.sppb-addon.sppb-addon-text-block:hover p.sppb-addon-title span {
	left: -40px;
	opacity: 0.4;
}
h3.sppb-addon-title {
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Barlow Condensed', sans-serif;
	color: #303849;
	@media(max-width: 1024px){
		font-size: 24px;
	}
}
.title-dark-background h3.sppb-addon-title {
	color: #ffff;
}
span.shadow-heading {
	opacity: 0.05;
	left: -30px;
	line-height: 1;
	margin: 0;
	opacity: 0.05;
	position: absolute;
	top: 55px;
	transform: translateY(-50%);
	width: 100%;
	word-break: initial;
	z-index: -1;
	font-size: 60px;
	@media(max-width: 1024px){
		font-size: 35px;
		top:90%;
		left: 0;
		text-align: center
	}
}
.title-header {
	position: relative;
	z-index:3;
}
.title-center .title-header {
	text-align: center;
}
.title-header .sppb-addon-content {
	color: #303849;
	letter-spacing: 0.4em;
	text-transform: uppercase;
}
.title-dark-background .title-header .sppb-addon-content {
	color: #ffffff;
	letter-spacing: 0.4em;
	text-transform: uppercase;
}
.title-dark-background article.slide-item {
	color: white;
}
.gallery-item-carousel {
	height: 60px;
}
.gallery-item-carousel img {
	height: 100%;
	width: auto!important;
	margin: auto;
	text-align: center;
}
article.slide-item P {
	text-align: center;
}
.fancy-service {
	float: left;
	margin-top: 30px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
}
.fancy-service:before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.fancy-service > img {
	height: auto;
	width: 100%;
	z-index: -1;
}
.service-detail {
	left: 0;
	padding: 0 30px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.service-detail > i {
	color: #fff;
	float: left;
	font-size: 70px;
	position: relative;
	text-align: center;
	width: 100%;
}
.service-detail > span {
	float: left;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3px;
	margin-top: 50px;
	width: 100%;
}
.service-detail h3 {
	color: #ffffff;
	float: left;
	font-size: 24px;
	font-weight: 800;
	margin-top: 9px;
	width: 100%;
}
.service-detail > span {
	color: #0098da;
}
.service-detail .theme-btn {
	border: 1px solid transparent;
	display: inline-block;
	float: none;
	margin-top: 0;
	opacity: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 400;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	color: white;
	position: absolute;	
	bottom: -70px;
	left: 10px;
	width: calc(100% - 20px);
}
.fancy-service:hover > img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.fancy-service:hover .service-detail {
	padding-bottom: 55px;
}
.fancy-service:hover .service-detail > i {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.fancy-service:hover .service-detail > span {
	margin-top: 0;
}
.fancy-service:hover .service-detail > span {
	color: #FFF;
}

.fancy-service:hover .service-detail .theme-btn {
	margin-top: 34px;
	opacity: 1;
	padding: 11px 0px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.danh-muc-hoat-dong thead td {
    padding: 5px;
    border: 1px solid lightgray;
    font-weight: 700;
}
.danh-muc-hoat-dong table tr td:last-child {
	text-align: center;
}
.danh-muc-hoat-dong table tr td:first-child {
	text-align: center;
}
.danh-muc-hoat-dong table tbody tr td {
	border: 1px solid #eaeaea!important;
	padding: 5px;
}
.danh-muc-hoat-dong table tbody tr:nth-child(2n) {
	background: #cae2fb;
}
.news-content.service-content .title {
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: 600;
	font-size: 20px;
}
.news-item-inner.service-inner {
	box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.vc_tta-panels .vc_tta-panel {
	margin-bottom: 12px;
	border-radius: 10px;
}
.vc_tta.vc_general .vc_tta-panel.vc_active {
	-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.16);
}
.vc_tta-panel-heading h4.vc_tta-panel-title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 22px;
}
.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading {
	border-radius: 10px !important;
}
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading {
	border-radius: 10px 10px 0 0 !important;border: 0;
}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
	color: #333;
}
.news-grid .news-content .title {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
	padding: 8px 0;
	font-size: 20px;
	line-height: 1.25;
	@media(min-width: 1024px){
		height: 60px;
		overflow: hidden;
		margin-bottom: 10px;
		font-size: 20px;
	}
}

.news-grid .news-item .news-content {
	padding: 20px;
	background: white;
}

.news-grid .news-item .news-content .text-excerpt {
	margin-bottom: 9px;
	height: 75px;
    overflow: hidden;
}

.news-grid .news-content .title a {
	color: #003882;
}

.news-grid .news-item .news-content .view-more {
	font-weight: 700;
	color: #e32525;
}
.news-grid .news-item .news-items-inner {
	box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05);
}

.news-grid .news-item .news-items-inner:hover {
	transform: translateY(-7.5px);
}
.news-grid .news-item .news-content .meta {
	display: flex;
	justify-content: space-between;
}

.news-grid .news-item .news-content .meta span {
	color: #8c8c8c;
}
.news-grid .news-item .news-content .meta span i {
	margin-right: 5px;
}
.fleets-item {
	margin-bottom: 35px;
}

.fleets-item-inner .fleets-content .title {
	padding: 2px 0;
	text-align: center;
}

.fleets-item-inner .fleets-content .title a {
	color: #003882;
	text-transform: uppercase;
}

.fleets-item-inner .fleets-content {
	text-align: center;
	padding: 25px;
	border-bottom: 5px solid #0098da;
	background-color: white;
}

.fleets-item-inner {
	box-shadow: 0 0 30px rgb(0 0 0 / 7%);position: relative;
}

.fleets-item-inner .fleets-content:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	height: 5px;
	background-color: #003882;
	width: 0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 800ms ease-out;
	transition: all 800ms ease-out;
}

.fleets-item-inner:hover .fleets-content:after {
	width: 100%;
}
.fleets-item-inner .fleets-thumb {
	position: relative;
	overflow: hidden;
}

.fleets-item-inner:hover .fleets-thumb img {
	transform: scale(1.15);
}
ul.technical-info {
	padding-left: 0;
	list-style: none;
}
ul.technical-info li {
	display: flex;
	background-color: #f3f3f3;
	margin-bottom: 2px;
}
ul.technical-info li span {
	width: 50%;
	text-align: center;
}
ul.technical-info span.text {
	background-color: #e7e7e7;    font-weight: 500;
}
.right-border:before {
	content: '';
	width: 500px;
	height: 1px;
	background: #2aafe0;
	position: absolute;
	top: 50%;
	right: -320px;
	z-index: -1;
}

.right-border-short .vc_column-inner:before {
	content: '';
	width: 35px;
	height: 1px;
	background: #2aafe0;
	position: absolute;
	top: 30%;
	right: -30px;
	z-index: -1;
}
.border-right-doc .vc_column-inner:after {
	content: '';
	width: 1px;
	height: 280%;
	position: absolute;
	top: -150%;
	right: -30px;
	background: #2aafe0;
}
aside.widget h3.widget-title:before {
	content: '';
	background: url(http://tancang.southteam.co/wp-content/uploads/2020/12/hexagon1.png);
	width: 51px;
	height: 40px;
	background-size: contain;
	position: absolute;
	top: -5px;
	left: -17px;
}
td.fleet-do a:after {
	content: ',';
}
td.fleet-do a {
	color: #00416f;
}
.radius-5 {
	border-radius: 5px;
}
.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid-banner figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}
.grid-banner figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid-banner figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid-banner figure figcaption::before,
.grid-banner figure figcaption::after {
	pointer-events: none;
}

.grid-banner figure figcaption,
.grid-banner figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid-banner figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid-banner figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid-banner figure h2 span {
	font-weight: 800;
}

.grid-banner figure h2,
.grid-banner figure p {
	margin: 0;
}

.grid-banner figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-bubba {
	background: #0074ba;
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 23%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}
figure.effect-bubba:hover h2 {
	padding-top: 3%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}
figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
header.header.fixed.wpb_start_animation.animated {
	position: fixed;
    z-index: 9;
    width: 100%;
    top: 0;
	background: linear-gradient(90deg, rgb(0 29 68) 0%, rgba(0,82,156,1) 35%, rgba(0,212,255,1) 100%);
}
.customer-thumb {
	padding: 30px;
	height: 160px;
	width: 100%;
	display: block;
}
.customer-thumb img {
	height: 100%;
	width: auto;
	text-align: center;
	margin: auto;
	display: block;
}
.search-form {
	position: relative;
}
.search-form input {
	width: 100%;
	border: 1px solid #9d9d9d;
	padding: 10px 15px;
	padding-right: 55px;
	font-size: 14px;
}
.search-form button {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	border: none;
	width: 50px;
	padding-top: 5px;
	color: #b7b7b7;
	background-color: transparent;
	cursor: pointer;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
form#searchform {
	max-width: 275px;
	text-align: right;
	align-items: revert;
	margin-left: auto;
	margin-top: 10px;
	border-radius: 100px;
}
input.search-field {
	background: unset;
	height: 30px;
	border-radius: 50px!important;
}
button.search-submit {
	position: absolute;
	right: 0pc;
	background: none;
	border: unset;
	color: white;
	outline: unset;
}
.menu-menu-chinh-container {
	text-align: right;
}
.top-right-logo {
	display: flex;
	flex-direction: row-reverse;
	@media (max-width:1024px) {
		flex-direction: row;
	}
}
.top-right-logo p {
	line-height: 45px;
	color: white;
	@media (max-width: 1024px) {
		line-height: 1.4;
	}
}
.media-card {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 24px;
	background-color: #f6f6f6;
	margin-bottom: 30px;
}
.media-card .img {
	width: 230px;
	max-width: 46.74797%;
	height: 205px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
}
.media-card .img img {
	max-width: none;
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
}
.media-card .info {
	max-width: 53.25203%;
	padding-left: 23px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.media-card .info .badge {
	padding: 3px 26px;
	background-color: #ededed;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -.02em;
	color: #a2a2a2;
	margin-right: 12px;
	margin-bottom: 12px;
	border-radius: 12px;
}
.media-card .info .date {
	margin-bottom: 12px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: #a2a2a2;
	font-size: 14px;
}
.media-card .info .title , .text-gradient{
	margin-bottom: 8px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	background: -o-linear-gradient(230.2deg,#00327D 18.25%,#02C2FF 86.61%);
	background: linear-gradient(219.8deg,#00327D 18.25%,#02C2FF 86.61%);
	-webkit-background-clip: text;
	font-size: 23px;
	letter-spacing: -.02em;
	-webkit-text-fill-color: transparent;
	line-height: 1.25;
}
.media-card .info .desc {
	margin-bottom: 10px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
}
.media-card .info .btn {
	margin-right: auto;
	margin-top: auto;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
	color: #101e38;
	font-weight: 700;
	border: none;
}
.media-card .info .btn i {
	padding-right: 8px;
}
.media-card .info .btn:hover{
	color: #4858EF;
}
.bg-light-blue{
	background: #f0f8ff;
}
.search-form-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.search-form-filter .input-field-search {
	flex: 0 0 75%;
	padding: 0 10px;
}
.search-form-filter .select-field-search,.filter-orther .filter-item {
	flex: 0 0 25%;
	padding: 0 10px;
}
#filter-media-form .form-control.form-control--rounded {
	background-repeat: no-repeat;
	background-position: right 26px center;
	-webkit-box-shadow: 7px 7px 8px rgb(0 0 0 / 3%);
	box-shadow: 7px 7px 8px rgb(0 0 0 / 3%);
	border-radius: 25px;
	font-size: .9375rem;
	line-height: 1.25;
	padding: 15px 23px;
	width: 100%;
	outline: 0;
	border: 1px solid transparent;
	background-color: #fff;
	letter-spacing: -.02em;
	display: block;
	color: #4e4e4e;
	height: auto;
	background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="17" height="22" viewBox="0 0 17 22" fill="none"><circle cx="7.5" cy="7.5" r="6.5" stroke="rgb(161,161,161)" stroke-width="2"/><path d="M11.5557 13.7148L15.5557 21.0006" stroke="rgb(161,161,161)" stroke-width="2"/></svg>');
}
#filter-media-form .filter-orther input.form-control.form-control--rounded{
	background-image: none;
}
#filter-media-form select.form-control.form-control--rounded{
	background-image: url('data:image/svg+xml, <svg width="9" height="7" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.40918L4.5 5.40918L8 1.40918" stroke="rgb(161,161,161)" stroke-width="2"/></svg>');
	appearance: none;
}
.filter-orther {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.loading {
	position:fixed;
	width:100%;
	left:0;right:0;top:0;bottom:0;
	background-color: rgba(255,255,255,0.7);
	z-index:9999;
	display:none;
}
.loading.enable{
	display: block;
}
@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
.loading::after {
	content:'';
	display:block;
	position:absolute;
	left:48%;top:40%;
	width:40px;height:40px;
	border-style:solid;
	border-color:black;
	border-top-color:transparent;
	border-width: 4px;
	border-radius:50%;
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}
div#archive-wrapper nav {
	margin: auto;
}
.pagination-link ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination-link ul li,.pagination li.page-item .page-link {
	display: inline-flex;
	margin: 3px;
	background: #FFF;
	color: black;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	border:none;
}
.pagination-link ul li.active:hover,.pagination li.page-item:hover .page-link {
	cursor: pointer;
	background: #1E8CBE; 
	color: white; 
}
.pagination-link ul li.inactive {
	background: #7E7E7E;
	display: none;
}
.pagination-link ul li.selected,.pagination li.page-item.active .page-link {
	background: linear-gradient(219.8deg,#00327D 18.25%,#02C2FF 86.61%);
	color: white;
}
.pagination-link ul li i {
	font-size: 10px;
	line-height: 30px;
}
.news-bannerl{
	border: 1px solid #cae2fb;
	border-radius: 5px;
}

.background-light{
	background-color: #cae2fb;
}
.news-item-banner {
    position: relative;
	padding: 10px;

}
.news-item-banner .thumbnail {
    position: relative;
    height: 450px;
	@media(max-width: 1024px){
		height: 450px;
	}
	@media(max-width: 768px){
		height: 350px;
	}
}
.news-item-banner .thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}
.news-item-banner .content h2 {
    font-size: 28px;
    font-weight: 700;
}
.news-item-banner .content .desc {
    position: relative;
    margin: 25px 0;
}

.news-item-banner .content .desc p {
    position: relative;
    z-index: 3;
    font-size: 18px;
    margin-bottom: 10px;
}
.news-item-banner .content .link-more {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}
.news-item-banner .content .link-more i {
    font-size: 16px;
    padding-left: 5px;
}
.news-item-banner .content .link-more:hover {
    color: #003273;
}
.news-bannerl .owl-dots{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translatex(-50%);
}
.news-bannerl .owl-dots .owl-dot {
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgb(255 255 255 / 0%);
	-webkit-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	background: transparent;
	width: 15px;
	height: 15px;
	outline: unset !important;
}
.news-bannerl .owl-dots .owl-dot.active,.news-bannerl .owl-dots .owl-dot:hover{
	box-shadow: 0 0 0 2px rgb(255 255 255);
	border: none;
	border-radius: 50%;
	background: transparent;
}
#rev_slider_2_1_wrapper .gyges .tp-tab-content {
    background: rgb(0 0 0 / 60%)!important;
}
#rev_slider_2_1_wrapper .gyges .tp-tab-title {
    display: block!important;
    text-align: left!important;
    color: #ffffff!important;
    font-size: 10px!important;
    font-weight: 500!important;
    line-height: 17px!important;
    max-height: 3rem!important;
    overflow: hidden!important;
    -webkit-line-clamp: 2!important;
    display: -webkit-box!important;
    text-transform: uppercase!important;
}

.news-bannerl .owl-dots .owl-dot span{
	-webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
	transition: background-color 0.3s ease, transform 0.3s ease;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: rgba(255,255,255,0);
	background-color: rgba(255,255,255,0.3);
	text-indent: -999em;
	cursor: pointer;
	margin: 0;
}
.news-bannerl .owl-dots .owl-dot.active span,.news-bannerl .owl-dots .owl-dot:hover span{
	/* transform: scale(0.4); */
	/* -webkit-transform: scale(0.4); */
	background-color: rgba(255,255,255,1);
}
.news-bannerl  .owl-carousel.owl-theme .owl-nav button.owl-prev,.news-bannerl  .owl-carousel.owl-theme .owl-nav button.owl-next{
	outline: unset !important;
	width: 30px;
	height: 30px;
	margin-top: -35px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 60%;
	@media(max-width: 1024px){
		top: 40%
	}
}
.news-bannerl  .owl-carousel.owl-theme .owl-nav button.owl-next{
	left: 40px;
}

.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
.owl-animated-out {
	z-index : 1 
}
.owl-animated-in {
	z-index : 0 
}
.fadeOut  {
  animation-name : fadeOut  ;
}  
.fadeIn  {
  animation-name : fadeIn  ;
}  
@keyframes fadeOut{0% {opacity:1;} 100% {opacity:0;}}
@keyframes fadeIn{0% {opacity:0;} 100% {opacity:1;}}
@keyframes jitter {0% {transform: translateY(0);}50% {transform: translateY(-1px);}100% {transform: translateY(0);}}

.bottom-border {
    position: relative;
}

@media(min-width: 768px){
	.bottom-border:before{
        position: absolute;
        content: '';
        width: 1px;
        height: 430px;
        top: 50%;
        left: 50%;
        background-color: #2aafe0;
    }
	.bottom-border-short:before{
        position: absolute;
        content: '';
        width: 1px;
        height: 85px;
        top: 40%;
        left: 50%;
        background-color: #2aafe0;
    }
	.center-border:before{
        position: absolute;
        content: '';
        width: 1px;
        height: 70px;
        top: 1px;
        left: 50%;
        background-color: #2aafe0;
    }
}
.footer-title{
	@media(max-width:1024px){
		font-size: 20px;
	}
}
.bg-fixed{
	background-attachment: fixed;
}
.top-right-logo.flex-wrap img {
    height: 47px;
    margin-top: 5px;
    border-radius: 7px;
}
.news-listed{
	overflow: hidden;
}
.news-listed .slick-slide{
	padding: 10px 0px;
}