@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* ========== Basic HTML ========== */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

a {
	color: #333;
	text-decoration: none;
	transition: color 0.2s linear;
}

*:focus {
	outline: none;
}

a:hover,
a:active,
a:focus {
	color: #2d73ac;
	text-decoration: none;
}

body {
	font-family: 'Roboto', sans-serif !important;
	font-size: 15px;
	color: #4d4d4d;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media only screen and (max-width: 991px) {
	body {
		padding-top: 70px;
		font-size: 17px;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	line-height: 1.3;
	color: #333;
	font-family: 'Roboto', sans-serif;
}

p {
	line-height: 1.5;
}

::selection {
	background-color: #2d73ac;
	color: #fff;
}

/* ========== Bootstrap Override ========== */
.text-danger {
	color: #ee3326;
}

/* ========== Font Awesome Override ========== */
.fa-remove:before,
.fa-close:before,
.fa-times:before {
	content: "\f00d";
}

.fa-remove-thin:before,
.fa-close-thin:before,
.fa-times-thin:before {
	content: '\00d7';
}

/* ========== OWL Carousel Override ========== */

.owl-theme .owl-nav {
	margin-top: 0px;
}

.owl-theme .owl-nav [class*="owl-"],
.owl-theme .owl-nav:hover [class*="owl-"] {

	padding: 0px;
	margin: 0px;
}

/*.owl-next {*/
/*	position: absolute;*/
/*	float: left;*/
/*	right: 0px;*/
/*}*/

/*.owl-prev {*/
/*	position: absolute;*/
/*	float: left;*/
/*	left: 0px;*/
/*}*/

/*.owl-next,*/
/*.owl-prev {*/
/*	top: 50%;*/
/*	transform: translateY(-50%);*/
/*}*/
.owl-carousel.owl-theme.owl-loaded.owl-drag{
	border: unset !important;
}
.owl-stage{
	min-height: unset !important;
	margin-bottom: 10px !important;
}
.owl-nav .button {

	color: #fff;
	width: 25px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
}

.owl-next .button i {
	margin-right: 0px;
}

.owl-prev .button i {
	margin-left: 0px;
}

.owl-dots {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
	background-color: #2d73ac !important;
}

/* ========== Common ========== */
.clearfix .left {
	float: left;
}

.clearfix .right {
	float: right;
}

.table-container {
	display: table;
	width: 100%;
}

.table-row {
	display: table-row;
}

.table-column {
	display: table-cell;
	vertical-align: middle;
}

/* ========== Image ========== */
.image-wrapper {
	width: 100%;
	display: inline-block;
	position: relative;
}

.image-wrapper:after {
	padding-top: 100%;
	display: block;
	content: '';
}

.image-wrapper.image-16-9:after {
	padding-top: 56.25%;
}
.image-wrapper.image-460-300:after {
	padding-top: 65.21%;
}
.image-wrapper * {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	color: white;
	background: no-repeat center bottom #fff;
	background-size: cover;
}

/* ========== Form Search ========== */
.box-menu-primary{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form-search form {
	position: relative;
	overflow: hidden;
	height: 50px;
}



.form-search button {
	position: absolute;
	border: none;
	background-color: #2d73ac;
	color: #fff;
	height: 35px;
	width: 50px;
	right: 0px;
	font-size: 20px;
	cursor: pointer;
}

/* ========== Overlay ========== */
#overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100vw;
	height: 100vh;
	z-index: 12;
	display: none;
}

/* ========== Header ========== */


#header .header-top {
	background-color: #fefefe;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
}

#header .header-top .header-top-left,
#header .header-top .header-top-right {
	width: 50%;
}

#header .header-top ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

#header .header-top ul li {
	display: inline-block;
	padding: 11px 15px;
}

#header .header-top .list-social {
	display: inline-block;
	font-size: 16px;
}
#navbar nav ul li ul{
	padding-top: 15px;
	position: absolute;
	z-index: 50;
	width: 290px;
	height: 235px;
	padding-left: 12px;

	background: #FFFFFF;

}
#navbar nav ul li ul a:hover{
	color: #1346B7 !important
}
.sub-menu li:last-child{padding-bottom: 0px !important;}
#navbar nav ul li ul a{
	font-weight: 500!important;
	font-size: 22px !important;
	line-height: 26px !important;
	color: #716B6B !important;
	padding: 10px 0 40px 0 !important;
}


#header .header-top .list-social .item {
	display: inline-block;
	padding: 8px 7.5px;
}

#header .header-top .list-social:after {
	content: ' | ';
	color: #f0f0f0;
}
.search-header
{
	position: relative;
	padding: 15px 0px;
}
.btn-search {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	justify-items: center;
}
.bn-search a{
	display: block;
	text-align: center;
	vertical-align: middle;
}
.btn-search i{
	font-weight: 900;
	color: #1346B7;
	font-size: 20px;
	line-height: 20px;
	padding-left: 15px;
	padding-top: 20px;
}

#header .header-top .search .button-toggle {
	display: inline-block;
	padding: 8px 7.5px;
}

#header .header-top .form-search {
	position: absolute;
	display: none;
	top: 100%;
	width: 100%;
	background-color: #fff;
	padding: 10px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	z-index: 2;
}

#header .header-top .form-search form {
	background-color: #fff;
	position: relative;
}


/*.container {*/
/*	padding: 0px !important;*/
/*}*/

#header .header-main {
	border-bottom: 1px solid #f0f0f0;
	height: 100%;
}
@media (min-width: 1600px) {
	.container {
		max-width: 1440px;
	}
	.owl-carousel .owl-nav.disabled{
		display: block;
	}
	img.img-responsive {
		padding: 28px 0px 28px 0px;
	}
	.hotlive-number{
		font-size: 22px !important;

	}
	div#navbar-sticky-wrapper {
		height: 78px !important;
	}
	#navbar a {
		height:  78px !important;
		font-style: normal;
		font-weight: 500 !important;
		font-size: 22px !important ;
		line-height: 26px !important;
		/* identical to box height */
		color: #FFFFFF;
	}
	#navbar nav ul li a {
		padding: 8px 53px 8px 0px !important;
	}
	#header .header-top .form-search input {

		border: 1px solid #e3e3e3;
		background-color: #fff;
		height: 50px !important;
		padding: 0px 10px;
		border-radius: 5px;
	}
	.form-search input {
		height: 50px !important;
		width: 353px !important;
	}
	.form-search form {
		height: 50px !important;
	}
	.btn-search i{
		padding-top: 30px !important;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	#navbar nav ul li a {
		padding: 8px 18px 8px 0px !important;
	}
	h2.title-banner {
		max-width: 400px !important;
		font-size: 26px !important;
	}
	p.banner-des {
		max-width: 400px !important;
		margin-top: 15px !important;
		font-size: 21px !important;
		line-height: 33px !important;
		min-height: 68px !important;
	}
	p.banner-slogan {
		font-size: 17px !important;
	}

}
@media only screen and (min-width: 1201px) and (max-width: 1560px) {
	.container {
		width: 1200px;
	}
	.owl-carousel .owl-nav.disabled{
		display: block;
	}
	#header .header-main .logo img {
		height: 81px;
		display: inline-block;
	}
	.phone-number:last-child {
		margin-left: 34px !important;
	}
	.phone-number a{
		font-size: 18px !important;
	}
	.icon-hotlive {
		font-size: 27px !important;
	}
	h2.title-banner	{
		max-width: 496px !important;
		font-size: 33px !important;
	}
	p.banner-des {
		max-width: 390px!important;
		margin-top: 20px !important;
		font-size: 21px !important;
		min-height: 74px !important;
	}
	p.banner-slogan{
		font-size: 18px !important;
	}
	.page-title{
		font-size: 24px !important;
	}
	.intro-des{
		padding-top: 17px!important;
		font-size: 16px !important;
	}
	.image-wrapper.image-intro {
		height: 325px !important;
	}
	.intro-right {
		width: 54% !important;
	}
	.intro-des {
		height: 231px !important;
	}
	.intro-left {
		width: 44% !important;
	}
	.btn-primary {

		font-size: 21px !important;
		min-width: 134px !important;

	}
	.banner-more-contact {
		width: 26% !important;
	}
	.banner-contact {
		font-size: 24px !important;
	}
}
@media only screen and (max-width: 991px) {
	#header .header-main .container {
		padding: 0px;
	}
	.phone-number a{
		font-size: 18px !important;
	}
	.phone-number:last-child {
		margin-left: 34px !important;
	}
	.icon-hotlive {
		font-size: 27px !important;
	}

}
#header .header-main .logo,
#header .header-main .contact {
	height: 109px;
	margin: 16px 0px ;
}

#header .header-main .logo {
	margin-right: 72px;
	
}

#header .header-main .logo a {

}

.dn-contact{
	display: flex;
	align-items: center;
	justify-content: end;
}
.hotline,.list-phone-number{
	display: flex;
	align-items: center;
}
.icon-hotlive{
	color: #1346B7;
	font-size: 30px;
}
.list-phone-number{
	margin-left: 9px;
}
.hotlive-number{
	margin-top: 22px;
	margin-left: 13px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #1346B7;

}
.hotlive-number.hotlive-number-child {
	margin-top: 7px;
}
.phone-number:last-child{
	margin-left: 68px;


}
.phone-number a{

	text-transform: uppercase;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	color: #1346B7;
}


#header .header-main .contact {

}

#header .header-main .button-mobile {
	display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#header .header-main .logo {
		width: 50%;
	}

	#header .header-main .contact {
		width: 50%;
	}
}

#header .header-main .contact .phone {
	font-size: 30px;
	margin-right: 25px;
}

#header .header-main .contact .phone i {
}

#header .header-main .contact .phone span {
	font-weight: bold;
}

#header .header-main .contact .time {
	color: #999;
	font-size: 13px;
	margin-right: 20px;
}

#header .header-main .contact .time p {
	margin: 0px;
	line-height: 20px;
}

#header .header-main .contact .cart {
	border-left: 2px solid #f0f0f0;
	padding-left: 15px;
}

