:root {
  --HTS-yellow: #ffb51b;
  --HTS-orange: #ff7103;
  --HTS-green: #006325;
  --HTS-green-bg: #003112;
  --HTS-blue: #5091cd;
  --HTS-blue-social: #0068ff;
  --HTS-gray: #e6eff8;
  --HTS-gradient: linear-gradient(to right,var(--HTS-yellow), var(--HTS-orange));
  --HTS-gradient-down: linear-gradient(to bottom, var(--HTS-orange),var(--HTS-yellow));
  --HTS-gradient-left: linear-gradient(to left,var(--HTS-yellow), var(--HTS-orange));
  --HTS-blur: #a1bea6;
  --HTS-sidebar-bg: #f3f3f3;
}

.t4-header.FullWidth .container-xxl {max-width: 1350px;}
.t4-header{box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);}

.masonry-3 .page-header h2{
    font-size: 20px;
	font-weight: bold; 
}

@media (max-width: 991.98px) {
  .t4-main-body .t4-row {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.logo-img{width: 125px;}
@media (max-width: 767.98px){
	.logo-img{width: 100px;}
}

.t4-navbar{}

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {font-weight: 600; font-size: 1rem;   padding: 20px 12px;}
@media (max-width: 1199.98px) {
	.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {font-size: 0.9rem;   padding: 20px 10px;}
}

.t4-megamenu .item-caret{display: none!important;} 
.t4-megamenu .dropdown-menu{display: none!important;} 
.sidebar-r{
	//background: var(--HTS-sidebar-bg);
	position: relative;
}
.sidebar-r-bg{
	position: absolute;
	z-index: -10;
	width: 1000px;
	height: 100%;
	margin: 0;
	top: 0;
	left: 0;
	background: var(--HTS-sidebar-bg);
}

.page-header h1{
	text-transform: uppercase;
	color: var(--HTS-green);
	font-weight: bold;
	text-align: center;
}
.t4-section.t4-breadcrumbs{border-top: none;}

.t4-header-r{
	min-width: 150px;
}
@media (max-width: 1199.98px){
	.t4-header-r{
		min-width: 20px;
	}
}
.search-wrapper form {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    z-index: 1000;
}
.search-wrapper  .btn-link{
	color: var(--HTS-blue);
}
@media (min-width: 1400px){
	.search-wrapper form {
		right: -100px;
	}
}
@media (min-width: 1200px) and (max-width: 1398.98px){
	.search-wrapper form {
		right: -50px;
		
	}

}


/* Slideshow */
.t4-slideshow.FullWidth .container-xxl{padding: 0px; max-width: 1400px;}
div.owl-carousel div.owl-nav{
	position: absolute;
	top: 42%;
	margin: 0px;
	width: 100%;
}
div.owl-carousel div.owl-nav > button.owl-prev, div.owl-carousel div.owl-nav > button.owl-next{
	margin: 0 30px;
	position: absolute;
	color: var(--tpl-base-100);
	font-size: 40px;
	border: none;
	background: var(--tpl-base-200);
	opacity: 0.6;
}
div.owl-carousel div.owl-nav > button.owl-prev:hover, div.owl-carousel div.owl-nav > button.owl-next:hover{opacity: 0.8;}
div.owl-carousel div.owl-nav > button.owl-next{
	right: 0px;
}
div.owl-carousel div.owl-nav > button.owl-prev{
	left: 0px;
}

/* Heading */
.HTS-heading{
	text-align: center;
	padding: 10px 0px 40px 0px;
	text-transform: uppercase;
}
.HTS-heading.page-subheading{
	padding: 0px;
	margin-top: 0px;
}

.HTS-heading .t4-module{padding: 15px;}
.HTS-heading h1, h3.text-mod-hts-heading, .HTS-heading h2, .page-quytrinh h1.t4-masthead-title{
	padding-left: 36px;
	margin-left: -15px;
	background: url("../../images/leaf.png") left center no-repeat;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--HTS-orange);
	margin-bottom: 20px;
	text-transform: uppercase;
}
.HTS-heading h1 span,.HTS-heading h2 span, h3.text-mod-hts-heading span, h1.t4-masthead-title span{
	background: var(--HTS-gradient);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}

.HTS-heading p{
	color: var(--HTS-green);
	font-size: 2rem;
	margin: 0px;
	font-weight: 900;
	line-height: 2.5rem;
}
@media (max-width: 575.98px) {
.HTS-heading p{font-size: 1.7rem;}
}

/*****/
#t4-main-body{padding-top: 0rem;padding-bottom: 0rem;}
#t4-main-body .t4-section-inner .t4-row > .t4-col{padding-top: 1rem;padding-bottom: 1rem;}
.product-page.all-product #t4-main-body .t4-section-inner .t4-row > .t4-col{padding-top: 3rem;}
#t4-masthead{display: none;}
.page-quytrinh #t4-masthead{
	display: block;
}

.page-quytrinh .t4-masthead-inner{
	background: var(--HTS-gray);
	padding: 1rem 0;
	padding-bottom: 0px;
}
.page-quytrinh h1.t4-masthead-title {
	margin-bottom: 0px;
}
.t4-masthead .t4-masthead-detail{
	max-width: none;
}
.page-quytrinh .magz-layout h3.item-title.main-item{
	font-size: 1.8rem!important;
}

/* Homepage */

.HTS-homepage .t4-main-body{background: var(--HTS-gray);}

.HTS-homepage .category-name{
	position: relative;
	margin-top: -60px;
	margin-bottom: 15px;
	padding-left: 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.HTS-homepage .category-name a{color: white;}
.HTS-homepage .item-content{padding: 10px 15px;}
.HTS-homepage .item-content h3{font-size: 18px;}
.HTS-homepage .item-inner{
	background: white;
	border-radius: var(--t4-border-radius);
}
.HTS-item-readmore{margin-top: 20px;}
.HTS-readmore{
	border: 2px solid var(--HTS-blue);
    padding: 10px 15px 8px;
    border-radius: 2rem;
	color: var(--HTS-blue);
	text-transform: uppercase;
	font-weight: bold;
}
.HTS-OtherCat .HTS-readmore{
	display: block;
	text-align: center;
	color: var(--HTS-green);
	font-size: 125%;
}
.HTS-AllItem{
	padding: 30px 0px;
	text-align: center;
}
.HTS-AllItem .HTS-readmore{
	color: white;
	background: var(--HTS-blue);
	padding: 10px 30px 8px;
	font-size: 110%;
}

/*--- Slide in Homepage*/
div.owl-carousel .owl-dots .owl-dot.active span{width: 10px;}
.HTS-slide .owl-carousel{padding-bottom: 90px;}
.HTS-slide{position: relative;}
.HTS-slide-Item{min-height: 400px;}
@media (max-width: 991.98px) {
.HTS-slide-Item{min-height: 300px;}
}
@media (max-width: 575.98px) {
.HTS-slide-Item{min-height: 250px;}
}


.HTS-slide-Item, .HTS-slide-Item a {color: var(--HTS-green); }

.HTS-slide-Item h4,.HTS-slide-Item h3{
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.owl-item.active.center h4,.owl-item.active.center h3{font-size: 22px; transition: all 0.6s ease;}
@media (max-width: 991.98px) {
	.HTS-slide-Item .owl-item.active.center h4,.HTS-slide-Item .owl-item.active.center h3, .HTS-slide-Item h4, .HTS-slide-Item h3{font-size: 20px;}
}
@media (max-width: 575.98px) {
	.HTS-slide-Item .owl-item.active.center h4,.HTS-slide-Item .owl-item.active.center h3, .HTS-slide-Item h4, .HTS-slide-Item h3{font-size: 16px;}
}

@media (max-width: 1199.98px){
	.owl-item .HTS-slide-info{display: none;}
	.owl-item.active.center .HTS-slide-info{display: block;}
}

.HTS-slide-Item .item-image{ width: 60%; margin: auto;}
.owl-item.active.center .item-image{width: 100%; transition: all 0.6s ease;}


.HTS-border-container{
	position: absolute;
	top: -10px;
	width: 100%;
	text-align: center;
}
.HTS-border-background{
	background-image: var(--HTS-gradient-down);
	padding: 5px;
	border-radius: 20px;
	display: inline-block;
}
.HTS-border-inner{
	width: 400px;
	height: 450px;
	background: white;
	border-radius: 16px;
}

.HTS-viewmore-container{
	position: absolute;
	bottom: 50px;
	width: 100%;
	text-align: center;	
}
.HTS-viewmore-padding{
	padding: 0px 50px;
	background: white;
	display: inline-block
}
.HTS-viewmore{
	background-image: var(--HTS-gradient);
    padding: 10px 30px 8px;
    border-radius: 2rem;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}
#HTS-slide-208 .owl-nav{
	bottom: 90px;
	top: auto;
}
#HTS-slide-208 div.owl-nav > button.owl-prev{left: 20%;}
#HTS-slide-208 div.owl-nav > button.owl-next{right: 20%;}
#HTS-slide-208 div.owl-nav > button.owl-prev, #HTS-slide-208 div.owl-nav > button.owl-next{
	background: none; 
	color: var(--HTS-blue);
	opacity: 1;
	font-size: 60px;
}

@media (min-width: 992px) {
	#HTS-slide-208 div.owl-nav > button.owl-prev{left: 36%;}
	#HTS-slide-208 div.owl-nav > button.owl-next{right: 36%;}
}

