:root{

	--color-red:#ec2d3f;
	--color-medium-red:#cc2c32;
	--color-dark-red:#c31829;
	--color-green:#28a745;
	--color-dark-green:#207d36;
	--color-black:#212529;
	--color-gray:#6c757d;

}

.ft-3 a{
	color: #fff;
	margin-bottom: 5px;
}
.ft-3 a + a:before{
	content: "\\";
	display:inline-block;
	margin: 0 10px;

}
@font-face{font-family:'FontAwesome';src:url("../fonts/fontawesome-webfont.eot?v=4.7.0");src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}
.icon { position: relative; }
.icon:before { font-family: "FontAwesome"; color: inherit; line-height: 1; }
.icon.area:before { content: "\f1fe "; }
.icon.user:before { content: "\f007 "; }
.icon.home:before { content: "\f015"; }
.icon.marker:before { content: "\f041"; }
.icon.email:before { content: "\f003"; }
.icon.hotline:before { content: "\f095 "; }
.icon.global:before { content: "\f0ac"; }
.icon.calendar:before { content: "\f073 "; }
.icon.star:before { content: "\f005"; }
.icon.view:before { content: "\f06e "; }
.icon.clock:before { content: "\f017"; }
.icon.price:before { content: "\f155 "; }
.icon.bar:before { content: "\f0c9 "; }
.icon.facebook:before { content: "\f230 "; }
.icon.comment:before { content: "\f086"; }
.icon.whatsapp:before { content: "\f232"; }
.icon.sms:before { content: "\f0e5"; }
.icon.cart:before { content: "\f07a "; }
.icon.up:before { content: "\f106  "; }
.icon.search:before { content: "\f002  "; }