#header .header-main .contact .cart p {
	line-height: 40px;
	display: inline-block;
	margin: 0px;
}
.main-top{
	display: flex;
	justify-content: space-between;
	max-height: 700px;
	overflow: hidden;
}
.main-top.banner{
	width: 100%;

}
@media (max-width: 720px) {

	.banner-des,.banner-slogan,.banner-contact{
		display: none !important;
	}
}
@media (max-width: 570px) {
	.title-banner{
		font-size: 18px !important;
	}
}
.banner{
	position: relative;
	color: white;
}
.banner-layer2{
	position: absolute;
	z-index: 2;
	top: 30%;
	left: 50%;
	transform: translate(-50%,-30%);
}
h2.title-banner	{
	max-width: 594px;
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 47px;
	min-height: 104px;
	border-bottom: 2px solid #FFFFFF;
	color: #FFFFFF;
}
p.banner-des	{
	max-width: 450px;
	margin-top:28px ;
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 33px;
	min-height: 94px;
}
p.banner-slogan{
	font-style: normal;
	font-weight: 300;
	font-size: 25px;
	line-height: 29px;
}

.banner-contact{
	display: flex;
	justify-content: space-between;
	margin-top: 74px;
	width: 30%;
	font-weight: 400;
	font-size: 28px;
	line-height: 33px;
	/* identical to box height */
}
.banner-contact a{
	color: #FFFFFF;
}
.icon-banner i
{
	opacity: 0.2;
	color: black;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}
a.icon-banner {
	width: 23px;
	display: block;
}
.banner-more-contact {
	display: flex;
	width: 20%;
	justify-content: space-between;
}

.banner{
	width: 100%;
}
img.banner-responsive {
	width: 100%;
	object-fit: cover;

	height: 100%;

}


/*-------------------------hot product-----------------------------*/
.hot-product{
	display: flex;
	justify-content: space-between ;
}
.hot-product-item:hover .hot-product-layer-2{
	opacity: 0.7;
	transition: 0.5s ease;
}
.hot-product-item:hover .hot-product-layer-1{
	transform: scale(1.1);
	transition: 0.7s ease;
}
.hot-product-item{
	width: 32.5%;
	position: relative;
	min-height: 150px;
	overflow: hidden;
}
.hot-product-layer-1
{
	position: relative;
	padding-bottom: 56.33%;
	background-size: cover;
	overflow: hidden;
}
.hot-product-layer-1 img{
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.hot-product-layer-2{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: black;
	opacity: 0.3;

}
.hot-product-layer-3 {
	position: absolute;
	top: 50%;
	left: 5%;
	z-index: 3;
}
.hot-product-des{
	min-height: 150px;
	max-width: 70%;
	margin-top: -70px;
}
.hot-product-category{

	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 14px;
	/* identical to box height */
	color: #FFFFFF;
}
.hot-product-title{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	/* or 144% */

	text-transform: uppercase;

	color: #FFFFFF;

}
.host-product-price-old{
	margin-top: 3px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	text-decoration-line: line-through;
	color: #FFFFFF;

}
.host-product-price{
	background: #006AFF;
	border-radius: 5px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	color: #FFFFFF;
}


/*-------------------------end hot product-----------------------------*/
@media only screen and (max-width: 991px) {
	#header {
		position: fixed;
		top: 0px;
		width: 100%;
		box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
		z-index: 10;
		background-color: #fff;
	}

	#header .header-top {
		display: none;
	}

	#header .header-main .logo,
	#header .header-main .contact,
	#header .header-main .button-mobile {
		height: 45px;
		padding: 0px;
	}

	#header .header-main .logo {
		text-align: center;
		width: 100%;
	}

	#header .header-main .logo img {
		height: 40px;
		display: inline-block;
	}

	#header .header-main .contact {
		display: none;
	}

	#header .header-main .button-mobile {
		width: 45px;
		visibility: visible;
		display: inline-table;
	}

	#header .header-main .button-mobile .button {
		position: relative;
		display: inline-block;
		text-align: center;
	}

	#header .header-main .button-mobile .button a {
		display: block;
		font-size: 28px;
		color: #2d73ac;
		width: 55px;
		line-height: 55px;
	}

	#header .header-main .button-mobile .button a .num {
		position: absolute;
	    top: 5px;
	    right: 5px;
	    background-color: #ee3326;
	    color: #fff;
	    border-radius: 50%;
	    font-size: 10px;
	    line-height: 18px;
	    height: 18px;
	    width: 18px;
	    text-align: center;
	}
}

/* ========== Navbar ========== */
#navbar {
	
	background: #6ABAC5;
	color: #fff;
	z-index: 5!important;
}

#navbar a {
	color: #fff;
	height:  60px;
	font-style: normal;
	font-size: 18px;
	line-height: 21px;
}

@media only screen and (max-width: 991px) {
	#navbar {
		display: none;
	}
}

/* Menu Horizontal */
/* Level 1 */
#navbar nav ul {
	list-style: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

#navbar nav ul li {
	display: inline-block;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
}
#navbar nav ul li.current_page_item a
{
	color: #1346B7 !important;
}

#navbar nav ul li a {
	display: flex;
	align-items: center;
	padding: 8px 40px 8px 0;
}

li.current-menu-item a{
	color: #1346B7!important;
}
li:hover a
{
	transition: 0.7s ease;
	color: #1346B7!important;
}
li:hover ul.sub-menu{
	margin-top: 1px;
	display: block!important;
}

a.button-toggle {
	height: 100%;
	display: block;
	display: flex;
	align-items: center;
}

/* Level 2 */
#navbar nav ul li ul {
	display: none;
	text-transform: normal;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#navbar nav ul li a {
		padding: 6px 10px;
		letter-spacing: 0px;
	}
}

/* Level 3 */

/* ========== Menu Mobile ========== */
#menu-mobile {
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 260px;
	height: 100vh;
	max-height: 100vh;
	z-index: 13;
	left: -260px;
	transition: left 0.3s linear;
	overflow-y: scroll;
}

#menu-mobile.show {
	left: 0px;
}

#menu-mobile .logo,
#menu-mobile .social,
#menu-mobile .form-search {
	padding: 10px 15px;
}

#menu-mobile .logo img {
	width: 120px;
	margin: 0px auto;
}

#menu-mobile .logo {


}

#menu-mobile .form-search input {
	height: 35px;
	padding: 0px 40px 0px 10px;
	border: 1px solid #f0f0f0;
	font-size: 13px;
}

#menu-mobile .form-search button {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 35px;
	width: 40px;
	background-color: #DA0014;
}

#menu-mobile .button-close {
	position: fixed;
	left: -40px;
	top: 0px;
	display: block;
	width: 40px;
	padding: 0px 8px;
	font-size: 36px;
	color: #fff;
	transition: left 0.3s linear;
}

#menu-mobile.show .button-close {
	left: 260px;
}

#menu-mobile nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#menu-mobile nav ul li {
	position: relative;
	font-size: 15px;
}

#menu-mobile nav ul li .toggle {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 12px 15px;
	width: 38px;
	cursor: pointer;
	background-color: #f2f2f2;
}


/* Level 1 */
#menu-mobile nav ul.menu li {
	border-top: 1px dotted #ddd;
}

#menu-mobile nav ul.menu li a {
	display: block;
	padding: 8px 15px;
	line-height: 25px;
}

#menu-mobile nav ul.menu li .icon {
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 10px;
}






#menu-mobile nav ul.menu li a.has-toggle {
	padding-right: 40px;
}

/* Level 2 */
#menu-mobile nav ul.menu li ul.sub-menu {
	display: none;
}

#menu-mobile nav ul.menu li ul.sub-menu li:last-child {
	border-bottom: none;
}

#menu-mobile nav ul.menu li ul.sub-menu li a {
	padding-left: 25px;
}

/* Level 3 */
#menu-mobile nav ul.menu li ul.sub-menu li ul.sub-menu li a {
	padding-left: 50px;
}

@media only screen and (min-width: 992px) {
	#overlay {
		display: none !important;
	}

	#menu-mobile {
		display: none;
	}
}

#menu-mobile nav.menu-menu-header-container ul.menu li:last-child {
	border-bottom: 1px dotted #ddd;
}

/* ========== Content ========== */


/* ========== Footer ========== */
#footer{
	background: rgba(19, 70, 183, 0.85);
	color: #FFFFFF;
	padding: 84px 0 133px 0;
}
.footer-container{
	display: flex;
	gap: 30px;
}
@media (max-width: 1010px) {
	#footer{
		padding: 60px 0 60px 0;
	}
	.footer-container{
		flex-wrap: wrap;
		gap: 40px;
	}
	.footer-left, .footer-right,.footer-fanpage{
		width: 100% !important;
	}
}
@media (max-width: 425px) {
	.footer-left h2{
		font-size: 18px !important;
		line-height: 22px !important;
		margin-bottom: 26px !important;
	}
	.footer-left .footer-left__contact .footer-left__contact-item{
		margin-bottom: 24px !important;
		gap: 20px !important;
	}
	.footer-left .footer-left__contact .footer-left__contact-item i{
		font-size: 20px !important;
	}
	.footer-left .footer-left__contact .footer-left__contact-item span{
		font-size: 18px !important;
		line-height: 20px !important;
	}
}
.footer-left{
	width: 40%;
}
.footer-fanpage, .footer-right{
	width: 30%;
}
.footer-left  > *{
	max-width: 460px;
}
.footer-left h2{
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 33px;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 46px;
}
.footer-left .footer-left__contact .footer-left__contact-item{
	display: flex;
	gap: 26px;
	align-items: center;
	margin-bottom: 24px;
}
.footer-left .footer-left__contact .footer-left__contact-item i{
	font-size: 25px;
	width: 25px;
	flex: 0 0 25px;
	text-align: center;
}
.footer-left .footer-left__contact .footer-left__contact-item span{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 23px;
	color: #FFFFFF;
}

.footer-left .footer-left__social-media{
	display: flex;
	gap: 35px;
}
.footer-left .footer-left__social-media h3{
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #FFFFFF;
	margin-bottom: unset;
}

.footer-left .footer-left__social-media ul{
	margin: unset;
	padding: unset;
	display: flex;
	list-style: none;
	gap: 14px;
}

.footer-left .footer-left__social-media ul li{
	width: 30px;
	object-fit: cover;
}
@media (max-width: 425px) {
	.footer-right h2{
		margin-bottom: 26px !important;
		font-size: 24px !important;
		line-height: 28px !important;
	}
}
.footer-right h2{
	margin-bottom: 65px;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 38px;
	color: #FFFFFF;
}
.footer-right .footer-right__content{
	display: flex;
	flex-flow: column;
}
@media (max-width: 1300px) {
	.footer-right .footer-right__content{
		flex-wrap: wrap;
		gap: 30px;
	}
	.footer-right .footer-right__content .footer-right__content-img{
		flex: 1 1 auto;
	}
}
.footer-right .footer-right__content ul{
	margin-bottom: 4rem !important;
}
@media (min-width: 1300px) {
	.footer-right .footer-right__content .footer-right__content-img img{
		max-width: 160px;
	}
}