@media (min-width: 1200px) {
	.HTS-slide-Item{min-height: 420px;}
	.HTS-viewmore-container{bottom: 40px;}
}

/* News in Homepage */
.t4-home-news{
	background: var(--HTS-gray);
}
.t4-home-news .item-content-info{
	padding: 0px 15px;
}
.t4-home-news .mod-articles-title{font-weight: bold; text-transform: uppercase; font-size: 15px;}
.t4-home-news .mod-articles-title a{
	color: var(--heading-color);
}
.t4-home-news .col{
	margin-bottom: 8px;
}
.mod-articles-category a{
	color: var(--heading-color);
	text-transform: uppercase;
	font-size: 12px;
}
.HTS-line{
	margin-bottom: 5px;
	line-height: 5px;
}
.HTS-gradient-line{
	display: inline-block;
	width: 33%;
	height: 3px;
	background-image: var(--HTS-gradient-left);
	
}
.slide-nong-dan .magz-layout.slide-1 .item-inner{  height: 360px;}
.slide-nong-dan .magz-layout.slide-1 .item-inner .item-ct{padding: 1rem;}
.slide-nong-dan .HTS-heading{padding: 10px 0;}
.slide-nong-dan .magz-layout.slide-1 .item-inner:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
}

.HTS-mod-custom-slide .HTS-heading h2, .t4-section-media .HTS-heading h2{
	font-size: 1.6rem;
}

.HTS-mod-custom-slide .owl-item .item{

}
.HTS-mod-custom-slide .owl-video-wrapper{background: none;}
.HTS-mod-custom-slide .owl-video-tn{
	background-size: 602px auto;
	border: 3px solid white;
    border-radius: 20px
}
.HTS-mod-custom-slide .navigation-thumbs .owl-stage{
	margin: 30px auto;
}

.HTS-mod-custom-slide .imgthumb{
	height: 200px;
	background-position: center center;
	background-size: 400px;
	border-radius: 20px;
	border: 2px solid white;
}

.HTS-mod-custom-slide .BlockName{display: inline-block;}
.HTS-mod-custom-slide .Name {
  padding-top: 5px;
  font-weight: bold;
  color: var(--HTS-green);
  font-size: 120%;
}
.HTS-mod-custom-slide .Add {
  font-size: 90%;
  font-weight: bold;
}
.HTS-mod-custom-slide .HTS-gradient-line{width: 100%;}

.HTS-mod-custom-slide .Quote {
  padding-right: 50px;
  padding-bottom: 20px;
  background: url('../../images/quote.png') no-repeat bottom right;
  font-size: 110%;
  font-style: italic;
  color: var(--HTS-green);
}


.HTS-mod-custom-slide .magz-layout.slide-1 .item-inner::before {
    top: inherit;
	bottom: 0;
    height: 40%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 60%);
}

.t4-partner{
	background: url('../../images/ThanhLong.jpg');
	background-size: cover;
	background-position: center;
	color: white;
}
.t4-partner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 99, 37, 0.5); /* Lớp phủ trong suốt */
}
.t4-partner .row-parner{min-height: 360px;}
.t4-partner .item{position: relative;min-height: 200px;}
@media (max-width: 991px) {
	.t4-partner .item{width: 25%;}
	.t4-partner .t4-partner-v2 .item{width: 33.33%;}
}


@media (max-width: 575px) {
	.t4-partner .item{width: 50%;}
	.t4-partner .t4-partner-v2 .item{width: 50%;}
	.t4-partner .t4-partner-v2 .content.yara img, .t4-partner .t4-partner-v2 .content.imaspro img {max-width: 60%;}
	.t4-partner .t4-partner-v2 .item{min-height: 100px;}
}

.t4-partner .content img{
	display: block;
	margin: auto;
	filter: brightness(0) invert(1);
}
.t4-partner .content img.invert{
	filter: none;
}
.t4-partner .content.yara img, .t4-partner .content.nordox img, .t4-partner .content.imaspro img {max-width: 100px;}
.t4-partner .content.basf img {max-width: 100%;}
.t4-partner .basf-inner{padding: 15px; max-width: 200px;}

.t4-partner .content img.hover{display: none;}



.t4-partner .content .info{display: none;}

.t4-partner .content{padding: 10px;}
.t4-partner .content:hover{
	background: white;
	color: var(--body-text-color);
	position: absolute;
	z-index: 100;
	
	
}
.t4-partner .item.top .content:hover{top: 0;}
.t4-partner .item.bottom .content:hover{bottom: 0;}


.t4-partner .content:hover .info{
	display: inherit;
}
.t4-partner .content:hover img{
	filter: none;
}

.t4-partner .content.basf:hover img{
	filter: brightness(0) invert(1);
}
.t4-partner .content.basf:hover .basf-inner{
	background: #004a91;
}

.t4-partner .content:hover img.invert{display: none;}
.t4-partner .content:hover img.hover{display: block;}






.t4-section-media .t4-section-inner{padding-top: 30px; padding-bottom: 30px; }
.t4-section-media .moduletable{
	border: none;
	padding: 0px;
	margin: 0px;
}
.t4-section-media .HTS-heading h1{font-size: 2rem;}
.home-album .mod-articles-item-content{
	position: relative;
	margin-bottom: 10px;
    border: 3px solid white;
    border-radius: 20px;
	overflow: hidden;
	box-shadow: 2px 2px 5px grey;
}
.home-album .mod-articles-title{
	position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8); /* Màu trắng với opacity 0.6 */
    padding: 5px 10px;
	margin: 0px;
}
.home-album .mod-articles-title a{
	color: var(--body-text-color);
	font-weight: bold;
}

.home-album .item-image{margin-bottom: 0px;}

.home-video .item-content{
	padding: 0px;
    border-radius: 20px;
	overflow: hidden;
	box-shadow: 2px 2px 5px grey;
}
.home-video h3, .home-album h3{
	font-weight: bold;
	font-size: 18px;
	margin-top: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  
}

.t4-social {
	background: url('../../images/footer.png') var(--HTS-gray) bottom center no-repeat;
	background-size: contain;
	padding-bottom: 100px;
	
}
.t4-social .connect-us{padding: 20px 0px;}
.t4-social .connect-us .module-title, .text-mod-hts-heading-02{
	margin-top: 1rem;
	text-align: center;
	font-weight: bold;
	color: var(--HTS-green);
	font-size: 2rem;
}
@media (max-width: 575.98px) {
	.t4-social .connect-us .module-title, .text-mod-hts-heading-02{
		font-size: 1.8rem;
	}
}
.text-mod-hts-heading-02{
	text-transform: uppercase;
}
.t4-social .LeftBlock{width: 72%;}
.t4-social .RightBlock{width: 28%;}
@media (max-width: 991.98px){
	.t4-social .LeftBlock{width: 60%;}
	.t4-social .RightBlock{width: 40%;}
}

@media (max-width: 767.98px){
	.t4-social .LeftBlock{width: 100%;}
	.t4-social .RightBlock{width: 100%;}
}


.fb_iframe_widget iframe{width: 200px!important;}
.t4-social .title{
	display: block;
	padding-left: 45px;
	padding-top: 5px;
	min-height: 50px;
	
	color: black;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 14px;
	
}
.t4-social button, .t4-footer-top button{
	font-size: 13px;
	background-color: var(--HTS-blue-social); 
	color: white; 
	border: none; 
	padding: 5px 15px; 
	
	cursor: pointer; 
	border-radius: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;

}
.social-block-link{position: relative;
    height: 100%;
    display: block;
}
.social-block-link .fb-like{position: absolute; bottom: 0;}

.t4-social .Facebook .title{background: url('../../images/facebook.png') no-repeat;
    display: block;
    /*height: 100%;*/
    position: relative;
    z-index: 10;
	padding-bottom: 0px;

}
.t4-social .Youtube a.title{background: url('../../images/youtube.png') no-repeat;}
.t4-social .Tiktok a.title{background: url('../../images/tiktok.png') no-repeat;}
.t4-social .Zalo a.title{background: url('../../images/zalo.png') no-repeat;}

.t4-social .Youtube button{background-color: red; padding: 5px 10px; }
.t4-social .Tiktok button{background-color: var(--gray-900); }
.t4-social .Zalo button{}

@media (max-width: 575.98px) {
	.t4-social a.title{
		background-position: top center !important;
	}
	.t4-social .title{
		padding-left: 0px;
		padding-top: 45px;
	}
	.t4-social .col-inner{
		text-align: center;
	}
}

.t4-social .col-inner{
	padding: 20px 10px;
	margin: 10px;
	background: url('../../images/line.jpg') white no-repeat;
	border-radius: 8px 8px 20px 20px;
	overflow: hidden;
}
.t4-social .RightBlock .col-inner{
	margin-left: 20px;
	margin-right: 0px;
	background-image: none;
	border-radius: 20px;
	padding: 20px;
	
}
@media (max-width: 767.98px){
	.t4-social .RightBlock .col-inner{margin-left: 0px;}
}
.t4-social .RightBlock a.title{margin-bottom: 10px; min-height: 42px;}
.t4-social .RightBlock .Facebook a.title{margin-bottom: 10px; padding-top: 0px;}