#topbar {background: #f2f2f2;font-family: Arial;font-size: 14px;color: #3a3a3a;}
#topbar .container {display: flex;justify-content: space-between;}
.topbar-left {/* background: #e6e6e6; */display: flex;justify-content: space-between;align-items: center;height: 35px;position: relative;}
.topbar-right:before { content: url("../images/topright.jpg"); position: absolute; top: 0; left: 0; }
#header {/* background: url("../images/bg_header.jpg") right center no-repeat; */}
#logo { position: relative; }
#header .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.addons-hotline {display: flex;align-items: center;color: #5e5e5e;font-size: 18px;}
.addons-hotline .wrapper {flex: 1 0 0;margin-left: 10px;}
.addons-hotline .value {font-family: Arial;font-size: 27px;color: #cb1e2a;line-height: 1;font-weight: bold;}
.addons-email { color: #000000; }

#menu {width: 100%;top: 0;z-index: 9;background-color: #009541;height: 45px;}
#menu ul { list-style: none; padding: 0; }
#menu a { text-decoration: none; /* display: block; */ }
#menu .nav-ul { list-style: none; padding: 0; display: flex; align-items: center; }
#menu .sub-nav-ul { display: none; list-style: none; padding: 0; background-color: #f1af00; position: absolute; top: 100%; left: 0; max-width: 300px; width: 280px; }
#menu .sub-nav-ul .menu { font-family: "roboto-bold"; }
#menu .menu {font-family: Arial;font-weight: bold;font-size: 15px;text-transform: uppercase;color: #fff;display: flex;align-items: center;justify-content: center;position: relative;/* height: 45px; */flex: auto;/* padding: 15px 0; */}
#menu .menu span { display: flex; text-align: center; line-height: 1; align-items: center; padding: 0 20px; }
#menu .menu > a > span {/* padding: 10px 15px; */display: block;padding: 10px 0;}
#menu .menu:hover, #menu .menu.active { color: yellow; }
#menu .menu:hover > .sub-nav-ul { opacity: 1; display: block; }
#menu .nav-ul > .menu > a > span { position: relative; }
#menu .nav-ul > .menu > a > span:before { width: 100%; position: absolute; bottom: 0; left: 0; height: 3px; content: ""; }
#menu .nav-ul > .menu:hover > a > span:before, #menu .nav-ul > .menu.active > a > span:before { background-color: #5ea448; }
#menu .sub-nav-ul .sub-nav-ul { top: 0; left: 100%; }
#menu .sub-nav-ul > .menu { border-bottom: 1px dashed #fff; padding-left: 15px; color: #fff; display: flex; justify-content: flex-start; }
#menu .sub-nav-ul > .menu a { color: #fff; }
#menu .sub-nav-ul > .menu:hover { background-color: #d2001f; }
.vertical-menu { width: 290px; position: relative; }
.vertical-menu h2 {font-family: Arial;font-weight: 700;font-size: 18px;color: #fff;text-transform: uppercase;background: #007935;height: 45px;display: flex;align-items: center;padding-left: 20px;margin-bottom: 0;cursor: pointer;}
.vertical-menu h2 img { margin-right: 20px; }
.vertical-menu-content {position: absolute;background: #f2f2f2;top: 100%;left: 0;height: 400px;border: 1px solid #ccc;border-top: none;width: 100%;padding: 0 15px;overflow: auto;}
.menu-v {font-family: Arial;text-transform: uppercase;font-weight: 700;font-size: 15px;color: #e6322d;position: relative;padding-bottom: 3px;/* border-bottom: 1px dashed #fff; */}
.menu-v:before{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	display:block;
	box-shadow: 0 0 1px 1px #dadada;
	position: absolute;
	bottom: 0;
	left: 0;
}
.menu-v:hover {color: #009541;}
.menu-v a { display: block; padding: 10px 0; }
.menu-v a:before { content: url("../images/inav.png"); margin-right: 12px; position: relative; top: -1px; }
#timkiem_icon { display: none !important; }
#timkiem_icon img { filter: brightness(0) invert(1); }
.w290{
	width: 290px;
}
#sliderindex{
	width: calc(100% - 290px);
	height: 400px;
}
#header {height: 140px;background: #fff;}
#logo {position: relative;width: 170px;height: 119px;}
#logo img { position: absolute; bottom: 0; }

/* PhĂƒÂ¢n Trang */
.pagination-home .pagination .page-item .page-link{color:#555555;font-size:.875rem;}
.pagination-home .pagination .page-item.active .page-link{color:#ffffff;background-color:#555555;border-color:#555555;}

/* PhĂƒÂ¢n Trang Ajax */
.pagination-ajax{text-align:center;}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px 2px 3px 2px;color:#333;background:#eee;border:1px solid rgba(161,161,161,0.4);font-size:12px;cursor:pointer;padding:3px 10px 5px 10px;border-radius:2px;}
.pagination-ajax a.current,.pagination-ajax a:hover{background:var(--color-red);color:#fff;border-color:var(--color-red);}

/* Popup custom */
.modal-custom .modal-footer{padding:0.5rem;}
.modal-custom .modal-footer .btn{font-size:14px;}

.content-of-index-index{
	margin-top: 40px;
}

#menu_responsive_btn{
	display: none;
}
.d-remove ~ .vertical-menu-content{
	display: none;
}
.breadCrumbs {margin-bottom: 30px;}
.breadcrumb{
  color: #333;
}
.breadCrumbs { background-color: #eee; margin-top: 0 !important; padding: 10px 0; }
.breadCrumbs .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }
.breadCrumbs .breadcrumb-item a { color: var(--color-black); }
.breadCrumbs .breadcrumb-item.active a { color: var(--color-gray); }

.top-contact-left { width: 50%; padding-right: 20px; }
.top-contact-right { width: 50%; padding-left: 20px; }
.input-contact { position: relative; margin-bottom: 10px; }
.article-contact { width: 49%; }
.form-contact { width: 49%; }
.top-contact { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
.bottom-contact iframe{
	width: 100%;
}


/* BĂƒÂ i viĂ¡ÂºÂ¿t */
.news{width:49%;float:left;margin-bottom:25px;display:block;}
.news:nth-child(2n){float:right;}
.news:nth-child(2n+1){/* clear:both; */}
.pic-news{float:left;margin-right:4%;width:36%;}
.pic-news img{width:100%;}
.info-news{float:left;width:60%;}
.name-news{color:#333;font-size:16px;display:block;line-height:normal;margin-bottom:5px;}
.name-news:hover{color:var(--color-red);}
.time-news{color:var(--color-gray);margin-bottom:0.25rem;}
.desc-news{color:#333333;margin-top:5px;line-height:22px;}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(228,228,228,0.15);margin-top:15px;border-radius:5px;}
.share b{display:block;margin-bottom:5px;}
.othernews{margin-bottom:10px;margin-bottom: 30px;}
.list-news-other{padding-left:17px;list-style:square;}
.list-news-other li{margin-bottom:10px;}
.list-news-other li a{text-transform:none;color:#333333;}
.list-news-other li a:hover{color:var(--color-red);}
.tabs-pro-detail .ul-tabs-pro-detail{padding:0px;list-style:none;margin-bottom:1rem;border-bottom:1px solid #e7e7e7;}
.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;float:left;margin-right:5px;margin-bottom:5px;background:#eee;padding:5px 10px;}
.tabs-pro-detail .ul-tabs-pro-detail li.active{background:#333;color:#fafafa;}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0px;}
.tabs-pro-detail .content-tabs-pro-detail{display:none;}
.tabs-pro-detail .content-tabs-pro-detail.active{display:block;width: 100%;}
.tabs-pro-detail{
	width:100%;
}
.social-plugin { display: flex; line-height: 1; }
.zalo-share-button { margin: 0 5px; }
#fanpage-facebook{
	overflow: hidden;
}
.listvideos{
	width: 160px;
	height: 400px;
	overflow: hidden;
}
.video-main{
	width: calc(100% - 170px);
	height: 400px;
}
.list_video_vertical{
	height: 400px;
}
.list_video_vertical .swiper-slide{
	height: calc(100% / 3 - 30px)!important;
	margin-bottom: 10px!important;
}
#menu_responsive:not(.mm-menu){
	display: none;
}
/* Responsive */
@media (max-width: 1230px){
	.w-md-450{
		max-width: 400px!important;
	}
	#topbar{
		display: none;
	}
	#logo{
		width: unset;
		height: auto;
	}
	#logo img{
		/*position: relative;*/
		height: auto;
	}
	#addons{
		display: none;
	}
	#header{
		padding: 10px 0;
		height: unset;
	}
	#header .container{
		justify-content: center;
	}
	.w290{
		display: none;
	}
	#sliderindex{
		width: 100%;
		height: unset;
		/* margin-left: -15px; */
		/* margin-right: -15px; */
	}
	.menu-ul{
		display: none!important;
	}
	.vertical-menu{
		display: none;
	}
	#menu_responsive_btn{
		display: block;
	}
	#menu .container{
		    /* height: 45px; */
		    /* align-items: center; */
	}
	.icon.bar:before{
		color: #FFF;
		font-size: 24px;
		display: flex;
		height: 45px;
		align-items: center;
	}
	img{
		max-width: 100%;
		 height: auto;
	}
}
@media (max-width: 1025px){
	#index-gioithieu .gioithieu{
		width: 100%;
		max-width: 800px!important;
	}
	#index-gioithieu .newsletter{
		width: 100%!important;
		max-width: 800px!important;
	}
	#index-gioithieu .container{
		justify-content: center!important;
	}
	.w-md-450{
		max-width: 100%!important;
	}
}
@media(max-width:1001px){
	.menu-res{display:block;}
}
@media(max-width:850px){

	.toolbar{display: block !important;}
	.news{width:100%;float:none!important;}

}
@media(max-width:769px){
	.top-contact{flex-wrap:wrap;}
	.left-pro-detail,.right-pro-detail,.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0px;}
	.left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
}
@media (max-width: 767px){
	.listvideos{
		display: none;
	}
	.video-main{
		width: 100%;
	}
	#index-gioithieu .newsletter .newsletter-wrapper{
		padding: 0!important;
		border: 0!important;
	}
	#email-newsletter{
		margin-bottom: 15px;
	}
	[class*="col-"]{
		padding-left: 8px;
		padding-right: 8px;
	}
	.row{
		margin-left: -8px;
		margin-right: -8px;
	}
}
@media(max-width:440px){
	.pic-news,.info-news{display:block;width:100%;float:none;text-align:center;margin:0px;}
	.info-news{margin-top:15px;}
	.top-contact .form-contact .button-contact .file-contact span b{max-width:105px;}
}
@media(max-width:369px){
	.cart-pro-detail{flex-wrap:wrap;}
	.cart-pro-detail a{width:100%;text-align:center;margin:0px!important;font-size:12px;}
	.cart-pro-detail a:first-child{margin-bottom:5px!important;}
	.cart-pro-detail a i{display:none;}
}
#footer-map iframe{
	width: 100%;
}