.footer-right ul li a{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 23px;
	text-decoration-line: underline;
	color:#FFFFFF;
}


/* ========== HOTLINE FIXED ========== */
#hotline-fixed {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	z-index: 1;
	background-color: rgba(236, 236, 236, 0.6);
}

#hotline-fixed .icon {
	float: left;
	width: 40px;
	background-color: #2d73ac;
	text-align: center;
	display: inline-block;
	position: relative;
}

#hotline-fixed .icon:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 100%;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-left: 15px solid #2d73ac;
	border-bottom: 20px solid transparent;
	z-index: 1;
}

#hotline-fixed .icon i {
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}

#hotline-fixed .content {
	padding-left: 65px;
	line-height: 40px;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 2px;
}

/* ========== CONTACT FIXED ========== */
.contact-fixed {
	position: fixed;
	left: 0px;
	z-index: 1;
}

.contact-fixed img {
	width: 50px;
	height: 50px;
}

#facebook-messenger.contact-fixed {
	bottom: 40px;
	padding: 15px;
}

#zalo.contact-fixed {
	bottom: 100px;
	padding: 15px;
}

@media only screen and (max-width: 991px) {
	#zalo.contact-fixed {
		bottom: 40px;
		left: unset;
		right: 0px;
		padding: 15px;
	}
}

/* ========== PAGINATION ========== */
#pagination {
	text-align: center;
}

#pagination .page-numbers {
	display: inline-block;
	text-decoration: none;
	border: 1px solid #e3e3e3;
	margin: 0px 2px 10px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
}

#pagination .page-numbers.current {
	background-color:#006AFF;
	border: 1px solid #2d73ac;
	color: #fff;
}

#pagination a.page-numbers {
	color: #666;
	transition: background 0.2s linear, color 0.2s linear;
}

#pagination a.page-numbers:hover {
	background-color: #2d73ac;
	color: #fff;
}

@media only screen and (max-width: 575px) {
	#pagination .page-numbers {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}

	#pagination .page-numbers.prev {
		display: none;
	}

	#pagination .page-numbers.next {
		display: none;
	}
}

/* ========== Breadcrumb ========== */

.box-breadcrumb{
	background-color: #ffffff;
}
#breadcrumb-block {
	padding: 12px 0px 12px 0px;
	display: flex;
}

#breadcrumb-block .breadcrumb {
	margin-bottom: 0px;
	padding: 0px;
	background-color: #fff;
}

#breadcrumb-block .breadcrumb a {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #1B365D;
}

#breadcrumb-block .breadcrumb a:first-child{
	color: #1B365D !important;
}

#breadcrumb-block .breadcrumb .rdfa-breadcrumb p {
	margin-bottom: 0px;
	color: #999;
}

#breadcrumb-block .breadcrumb .rdfa-breadcrumb p span {
	display: inline-block;
	line-height: 1.5;
}

#breadcrumb-block .breadcrumb .rdfa-breadcrumb .separator {
	color: #ccc;
	margin: 0px 3px;
}

/* ========== Page ========== */
.container.page {
	padding: 32px 0px;
}

@media only screen and (max-width: 991px) {
	.container.page {
		padding: 0px;
	}
}

.page-title {
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 38px;
	/* identical to box height */
	text-align: center;

	color: #1346B7;
}

/* ========== Main Content & Sidebar ========== */
.sidebar{
	 background-color: #E9F6FF;
	padding-bottom: 54px;
}

.main-content {
	width: 100%;
	float: left;
}

.box-item-main {
}
.entry-header{
	padding-bottom:3% ;
}
/* ========== Widget ========== */

/* ========== intro ========== */
.intro{
	display: flex;
	justify-content: space-between;
	padding-top: 5%;
}
.intro-left{
	width: 48%;
}
@media (max-width: 779px) {
	.intro{
		text-align: center;
		flex-wrap: wrap;
	}
	.intro-left{
		width: 100% !important;
	}
	.intro-right{
		width: 100% !important;
	}
	.intro-left .btn.btn-primary{
		margin-bottom: 20px;
	}
}
.intro-des{
	margin-bottom: 16px;
	padding-top: 17px;
	font-weight: 400;
	font-size: 25px;
	line-height: 29px;
	color: #474141;
	overflow: hidden;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}
.intro-right{
	width: 48%;
}
.btn-primary {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	background: #1346B7;
	min-width: 150px;
	border-radius: unset;
}
.image-wrapper.image-intro{
	max-width: 700px !important;
	max-height: 400px !important;
}
/* ========== end intro ========== */
.widget {
	text-align: center;
}