.GradientTitle{
	background: var(--HTS-gradient);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
	margin-bottom: 10px;
}
.t4-footer a{
	color: var(--HTS-blur);
}
.t4-footer-top{
	background: var(--HTS-green-bg);
	color: white;
}
.t4-footer-top .border-bot {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--HTS-blur);
}
.t4-footer-top .footer-t-l{
	font-size: 1.4rem;
	color: #d0ded2;
	text-transform: uppercase;
}
@media (max-width: 767.98px){
	.t4-footer-top .footer-t-l{
		font-size: 1.1rem;
	}
}
@media (max-width: 575.98px){
	.t4-footer-top .footer-t-l{
		font-size: 0.8rem;
	}
}


.t4-footer-top p, .t4-footer-mid p{margin: 0px;}
.t4-footer-top .footer-t-r{
	
}
.t4-footer-top button{
	background-color: var(--HTS-blue); 
	padding: 8px 30px;
	border-radius: 30px;
	margin-top: 15px;
	font-size: 1.2rem;
    font-family: var(--body-font-family);
    font-weight: normal;
}
@media (max-width: 767.98px){
	.t4-footer-top button{
		margin-top: 0px;
	}
}
@media (max-width: 575.98px){
	.t4-footer-top button{
		font-size: 0.8rem;
		padding: 8px 20px;
	}
}
.t4-footer, .t4-footer-mid{
	background: var(--HTS-green-bg);
	color: var(--HTS-blur);
}
.t4-footer-mid .t4-section-inner{
	padding-top: 40px;
	padding-bottom: 30px;
}
.t4-footer-mid .company{
	font-size: 1.4rem;
	margin-bottom: 20px;
	color: #d0ded2;
}
.t4-footer-mid .hot-line, .t4-footer-top .hot-line{
	display: block;
	width: 225px;
	height: 58px;
	margin: 0px auto;
	background: url('../../images/hotline.png') no-repeat;
	text-align: center;
    padding-top: 25px;
    padding-left: 40px;
}
@media (max-width: 767.98px) {
	.t4-footer-mid .hot-line{margin: 30px auto;}
}
.t4-footer-mid .hot-line .GradientTitle, .t4-footer-top .hot-line .GradientTitle{
	font-size: 26px;
}
.t4-footer-mid .follow-me{
	text-align: center;
	margin-top: 200px;
}
@media (max-width: 767.98px) {
	.t4-footer-mid .follow-me{margin-top: 20px;}
}
.t4-footer-mid .follow-me .social-list-sm li a{
	opacity: 1;
	font-size: 30px;
	margin: 0px 3px;
	color: var(--HTS-blur);
}
.t4-footer-mid .follow-me .social-list-sm li i,.t4-footer-mid .follow-me .social-list-sm li span {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.t4-footer-mid .company-name{
		padding: 15px 0;
}
@media (max-width: 991.98px) {
	.t4-footer-mid .company-name{
			font-size: 1.2rem;
	}	
}
@media (max-width: 575.98px) {
	.t4-footer-mid .company{
			text-align: center;
	}	
}
@media (max-width: 991.98px) {
.t4-footer-mid .info .d-inline-block{display: inline !important;}	
}


.t4-footer .t4-module{
	margin-top: 0px;
}

.footer-r span{margin: 0px 5px;}



/* Trang Giới thiệu*/

.intro-page #t4-main-body .t4-section-inner .t4-row > .t4-col{height: auto!important;}

.accordion{padding: 0px;}
.accordion-button:focus{box-shadow: none;}
.intro-page .accordion-button{
	font-weight: bold;
}
#accordion-LV1 >.accordion-item{
	margin-bottom: 20px;
	border: 1px solid var(--t4-accordion-border-color);
	border-radius: 0.5rem;
}
#accordion-LV1{min-height: 900px;}
.accordion-item .accordion-header .accordion-button{
	text-transform: uppercase;
	
}

.intro-menu-sidebar{
	padding: 10px;
	background: white;
	border-radius: 10px;
}
.intro-menu-sidebar li.nav-item{
	padding: 10px;
	border-radius: 30px;
	border: 1px solid var(--t4-gray-400);
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	color: var(--HTS-green);
}
.intro-menu-sidebar li.nav-item.current, .intro-menu-sidebar li.nav-item:hover{
	background: var(--HTS-blue);
	color: white;

}
.intro-menu-sidebar li.nav-item.current{border: none;}
.intro-menu-sidebar li.nav-item .dropdown-item{
	font-weight: bold;
	white-space: normal;
}
.intro-menu-sidebar li.nav-item.item-178{
	margin-top: 0px;
}
.intro-menu-sidebar li.nav-item.item-182{
	padding-top: 5px;
	padding-bottom: 5px;
}
.intro-menu-sidebar .navbar-nav {
	display: block;
}
.intro-menu-sidebar .navbar{
	display: block;
}
@media (min-width: 992px) {
    .t4-col.sidebar-r.col-lg-3 {
        width: 30%;
    }
	.mod-news-feature.magz-layout.highlight-lists .main-item{width: 68.8%; padding-right: calc(var(--t4-gutter-x) * .5);}
	.mod-news-feature.magz-layout.highlight-lists .other-item{width: 31.2%; padding-left: calc(var(--t4-gutter-x) * .5);}
}

.Cert .block-left > div, .Cert .block-right > div{margin-bottom: 20px;}



.SuMenh .image-sm{
	margin-top: -30px;
	padding-right: 5px;
}

.SuMenh .block-sm{
	padding: 5px 0px;
	position: relative;
}
.SuMenh .block1{
	margin-left: -45px;
}
.SuMenh .block2{
	margin: 15px 0px;
}
.SuMenh .block3{
	margin-left: -45px;
}
.SuMenh .block-sm .image-thumb{
	width: 20%;
	position: absolute;
}
.SuMenh .block1 .image-thumb{bottom: 0px;}
.SuMenh .block-sm .content{
	width: 80%;
	float: right;
	padding-left: 10px;
}

.TamNhin h3{text-align: center;font-weight: bold;}
.SuMenh h3{padding-left: 50px;font-weight: bold;}
@media (max-width: 991px) {
	.TamNhin h3{text-align: left;padding-left: 20px;}
	.SuMenh h3{padding-left: 20px; margin-top: 50px;}
}

@media (max-width: 575px) {
	.SuMenh .image-sm{
		margin-top: 0px;
		padding-right: 0px;
		max-width: 160px;
	}
	.SuMenh .block1, .SuMenh .block2, .SuMenh .block3{margin-left: 0px;}
	.SuMenh .block1 .image-thumb{
		bottom: auto;
	}
	.SuMenh .block-sm .image-thumb{position: relative; float: left;}
}

/* Trang sản phẩm*/
.layout_product .item{
	padding-left: 8px;
	padding-right: 8px;
}
.layout_product .item .item-inner{
	border: 1px solid var(--t4-gray-400);
	border-radius: 20px;
	box-shadow: 0px 5px 3px var(--t4-gray-400);
	padding-bottom: 0px;
	margin-bottom: 20px;
	position: relative;
}
.layout_product .item .item-inner:hover{
	border-color: var(--HTS-orange);
	border-width: 2px;
}
.layout_product .item .item-inner .item-image{
	padding: 5px;
	border-radius: 20px 20px 0px 0px;
}
.layout_product .item .item-inner .intro-title{
	padding: 10px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: var(--t4-gray-400);
}
.blog.layout_product .item .page-header{
	margin-bottom: 0px;
}
.blog.layout_product .item h2{
	font-size: 1rem;
	margin-top: 0px;
	margin-bottom: 0px;
}
.blog.layout_product .intro-content{
	padding: 10px;
}
.blog.layout_product .intro-content .article-info{
	display: block;
	width: 60%;
	float: left;
	text-transform: none;
	padding: 10px 0px;
}
.blog.layout_product .intro-content .article-info .category-name [itemprop=genre]{
	font-size: 0.9rem;
    color: var(--gray-600);
}
.blog.layout_product .intro-content .readmore{
	display: block;
	width: 40%;
	float: left;
	margin: 0px!important;

	
}
.blog.layout_product .intro-content .readmore a{
	border: 2px solid var(--HTS-blue);
    padding: 10px 15px 8px;
    border-radius: 2rem;
    color: var(--HTS-blue);
    text-transform: uppercase;
    font-weight: bold;
	background: none;
}

.blog.layout_product .intro-content::after {
  content: " ";
  display: table;
  clear: both;
}

#product-layout-225{
	padding: 0px;
}
#product-layout-225 .header{
	background: url("../../images/cvi-line-style2.png") bottom center no-repeat;
	color: var(--HTS-green);
	text-transform: uppercase;
	font-style: italic;
	min-height: 106px;
	font-weight: bold;
}
#product-layout-225 .header .title{
    width: 400px;
    text-align: center;
    display: table-cell;
    vertical-align: bottom;
    height: 106px;
    font-size: 20px;
}
#product-layout-225 .header span{
	display: block;
  text-shadow:
    -1px -1px 0 var(--HTS-gray);,
     1px -1px 0 var(--HTS-gray);,
    -1px  1px 0 var(--HTS-gray);,
     1px  1px 0 var(--HTS-gray);;
}
#product-layout-225 .header .p2{font-size: 120%;}
#product-layout-225 .owl-carousel{
	background: var(--HTS-gray);
	padding: 30px 0px;
}
#product-layout-225 .item-inner{
	margin: 20px;
	background: white;
	
	border-radius: 10px;
}
#product-layout-225 .item-ct{
	padding: 10px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	height: 90px;
}
#product-layout-225 .item-ct a{
	color: var(--headings-color);
}
#product-layout-225 .image-block{
	box-shadow: inset 0 -5px 10px -5px rgba(0, 0, 0, 0.2);
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
}

