body, .MuiTypography-body1, .tooltip, .MuiTypography-h3, #mainmenu {
	font-family: 'Montserrat', sans-serif;
}
#mainmenu a {
	color: #fff;
}
#mainmenu > li > a {
	letter-spacing: unset;
}

.search-box,
.search-box span:after,
.search-box span:before {
	border-color: #fff
}

.search-box input[type="text"]:focus,
.search-box input[type="text"]:not(:placeholder-shown) {
	background: #2196F3;
	color: #fff;
}
.jss3351 {
	border-image: url(../imgs/bg-video.png) 30 round;
}
.head-video {
	position: absolute;
	top: 0;
	right: 0;
	width: 70%;
	height: 720px;
	overflow: hidden;
}
.bg-video {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../imgs/border-video.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0px -80px;
}
.content-video-pc {
	z-index: 1;
	width: 1200px;
	height: 100%;
	right: 0;
	top: -35px;
	position: absolute;
}
.content-video-pc video, .content-video-mobile video {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
section {
	padding: 0;
}
.jss3506 {
	height: 430px;
}
.jss3625 img {
	width: 150px;
}
.MuiGrid-spacing-xs-6 > .MuiGrid-item {
	padding: 0 10px 24px 10px;
}
.logo-header {
	margin-top: 50px;
	width: 208px;
	margin-left: 64px;
}
.jss3343 {
	margin-top: 120px;
}
#about {
	z-index:2;
	margin-top: 75px;
}
.jss3503 .jss3502 h3 {
	margin-top: 30px;
	padding-bottom: 0;
	font-weight: 900;
}
.jss3503 .jss3502 .h3:after {
	content: none;
}
.jss3503 .jss3502 .h3:before {
	left: 0;
	width: 100%;
	top: -20px;
	height: 60px;
	content: "";
	position: absolute;
}
.jss3503 .h3-tapvu .h3:before {
	background: url(../imgs/icon/nhan-su.png) no-repeat center center;
	background-size: contain;
}
.jss3503 .h3-khach .h3:before {
	background: url(../imgs/icon/khach-hang.png) no-repeat center center;
	background-size: contain;
}
.jss3503 .h3-brach .h3:before {
	background: url(../imgs/icon/chi-nhanh.png) no-repeat center center;
	background-size: contain;
}
.jss3503 .jss3502 .h3 {
	margin-bottom: 0;
}
.bg1 {
	background: url(../imgs/bg_1.jpg) no-repeat 380px fixed;
	background-size: contain !important;
	width: 100%;
	height: 100%;
}
.bg2 {
	background: url(../imgs/bg-hanh-trinh.png) no-repeat;
	background-size: 510px auto !important;
	width: 103%;
	height: 101%;
}
.jss3499:before {
	top: 38px;
    right: -55px;
    width: 563px;
    height: 563px;
	content: "";
	position: absolute;
	transform: none;
	background: url(../imgs/bg-giai-phap.png) no-repeat;
	background-size: contain !important;
	border-radius: unset;
	box-shadow: none !important;
}
.jss3497:before {
	top: -4px;
    left: -25px;
    width: 400px;
    height: 400px;
    content: "";
    position: absolute;
    background: url(../imgs/bg-loi-the.png) no-repeat;
    background-size: contain !important;
    transform: none;
}
#tooltip-icon {
	left: 10%;
}
.jss3497 .MuiTypography-h3 {
	font-size: 34px;
	width: 100%;
	margin-left: 0;
	padding-left: 10px;
	text-align: center;
	left: -150px;
}
.text-hanhtrinh {
	font-size: 29px;
	margin-left: -39%;
	padding-top: 28%;
	line-height: inherit;
	text-align: center;
	font-weight: 700;
}
.owl-custom-nav {
	margin-top: 125.5px !important;
    margin-right: 28px !important;
}
.partners .owl-custom-nav .btn-prev {
	left: -125px;
    top: -118px;
}
.partners .owl-custom-nav .btn-next {
	right: 0;
    top: -118px;
}
.img-partner {
	padding: 25px;
	width: 200px;
	height: 125px;
	margin: 0 auto;
}
.img-partner .hover_partner {
	display: none !important;
}
.img-partner img {
	width: 100px;
	height: 75px;
}
.img-partner:hover > .normal_partner {
	display: none;
}
.img-partner:hover > .hover_partner {
	display: block !important;
}
.jss3514 {
	height: 460px;
    position: relative;
}
.jss3514 button{
	bottom: 10px;
    width: 90%;
    margin: 0 auto;
    position: absolute;
}
.jss3504 {
	padding: 0px;
}
@media (max-width:2560px) {
	/* .content-video-pc { */
		/* z-index: 1; */
		/* right: -30px; */
	/* } */
	/* .content-video-pc video, .content-video-mobile video { */
		/* overflow: hidden; */
		/* width: 100%; */
		/* height: auto; */
	/* } */
	/* .MuiContainer-maxWidthLg { */
		/* max-width: 1920px; */
	/* } */
	/* .bg1 { */
		/* background: url(../imgs/bg_1.jpg) no-repeat 120px fixed; */
		/* width: 69%; */
		/* height: 120%; */
	/* } */
	/* .container { */
		/* max-width: 1680px; */
	/* } */
	/* .jss3499 h3 { */
		/* left: 36px; */
	/* } */
	/* .owl-custom-nav { */
		/* margin-left: 147px !important; */
	/* } */
	/* .jss3510 .jss3505 { */
		/* margin-right: 157px; */
	/* } */
	/* #tooltip-icon { */
		/* left: 1%; */
	/* } */
}
@media (max-width:1980px) {
	/* .content-video-pc { */
		/* z-index: 1; */
		/* right: -30px; */
	/* } */
	/* .content-video-pc video, .content-video-mobile video { */
		/* overflow: hidden; */
		/* width: 100%; */
		/* height: auto; */
	/* } */
	/* .MuiContainer-maxWidthLg { */
		/* max-width: 1920px; */
	/* } */
	/* .bg1 { */
		/* background: url(../imgs/bg_1.jpg) no-repeat 120px fixed; */
		/* width: 68%; */
		/* height: 120%; */
	/* } */
	/* .container { */
		/* max-width: 1280px; */
	/* } */
	/* .jss3499 h3 { */
		/* left: -65px; */
	/* } */
	/* .owl-custom-nav { */
		/* margin-left: 0 !important; */
		/* margin-right: 82px !important; */
	/* } */
	/* .jss3510 .jss3505 { */
		/* margin-right: 157px; */
	/* } */
	/* #tooltip-icon { */
		/* left: 1%; */
	/* } */
}
@media (max-width:1630px) {
	/* .content-video-pc { */
		/* z-index: 1; */
		/* right: -100px; */
	/* } */
	/* .bg1 { */
		/* background: url(../imgs/bg_1.jpg) no-repeat 230px fixed; */
	/* } */
	/* .bg2 { */
		/* background-size: 507px auto !important; */
	/* } */
	/* .jss3499 h3 { */
		/* left: 36px; */
	/* } */
	/* .owl-custom-nav { */
		/* margin-left: 100px !important; */
	/* } */
	/* #tooltip-icon { */
		/* left: 10%; */
	/* } */
}
.MuiTypography-body1, #OurExpertise ul li {
	font-size: 15px;
}
@media (max-width:1536px) {
	/* .jss3510 .jss3505 { */
		/* margin-right: 116px; */
	/* } */
	/* .owl-custom-nav { */
		/* margin-left: 110px !important; */
	/* } */
	/* .jss3499 h3 { */
		/* left: 95px; */
	/* } */
	/* #tooltip-icon { */
		/* left: 5%; */
	/* } */
}
@media (max-width:1367px) {
	/* .bg1 { */
		/* background: url(../imgs/bg_1.jpg) no-repeat 127px fixed; */
	/* } */
	/* .bg2 { */
		/* background-size: 507px auto !important; */
	/* } */
	/* .jss3499 h3 { */
		/* left: 6%; */
	/* } */
	/* .owl-custom-nav { */
		/* margin-left: 9% !important; */
	/* } */
	/* #tooltip-icon { */
		/* left: 3%; */
	/* } */
	/* .text-hanhtrinh { */
		/* margin-left: -40%; */
	/* } */
}
@media (max-width:768px) {
}
@media (max-width:960px) {
}
@media (min-width:960px) {
	/* .content-video-mobile { */
		/* display: none; */
	/* } */
}
@media (max-width:414px) {
	.jss3343 {
		margin-top: 45px;
	}
	.jss3504, .jss3575 {
		background: none;
	}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.hidden-mobile {
		display: none;
	}
	#about {
		margin-top: 415px;
	}
	.content-video-pc {
		display: none;
	}
	.content-video-mobile {
		display: block;
	}
	.content-video-mobile {
		margin-left: 0;
		margin-top: 120px;
	}
	.logo-header {
		margin-left: 16.6665%;
	}
	.logo-header {
		display: none;
	}
	header {
		top: 0 !important;
		height: 65px !important;
		padding-top: 5px !important;
	}
	header .container {
		background: #238dc1;
		height: auto;
	}
	header .container .col-md-12 {
		margin-bottom: 0;
	}
	header.header-mobile img.logo {
		margin-top: 10px;
		width: 110px;
	}
	header div#logo {
		height: 70px;
	}
	.box-hanhtrinh {
		margin-top: 50px;
	}
	.owl-custom-nav .btn-prev {
		left: -27px;
	}
	.partners .owl-custom-nav .btn-next {
		right: 33px !important;
	}
	.partners .owl-custom-nav .btn-prev {
		left: -73px !important;
	}
	#tooltip-icon {
		left: -65px;
		-webkit-box-shadow: 5px 5px 10px 2px rgb(35 141 193 / 50%);
		-moz-box-shadow: 5px 5px 10px 2px rgba(35,141,193,0.5);
		box-shadow: 3px 3px 7px 0px rgb(35 141 193 / 50%);
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.hidden-mobile {
		display: none;
	}
	.content-video-mobile {
		margin-left: 130px;
	}
	.content-video-pc {
		display: none;
	}
	.content-video-mobile {
		display: block;
	}
	#about {
		margin-top: -50px;
	}
	.aboutslider {
		padding-bottom: 0;
	}
	.jss3504 {
		padding: 30px 0px 80px;
	}
	#tooltip-icon {
		left: 0;
	}
	.height-auto .container {
		height: auto;
	}
	#address .address {
		font-size: 15px;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.jss3343 {
		margin-top: 0;
	}
	.logo-header {
		margin-left: 33.3333%;
	}
	.box-hanhtrinh {
		margin: 0 auto;
	}
}