.widget .widgettitle {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #f0f0f0;
	padding: 0px 15px;
	min-width: 40%;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.widget .widgetcontent {
	background-color: #fff;
	border: 1px solid #f0f0f0;
	text-align: left;
	margin-top: -25px;
	padding: 35px 15px 15px;
}

.widget.widget-category .widgetcontent ul {
	list-style: none;
	padding-left: 0px;
}

.widget.widget-category .widgetcontent ul li {
	clear: both;
	margin-bottom: 8px;
}

.widget.widget-category .widgetcontent ul li:last-child {
	margin-bottom: 0px;
}

.widget.widget-category .widgetcontent ul li .item a {
	line-height: 25px;
}

.widget.widget-category .widgetcontent ul li.active .item a {
	color: #2d73ac;
	font-weight: 600;
}

.widget.widget-category .widgetcontent ul li .item:before {
	display: block;
	content: "\f105";
	font-family: 'FontAwesome';
	width: 15px;
	float: left;
	line-height: 25px;
}

.widget.widget-category .widgetcontent ul li .item .number {
	display: block;
	float: right;
	background-color: #2d73ac;
	color: #fff;
	padding: 0px 15px;
	border-radius: 15px;
	font-size: 13px;
	line-height: 25px;
}

.widget.widget-product .widgetcontent .list-article .item .price {
	font-weight: bold;
	color: #ee3326;
}

/* ========== Ratting ========== */
.rating {
	display: inline-block;
	margin-bottom: 0px;
	font-size: 12px;
	color: #666;
}

.rating i {
	color: #ccc;
	font-size: 14px;
}

.rating i.star-yellow {
	color: #ffcd5d;
}

/* ========== Product ========== */
.list-product {

}

.list-product .item .item-wrapper {
	background-color: #fff;
	border: 1px solid #f7f7f7;
	height: 100%;
}

.list-product .item .info {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}
.list-product .item .price{
	width: 100% !important;
}


.list-product .item .sub-title {
	font-size: 12px;
	color: #ccc;
	margin-bottom: 5px;
	line-height: 1;
	text-transform: uppercase;
}

.list-product .item .title {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	/* identical to box height */

	text-align: center;

	color: #1B365D;

}

.list-product .item .price {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 0px;
	color: #ee3326;
	float: left;
	text-align: center;
}

.list-product .item .rating {
	float: left;
	line-height: 25px;
	text-align: center;
	width: 100%;
}

@media only screen and (max-width: 991px) {
	.list-product .item .sub-title {
		display: none;
	}

	.list-product .item .price {
		margin-bottom: 5px;
		float: none;
		width: 100%;
	}

	.list-product .item .rating {
		float: none;
		width: 100%;
		line-height: 1;
		text-align: left;
	}
}

/* ========== List Product Grid ========== */
.list-product.grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.list-product.grid .item {
	padding: 5px;
}

.list-product.grid.grid-5 .item {
	flex-basis: 20%;
}

.list-product.grid.grid-4 .item {
	flex-basis: 25%;
}

.list-product.grid.grid-3 .item {
	flex-basis: 33.33%;
}

.list-product.grid.grid-2 .item {
	flex-basis: 50%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.list-product.grid .item {
		flex-basis: 25% !important;
	}
}

@media only screen and (max-width: 767px) {
	.list-product.grid .item {
		flex-basis: 50% !important;
	}
}

/* ========== List Article ========== */
.list-article {
	margin-bottom: 20px;
}

.list-article .item {
	margin-bottom: 25px;
}

.list-article .item:last-child {
	margin-bottom: 0px;
}

.list-article .item:hover a {
	color: #2d73ac;
}

.list-article .item .image {
	float: left;
	width: 200px;
}

.list-article .item .image img {
	width: 100%;
	height: auto;
}

.list-article .item .info {
	padding-left: 220px;
}

.list-article .item .info .title {
	font-size: 20px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	line-height: 1.4;
}

.list-article .item .info .time {
	color: #999;
	margin-bottom: 5px;
	font-size: 13.5px;
}

@media only screen and (max-width: 575px) {
	.list-article .item {
		margin-bottom: 25px;
	}

	/*.list-article:not(.list-article-sm) .item:first-child .image {*/
	/*	margin: 0px -15px 0px -15px;*/
	/*	float: none;*/
	/*	width: unset;*/
	/*}*/

	/*.list-article:not(.list-article-sm) .item:first-child .info {*/
	/*	padding-left: 0px;*/
	/*}*/

	/*.list-article:not(.list-article-sm) .item:first-child .info .title {*/
	/*	font-size: 18px !important;*/
	/*}*/

	.list-article .item .image {
		width: 100px;
	}

	.list-article .item .info {
		padding-left: 115px;
	}

	.list-article .item .info .title {
		font-size: 16px;
	}

	.list-article .item .info .summary {
		display: none;
	}
}

.list-article.list-article-sm {
	margin-bottom: 0px;
}

.list-article.list-article-sm .item {
	margin-bottom: 15px;
}

.list-article.list-article-sm .item:last-child {
	margin-bottom: 0px;
}

.list-article.list-article-sm .item .image {
	width: 90px;
}

.list-article.list-article-sm .item .info {
	padding-left: 105px;
}

.list-article.list-article-sm .item .info .title {
	font-size: 15px;
}

.list-article.list-article-sm .item .info .time {
	font-size: 13.5px;
}

@media only screen and (max-width: 575px) {
	.list-article.list-article-sm .item .info .title {
		font-size: 17px;
	}

	.list-article.list-article-sm .item .image {
		float: left;
		width: 90px;
	}
}

/* ========== Form Contact ========== */
.form-contact input[type="text"],
.form-contact textarea {
	background-color: #fcfcfc;
	border: 1px solid #efefef;
	padding: 15px 10px;
}

.form-contact select {
	border: 1px solid #efefef;
}

.form-contact button {
	background-color: #282828;
	border: none;
	padding: 8px 15px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	min-width: 120px;
	margin-right: 20px;
}

.form-contact .note {
	display: inline-block;
}

@media only screen and (max-width: 575px) {
	.form-contact .note {
		display: none;
	}

	.form-contact button {
		padding: 6px 15px;
		font-size: 15px;
	}
}

.form-contact .form-label {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
}

.form-contact .form-group .item {
	margin-bottom: 5px;
}

/* ========== Social ========== */
.social {
	font-size: 16px;
	margin-bottom: 20px;
}

.social a {
	color: #fff !important;
	display: inline-block;
	line-height: 30px;
	height: 30px;
	width: 30px;
	margin-right: 5px;
	border-radius: 50%;
	text-align: center;
}

.social a:last-child {
	margin-right: 0px;
}

.social a.facebook {
	background-color: #3c5b9b;
}

.social a.twitter {
	background-color: #1da1f2;
}

.social a.youtube {
	background-color: #fe0303;
}

.social a.google-plus {
	background-color: #eb4026;
}

/* ========== Entry Footer ========== */
.entry-footer .list-tag {
	margin-bottom: 15px;
}

.entry-footer .list-tag .title {
	font-size: 16px;
	font-weight: 600;
	color: #2d73ac;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.entry-footer .list-tag a {
	display: inline-block;
	font-weight: bold;
	padding: 3px 0px;
	margin-right: 15px;
}

.entry-footer .list-tag a:last-child {
	margin-right: 0px;
}

.entry-footer .list-tag a:before {
	content: '#';
	display: inline-block;
}

/* ========== Entry Content ========== */
.entry-content {
	margin-bottom: 15px;
}

@media only screen and (min-width: 576px) {
	.entry-content {
		font-size: 17px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content {
		font-size: 17px;
	}
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	margin: 35px 0px 15px;
	line-height: 1.5;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
	color: #2d73ac;
}

.entry-content h1 {
	font-weight: bold;
}

@media only screen and (min-width: 576px) {
	.entry-content h1 {
		font-size: 26px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content h1 {
		font-size: 26px;
	}
}

.entry-content h2 {
	font-weight: bold;
}

@media only screen and (min-width: 576px) {
	.entry-content h2 {
		font-size: 24px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content h2 {
		font-size: 24px;
	}
}

.entry-content h3 {
	font-style: italic;
}

@media only screen and (min-width: 576px) {
	.entry-content h3 {
		font-size: 22px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content h3 {
		font-size: 22px;
	}
}

.entry-content h4 {
	font-style: italic;
}

@media only screen and (min-width: 576px) {
	.entry-content h4 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content h4 {
		font-size: 20px;
	}
}

.entry-content h5 {
	font-style: italic;
}

@media only screen and (min-width: 576px) {
	.entry-content h5 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content h5 {
		font-size: 20px;
	}
}

.entry-content h6 {
	font-style: italic;
}

@media only screen and (min-width: 576px) {
	.entry-content h6 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content h6 {
		font-size: 20px;
	}
}

.entry-content a {
	color: #2d73ac;
}

.entry-content p {
	line-height: 1.5;
	margin: 0px 0px 15px 0px;
	word-wrap: break-word;
}

.entry-content ul li {
	margin-bottom: 10px;
}

@media only screen and (min-width: 576px) {
	.entry-content ul li {
		line-height: 1.4;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content ul li {
		line-height: 1.5;
	}
}

.entry-content .thrv_wrapper {
	margin-top: 0px;
	margin-bottom: 0px;
}

.entry-content table {
	width: 100% !important;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.entry-content table tr td {
	width: auto !important;
	border: 1px solid #e3e3e3;
	padding: 4px 8px;
	font-size: 14px;
}

@media only screen and (max-width: 575px) {
	.entry-content table tr td {
		padding: 2px 4px;
	}
}

.entry-content table tr td ul {
	padding-left: 0px;
	margin: 0px;
	list-style-position: inside;
	list-style: none;
}

.entry-content table tr td p {
	margin: 0px;
}

.entry-content table tr td ul li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 0px;
}

.entry-content table tr td ul li:before {
	content: '\2022';
	position: absolute;
	left: 0px;
}

.entry-content .aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.entry-content .alignright {
	text-align: right;
}

.entry-content .embed-youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.entry-content .embed-youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img {
	max-width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.entry-content .wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
}

.entry-content .wp-caption .wp-caption-text {
	text-align: center;
	font-style: italic;
}

@media only screen and (min-width: 576px) {
	.entry-content .wp-caption .wp-caption-text {
		font-size: 17px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content .wp-caption .wp-caption-text {
		font-size: 17px;
	}
}

.entry-content .wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

/* ========== Comment ========== */
.entry-comment {
}

.entry-comment a {
	color: #2d73ac;
}

.entry-comment ul {
	list-style: none;
}

.entry-comment .comment-form label {
	display: block;
	margin: 5px 0px 5px;
	font-weight: normal;
}

.entry-comment .form-control:focus {
	border: 1px solid #d1d1d1;
	box-shadow: none;
}

.entry-comment .comment-form textarea {
	resize: vertical;
}

.entry-comment .title {
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #e3e3e3;
	margin: 20px 0px 15px 0px;
	padding-bottom: 15px;
}

.entry-comment .btn-comment {
	background-color: #2d73ac;
	color: #fff;
	border: none;
	font-size: 18px;
	padding: 5px 15px;
	border-radius: 5px;
}

.entry-comment .btn-close {
	display: block;
	background-color: #ff0000;
	color: #fff;
	border: none;
	font-size: 18px;
	padding: 5px 15px;
	border-radius: 5px;
}

.entry-comment .comment-form {
	margin-bottom: 20px;
}

.entry-comment .comment-num {
	font-size: 26px;
	margin-bottom: 20px;
	color: #2d73ac;
}

.entry-comment .parent {
	padding-left: 0px;
}

.entry-comment .parent .comment-avatar {
	float: left;
}

.entry-comment .parent .comment-avatar img {
	display: inline-block;
	margin-right: 10px;
	border-radius: 50%;
}

.entry-comment .parent .comment-content {
	margin-bottom: 15px;
	word-break: break-word;
}

.entry-comment .parent .comment-content .fullname {
	display: inline-block;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.entry-comment .parent .comment-content .time {
	font-size: 12px;
	color: #666;
}

.entry-comment .parent .children {
	padding: 0px;
}

.entry-comment .parent .comment-respond {
	margin-left: 80px;
}

@media only screen and (min-width: 576px) {
	.entry-comment .parent .comment-avatar {
		width: 80px;
	}

	.entry-comment .parent .comment-avatar img {
		width: 60px;
	}

	.entry-comment .parent .comment-content {
		margin-left: 80px;
	}

	.entry-comment .parent .comment-content .fullname {
		font-size: 18px;
	}

	.entry-comment .parent .comment-content {
		font-size: 16px;
	}

	.entry-comment .parent .children {
		margin-left: 80px;
	}

	.entry-comment .parent .comment-respond {
		margin-left: 80px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-comment .parent .comment-avatar {
		width: 50px;
	}

	.entry-comment .parent .comment-avatar img {
		width: 35px;
	}

	.entry-comment .parent .comment-content {
		margin-left: 50px;
	}

	.entry-comment .parent .comment-content .fullname {
		font-size: 18px;
	}

	.entry-comment .parent .comment-content {
		font-size: 16px;
	}

	.entry-comment .parent .children {
		margin-left: 50px;
	}

	.entry-comment .parent .comment-respond {
		margin-left: 50px;
	}

	.entry-comment .parent .comment-respond {
		margin-left: 0px;
	}
}

#respond {
	position: relative;
}

#cancel-comment-reply-link {
	position: absolute;
	left: 140px;
	bottom: 0;
}

.comment-form-cookies-consent {
	display: none;
}

/* ========== Homepage ========== */

#homepage section {

}
@media (max-width: 425px) {
	#homepage .intro-left .page-title{
		font-size: 24px !important;
		margin-bottom: 0 !important;
	}
	#homepage .intro-left .intro-des{
		font-size: 18px !important;
	}
}


#homepage section .section-header {
	position: relative;
}

#homepage section .section-header .view-more {
	position: absolute;
	top: 0px;
	right: 0px;
}

#homepage section .section-title {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0px 0px 15px 0px;
	text-align: center;
	text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
	#homepage section {
		padding: 20px 0px;
	}

	#homepage section .section-title {
		margin: 0px 0px 20px 0px;
	}
}



/* Section 1 */
/*#homepage .section-1 {
	padding: 0px;
}

#homepage .section-1 .loading {
	padding: 80px 0px;
}

#homepage .section-1 .loading img {
	width: 80px;
}

@media only screen and (max-width: 575px) {
	#homepage .section-1 .loading {
		padding: 20px 0px;
	}

	#homepage .section-1 .loading img {
		width: 60px;
	}
}*/

#homepage .section-1 {
	padding: 24px 0px 0px 0px;
}

@media only screen and (max-width: 575px) {
	#homepage .section-1 {
		padding: 15px 0px 10px 0px;
	}
}

#homepage .section-1 .list-article-feature .item {
	background: no-repeat center bottom;
	background-size: cover;
    position: relative;
    display: block;
}

#homepage .section-1 .list-article-feature .item .button {
	background: rgba(0, 0, 0, 0.5);
	padding: 6px 12px;
	color: #fff;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 12px;
	transition: background-color 0.4s ease;
}

#homepage .section-1 .list-article-feature .item:hover .button {
	background-color: #ee3326;
}

#homepage .section-1 .list-article-feature .item .info {
	position: absolute;
	padding: 20px;
	bottom: 0px;
	color: #fff;
    z-index: 1;
}

#homepage .section-1 .list-article-feature .item .info i {
	margin-right: 5px;
}

#homepage .section-1 .list-article-feature .item .info .title {
	margin: 0px 0px 10px;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
	opacity: 0;
	transition: opacity 0.2s linear;
}

#homepage .section-1 .list-article-feature .item:hover .info .title {
	opacity: 1;
}

#homepage .section-1 .list-article-feature .item .info .time {
	margin: 0px 25px 0px 0px;
	display: inline-block;
}

#homepage .section-1 .list-article-feature .item .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('../images/shadow.png') repeat-x bottom;
	transition: background-color 0.4s ease;
	opacity: 0;
	transition: opacity 0.2s linear;
}