.text_get_advise{
	text-transform: uppercase;
	text-align: center;
	margin: 20px 0px;
	padding: 20px 0px; 
	font-weight: bold;
	color: var(--HTS-green);
	font-size: 30px;
}
.text_get_advise .advise_text{display: inline-block;}
.text_get_advise .advise_hotline{
    display: inline-block;
    background: var(--HTS-gradient);
    position: relative;
    padding-left: 56px;
    padding-right: 20px;
    border-radius: 22px;
    color: white;
    height: 44px;
	
}
.text_get_advise .phone-icon{
    padding: 8px;
    font-size: 20px;
    color: white;
    background: var(--HTS-green);
    border-radius: 22px;
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
}
.product-page #t4-main-body .t4-section-inner .t4-row > .t4-col{
	
}
.product-page .nav-item h2{
	margin: 0px;
}
@media (max-width: 575.98px) {
	.product-page .search-wrapper.position-absolute{
		position: static!important;
		margin-bottom: 10px;
	}
}


.bottom-product-info{padding-top: 20px;}
.com-content-category-blog.product-page{
	padding-top: 0rem;
}
.dropdown .btn.btn-secondary{
	background: var(--HTS-blue-social);
	border-color: var(--HTS-blue);
}

.danhmuc-sanpham .dropdown-menu > li > a {
    font-weight: bold;
}

#sync2product .owl-item{max-width: 25%;}
.Product-detail .product-body .tab-content{
	border: 1px solid var(--HTS-gray);
	padding: 20px;
}
.Product-detail .product-body .nav-tabs a{
	font-weight: bold;
	color: var(--HTS-blue);
	text-transform: uppercase;
}
.Product-detail .product-body .nav-tabs .nav-link.active{
	background: none;
	border: 1px solid var(--HTS-orange);
	border-bottom: 5px solid var(--HTS-orange);
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.Product-detail .slogan-cvi{
	padding: 20px 0px;
	border-top: 1px solid var(--HTS-blue);
	border-bottom: 1px solid var(--HTS-blue);
	font-weight: bold;
}
.Product-detail .desc-product{
	padding: 20px 0px;
}
.product-item-extra{
	position: absolute;
	top: 0px;
}
.product-item-extra > div{
	display: inline-block;
}
.product-item-extra .newproduct{
	padding: 5px;
}

/* Trang Quy Trình */
h2.cat-title{margin-top: 15px;}
.cat-title a{
	color: var(--HTS-green);
	font-weight: bold;
}
.page-quytrinh .HTS-heading{
	background: url("../../images/cvi-line-style3.png") bottom center no-repeat;
}
.page-quytrinh .BlockCategory{
	border: none;
	background: var(--HTS-gray);
	padding-top: 0px;
	padding-bottom: 30px;
	margin: 0px;
}
.page-quytrinh .cat-item-inner{
	position:relative;
}
.page-quytrinh .category-image{
	border-radius: var(--t4-border-radius);
	overflow: hidden;
}
.page-quytrinh .category-title{
	position: absolute;
	bottom: 0px;
	padding: 10px;
}
.page-quytrinh .category-title a{
	text-transform: uppercase;
    font-weight: bold;
	font-size: 1.5rem;	
	color: white;
	text-shadow: 2px 2px 2px var(--gray-900);
	
}
@media (max-width: 991.98px) {
	.page-quytrinh .category-title a{font-size: 1.2rem;}
}
@media (max-width: 499.98px) {
	.page-quytrinh .category-title a{font-size: 0.8rem;}
}
.page-quytrinh .HTS-OtherCat{margin-top: 10px;}

.page-quytrinh-inner .page-header h2 a, .cat-clip-title .page-header h2 a, .page-quytrinh-inner .item-intro a, .cat-clip-title .item-intro a{
	display: -webkit-box;
	-webkit-line-clamp: 2; /* Số dòng tối đa bạn muốn hiển thị */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis; /* Tự động thêm dấu "..." */
	word-break: normal; 
	overflow-wrap: break-word;
}
.page-quytrinh-inner .item-intro, .cat-clip-title .item-intro{-webkit-line-clamp: 4;}
@media (max-width: 499.98px) {
	.page-quytrinh-inner .page-header h2 a, .cat-clip-title .page-header h2 a{
	display: Block;}
}

.mod-danhmuc-caytrong{
	border: none;
	padding: 0px;
	margin: 0px;
	
}
.mod-danhmuc-caytrong .navbar{padding: 0px;}
.nav.danhmuc-caytrong{
	flex-direction: row;
	border: 1px solid var(--t4-gray-500);
	border-radius: 20px;
}
.nav.danhmuc-caytrong li{
	padding: 5px 15px;
	text-transform: uppercase;
	font-size: 15px;
	
}
.nav.danhmuc-caytrong li.current{
	border: 2px solid var(--HTS-orange);
	border-radius: 20px;
	background: var(--t4-gray-100);
	color: var(--t4-gray-900);
	
}
.nav.danhmuc-caytrong li.current a{
	font-weight: bold;
}

.magz-layout .main-item h3.item-title, .magz-layout .main-item .item-title.h3{
	font-weight: bold;
}
/* Trang Tin Tức */
.mod-news-feature{
	margin-top: 50px;
}
.mod-tuyen-dung .item-title{
	margin-bottom: 10px;
}
.mod-tuyen-dung .magz-layout.list-layout .item-inner{
	margin-bottom: 10px;
}
.mod-tuyen-dung .item-meta, .mod-news-feature .item-meta{margin-bottom: 0px;;}
.mod-tuyen-dung .blog-item{
	padding-top: 10px;
	padding-bottom: 10px;
}
.mod-tuyen-dung .blog-item .item-ct{
	display: list-item;
	list-style-type: disc;
	margin-left: 30px
}
.mod-tuyen-dung .v-gutters{
	margin-top: 0px;
}
.page-news .moduletable > h2{
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    padding: 0;
    text-transform: uppercase;
}
.page-news .mod-news-feature h2.module-title{display: none;}
.page-news .magz-layout.list-layout .item-inner{
	align-items: center;
}
.page-news .magz-layout h3.main-item-title{
	font-size: 1.5rem!important;
}
.page-news .magz-layout h3.other-item-title{
	font-size: 1rem!important;
	
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: normal; 
	overflow-wrap: break-word;
}
.mod-tuyen-dung h3.item-title, .mod-hts-news h3.item-title{
	font-weight: bold;
}
.mod-news-feature .other-item .blog-item.last-item{
	border-bottom: none;
}
.mod-hts-news .magz-layout .item-meta .item-date{
	text-transform: none;
}

.page-news .mostread > li .item-media img{
    max-width: 96px;
    max-height: none;
    height: auto;
}

.image-full .pull-left.item-image img, .image-full .item-image.pull-left img{
	object-fit: contain;
	height: auto;
}

.sidebar-r .module-title{
	font-size: 1rem;
	font-weight: bold;
	color: var(--t4-heading-color);
}
.page-tuyen-dung .category-desc{
	border: none;
	padding: 0px;
}
.page-tuyen-dung .category-desc > img {
    max-width: 100%;
	float: none;
}
@media (min-width: 768px) {
    .page-tuyen-dung .blog.layout_style_2_no_image .item-content {
        gap: 1rem;
    }
}


/* Trang Media */
.object-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transform: scale(1.01);
}
.video-items .page-header h2, .video-item.item-page .page-header h2{
	text-transform: none;
	font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.video-item.item-page .page-header h2{
	font-size: 24px;
	color: var(--body-text-color);
}
.mostread-video .item-media{
	width: 96px;
}
.mostread-video li .item-media a{
	position: absolute;
}
.menu-media{
	margin-top: 0px;
	margin-bottom: 20px;
}
.photo-library{
	background: var(--HTS-gray);
}
.photo-library .blog-item{
	padding: 8px;
}
.photo-library .blog-item-inner{
	padding: 10px;
	background: white;
	border-radius: 10px;
}
.ratio-3x2 {
  position: relative;
  width: 100%;
  padding-top: 66.6667%; /* 2/3 = 66.67% height để được 3:2 */
}

.ratio-3x2 > * {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* Trang liên hệ */

.page-contact #t4-main-body .t4-section-inner .t4-row > .t4-col{
	padding-top: 0px;
	padding-bottom: 0px;
}
.page-contact .headoffice{
	padding-top: 3rem;
	padding-bottom: 3rem;
	background: var(--HTS-gray);
}
.page-contact .headoffice .moduletable{
	height: 100%;
	background: white;
	border-radius: 25px;
	padding: 1.5rem;
}
.page-contact .moduletable{margin-bottom: 20px;}
.page-contact .moduletable h3{
	color: var(--HTS-green);
	font-family: "Roboto", sans-serif;
	font-size: 18px;
}

.email-form-contact form .control-group .control-label{
	float: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}
.email-form-contact form .control-group .controls{
	margin-left: 0px;
}
form:not(.form-no-margin) .control-group{
	margin-bottom: 10px;
}
form .control-group .controls input, form .control-group .controls textarea{
	width: 100%;
	border: 1px solid var(--HTS-blue-social);
	border-width: 1px;
	border-radius: 5px;
}
form .control-group .controls input:focus, form .control-group .controls textarea:focus{
	border: 1px solid var(--HTS-orange);
}
form .control-group .controls input:hover, form .control-group .controls textarea:hover{
	border: 1px solid var(--HTS-orange);
}
form .control-group .controls textarea{
	
}
.headoffice-top{
	font-size: 13px;
	color: var(--t4-gray-900);
	text-align: center;
	margin-bottom: 10px;
}
.headoffice-bottom{
	font-size: 13px;
	color: var(--t4-gray-900);
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}
.headoffice-top .title {
  font-weight: bold;
  font-size: 15px;
  position: relative;
}

.headoffice-top .title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%); /* canh giữa chính xác */
  width: 90px;
  height: 2px;
  background-color: var(--HTS-orange);
}
.headoffice-top i {
    color: var(--HTS-orange);
    font-size: 20px;
    margin-bottom: 10px;
	display: block;
}