/* Large devices (laptops/desktops, 992px and down) */
@media only screen and (max-width: 992px) {
	header {
		top: 0 !important;
		height: 65px !important;
		padding-top: 5px !important;
	}
	header .container {
		background: #238dc1;
		height: 60px;
	}
	#content {
		margin-top: 0px;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.hidden-mobile {
		display: none;
	}
	.content-video-mobile {
		display: block;
		margin-top: 35px;
		width: 100%;
		margin-left: 0;
	}
	.content-video-pc {
		display: none;
	}
}

/* Large devices (laptops/desktops, 1024px and up) */
@media only screen and (min-width: 1024px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.hidden-mobile {
		display: block;
	}
	.content-video-pc {
		display: block;
		margin-right: -11%;
	}
	.content-video-mobile {
		display: none;
	}
	.bg1 {
		background: url(../imgs/bg_1.jpg) no-repeat 195px fixed;
	}
	.jss3499 h3 {
		left: 0;
	}
	.owl-custom-nav .btn-prev {
		position: absolute;
		right: -25%;
		top: 205px;
	}
	.owl-custom-nav .btn-next {
		position: absolute;
		right: -31%;
		top: 205px;
	}
	.logo-header {
		margin-left: 11.3333%;
	}
}

/* Extra large devices (large laptops and desktops, 1920px and up) */
@media only screen and (min-width: 1920px) {
	.content-video-pc {
		display: block;
		margin-right: -8%;
	}
	.bg1 {
		background: url(../imgs/bg_1.jpg) no-repeat 300px fixed;
	}
	.owl-custom-nav .btn-prev {
		position: absolute;
		right: -25%;
		top: 205px;
	}
	.owl-custom-nav .btn-next {
		position: absolute;
		right: -31%;
		top: 205px;
	}
	.logo-header {
		margin-left: 11.3333%;
	}
	.jss3499 h3 {
		left: 142%;
	}
	.owl-custom-nav {
		right: -4%;
	}
}






