#homepage .section-1 .list-article-feature .item:hover .shadow {
	opacity: 1;
}

#homepage .section-1 .list-item:nth-child(1) {
    width: 70%;
    padding-right: 20px;
    float: left;
    min-height: 100px;
}

#homepage .section-1 .list-item:nth-child(2) {
    width: 30%;
    float: left;
}

#homepage .section-1 .list-item:nth-child(2) .item .info .title {
	font-size: 18px;
}

@media only screen and (max-width: 991px) {
	#homepage .section-1 .list-item:nth-child(1) {
		width: unset;
        padding-right: 0px;
		float: none;
    }
    
	#homepage .section-1 .list-item:nth-child(1),
	#homepage .section-1 .list-item:nth-child(2) {
		width: unset;
		float: none;
	}
}

#homepage .section-1 .list-item:nth-child(1) .item {
    height: 500px;
}

#homepage .section-1 .list-item:nth-child(2) {
    height: 100%;
}

#homepage .section-1 .list-item:nth-child(2) .item {
    height: 240px;
}

#homepage .section-1 .list-item:nth-child(2) .item:nth-child(1) {
    margin-bottom: 20px;
}

#homepage .section-1 .box-category {
    padding-top: 66px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	flex-direction: column;
	height: 900px;
}
@media (max-width: 1440px) {
	#homepage .section-1 .box-category {
		height: 750px !important;
	}
}
@media (max-width: 1024px) {
	#homepage .section-1 .box-category {
		height: 720px;
	}
}
@media (max-width: 1024px) {
	#homepage .section-1 .box-category {
		flex-direction: row;
		height: unset !important;
	}
	#homepage .section-1 .box-category .box-category-item{
		width: calc(50% - 10px)!important;
	}
	#homepage .section-1 .box-category .box-category-item .box-category-image:after{
		padding-top: 100% !important;
	}
}
#homepage .section-1 .box-category .box-category-item:first-child{
	width: calc(50% - 10px)!important;
}
@media (min-width: 1025px) {
	#homepage .section-1 .box-category .box-category-item:first-child .box-category-image.image-wrapper:after{
		padding-top: 100%!important;
	}
	#homepage .section-1 .box-category .box-category-item:first-child .box-category-title{
		font-size: 32px !important;
		line-height: 38px !important;
	}
	#homepage .section-1 .box-category .box-category-item:first-child .box-category-des{
		display: -webkit-box !important;
	}
}
#homepage .section-1 .box-category .box-category-item{
	width: calc(25% - 15px);
}
#homepage .section-1 .box-category .box-category-item:first-child img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


#homepage .section-1 .box-category .box-category-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}
#homepage .section-1 .box-category .box-category-item .box-category-image:after{
	padding-top: 90% !important;
}
#homepage .section-1 .box-category .box-category-item .box-category-title{
	font-style: normal;
	font-weight: 500;
	margin-top: 26px;
	margin-bottom: 0;
	font-size: 24px;
	line-height: 28px;
}
#homepage .section-1 .box-category .box-category-item .box-category-des{
	margin-top: 18px;
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: none;
}
@media only screen and (max-width: 991px) {
    #homepage .section-1 .list-article-feature .item-wrapper {
        width: 100%;
        position: relative;
    }
    
    #homepage .section-1 .list-article-feature .item-wrapper:after {
        padding-top: 66.67%;
        display: block;
        content: '';
    }

    #homepage .section-1 .list-article-feature .item {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        color: white;
        background: no-repeat center bottom #fff;
        background-size: cover;
        height: unset !important;
    }

    #homepage .section-1 .list-item:nth-child(1) .item:nth-child(n + 7) {
        display: block;
    }

    #homepage .section-1 .list-item:nth-child(2) {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
	#homepage .section-1 .list-item:nth-child(1) {
		margin-left: -15px;
		margin-right: -15px;
    }
}

/* Section 2 */
#homepage .section-2 {

}

@media only screen and (max-width: 575px) {
	#homepage .section-2 {
		padding: 20px 0px 50px 0px;
	}
}

@media only screen and (min-width: 991px) {
	#homepage .section-2 .container {
		width: 900px;
	}
}

#homepage .section-2 .product-feature {

}

#homepage .section-2 .product-feature .image {
	width: 50%;
	float: left;
}

#homepage .section-2 .product-feature .info {
	position: relative;
	padding-left: 50px;
	width: 50%;
	float: left;
}

@media only screen and (min-width: 991px) {
	#homepage .section-2 .product-feature .info-wrapper {
		position: absolute;
		top: 30%;
		transform: translateY(30%);
	}
}

@media only screen and (max-width: 767px) {
	#homepage .section-2 .product-feature .image {
		width: auto;
		float: none;
		margin-bottom: 15px;
	}

	#homepage .section-2 .product-feature .info {
		padding-left: 0px;
		width: auto;
		float: none;
	}
}

@media only screen and (max-width: 575px) {
	#homepage .section-2 .product-feature .image {
		margin-left: -15px;
		margin-right: -15px;
	}
}

#homepage .section-2 .product-feature .info .sub-title {
	color: #ccc;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 10px;
}

#homepage .section-2 .product-feature .info .title {
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
}

#homepage .section-2 .product-feature .info .price {
	font-weight: bold;
	font-size: 22px;
	color: #ee3326;
	line-height: 1;
	margin-bottom: 25px;
}

#homepage .section-2 .product-feature .info .summary {
	margin-bottom: 15px;
}

#homepage .section-3 {

}
#homepage .section-3 .owl-prev,#homepage .section-3 .owl-next {
	top: 50% !important;
}
#homepage .section-3 .owl-carousel{
	min-height: unset;
}
#homepage .section-3 .header-content-text{
	height: 53px !important;
}
#homepage .section-3 .container-fluid{
	margin-top: 136px;
	padding-bottom: 104px;
	background: #6ABAC5;
}
#homepage .section-3 .image-wrapper{
	display: block;
}
#homepage .section-3 .item-wrapper .info .title-people{
	padding-top: 18px;
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 33px;
	text-align: left;
}
#homepage .section-3 .owl-carousel.owl-drag .owl-item{
	min-height:unset !important;
	box-shadow: unset !important;
	background: transparent;
	border-radius: unset !important;
}
#homepage .section-4{
	padding-top: 78px;
	padding-bottom: 65px;
}
#homepage .section-4 h2{
	color: #1346B7;
	font-weight: 500;
	font-size: 28px;
	margin-bottom: 20px;
}

#homepage .section-4 ul{
	margin: unset;
}
#homepage .section-4 ul li a{
	margin: unset;
	text-decoration: underline;
	color: #1346B7 !important;
	font-size: 28px;
	line-height: 33px;
}

/* Section 3 */
h2.title-category{
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;

	color: #1B365D;
}

.list-product-top{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	align-items: center;
}
.list-product-top a{
	margin-top: 20px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	/* identical to box height */


	color: #1B365D;
}
product-img-responsive{
	background-size: cover;
	object-fit: contain;
}
.owl-carousel.owl-drag .owl-item{
	overflow: hidden;
	min-height: 653px;
}
.list-product .item .item-wrapper{
	border: 1px solid #EBEBEB;
	border-bottom: none;
}
#homepage .section-3 {
	overflow: hidden;
}
.item-wrapper{
	background-color: transparent !important;
}
.owl-carousel.owl-theme.owl-loaded.owl-drag{
	border-bottom:1px solid #EBEBEB;

}
.owl-carousel.owl-theme.owl-loaded.owl-drag:last-child
{
	margin-top: 45px;
}
.owl-carousel{
	min-height: 653px;
}
@media (max-width: 746px) {
	.owl-carousel{
		min-height: unset;
	}
}
#homepage .section-3 .owl-dots {
	position: unset;
	left: unset;
	transform: unset;
}

@media only screen and (min-width: 992px) {
	#homepage .section-3 .container {
		width: 1200px;
	}
	.owl-item{
		background: #FFFFFF;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
		height: 100%;
	}

	#homepage .section-3 .owl-next,
	#homepage .section-3 .owl-prev {
		top: calc(50% - 45px);
		transform: translateY(-calc(50% - 45px));
		background-color: transparent;
	}

	.owl-next {
		position: absolute;
		float: left;
		right: 17px;
	}

	.owl-prev {
		position: absolute;
		float: left;
		left: 17px;
	}

	 .owl-nav .button {
		background-color: #E9F6FF;

		width: 40px;
		height: 40px;
		text-align: center;
		border-radius: 50%;
		font-weight: 900;
		font-size: 22px;
		line-height: 22px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #1B365D;
	}

	#homepage .section-3 .owl-next .button i {
		margin-right: 0px;
	}

	#homepage .section-3 .owl-prev .button i {
		margin-left: 0px;
	}
}


@media only screen and (max-width: 575px) {
	#homepage .section-3 .owl-next {
		right: -15px;
	}

	#homepage .section-3 .owl-prev {
		left: -15px;
	}

	#homepage .section-3 .owl-nav .button {
		width: 15px;
		height: 40px;
		line-height: 40px;
		background: none;
		color: #666;
	}

	#homepage .section-3 .owl-dots {
		position: unset;
		left: unset;
		transform: unset;
	}

	#homepage .section-3 .owl-theme .owl-dots .owl-dot span {
		width: 7px;
		height: 7px;
		margin: 3px;
	}
}

/* Section Product */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(1),
	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(2) {
		flex-basis: 50% !important;
	}

	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(1) .price,
	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(1) .rating,
	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(2) .price,
	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(2) .rating {
		float: left;
		width: 50%;
	}

	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(1) .rating,
	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(2) .rating {
		text-align: right;
	}

	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(3),
	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(4),
	#homepage .section-product .list-product.grid.grid-5 .item:nth-child(5) {
		flex-basis: 33.33% !important;
	}
}

@media only screen and (max-width: 767px) {
	#homepage .section-product .list-product.grid.grid-5 .item:first-child {
		flex-basis: 100% !important;
	}

	#homepage .section-product .list-product.grid.grid-5 .item:first-child .price,
	#homepage .section-product .list-product.grid.grid-5 .item:first-child .rating {
		float: left;
		width: 50%;
	}

	#homepage .section-product .list-product.grid.grid-5 .item:first-child .rating {
		text-align: right;
	}
}

/* Section 4 */
#homepage .section-4 .list-category .item {
	position: relative;
	margin-bottom: 20px;
}