@media (max-width: 991.98px) {
  .headoffice-top .title {
    width: 25%;
	float: left;
  }
}

.branch .moduletable{
	border: none;
	font-size: 13px;
}
.branch .moduletable .info td{
	vertical-align: top;
}
/*|---------------------------------------|*/
/*|           COPY FROM OLD WEB           |*/
/*|---------------------------------------|*/

.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  
}
.timeline::before {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #dfe5e6;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}
.timeline .Post {
  position: relative;
  background-color: inherit;
  width: 50%;
  
  
  
  
  
}
.timeline .Post::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: #F5F7F9;
  border: 4px solid #74b4e8;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
.timeline .Post.left {
  padding: 10px 30px 10px 0px;
  left: 0;
  
}
.timeline .Post.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 20px;
  border: medium solid #F5F7F9;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #F5F7F9;
}
.timeline .Post.right {
  padding: 10px 0px 10px 30px;
  left: 50%;
  
  
}
.timeline .Post.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 20px;
  border: medium solid #F5F7F9;
  border-width: 10px 10px 10px 0;
  border-color: transparent #F5F7F9 transparent transparent;
}
.timeline .Post.right::after {
  left: -13px;
}
.timeline .Post.full {
  padding: 0px;
  margin: 20px 0px;
  width: 100%;
  left: 0;
  
}
.timeline .Post.full::before {
  position: relative;
  display: block;
  margin: auto;
  right: 0px;
  content: '';
  width: 25px;
  height: 25px;
  background-color: #F5F7F9;
  border: 4px solid #74b4e8;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
.timeline .Post.full.first {
  margin-top: 0px;
}
.timeline .Post.full.first::before {
  display: none;
}
.timeline .Post.full::after {
  display: none;
}
.timeline .Post.full .content {
  background-color: #efdcbc;
  color: #3c7883;
}
.timeline .Post .content {
  padding: 20px 30px;
  background-color: #F5F7F9;
  position: relative;
  border-radius: 6px;
}
@media screen and (max-width: 600px) {
  .timeline {
    
    
  }
  .timeline::after {
    left: 31px;
  }
  .timeline .Post {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .timeline .Post::before {
    left: 60px;
    border: medium solid #F5F7F9;
    border-width: 10px 10px 10px 0;
    border-color: transparent #F5F7F9 transparent transparent;
  }
  .timeline .Post.left::after,
  .timeline .Post.right::after {
    left: 0px;
  }
  .timeline .Post.left,
  .timeline .Post.right,
  .timeline .Post.full {
    left: 0%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .timeline .Post.left::before,
  .timeline .Post.right::before,
  .timeline .Post.full::before {
    position: relative;
    display: block;
    margin: auto;
    right: 0px;
    left: 0px;
    content: '';
    width: 25px;
    height: 25px;
    background-color: #F5F7F9;
    border: 4px solid #74b4e8;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
  }
  .timeline .Post.left::after,
  .timeline .Post.right::after,
  .timeline .Post.full::after {
    display: none;
  }
}

/*End Time line Intro Page*/

ul.FA {
  list-style: none;
}
ul.FA:before {
  display: none;
}
ul.FA > li:before {
  font-family: 'FontAwesome';
  margin: 0px 10px 0px -29px;
}
ul.FA.Green > li:before {
  color: #4b7c06;
}
ul.FA.Blue > li:before {
  color: #74b4e8;
}
ul.FA.Green2 > li:before {
  color: #3c6405;
}
ul.FA.xBlue2 > li:before {
  color: #008080;
}
ul.FA.check-circle > li:before {
  content: '\f058';
}
ul.FA.fa-dot-circle-o > li:before {
  content: '\f192';
}
ul.FA.fa-check > li:before {
  content: '\f00c';
}
ul.FA.fa-cog > li:before {
  content: '\f013';
}

/* Table */


/* Block */
.Block {
  width: 100%;
  display: block;
}

.Block.B-10 > .inner {
  width: 10%;
}
.Block.B-9 > .inner {
  width: 11.11%;
}
.Block.B-8 > .inner {
  width: 12.5%;
}
.Block.B-7 > .inner {
  width: 14.28%;
}
.Block.B-6 > .inner {
  width: 16.66%;
}
.Block.B-5 > .inner {
  width: 20%;
}
.Block.B-4 > .inner {
  width: 25%;
}
.Block.B-3 > .inner {
  width: 33.33%;
}
.Block.B-2 > .inner {
  width: 50%;
}
.Block.B-10.X2 > .inner {
  width: 20%;
}
.Block > .inner {
  display: block;
  padding: 8px;
  float: left;
}
.Block.unpad > .inner {
  padding: 0px;
}
@media (max-width: 991px) {
  .Block.B-wrap.B-10 > .inner,
  .Block.B-wrap.B-9 > .inner {
    width: 20%;
  }
  .Block.B-wrap.B-8 > .inner,
  .Block.B-wrap.B-7 > .inner {
    width: 25%;
  }
  .Block.B-wrap.B-6 > .inner,
  .Block.B-wrap.B-5 > .inner {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .Block.B-wrap.B-10 > .inner {
    width: 25%;
  }
  .Block.B-wrap.B-9 > .inner,
  .Block.B-wrap.B-7 > .inner,
  .Block.B-wrap.B-5 > .inner,
  .Block.B-wrap.B-3 > .inner {
    width: 33.33%;
  }
  .Block.B-wrap.B-8 > .inner,
  .Block.B-wrap.B-6 > .inner,
  .Block.B-wrap.B-4 > .inner,
  .Block.B-wrap.B-2 > .inner {
    width: 50%;
  }
  .Block.B-wrap.B-8.sm-wrap > .inner,
  .Block.B-wrap.B-6.sm-wrap > .inner,
  .Block.B-wrap.B-4.sm-wrap > .inner,
  .Block.B-wrap.B-2.sm-wrap > .inner {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 567px) {
  .Block.B-wrap.B-10 > .inner,
  .Block.B-wrap.B-9 > .inner,
  .Block.B-wrap.B-8 > .inner,
  .Block.B-wrap.B-7 > .inner,
  .Block.B-wrap.B-6 > .inner,
  .Block.B-wrap.B-5 > .inner,
  .Block.B-wrap.B-4 > .inner,
  .Block.B-wrap.B-3 > .inner,
  .Block.B-wrap.B-2 > .inner {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
  }
  .Block.B-wrap.B-10.xs-50 > .inner,
  .Block.B-wrap.B-9.xs-50 > .inner,
  .Block.B-wrap.B-8.xs-50 > .inner,
  .Block.B-wrap.B-7.xs-50 > .inner,
  .Block.B-wrap.B-6.xs-50 > .inner,
  .Block.B-wrap.B-5.xs-50 > .inner,
  .Block.B-wrap.B-4.xs-50 > .inner,
  .Block.B-wrap.B-3.xs-50 > .inner,
  .Block.B-wrap.B-2.xs-50 > .inner {
    width: 50%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 767px) {
  .Block.B-wrap-smart.B-10 > .inner {
    width: 20%;
  }
  .Block.B-wrap-smart.B-9 > .inner {
    width: 33.33%;
  }
  .Block.B-wrap-smart.B-8 > .inner {
    width: 25%;
  }
  .Block.B-wrap-smart.B-6 > .inner,
  .Block.B-wrap-smart.B-4 > .inner {
    width: 50%;
  }
  .Block.B-wrap-smart.B-3.sm-wrap > .inner {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 567px) {
  .Block.B-wrap-smart.B-10 > .inner,
  .Block.B-wrap-smart.B-9 > .inner,
  .Block.B-wrap-smart.B-8 > .inner,
  .Block.B-wrap-smart.B-7 > .inner,
  .Block.B-wrap-smart.B-6 > .inner,
  .Block.B-wrap-smart.B-5 > .inner,
  .Block.B-wrap-smart.B-4 > .inner,
  .Block.B-wrap-smart.B-3 > .inner,
  .Block.B-wrap-smart.B-2 > .inner {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
  }
  .Block.B-wrap-smart.B-10.xs-50 > .inner,
  .Block.B-wrap-smart.B-9.xs-50 > .inner,
  .Block.B-wrap-smart.B-8.xs-50 > .inner,
  .Block.B-wrap-smart.B-7.xs-50 > .inner,
  .Block.B-wrap-smart.B-6.xs-50 > .inner,
  .Block.B-wrap-smart.B-5.xs-50 > .inner,
  .Block.B-wrap-smart.B-4.xs-50 > .inner,
  .Block.B-wrap-smart.B-3.xs-50 > .inner,
  .Block.B-wrap-smart.B-2.xs-50 > .inner {
    width: 50%;
    float: left;
  }
}
.Block::before {
  content: " ";
  display: table;
}
.Block::after {
  content: " ";
  display: table;
  clear: both;
}

.Split {
  width: 100%;
  display: block;
}
.Split > div {
  display: block;
  padding: 8px;
  float: left;
}
.Split > div.S-9 {
  width: 90%;
}
.Split > div.S-91 {
  width: 91%;
}
.Split > div.S-92 {
  width: 92%;
}
.Split > div.S-93 {
  width: 93%;
}
.Split > div.S-94 {
  width: 94%;
}
.Split > div.S-95 {
  width: 95%;
}
.Split > div.S-96 {
  width: 96%;
}
.Split > div.S-97 {
  width: 97%;
}
.Split > div.S-98 {
  width: 98%;
}
.Split > div.S-99 {
  width: 99%;
}
.Split > div.S-8 {
  width: 80%;
}
.Split > div.S-81 {
  width: 81%;
}
.Split > div.S-82 {
  width: 82%;
}
.Split > div.S-83 {
  width: 83%;
}
.Split > div.S-84 {
  width: 84%;
}
.Split > div.S-85 {
  width: 85%;
}
.Split > div.S-86 {
  width: 86%;
}
.Split > div.S-87 {
  width: 87%;
}
.Split > div.S-88 {
  width: 88%;
}
.Split > div.S-89 {
  width: 89%;
}
.Split > div.S-7 {
  width: 70%;
}
.Split > div.S-71 {
  width: 71%;
}
.Split > div.S-72 {
  width: 72%;
}
.Split > div.S-73 {
  width: 73%;
}
.Split > div.S-74 {
  width: 74%;
}
.Split > div.S-75 {
  width: 75%;
}
.Split > div.S-76 {
  width: 76%;
}
.Split > div.S-77 {
  width: 77%;
}
.Split > div.S-78 {
  width: 78%;
}
.Split > div.S-79 {
  width: 79%;
}
.Split > div.S-6 {
  width: 60%;
}
.Split > div.S-61 {
  width: 61%;
}
.Split > div.S-62 {
  width: 62%;
}
.Split > div.S-63 {
  width: 63%;
}
.Split > div.S-64 {
  width: 64%;
}
.Split > div.S-65 {
  width: 65%;
}
.Split > div.S-66 {
  width: 66%;
}
.Split > div.S-67 {
  width: 67%;
}
.Split > div.S-68 {
  width: 68%;
}
.Split > div.S-69 {
  width: 69%;
}
.Split > div.S-5 {
  width: 50%;
}
.Split > div.S-51 {
  width: 51%;
}
.Split > div.S-52 {
  width: 52%;
}
.Split > div.S-53 {
  width: 53%;
}
.Split > div.S-54 {
  width: 54%;
}
.Split > div.S-55 {
  width: 55%;
}
.Split > div.S-56 {
  width: 56%;
}
.Split > div.S-57 {
  width: 57%;
}
.Split > div.S-58 {
  width: 58%;
}
.Split > div.S-59 {
  width: 59%;
}
.Split > div.S-4 {
  width: 40%;
}
.Split > div.S-41 {
  width: 41%;
}
.Split > div.S-42 {
  width: 42%;
}
.Split > div.S-43 {
  width: 43%;
}
.Split > div.S-44 {
  width: 44%;
}
.Split > div.S-45 {
  width: 45%;
}
.Split > div.S-46 {
  width: 46%;
}
.Split > div.S-47 {
  width: 47%;
}
.Split > div.S-48 {
  width: 48%;
}
.Split > div.S-49 {
  width: 49%;
}
.Split > div.S-3 {
  width: 30%;
}
.Split > div.S-31 {
  width: 31%;
}
.Split > div.S-32 {
  width: 32%;
}
.Split > div.S-33 {
  width: 33%;
}
.Split > div.S-34 {
  width: 34%;
}
.Split > div.S-35 {
  width: 35%;
}
.Split > div.S-36 {
  width: 36%;
}
.Split > div.S-37 {
  width: 37%;
}
.Split > div.S-38 {
  width: 38%;
}
.Split > div.S-39 {
  width: 39%;
}
.Split > div.S-2 {
  width: 20%;
}
.Split > div.S-21 {
  width: 21%;
}
.Split > div.S-22 {
  width: 22%;
}
.Split > div.S-23 {
  width: 23%;
}
.Split > div.S-24 {
  width: 24%;
}
.Split > div.S-25 {
  width: 25%;
}
.Split > div.S-26 {
  width: 26%;
}
.Split > div.S-27 {
  width: 27%;
}
.Split > div.S-28 {
  width: 28%;
}
.Split > div.S-29 {
  width: 29%;
}
.Split > div.S-1 {
  width: 10%;
}
.Split > div.S-11 {
  width: 11%;
}
.Split > div.S-12 {
  width: 12%;
}
.Split > div.S-13 {
  width: 13%;
}
.Split > div.S-14 {
  width: 14%;
}
.Split > div.S-15 {
  width: 15%;
}
.Split > div.S-16 {
  width: 16%;
}
.Split > div.S-17 {
  width: 17%;
}
.Split > div.S-18 {
  width: 18%;
}
.Split > div.S-19 {
  width: 19%;
}
.Split > div.S-01 {
  width: 01%;
}
.Split > div.S-02 {
  width: 02%;
}
.Split > div.S-03 {
  width: 03%;
}
.Split > div.S-04 {
  width: 04%;
}
.Split > div.S-05 {
  width: 05%;
}
.Split > div.S-06 {
  width: 06%;
}
.Split > div.S-07 {
  width: 07%;
}
.Split > div.S-08 {
  width: 08%;
}
.Split > div.S-09 {
  width: 09%;
}
.Split.unpad > div {
  padding: 0px;
}
@media (max-width: 767px) {
  .Split.S-wrap.sm-wrap > div.S-9,
  .Split.S-wrap.sm-wrap > div.S-8,
  .Split.S-wrap.sm-wrap > div.S-7,
  .Split.S-wrap.sm-wrap > div.S-6,
  .Split.S-wrap.sm-wrap > div.S-5,
  .Split.S-wrap.sm-wrap > div.S-4,
  .Split.S-wrap.sm-wrap > div.S-3,
  .Split.S-wrap.sm-wrap > div.S-2,
  .Split.S-wrap.sm-wrap > div.S-1,
  .Split.S-wrap.sm-wrap > div.S-0 {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
  }
  .Split.S-wrap.sm-wrap > div.S-0 {
    width: 100% !important;
  }
  .Split.S-wrap.sm-wrap > div.S-9,
  .Split.S-wrap.sm-wrap > div.S-91,
  .Split.S-wrap.sm-wrap > div.S-92,
  .Split.S-wrap.sm-wrap > div.S-93,
  .Split.S-wrap.sm-wrap > div.S-94,
  .Split.S-wrap.sm-wrap > div.S-95,
  .Split.S-wrap.sm-wrap > div.S-96,
  .Split.S-wrap.sm-wrap > div.S-97,
  .Split.S-wrap.sm-wrap > div.S-98,
  .Split.S-wrap.sm-wrap > div.S-99,
  .Split.S-wrap.sm-wrap > div.S-8,
  .Split.S-wrap.sm-wrap > div.S-81,
  .Split.S-wrap.sm-wrap > div.S-82,
  .Split.S-wrap.sm-wrap > div.S-83,
  .Split.S-wrap.sm-wrap > div.S-84,
  .Split.S-wrap.sm-wrap > div.S-85,
  .Split.S-wrap.sm-wrap > div.S-86,
  .Split.S-wrap.sm-wrap > div.S-87,
  .Split.S-wrap.sm-wrap > div.S-88,
  .Split.S-wrap.sm-wrap > div.S-89,
  .Split.S-wrap.sm-wrap > div.S-7,
  .Split.S-wrap.sm-wrap > div.S-71,
  .Split.S-wrap.sm-wrap > div.S-72,
  .Split.S-wrap.sm-wrap > div.S-73,
  .Split.S-wrap.sm-wrap > div.S-74,
  .Split.S-wrap.sm-wrap > div.S-75,
  .Split.S-wrap.sm-wrap > div.S-76,
  .Split.S-wrap.sm-wrap > div.S-77,
  .Split.S-wrap.sm-wrap > div.S-78,
  .Split.S-wrap.sm-wrap > div.S-79,
  .Split.S-wrap.sm-wrap > div.S-6,
  .Split.S-wrap.sm-wrap > div.S-61,
  .Split.S-wrap.sm-wrap > div.S-62,
  .Split.S-wrap.sm-wrap > div.S-63,
  .Split.S-wrap.sm-wrap > div.S-64,
  .Split.S-wrap.sm-wrap > div.S-65,
  .Split.S-wrap.sm-wrap > div.S-66,
  .Split.S-wrap.sm-wrap > div.S-67,
  .Split.S-wrap.sm-wrap > div.S-68,
  .Split.S-wrap.sm-wrap > div.S-69,
  .Split.S-wrap.sm-wrap > div.S-5,
  .Split.S-wrap.sm-wrap > div.S-51,
  .Split.S-wrap.sm-wrap > div.S-52,
  .Split.S-wrap.sm-wrap > div.S-53,
  .Split.S-wrap.sm-wrap > div.S-54,
  .Split.S-wrap.sm-wrap > div.S-55,
  .Split.S-wrap.sm-wrap > div.S-56,
  .Split.S-wrap.sm-wrap > div.S-57,
  .Split.S-wrap.sm-wrap > div.S-58,
  .Split.S-wrap.sm-wrap > div.S-59,
  .Split.S-wrap.sm-wrap > div.S-4,
  .Split.S-wrap.sm-wrap > div.S-41,
  .Split.S-wrap.sm-wrap > div.S-42,
  .Split.S-wrap.sm-wrap > div.S-43,
  .Split.S-wrap.sm-wrap > div.S-44,
  .Split.S-wrap.sm-wrap > div.S-45,
  .Split.S-wrap.sm-wrap > div.S-46,
  .Split.S-wrap.sm-wrap > div.S-47,
  .Split.S-wrap.sm-wrap > div.S-48,
  .Split.S-wrap.sm-wrap > div.S-49,
  .Split.S-wrap.sm-wrap > div.S-3,
  .Split.S-wrap.sm-wrap > div.S-31,
  .Split.S-wrap.sm-wrap > div.S-32,
  .Split.S-wrap.sm-wrap > div.S-33,
  .Split.S-wrap.sm-wrap > div.S-34,
  .Split.S-wrap.sm-wrap > div.S-35,
  .Split.S-wrap.sm-wrap > div.S-36,
  .Split.S-wrap.sm-wrap > div.S-37,
  .Split.S-wrap.sm-wrap > div.S-38,
  .Split.S-wrap.sm-wrap > div.S-39,
  .Split.S-wrap.sm-wrap > div.S-2,
  .Split.S-wrap.sm-wrap > div.S-21,
  .Split.S-wrap.sm-wrap > div.S-22,
  .Split.S-wrap.sm-wrap > div.S-23,
  .Split.S-wrap.sm-wrap > div.S-24,
  .Split.S-wrap.sm-wrap > div.S-25,
  .Split.S-wrap.sm-wrap > div.S-26,
  .Split.S-wrap.sm-wrap > div.S-27,
  .Split.S-wrap.sm-wrap > div.S-28,
  .Split.S-wrap.sm-wrap > div.S-29,
  .Split.S-wrap.sm-wrap > div.S-1,
  .Split.S-wrap.sm-wrap > div.S-11,
  .Split.S-wrap.sm-wrap > div.S-12,
  .Split.S-wrap.sm-wrap > div.S-13,
  .Split.S-wrap.sm-wrap > div.S-14,
  .Split.S-wrap.sm-wrap > div.S-15,
  .Split.S-wrap.sm-wrap > div.S-16,
  .Split.S-wrap.sm-wrap > div.S-17,
  .Split.S-wrap.sm-wrap > div.S-18,
  .Split.S-wrap.sm-wrap > div.S-19,
  .Split.S-wrap.sm-wrap > div.S-0,
  .Split.S-wrap.sm-wrap > div.S-01,
  .Split.S-wrap.sm-wrap > div.S-02,
  .Split.S-wrap.sm-wrap > div.S-03,
  .Split.S-wrap.sm-wrap > div.S-04,
  .Split.S-wrap.sm-wrap > div.S-05,
  .Split.S-wrap.sm-wrap > div.S-06,
  .Split.S-wrap.sm-wrap > div.S-07,
  .Split.S-wrap.sm-wrap > div.S-08,
  .Split.S-wrap.sm-wrap > div.S-09 {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 567px) {
  .Split.S-wrap > div.S-9,
  .Split.S-wrap > div.S-8,
  .Split.S-wrap > div.S-7,
  .Split.S-wrap > div.S-6,
  .Split.S-wrap > div.S-5,
  .Split.S-wrap > div.S-4,
  .Split.S-wrap > div.S-3,
  .Split.S-wrap > div.S-2,
  .Split.S-wrap > div.S-1,
  .Split.S-wrap > div.S-0 {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
  }
  .Split.S-wrap > div.S-0 {
    width: 100% !important;
  }
  .Split.S-wrap > div.S-9,
  .Split.S-wrap > div.S-91,
  .Split.S-wrap > div.S-92,
  .Split.S-wrap > div.S-93,
  .Split.S-wrap > div.S-94,
  .Split.S-wrap > div.S-95,
  .Split.S-wrap > div.S-96,
  .Split.S-wrap > div.S-97,
  .Split.S-wrap > div.S-98,
  .Split.S-wrap > div.S-99,
  .Split.S-wrap > div.S-8,
  .Split.S-wrap > div.S-81,
  .Split.S-wrap > div.S-82,
  .Split.S-wrap > div.S-83,
  .Split.S-wrap > div.S-84,
  .Split.S-wrap > div.S-85,
  .Split.S-wrap > div.S-86,
  .Split.S-wrap > div.S-87,
  .Split.S-wrap > div.S-88,
  .Split.S-wrap > div.S-89,
  .Split.S-wrap > div.S-7,
  .Split.S-wrap > div.S-71,
  .Split.S-wrap > div.S-72,
  .Split.S-wrap > div.S-73,
  .Split.S-wrap > div.S-74,
  .Split.S-wrap > div.S-75,
  .Split.S-wrap > div.S-76,
  .Split.S-wrap > div.S-77,
  .Split.S-wrap > div.S-78,
  .Split.S-wrap > div.S-79,
  .Split.S-wrap > div.S-6,
  .Split.S-wrap > div.S-61,
  .Split.S-wrap > div.S-62,
  .Split.S-wrap > div.S-63,
  .Split.S-wrap > div.S-64,
  .Split.S-wrap > div.S-65,
  .Split.S-wrap > div.S-66,
  .Split.S-wrap > div.S-67,
  .Split.S-wrap > div.S-68,
  .Split.S-wrap > div.S-69,
  .Split.S-wrap > div.S-5,
  .Split.S-wrap > div.S-51,
  .Split.S-wrap > div.S-52,
  .Split.S-wrap > div.S-53,
  .Split.S-wrap > div.S-54,
  .Split.S-wrap > div.S-55,
  .Split.S-wrap > div.S-56,
  .Split.S-wrap > div.S-57,
  .Split.S-wrap > div.S-58,
  .Split.S-wrap > div.S-59,
  .Split.S-wrap > div.S-4,
  .Split.S-wrap > div.S-41,
  .Split.S-wrap > div.S-42,
  .Split.S-wrap > div.S-43,
  .Split.S-wrap > div.S-44,
  .Split.S-wrap > div.S-45,
  .Split.S-wrap > div.S-46,
  .Split.S-wrap > div.S-47,
  .Split.S-wrap > div.S-48,
  .Split.S-wrap > div.S-49,
  .Split.S-wrap > div.S-3,
  .Split.S-wrap > div.S-31,
  .Split.S-wrap > div.S-32,
  .Split.S-wrap > div.S-33,
  .Split.S-wrap > div.S-34,
  .Split.S-wrap > div.S-35,
  .Split.S-wrap > div.S-36,
  .Split.S-wrap > div.S-37,
  .Split.S-wrap > div.S-38,
  .Split.S-wrap > div.S-39,
  .Split.S-wrap > div.S-2,
  .Split.S-wrap > div.S-21,
  .Split.S-wrap > div.S-22,
  .Split.S-wrap > div.S-23,
  .Split.S-wrap > div.S-24,
  .Split.S-wrap > div.S-25,
  .Split.S-wrap > div.S-26,
  .Split.S-wrap > div.S-27,
  .Split.S-wrap > div.S-28,
  .Split.S-wrap > div.S-29,
  .Split.S-wrap > div.S-1,
  .Split.S-wrap > div.S-11,
  .Split.S-wrap > div.S-12,
  .Split.S-wrap > div.S-13,
  .Split.S-wrap > div.S-14,
  .Split.S-wrap > div.S-15,
  .Split.S-wrap > div.S-16,
  .Split.S-wrap > div.S-17,
  .Split.S-wrap > div.S-18,
  .Split.S-wrap > div.S-19,
  .Split.S-wrap > div.S-0,
  .Split.S-wrap > div.S-01,
  .Split.S-wrap > div.S-02,
  .Split.S-wrap > div.S-03,
  .Split.S-wrap > div.S-04,
  .Split.S-wrap > div.S-05,
  .Split.S-wrap > div.S-06,
  .Split.S-wrap > div.S-07,
  .Split.S-wrap > div.S-08,
  .Split.S-wrap > div.S-09 {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
  }
  .Split.S-wrap.xs-50 > div.S-9,
  .Split.S-wrap.xs-50 > div.S-8,
  .Split.S-wrap.xs-50 > div.S-7,
  .Split.S-wrap.xs-50 > div.S-6,
  .Split.S-wrap.xs-50 > div.S-5,
  .Split.S-wrap.xs-50 > div.S-4,
  .Split.S-wrap.xs-50 > div.S-3,
  .Split.S-wrap.xs-50 > div.S-2,
  .Split.S-wrap.xs-50 > div.S-1,
  .Split.S-wrap.xs-50 > div.S-0 {
    width: 50%;
    float: left;
  }
  .Split.S-wrap.xs-50 > div.S-0 {
    width: 50% !important;
  }
  .Split.S-wrap.xs-50 > div.S-9,
  .Split.S-wrap.xs-50 > div.S-91,
  .Split.S-wrap.xs-50 > div.S-92,
  .Split.S-wrap.xs-50 > div.S-93,
  .Split.S-wrap.xs-50 > div.S-94,
  .Split.S-wrap.xs-50 > div.S-95,
  .Split.S-wrap.xs-50 > div.S-96,
  .Split.S-wrap.xs-50 > div.S-97,
  .Split.S-wrap.xs-50 > div.S-98,
  .Split.S-wrap.xs-50 > div.S-99,
  .Split.S-wrap.xs-50 > div.S-8,
  .Split.S-wrap.xs-50 > div.S-81,
  .Split.S-wrap.xs-50 > div.S-82,
  .Split.S-wrap.xs-50 > div.S-83,
  .Split.S-wrap.xs-50 > div.S-84,
  .Split.S-wrap.xs-50 > div.S-85,
  .Split.S-wrap.xs-50 > div.S-86,
  .Split.S-wrap.xs-50 > div.S-87,
  .Split.S-wrap.xs-50 > div.S-88,
  .Split.S-wrap.xs-50 > div.S-89,
  .Split.S-wrap.xs-50 > div.S-7,
  .Split.S-wrap.xs-50 > div.S-71,
  .Split.S-wrap.xs-50 > div.S-72,
  .Split.S-wrap.xs-50 > div.S-73,
  .Split.S-wrap.xs-50 > div.S-74,
  .Split.S-wrap.xs-50 > div.S-75,
  .Split.S-wrap.xs-50 > div.S-76,
  .Split.S-wrap.xs-50 > div.S-77,
  .Split.S-wrap.xs-50 > div.S-78,
  .Split.S-wrap.xs-50 > div.S-79,
  .Split.S-wrap.xs-50 > div.S-6,
  .Split.S-wrap.xs-50 > div.S-61,
  .Split.S-wrap.xs-50 > div.S-62,
  .Split.S-wrap.xs-50 > div.S-63,
  .Split.S-wrap.xs-50 > div.S-64,
  .Split.S-wrap.xs-50 > div.S-65,
  .Split.S-wrap.xs-50 > div.S-66,
  .Split.S-wrap.xs-50 > div.S-67,
  .Split.S-wrap.xs-50 > div.S-68,
  .Split.S-wrap.xs-50 > div.S-69,
  .Split.S-wrap.xs-50 > div.S-5,
  .Split.S-wrap.xs-50 > div.S-51,
  .Split.S-wrap.xs-50 > div.S-52,
  .Split.S-wrap.xs-50 > div.S-53,
  .Split.S-wrap.xs-50 > div.S-54,
  .Split.S-wrap.xs-50 > div.S-55,
  .Split.S-wrap.xs-50 > div.S-56,
  .Split.S-wrap.xs-50 > div.S-57,
  .Split.S-wrap.xs-50 > div.S-58,
  .Split.S-wrap.xs-50 > div.S-59,
  .Split.S-wrap.xs-50 > div.S-4,
  .Split.S-wrap.xs-50 > div.S-41,
  .Split.S-wrap.xs-50 > div.S-42,
  .Split.S-wrap.xs-50 > div.S-43,
  .Split.S-wrap.xs-50 > div.S-44,
  .Split.S-wrap.xs-50 > div.S-45,
  .Split.S-wrap.xs-50 > div.S-46,
  .Split.S-wrap.xs-50 > div.S-47,
  .Split.S-wrap.xs-50 > div.S-48,
  .Split.S-wrap.xs-50 > div.S-49,
  .Split.S-wrap.xs-50 > div.S-3,
  .Split.S-wrap.xs-50 > div.S-31,
  .Split.S-wrap.xs-50 > div.S-32,
  .Split.S-wrap.xs-50 > div.S-33,
  .Split.S-wrap.xs-50 > div.S-34,
  .Split.S-wrap.xs-50 > div.S-35,
  .Split.S-wrap.xs-50 > div.S-36,
  .Split.S-wrap.xs-50 > div.S-37,
  .Split.S-wrap.xs-50 > div.S-38,
  .Split.S-wrap.xs-50 > div.S-39,
  .Split.S-wrap.xs-50 > div.S-2,
  .Split.S-wrap.xs-50 > div.S-21,
  .Split.S-wrap.xs-50 > div.S-22,
  .Split.S-wrap.xs-50 > div.S-23,
  .Split.S-wrap.xs-50 > div.S-24,
  .Split.S-wrap.xs-50 > div.S-25,
  .Split.S-wrap.xs-50 > div.S-26,
  .Split.S-wrap.xs-50 > div.S-27,
  .Split.S-wrap.xs-50 > div.S-28,
  .Split.S-wrap.xs-50 > div.S-29,
  .Split.S-wrap.xs-50 > div.S-1,
  .Split.S-wrap.xs-50 > div.S-11,
  .Split.S-wrap.xs-50 > div.S-12,
  .Split.S-wrap.xs-50 > div.S-13,
  .Split.S-wrap.xs-50 > div.S-14,
  .Split.S-wrap.xs-50 > div.S-15,
  .Split.S-wrap.xs-50 > div.S-16,
  .Split.S-wrap.xs-50 > div.S-17,
  .Split.S-wrap.xs-50 > div.S-18,
  .Split.S-wrap.xs-50 > div.S-19,
  .Split.S-wrap.xs-50 > div.S-0,
  .Split.S-wrap.xs-50 > div.S-01,
  .Split.S-wrap.xs-50 > div.S-02,
  .Split.S-wrap.xs-50 > div.S-03,
  .Split.S-wrap.xs-50 > div.S-04,
  .Split.S-wrap.xs-50 > div.S-05,
  .Split.S-wrap.xs-50 > div.S-06,
  .Split.S-wrap.xs-50 > div.S-07,
  .Split.S-wrap.xs-50 > div.S-08,
  .Split.S-wrap.xs-50 > div.S-09 {
    width: 50%;
    float: left;
  }
}
.Split::before {
  content: " ";
  display: table;
}
.Split::after {
  content: " ";
  display: table;
  clear: both;
}

.W100 {
  max-width: 100px;
}
.W200 {
  max-width: 200px;
}
.W300 {
  max-width: 300px;
}
.W400 {
  max-width: 400px;
}
.W500 {
  max-width: 500px;
}
.W600 {
  max-width: 600px;
}
.W700 {
  max-width: 700px;
}
.W800 {
  max-width: 800px;
}
.W900 {
  max-width: 900px;
}
.W1000 {
  max-width: 1000px;
}
.W100,
.W200,
.W300,
.W400,
.W500,
.W600,
.W700,
.W800,
.W900,
.W1000 {
  display: block;
  margin: auto;
}
.W100.WLeft,
.W200.WLeft,
.W300.WLeft,
.W400.WLeft,
.W500.WLeft,
.W600.WLeft,
.W700.WLeft,
.W800.WLeft,
.W900.WLeft,
.W1000.WLeft {
  margin: 0px;
}
@media (max-width: 767px) {
  .W100,
  .W200,
  .W300,
  .W400,
  .W500,
  .W600,
  .W700,
  .W800,
  .W900,
  .W1000 {
    max-width: none;
  }
}


/*|---------------------------------------|*/
/*|          END COPY FROM OLD WEB        |*/
/*|---------------------------------------|*/


@media (max-width: 991px) {
  .HTS-mod-custom-slide.Multi .Add {
    padding-bottom: 0px;
  }
  .HTS-mod-custom-slide.Multi .Content.Quote {
    padding-top: 0px;
    padding-right: 0px;
    background: none;
  }
}



/*-------------------*/

a.btn:focus, a.btn:active{color: white;}

/* Temporary until Bootstrap 5 brings these rules back... */

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive::before {
  display: block;
  content: "";
}


/*Other*/
body.error-page .error-code{
	
    color: rgb(255, 105, 0);	
}
body.error-page .error-other-info .page-redirect a{
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 500;
}
body.error-page .error-msg{
	text-transform: uppercase;
}

body.error-page .form-control{
	background: #ffffff;
}

body.error-page #outline{
	min-height: 60vh;
}
body.error-page .hts-cvi-footer{
	background: url(../../images/footer.png) bottom center no-repeat;
    background-size: contain;
    position: fixed;
	bottom: 0;
	left: 0; /* Hoặc căn giữa tùy ý */
	height: 20vh;
	width: 100%;
	    
}
.thead-title{
	background: #4b7c06;
}
.thead-title tr td,.thead-title tr th{
	color: white;
	font-weight: bold;
}
/****/

/*delete after finish*/

.t4-feature-product, .t4-heading-01, .t4-header{background: white;}
.t4-content{background: none;}

/*Temporary Hide Section*/


/*Sigplus*/
@media (min-width: 1400px){
	.page-news .sigplus-center{
		max-width: 808px;
	}
}
@media (min-width: 1200px) and (max-width: 1398.98px){
	.page-news .sigplus-center{
		max-width: 766px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	
}