#homepage .section-4 .list-category .item .title {
	position: absolute;
	width: 60%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	padding: 10px;
	margin: 0px;
	background-color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4;
	text-align: center;
}

@media only screen and (max-width: 991px) {
	#homepage .section-4 .list-category .item:last-child {
		margin-bottom: 0px;
	}
}

#homepage .section-4 .list-article-feature {
	margin-right: -5px;
	margin-left: -5px;
}

#homepage .section-4 .list-article-feature [class^="col-"] {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

#homepage .section-4 .list-article-feature .item {
	background: no-repeat center bottom;
	background-size: cover;
    position: relative;
    display: block;
}

#homepage .section-4 .list-article-feature .item .button {
	background: rgba(0, 0, 0, 0.5);
	padding: 6px 12px;
	color: #fff;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 12px;
	transition: background-color 0.4s ease;
}



#homepage .section-4 .list-article-feature .item .info {
	position: absolute;
	padding: 20px;
	bottom: 0px;
	color: #fff;
    z-index: 1;
}

#homepage .section-4 .list-article-feature .item .info i {
	margin-right: 5px;
}

#homepage .section-4 .list-article-feature .item .info .title {
	margin: 0px 0px 10px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	color: #fff;
}

#homepage .section-4 .list-article-feature .item .info .time {
	margin: 0px 25px 0px 0px;
	display: inline-block;
}

#homepage .section-4 .list-article-feature .item .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('../images/shadow.png') repeat-x bottom;
    transition: background-color 0.4s ease;
}

#homepage .section-4 .list-article-feature .item:hover .shadow {
    background-color: rgba(0, 0, 0, 0.4);
}

#homepage .section-4 .list-article-feature .item-wrapper {
	width: 100%;
	position: relative;
}

#homepage .section-4 .list-article-feature .item-wrapper:after {
	padding-top: 66.67%;
	display: block;
	content: '';
}

#homepage .section-4 .list-article-feature .item {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	color: white;
	background: no-repeat center bottom #fff;
	background-size: cover;
	height: unset !important;
}

@media only screen and (max-width: 767px) {
	#homepage .section-4 .list-article-feature [class^="col-"] {
		margin-bottom: 15px;
	}
}

/* Section 5 */
#homepage .section-5 {
	background: url('../images/bg-customer.jpg') no-repeat top;
	background-size: cover;
}

@media only screen and (min-width: 768px) {
	#homepage .section-5 .container {
		width: 700px;
	}
}

#homepage .section-5 .list-customer .item {
	text-align: center;
}

#homepage .section-5 .list-customer .item .image {
	margin-bottom: 40px;
}

#homepage .section-5 .list-customer .item .image img {
	width: 80px;
	height: 80px;
	border: 2px solid #fff;
	margin: 0px auto;
}

#homepage .section-5 .list-customer .item .description {
	margin-bottom: 20px;
}

#homepage .section-5 .list-customer .item .description p {
	margin-bottom: 20px;
	line-height: 1.8;
	display: inline;
}

#homepage .section-5 .list-customer .item .description:before,
#homepage .section-5 .list-customer .item .description:after {
	content: '"';
}

#homepage .section-5 .list-customer .item .title {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 3px;
	font-size: 15px;
}

#homepage .section-5 .list-customer .item .position {
	font-size: 13px;
}

#homepage .section-5 .owl-carousel .owl-stage-outer {
	margin-bottom: 15px;
	max-height: 314px;
}
.owl-stage{min-height: 785px}

#homepage .section-5 .owl-dots {
	position: unset;
	left: unset;
	transform: unset;
}

/* Section 6 */
#homepage .section-6 .list-why-select .item {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	#homepage .section-6 .list-why-select .item {
		margin-bottom: 45px;
	}

	#homepage .section-6 .list-why-select .item:last-child {
		margin-bottom: 0px;
	}
}

#homepage .section-6 .list-why-select .item .image {
	margin-bottom: 15px;
}

#homepage .section-6 .list-why-select .item .image img {
	margin: 0px auto;
}

#homepage .section-6 .list-why-select .item .title {
	color: #2d73ac;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

#homepage .section-6 .list-why-select .item .description {
	line-height: 1.8;
}

@media only screen and (max-width: 575px) {
	#homepage .section-6 .list-why-select .item .title {
		font-size: 22px;
	}
}

/* ========== Category Product ========== */
#category-product .list-product {
	margin-bottom: 40px;
}

/* ========== Detail News ========== */
#detail-news .time {
	color: #999;
	font-size: 13.5px;
}

#detail-news .list-product .item-wrapper {
	border: none;
}

#detail-news .list-product .item .title {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 5px;
}
#detail-news .content{
	display: flex;
	gap: 20px;
}
#detail-news .content .box-item-main{
	flex: 1 1 auto;
}
#detail-news .content .category-content-right{
	flex: 0 0 30%;
}
@media (max-width: 768px) {
	#detail-news .content .category-content-right{
		display: none;
	}
}
/* ========== Detail Product ========== */
#detail-product .box-item {
	margin-bottom: 15px;
}

#detail-product h2.page-title {
	font-size: 22px;
	font-weight: 600;
	color: #000;
	margin: 0px 0px 20px 0px;
}

#detail-product .product .image {
	float: left;
	width: 50%;
	margin-bottom: 15px;
}
.box-product-img
{
	display: flex;
	flex-direction: column;
}
img.img-detail-product{
	max-width: 590px;
	max-width: 590px;
	object-fit: cover;
}
.list-image{
	display: flex;
	justify-content: space-between;
}

.list-image .item{
	max-width: 140px;
}

#detail-product .product .info {
	float: left;
	width: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#detail-product .product .image {
		width: 50%;
	}

	#detail-product .product .info {
		width: 50%;
	}
}

@media only screen and (max-width: 991px) {
	#detail-product .product .image {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 25px;
	}

	#detail-product .product .info {
		width: 100%;
	}
}

#detail-product .product .image img {
	width: 100%;
	height: auto;
}

/*#detail-product .product .image .list-image {*/
/*	!*dis*!*/
/*	width: 100%;*/
/*	padding-right: 15px;*/
/*}*/

#detail-product .product .image .list-image .item {
	margin-bottom: 15px;
}

#detail-product .product .image .list-image .item:last-child {
	margin-bottom: 0px;
}

#detail-product .product .image .main-image {
	float: right;
	width: 80%;
}

#detail-product .product .image .main-image .hint {
	font-size: 12.5px;
	margin-top: 20px;
}

#detail-product .product .image .main-image .hint img {
	width: auto;
	height: auto;
	vertical-align: middle;
}

@media only screen and (max-width: 991px) {
	#detail-product .product .image .list-image {
		float: left;
		width: 100%;
		margin: 0px -5px;
		padding-right: 0px;
	}

	#detail-product .product .image .list-image .item {
		width: 25%;
		padding: 0px 5px;
		margin: 0px;
		float: left;
	}

	#detail-product .product .image .main-image {
		float: left;
		width: 100%;
		margin-bottom: 15px;
	}
	
	#detail-product .product .image .main-image .hint {
		display: none;
	}
}

#detail-product .product .info .title {
	margin: 0px 0px 10px 0px;
	font-size: 24px;
	font-weight: bold;
}

#detail-product .product .info .price {
	font-size: 22px;
	font-weight: bold;
	color: #ee3326;
	margin-bottom: 15px;
}

#detail-product .product .info .summary {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}

#detail-product .product .info .summary p {
	font-size: 16px;
	line-height: 1.8;
	margin: 0px;
}

#detail-product .product .info table {
	width: 100%;
	margin-bottom: 20px;
}

#detail-product .product .info table tr {
	height: 30px;
}

#detail-product .product .info table td {
	padding: 3px 0px;
	vertical-align: top;
}

#detail-product .product .info table td p {
	margin-bottom: 2px;
}

#detail-product .product .info table td p:last-child {
	margin: 0px;
}

#detail-product .product .info table td.product-label {
	font-weight: bold;
	width: 150px;
}

#detail-product .product .info .cart {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}

#detail-product .product .section-1,
#detail-product .product .section-2 {
	margin-bottom: 30px;
}

@media only screen and (min-width: 991px) {
	#detail-product .product .section-2 {
		width: 900px;
		margin: 0px auto;
	}
}

/* ========== Page 404 ========== */
#page-404 {
	width: 100%;
	position: relative;
	display: table;
	color: #2d73ac;
	padding: 15px;
	background-color: #fff;
}

#page-404 .main {
	display: table-cell;
	vertical-align: middle;
}

#page-404 p {
	margin-left: auto;
	margin-right: auto; 
}

@media only screen and (min-width: 576px) {
	#page-404 {
		height: 450px;
	}

	#page-404 p {
		font-size: 34px;
	}
}

@media only screen and (max-width: 575px) {
	#page-404 {
		height: 300px;
	}

	#page-404 p {
		font-size: 26px;
	}
}

/* ========== Contact ========== */
#contact{
	padding-top: 32px;
}
.card-contact {
	background-color: #ffffff;
	padding: 32px 25px 68px 25px;
}



#contact .list-contact {
	margin-bottom: 50px;
}

#contact .list-contact .item {
	background-color: #fff;
	padding: 30px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	#contact .list-contact .item {
		padding: 20px;
		margin-bottom: 20px;
	}
}

#contact .list-contact .item .icon {
	margin-bottom: 15px;
}

#contact .list-contact .item .icon i {
	font-size: 28px;
	color: #2d73ac;
}

#contact .page-title {
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	text-align: center;
	letter-spacing: 1.5px;
}

#contact .page-content {
	text-align: center;
	margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
	#contact .form-contact .container {
		width: 700px;
	}
}

/* ========== Cart ========== */
#cart .page-title {
	margin: 0px 0px 25px 0px;
}

#cart .table-cart {
	margin-bottom: 15px;
}

@media only screen and (min-width: 991px) {
	#cart:not(.checkout) .container.page {
		width: 950px;
	}
}

@media only screen and (max-width: 991px) {
	#cart .container.page {
		padding-right: 15px;
	    padding-left: 15px;
	}
}

#cart .table-cart table {
	background-color: #fff;
	margin-bottom: 0px;
}

#cart .table-cart table tr th {
	background-color: #2d73ac;
	color: #fff;
	text-transform: uppercase;
}

#cart .table-cart table tr th {
	padding: 8px 15px;
	border-bottom: none;
}

#cart .table-cart table tr td {
	padding: 15px;
	vertical-align: top;
	border-bottom: 1px solid #f0f0f0;
}

#cart .table-cart table tr.item td .image {
	width: 120px;
	float: left;
}

#cart .table-cart table tr.item td .info {
	margin-left: 130px;
}

#cart .table-cart table tr.item td .info .title {
	margin-bottom: 5px;
	font-weight: 500;
}

#cart .table-cart table tr.item td .info .title a {
	color: #2d73ac;
}

#cart .table-cart table tr.item td .info .code {
	color: #333;
	font-size: 13px;
	margin-bottom: 5px;
}

#cart .table-cart table tr.item td .info .code .value {
	font-weight: 500;
}

#cart .table-cart table tr.item td .info .quanlity label {
	font-size: 13px;
	font-weight: normal;
}

#cart .table-cart table tr.item td .info .quanlity form {
	display: inline-block;
}

#cart .table-cart table tr.item td .amount {
	color: #ee3326;
	font-weight: bold;
}

#cart .table-cart table tr.item .textbox-quanlity {
	border: 1px solid #f0f0f0;
	border-radius: 0px;
	width: 60px;
	text-align: center;
}

#cart .table-cart table tr.total td {
	color: #ee3326;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	text-align: right;
}

#cart .button {
	border: none;
	padding: 8px 15px;
	cursor: pointer;
	border-radius: 2px;
	font-size: 13px;
}

#cart .button.button-delete {
	background-color: #fff;
	color: #ee3326;
	padding: 5px 8px;
}

#cart .button.button-back {
	display: inline-block;
	border: 1px solid #fff;
	background-color: #fff;
	color: #4d4d4d;
}

#cart .button.button-next {
	display: inline-block;
	border: 1px solid #282828;
	background-color: #282828;
	color: #fff;
}

#cart .button:disabled,
#cart .button.disabled {
	color: #ccc;
}

@media only screen and (max-width: 991px) {
	#cart .checkout {
		margin-bottom: 40px;
	}
}

/* ========== Checkout ========== */
#cart.checkout .form-contact {
	background-color: #fff;
}

#cart.checkout .form-contact button {
	background-color: #2d73ac;
}

#cart.checkout .form-contact .bank {
	margin-top: 10px;
	margin-bottom: 5px;
}

#cart.checkout .form-contact .bank img.logo {
	width: 200px;
	height: auto;
	margin-bottom: 10px;
}

#cart.checkout .form-contact .bank p {
	margin-bottom: 5px;
}

#cart.checkout .form-contact .bank p:last-child {
	margin-bottom: 0px;
}

#cart.checkout .form-contact .form-contact-header {
	padding: 8px 15px;
	background-color: #2d73ac;
}

#cart.checkout .form-contact .form-contact-header .title {
	font-weight: bold;
	color: #fff;
	margin-bottom: 0px;
	text-transform: uppercase;
}

#cart.checkout .form-contact .form-contact-main  {
	padding: 15px;
}

/* ========== Checkout ========== */
#checkout-success {
	width: 100%;
	position: relative;
	display: table;
	color: #2d73ac;
	padding: 15px;
	background: #fff;
}

#checkout-success .main {
	display: table-cell;
	vertical-align: middle;
}

#checkout-success p {
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 5px;
}

@media only screen and (min-width: 576px) {
	#checkout-success {
		height: 450px;
	}

	#checkout-success p {
		font-size: 28px;
	}
}

@media only screen and (max-width: 575px) {
	#checkout-success {
		height: 300px;
	}

	#checkout-success p {
		font-size: 20px;
	}
}
.owl-dots{
	display: none;
}

input.left {
	/* width: 312px; */
	margin-left: 3px;
}

/*-----------------------reponsive trang chủ----------------------*/
.form-search form {
	height: 40px ;
}
.form-search input {
	padding-left: 30px;
	width: 270px;
	border-radius: 25px;
	background-color: #fff;
	height: 40px ;
	border: none;
}
@media only screen and (min-width: 991px) and (max-width: 1200px)
{
	/*header*/
	.form-search input{
		width: 205px;
		margin-left:15px
	}
	#header .header-main .logo {
		width: 16%;
	}

	/*end header*/


}

@media only screen and (min-width: 768px) and (max-width: 991px)
{

	/*header*/
	.form-search input{
		width: 230px;
		margin-left:15px;
		height:40px;
	}
	#header .header-main .logo {
		display: none;
	}
	.btn-search {
		width: 40px;
		height: 40px;

	}
	.btn-search i{
		padding-left: 12px;
	}
	.icon-hotlive{
		width: 40px ;
		height:40px
	}
	.hotlive-number {
		margin-top: 15px;
	}
	.hotlive-number p {
		font-size: 15px;
	}

	.list-phone-number ul li p{
		font-size: 15px;
	}
	.list-phone-number ul li span{
		font-size: 11px;
	}
	#header .header-main .button-mobile{
		margin-top: 0;
	}
	/*end header*/
	.main-top{
		flex-direction: column-reverse;
		max-height: 1060px;
	}
	.banner{
		margin: 0px 0px 20px 0px;
		object-fit: cover;
		max-height: 350px;
	}


	#navbar-extra{
		display: none;
	}
	.owl-theme .owl-nav {
		margin-top: 0px;
		position: absolute;
		top: 43%;
		left: 3%;
		width: 94%;
		display: flex;
		justify-content: space-between;
	}
	.section-1:first-child{
		padding-top: 0px !important;
	}

	#menu-mobile {
		position: fixed;
		top: 0px;
		left: 0px;
		left: -332px;

	}
	.hot-product-category {
		font-size: 10px;
	}
	.hot-product-title{
		font-size: 14px;
	}
	.host-product-price {
		font-size: 15px;
	}

	.icon-hotlive {
		font-size: 22px !important;
	}
	.hotlive-number {

		margin-left: -5px;
		font-size: 10px;

	}
	.phone-number a {
		font-size: 16px !important;
	}

}
@media only screen and (min-width: 576px) and (max-width: 767px){
	#header .header-main .button-mobile{
		margin-top: 0px;
	}
	.hot-product{
		display: flex;
		justify-content: space-between ;
	}
	.hot-product-item{
		width: 32.5%;
		position: relative;
		min-height: 150px;
	}
	/*header*/
	.search-header{
		display: none;
	}
	#header .header-main .logo
	{
		text-align: left;
	}
	.dn-contact{
		display: none;
	}
	.main-top{
		flex-direction: column-reverse;
		max-height: 1060px;
	}
	.banner{

		object-fit: cover;
		margin-left: 0px;
	}
	.banner-responsive{
		width: 100%;
	}
	#navbar-extra{
		display: none;
	}
	/*end header*/
	.section-1:first-child{
		padding-top: 0px !important;
	}
	.hot-product-category {
		font-size: 10px;
	}
	.hot-product-title{
		font-size: 12px;
	}
	.host-product-price {
		font-size: 12px;
	}
	.hot-product-des{
		max-width: 100%;
		overflow: hidden;
	}

	.footer-right{
		margin: 16px 0px 0px 10px;
	}
	.owl-theme .owl-nav {
		margin-top: 0px;
		position: absolute;
		top: 43%;
		left: 3%;
		width: 94%;
		display: flex;
		justify-content: space-between;
	}
}


@media only screen and (min-width: 300px) and (max-width: 576px)
{
	/*header*/
	.search-header{
		display: none;
	}
	#header .header-main .logo
	{
		text-align: left;
	}
	.dn-contact{
		display: none;
	}
	.main-top{
		flex-direction: column-reverse;
		max-height: 1060px;
	}
	.banner{
		max-height: 250px;
		object-fit: cover;
		margin-left: 0px;
	}
	.banner-responsive{
		width: 100%;
	}

	/*end header*/

	.hot-product {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		width: 100%;
	}
	.hot-product-item {
		width: 100%;
		position: relative;
		min-height: 150px;
		margin-bottom: 16px;
	}
	h2.title-category {
		font-size: 17px;
	}
	.owl-theme .owl-nav {
		margin-top: 0px;
		position: absolute;
		top: 43%;
		left: 3%;
		width: 94%;
		display: flex;
		justify-content: space-between;
	}
	#navbar-extra{
		display: none;
	}
	.section-1:first-child{
		padding-top: 0px !important;
	}
	.footer-right{
		margin: 16px 0px 0px 10px;
	}
	#footer .footer-bottom {
		background-color: #0057D0;
		height: 50px;
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		font-size: 11px;
		line-height: 23px;
		color: #FFFFFF;
		padding: 14px 0px 13px 0px;
	}
}

/*-----------------------end responsive trang chủ------------------*/

/*css single product*/
#detail-product{
	font-family: 'Roboto';
	font-style: normal;
	font-size: 16px;
	line-height: 41px;
	/* or 256% */
	color: #1B365D;
}
#detail-product .owl-nav.disabled {
  display: block;
  width: 100%;
  position: absolute;
  top: 42%;
  left: 0%;
}
.price-single-product{
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.owl-theme .owl-nav [class*="owl-"]{
	 background-color: transparent !important;
 }
.title-single-product{
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
	color: #1B365D;
}
.title-single-product-child{
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	/* identical to box height */

	text-transform: uppercase;

	color: #1B365D;
}

@media screen and (min-width: 300px) and (max-width: 911px) {
	#detail-product .owl-nav.disabled {
		display: flex;
		width: 100%;
		justify-content: space-between;
		padding:0px 12px 0px 12px;
		position: absolute;
		top: 42%;
		left: 0%;
	}


}
.map {
	margin-bottom: -7px
}
#contact .col-sm-5,.col-sm-6,.col-sm-12 {
	padding-left: 0px;
}
#contact .company-name{
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 28px;
	/* identical to box height, or 175% */

	text-transform: uppercase;

	color: #1B365D;

}
.card-contact {
	font-family: 'Roboto';
	font-style: normal;
	font-size: 16px;
	line-height: 18px;
	/* identical to box height, or 112% */


	color: #1B365D;
	margin-bottom: 32px;
}
.card-contact strong{
	font-weight: 700;
}
#contact .btn.btn-primary{
	background: #006AFF !important;
}
#frmContact{
	padding-top: 42px;
}
.card-contact.item.col-sm-7.h-100 {
	padding-top: 50px;
}

@media screen and (min-width: 300px) and (max-width: 568px){
	#contact .col-sm-5 {
		padding-right: 0px;
	}
}

/*-------------------------------css page all product---------------------------*/
@media screen and (min-width: 300px) {
	#all-product .main-top .banner{
		 max-height: none ;
	 }
	#all-product .main-top{
		max-height: none ;
	}
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
	#all-product .item{
		margin-left: 6px!important;
	}
}
@media screen and (min-width: 300px) and (max-width: 568px) {
	#all-product .item{
		width: 48% !important;
		margin-left: 6px !important;
	}
}
@media screen and (min-width: 569px) and (max-width: 568px) {
	#all-product .item{
		width: 48% !important;
		margin-left: 6px !important;
	}
}
@media screen and (min-width: 569px) and (max-width: 990px) {
	#all-product .item{
		width: 32% !important;
		margin-left: 6px !important;
	}
}

#all-product .banner{
	width: 100%;
}
#all-product .item{
	width: 24%;
	float: left;
	margin-left: 8px;
	min-height: 340px;

}
#all-product .item-wrapper{
	border: none;
}
#all-product #navbar-extra {
	margin-top: 17px;
	height: min-content;
}
/*-------------------------------end css all product---------------------------*/

/*css news product*/

/*box link*/
.box-link h6{

	font-size: 28px !important;
	line-height: 33px !important;
	color: #1346B7 !important;
}
.box-link a {
	font-weight: 400 !important;
	text-decoration-line: underline;
	color: #1346B7 !important;
	font-size: 28px !important;
	line-height: 33px !important;
}
.box-link{
	flex-wrap: wrap;
	justify-content: space-between;
}
.box-link-left,.box-link-left{
	flex: 0 0 50%;
	width: 50%;
}
@media (max-width: 425px) {
	.box-link-left,.box-link-left{
		flex: 0 0 100%;
		width: 100%;
	}
}
.box-link{
	margin-top: 10%;
	margin-bottom: 65px;
}
.box-link ul{
	padding: 16px;
}
@media screen and (max-width: 1400px) {
	.box-link a{
		font-size: 20px !important;

	}
	.box-link h6{
		font-size: 22px !important;

	}
}

/*end*/

/*catagories*/
.set-bg-image-layer-one{
	background-image: url("/wp-content/themes/dieutriveocobamsinh/images/blur-hospital.png");
	background-size: cover;
	position: relative;
	z-index: 1;

}
.set-bg-image-layer-two{
	background: linear-gradient(180deg, rgba(47, 156, 213, 0.69) 0%, rgba(31, 216, 149, 0.69) 100%);
	opacity: 0.7;
	position: absolute;
	z-index: 2;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;

}
.box-layer-three{
	position: relative;
	z-index: 3;
	top:0;
	left: 0;
	display: flex;
	pointer-events:none;
}
.box-main-content{
	display: flex;
	gap: 20px;
	justify-content: space-between;
    position: relative;
    z-index:30;
}
.image-wp {
	max-width: 340px;
}

.image-wp img {
	max-width: 100%;
	height: auto;
}
@media (max-width: 500px) {
	.box-main-text{
		height: 45px !important;
		font-size: 14px !important;
	}
}
.box-main-text{
	height: 120px;
	font-style: normal;
	font-weight: 500;
	font-size: 26px;
	line-height: 30px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box-main-item:nth-child(1),.box-main-item:nth-child(3){
	background-color: #2F9CD5 ;
}
.box-main-item:nth-child(2),.box-main-item:nth-child(4){
	background-color: #1BC1B3 ;
}
.box-main-item{
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
	margin-bottom: 99px;
	margin-top: 65px;
}
.header-content-text{
	width: 31.7%;
	height: 85px;
	border-bottom: 1px solid #1346B7;
}
.header-content-text:nth-child(2){

	border-bottom: none;
	display: flex;

}
@media (max-width: 500px) {
	.header-content-text{
		height: 45px !important;
	}
	.header-content-text h2{
		bottom: -35% !important;
		font-size: 24px !important;
	}
}
.header-content-text h2{
	display: block;
	width: 100%;
	text-align: center;
	align-items: center;
	font-weight: 500;
	font-size: 32px;
	line-height: 38px;
	color: #1346B7;
	background-color: transparent;
	bottom: -75%;
	position: relative;
}
.box-header-content{display: flex;
	justify-content: space-between;
}
@media (min-width: 500px) and (max-width: 1599px){
	.box-main-item{
		max-width: 23.7% !important;
	}
	.box-main-text {
		height: 94px !important;
		font-size: 22px !important;

	}
}
@media (max-width: 768px){
	.box-main-content{
		flex-wrap: wrap;
		column-gap: 10px;
		row-gap: 0;
	}
	.box-main-item{
		margin-top: 20px;
		margin-bottom: 20px;
		max-width: 48% !important;
	}
}
/*end*/

/*box-comment-notify*/
#box-comment-notify .header-content-text{
	width: 24%;
}
#box-comment-notify .header-content-text:nth-child(2){
	width: 52%;
	min-width: 300px!important;
}
@media screen and (max-width: 1599px){
	#box-comment-notify .header-content-text{
		width: 25%;
	}
	#box-comment-notify .header-content-text:nth-child(2){
		width: 50%;
		min-width: 300px!important;
	}
}
@media (max-width: 746px){
	.box-header-content .header-content-text{
		width: 0 !important;
	}
	.box-header-content .header-content-text:nth-child(2){
		width: 100% !important;
	}
}

.image-people {
	width: 250px;
	margin-top: 38px;
	margin-left: auto;
	margin-right: auto;
}
.image-people img{
	border-radius: 100%;
}
.title-people{
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 22px;
	color: #474141;
	margin-bottom: 13px;
 }
.star-comnent{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.box-star img{
	width: 40px;
	height: 40px;
}
.box-star ul{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0px;
}
.box-star li{
	list-style: none;
}
.box-des{
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	max-height: 200px;
	overflow: hidden;
	color: #474141;

}
.owl-nav {
	position: absolute;
	width: 111%;
	top: 33%;
	LEFT: -5%;
}
@media screen and (max-width: 1599px){
	.box-des{
		font-size: 16px !important;
	}
	.box-star img {
		height: 27px !important;
	}
	.image-people {
		width: 215px;
		margin-top: 20px;

	}
	.title-people{
		font-size: 27px !important;
	}
	.owl-carousel.owl-drag .owl-item {
		min-height: 565px;
	}

}
/*end*/
.box-contact{
	position: relative;
	max-height: 1084px;
	overflow: hidden;
}
.contact-layer2{
	position: absolute;
	background: rgba(255, 255, 255, 0.93);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	top: 50%;
	left: 50%;
	width: 90%;
	height: 90%;
	transform: translate(-50%,-50%);
}
.contact-layer2 form{
	padding: 10% 12%;
}
@media screen and (max-width: 1599px){
	.box-contact{
		max-height: 700px;
	}

}
#contact .btn.btn-primary{
	color: white;
	width: 135px;
	height: 45px;
	background: #1346B7;
	margin-top: 5px;
}
input.form-control{
	height: 60px;
	margin-bottom: 30px	;
	border: 1px solid #767171;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 35px;

	color: #767171;
}
#category-news input.form-control{
	margin-bottom: 0px!important;	;
}
textarea.form-control {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 35px;
	color: #767171;
}

#contact label{
	font-weight: 300;
	font-size: 16px;
	line-height: 30px;

	color: #767171;
}
input[type="radio"]
{
	height: 16px;
	width: 16px;
	background: #767171;

}
p.contact-title{
	font-weight: 300;
	font-size: 18px !important;
	line-height: 35px;

	color: #767171;
}
.title-relate{
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 38px;
	/* identical to box height */


	color: #1346B7;
}
.item-relate{
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	color: #474141;
}
input[type="radio"]
{
	height: 16px;
	width: 16px;
	background: #767171;

}



.category-content{
	margin-top: 53px;

}
.category-content-left{
	width: 63%;
}
.category-content-right{
	width: 30%;
	padding-left: 15px;
	background: #E9F6FF;
	padding-bottom: 53px;
}
.category-content p.title{
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 38px;
	color: #474141;

}
.category-content p.title:hover
{
	transition: 0.7s ease;
	color:#1346B7 ;
}
.summary{
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #474141;

}
.title-slidebar{
	margin-top: 15px;
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 38px;
	color: #1346B7;
}

@media screen and (max-width: 1599px){
	.category-content p.title {
		font-size: 26px !important;
	}
	.summary {
		font-size: 18px !important;
	}
	input.form-control {
		height: 50px !important;
		font-size: 18px !important;
	}
	textarea.form-control {
		font-size: 20px !important;
	}
	p.contact-title {
		font-size: 25px;
	}
	.item-relate {
		font-size: 20px;
	}
	#navbar nav ul li ul a {
		font-size: 18px !important;
	}
	#navbar nav ul li ul {
		width: 245px;

	}
	.list-article .item .info .title {
		font-size: 22px !important;
		margin: 0px 0px 5px 0px;
		font-weight: bold;
		line-height: 1.4;
	}
}
.list-article .item .info .title {
	font-size: 28px;
}
@media screen and (max-width: 568px) {
	.list-article .item .info .title {
		font-size: 16px !important;
	}
	.category-content {
		flex-direction: column!important;
		width: 95% !important;
		margin-left: auto;
		margin-right: auto;
	}
	.category-content-right{
		width:100% !important;
	}
	.category-content-left{
		width:100% !important;
	}
	.page-title.text-left{
		font-size: 24px!important;
	}
	.intro-des{
		font-size: 18px!important;
	}
	a.btn.btn-primary{
		font-size: 18px;
	}
	.image-wrapper.image-intro {
		max-height: 245px !important;
	}
	.box-main-text {
		font-size: 18px!important;
		vertical-align: middle;
		text-align: center;
	}
	input.form-control {
		height: 37px !important;
		font-size: 18px !important;
	}
	p.contact-title {
		font-size: 18px !important;
	}
	#contact label {
		font-size: 16px !important;

	}
	#frmContact {
		padding-top: 8px!important;

	}
	#contact .btn.btn-primary {
		height: 38px;
		background: #1346B7;
		margin-top: 5px !important;
		font-size: 16px !important;
	}
	.banner-layer2 {
		width: 56%!important;
		transform: translate(-92%,-30%) !important;
	}
	h2.title-banner {
		font-size: 16px !important;
		line-height: 30px !important;

	}
	.page-title {
		text-align: center !important;
	}
}

.widget-content{
	z-index: 9999;
	position: fixed;
	right: 40px;
	bottom: 40px;
}
.widget-content ul{
	list-style: none;
}
.widget-content ul li{
	margin-bottom: 10px;
}
.widget-content ul li img{
	width: 30px;
}