@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap')



body {

	font-family: 'Open Sans', sans-serif;

}











input,

button,

select,

textarea {

	outline: none;

}



img {

	max-width: 100%;

}



a:hover,

a:focus {

	text-decoration: none;

}



a {

	color: #333;

}



.owl-theme .owl-nav {

	margin-top: 0px !important;

}



.owl-carousel .owl-nav .owl-prev,

.owl-carousel .owl-nav .owl-next {

	margin: 0px !important;

	padding: 0px !important;

}



.owl-prev,

.owl-next {

	margin: 0px !important;

	border-radius: 0px !important;

}



.fl-left {

	float: left !important;

}



.fl-right {

	float: right !important;

}







/* css main slider */



#slider-home .owl-prev{

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

}

#slider-home .owl-next{



	position: absolute;



	top: 50%;



	right: 0;



	transform: translateY(-50%);

}

#slider-home .owl-nav .fa{

	background-color: rgba(51, 51, 51, 0.6);

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	color: #fff;

}

.second-nav{

	display: none;

}

.hc-nav-trigger.hc-nav-1{

	display: none!important;

}



.top-header{

	background: #007f5a;

	padding: 10px 0;

}

.top-header p{

	margin: 0;

	color: #fff;

}

.top-header p svg{

	margin-right: 5px;

}

.main-menu ul{

	padding:0;

	margin:0;

}

.main-menu ul li{

	display: inline-block;

	float: left;

	position: relative;



	cursor: pointer;

}

.main-menu ul li .nav-search{

	position: absolute;

	right: 0;

	top: 50px;

	z-index: 1;

	width: 370px;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.main-menu ul li .nav-search.open{

	visibility: visible;

	opacity: 1;

	top: 46px;

	z-index: 11

}

.main-menu ul li .nav-search input[type=text]{

	width: 100%;

	height: 40px;

	border: 1px solid #ddd;

	padding-left: 10px;

	border-radius: 5px;

}

.main-menu ul li .nav-search form{

	position: relative;

}

.main-menu ul li .nav-search form button{

	position: absolute;

	right: 6px;

	top: 10px;

	background: no-repeat;

	border: 0;

}

.main-menu ul li .sub-menu{

	position: absolute;

	background: #fff;

	z-index: 11;

	width: 200px;

	top: 55px;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	visibility: hidden;

	opacity: 0;

	left: 0

}

.main-menu ul li:hover .sub-menu{

	visibility: visible;

	opacity: 1;

	top:49px;

}

.main-menu ul li .sub-menu li{

	width: 100%;

	border-bottom: 1px solid #ddd;

}

.main-menu ul li .sub-menu li a{

	padding: 10px 15px;

	width: 100%;

}

.main-menu ul.menu li a{

	font-size: 14px;

	padding: 7px 25px;

	display: inline-block;

	font-weight: bold;

	color: rgb(41, 41, 41);







}

.main-menu ul li a svg{

	font-size: 10px;

	margin-left: 3px;

}

.main-menu ul li a:hover{

	color: #007f5a8c;

}

.main-menu ul li.active a{

	color: #007f5a8c;

}



.main-menu ul{

	display: inline-block;

}

.

.logo-menu{

	padding:15px 0;

}

.main-menu{

	margin-top: 15px;

	text-align: right;

}

.main-menu ul li.phone a{

	background: linear-gradient( 90deg , #ed3137 0%, #ed3137 50%, #ed3137 100%);
	padding: 8px 26px;
	color: #fff;
	border-radius: 20px;
	margin-left: 20px;
	border: 1px solid #ed3137;



}

.banner img{

	width: 100%;

}

.top-content .title-top{

	color: rgb(200, 31, 23);

	font-size: 17px;

	font-weight: bold;

	text-align: center;

	background: rgb(242, 234, 11);

	padding: 13px;

	border-radius: 5px;

	margin:0;

}

.top-content .title-top span{

	color: rgb(23, 100, 200);

}

.top-content{

	background-color: rgb(231 247 247);

	padding: 45px 0;

}

.top-content .item{

	text-align: center;

}

.top-content .item .image img{

	width: 100%;

	height: 200px;

	object-fit: cover;

}

img{

	-webkit-transition: all 0.7s ease;

	transition: all 0.7s ease;

}

a{

	-webkit-transition: all 0.7s ease;

	transition: all 0.7s ease;

}

.top-content .item .image {

	overflow: hidden;

}

.top-content .item .image:hover img{

	webkit-transform: scale(1.05);

	transform: scale(1.05);

}

.top-content .item .title{

	margin: 0;

	margin-top: 13px;

	line-height: 21px;

	font-size: 15px;

	font-weight: bold;

	height: 42px;

	overflow: hidden;

}

.top-content .item .title a{

	color: #007f5a;

}

.top-content .item .title a span{

	color: rgb(36, 36, 36);

}

.top-content .nav-top-content{

	margin-top: 25px;

}

.title-primary{

	color: #268469;

	font-size: 24px;

	text-align: center;

	position: relative;

	line-height: 30px;

	padding-bottom: 16px;

	margin:0;

}

.title-primary a {
	color: #007f5a;
	font-weight: bold;
}

.title-primary span{

	font-weight: bold;

	color: #ed3137;

}

.title-primary:after{

	content: '';

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	height: 1px;

	width: 125px;

	background-color: #007f5a;

}

.role-home{

	padding-top: 45px;

}

.role-home .nav-role-home .item .title{

	color: #268469;

	font-size: 16px;

	font-weight: bold;

	margin: 0;

	padding-bottom: 10px;

}

.role-home .nav-role-home .item  ul{

	padding:0;

	margin:0;

	list-style: none;

}

.role-home .nav-role-home .item  ul li{

	padding-bottom: 5px;

}

.role-home .nav-role-home {

	margin-top: 30px;

}

#slider .slides img{

	height: 550px;

	object-fit: cover;

	width: 100%

}

#carousel .slides img{

	height: 90px;

	object-fit: cover;

}

.flexslider{

	margin-bottom: 10px;



}

#slider {

	margin-top: 40px;

}

.choose-reason{

	background:url('../images/bg1.jpg');

	position: relative;

	background-size: cover;

	padding: 50px 0;

	margin-top: 35px;



}

.choose-reason:before{

	content: '';

	background-color: rgb(0 127 90 / 95%);

	opacity: 0.9;

	width: 100%;

	height: 100%;

	position: absolute;

	top:0;

	left: 0

}

.choose-reason .container{

	position: relative;

	z-index: 1

}

.choose-reason .title-primary{

	color: rgb(255, 254, 253);

	font-size: 26px;

	font-weight: bold;

}

.choose-reason  .title-primary:after{

	background-color: #fff;

}

.choose-reason  .item{

	box-shadow: 0px 15px 20px -20px #000;

	-webkit-box-shadow: 0px 15px 20px -20px #000;

	background-color: rgb(255, 255, 255);

	border-radius: 10px;

	text-align: center;

	padding: 30px;

}

.choose-reason  .item .icon svg{

	width: 35px;

}

.choose-reason  .item  .stt{

	color: #007f5a;

	font-size: 48px;

	font-weight: bold;

	text-align: center;

}

.choose-reason  .item .desc{

	margin: 0;

	font-size: 16px;

}

.choose-reason .nav-choose-reason .description{

	text-align: center;

	font-size: 16px;

	padding-top: 27px;

	padding-bottom: 20px;
	color: #fff;

}

.choose-reason  .item-center{

	background: rgba(22, 174, 176, 1.0);

	background: -webkit-linear-gradient(

			220deg

			, rgba(22, 174, 176, 1.0), rgb(3 124 89));

	background: linear-gradient(

			220deg

			, rgba(22, 174, 176, 1.0), rgb(3 124 89));

	box-shadow: 0px 15px 20px -20px rgb(0 0 0);

	-webkit-box-shadow: 0px 15px 20px -20px rgb(0 0 0);

	border-radius: 10px;

}

.choose-reason .item-center .icon svg{

	fill: #fff;

}

.choose-reason .item-center  .stt{

	color: #fff;

}

.choose-reason .item-center .desc{

	color: #fff;

}

.system-home{

	padding-top: 50px;

}

.system-home .title-primary, .section-home-news .title-primary{

	color: #007f5a;

	font-size: 26px;

	font-weight: bold;

}

.system-home  .content-system-home{

	padding-top: 23px;

}

.system-home  .content-system-home .images-thumbnail .row{

	margin-left: -5px;

	margin-right: -5px;

}

.system-home  .content-system-home .images-thumbnail .row .col-md-6{

	padding-left: 5px;

	padding-right: 5px;

}

.system-home  .content-system-home .images-thumbnail .img{

	margin-bottom: 10px;

}

.system-home  .content-system-home ul{

	padding-left: 20px;

	padding-top: 10px;

}

.system-home  .content-system-home ul li{

	padding-bottom: 10px;

}

.system-home  .content-system-home .row{

	padding:10px;

}

/*css footer */

.footer-1 {padding-top: 50px;padding-bottom: 45px;background: #135a98 !important;}

.h3-title-ft {color: rgb(241 46 54);font-size: 20px;text-transform: uppercase;margin-bottom: 18px;position: relative;padding-bottom: 10px;margin: 0 0 20px 0;color: rgb(5, 31, 77);font-size: 18px;font-weight: bold;color: #ffcb09;}

.h3-title-ft:before {
	background: #fff;
	content: '';
	position: absolute;
	height: 4px;
	width: 16%;
	bottom: 0;
}

.h3-title-ft:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 4px;
	background: #ffcb09;
	z-index: 2;
	width: 8%;
}

.wp-ft a {

	color: #ffffff;

	transition: all 0.3s ease-in-out;

}

.footer-2>.container {

	margin-top: 35px;

	padding-top: 35px;

	border-top: 1px solid #595959;

	padding-bottom: 45px;

}

.copy-right {

	color: #333;

	padding: 15px 0px;

}



.list-ft li {

	border-bottom: 1px dashed #6e6e6e;

	padding-bottom: 6px;

	margin-bottom: 7px;

}

.list-ft li a {

	position: relative;

	padding-left: 15px;

}

.list-ft li a::after {

	content: "\f054";

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 0px;

	color: #fff;

	font-family: "FontAwesome";

	font-size: 8px;

	transition: all 0.6s ease-in-out;

}

.list-ft li a:hover {

	color: #74af20;

}

.list-ft li a:hover::after {

	color: #74af20;

	left: 5px;

}

.copy-right a:hover {

	color: #d93438 !important;

}





.mxh-top li i{

	color: #7f7f7f;

}

.ul-phone{

	padding: 0px;

	margin-right: 60px;

}

.ul-phone li{

	float: left;

	margin-left: 12px;

	color: #000;

	list-style: none;

}

.ul-phone li a{

	font-weight: bold;



}

.ul-phone li p{

	margin-bottom: 0px;

	color: #999999;

}



.h2-title-ft{

	font-size: 20px;

}





.wp-ft ul{

	padding:0;

	margin:0;

	list-style: none;

}









#footer-site{

	background: url('../images/bg2.jpg');

	background-size: cover;

	position: relative;

	margin-top: 50px;



}

#footer-site:before{content: '';/* background-color: rgb(23, 174, 177); *//* opacity: 0.7; */width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.copy-right{width: 100%;display: inline-block;/* height: 44px; *//* line-height: 44px; */text-align: center;font-size: 14px;color: #bdbdbd;margin: 0;padding: 10px 0;background: #014a8a!important;}

.copy-right .wp-copy{text-align: center;text-align: left;color: #fff;position: relative;/* border-top: 1px solid #ddd; */padding: 10px 0;}

.copy-right .wp-copy * {
	color: #fff!important;
}

.copy-right .wp-copy a{

	color: #000;

}

.div-list-ft p{

	color: #fff;

	color: rgb(5, 31, 77);

}

.div-list-ft p svg{

	margin-right: 5px;

}

.copy-right a{

	color: #bdbdbd;

}

#footer-site .wp-ft{

	padding-bottom: 15px;

}

#footer-site .wp-ft iframe{width: 100%;height: 150px;margin: 0 0 15px 0;}

.banner{

	position: relative;

}

.banner .overlay-banner{/* position: absolute; *//* width: 100%; *//* left: 0; *//* bottom: 20px; */}

.banner .overlay-banner .content-overlay{/* width: 70%; */background: rgba(253, 252, 252, 0.9);padding: 20px;padding: 10px;}
.logo-menu-pc .logo img{
	width: 180px;
}


.banner .overlay-banner .content-overlay input[type=text]{

	width: 100%;

	height: 35px;

	padding-left: 10px;

	border: 1px solid #ddd;

	margin-bottom: 10px;

}

.banner .overlay-banner .content-overlay input.fullname, .banner .overlay-banner .content-overlay input.phone {
	width: calc( 50% - 2.5px );
}

.banner .overlay-banner .content-overlay .title-1{

	color: #f43138;

	font-size: 20px;

	font-weight: bold;

	margin: 0;

	padding-bottom: 7px;

	text-align: center;

}

.banner .overlay-banner .content-overlay .desc{

	color: rgb(0, 0, 0);

	font-size: 12px;

	font-weight: bold;

	text-align: center;

}

.banner .overlay-banner .content-overlay input[type=submit]{background: #ed3137;color: #fff;font-weight: bold;width: 100%;height: 35px;border: 1px solid #ed3137;border-radius: 18px;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;font-size: 13px;line-height: 35px;}

.banner .overlay-banner .content-overlay input[type=submit]:hover{

	background: #fff;

	color: #007f5a;

}

.countdown ul li  span{

	color: #333;

}

.countdown ul li .span1{color: #fff;font-size: 20px;width: 55px;height: 40px;display: inline-block;text-align: center;line-height: 40px;font-weight: bold;margin-bottom: 10px;font-size: 13px;width: 40px;}

.countdown ul li {

	display: inline-block;

	float: left;

	margin: 6px;

	margin-top: 0;

}

.countdown ul{padding:0;margin:0;display: inline-block;padding: 0 13px;padding: 0;}

.content-promotion .title{

	margin: 0;

	color: #333;

	font-weight: bold;

	font-size: 18px;

	text-align: center;

}

.countdown{

	text-align: center;

}

.countdown ul li .span1{

	background: #ed3137;

}

#scrollUp {

	background: #007f5a;

	color: #fff;

	bottom: 40px;

	right: 40px;

	border-radius: 100px;

	height: 47px;

	width: 47px;

	font-size: 25px;

	text-align: center;

	line-height: 45px;

	box-shadow: 0 0 15px 0px rgb(50 50 50 / 20%);

	transition: 0.3s;

	display: inline-block;

	position: fixed;

	bottom: 62px;

	right: 10px;

	cursor: pointer;

}

#scrollUp:hover {

	background: #fff;

	color: #ce7852; }

.fix-phone  .phone {

	margin-bottom: 10px;

}

.fix-phone {

	position: fixed;

	bottom: 110px;

	top: inherit !important;

	z-index: 999;

	right: 10px;

}

.phone-box img {

	max-width: 25px;

	animation: play0 1.5s ease infinite;

}

.phone-box {

	background: linear-gradient( 90deg , #007f5ac7 0%, #007f5a8c 50%, #007f5a 100%);

	width: 48px;

	height: 48px;

	line-height: 48px;

	text-align: center;

	border-radius: 30px;

	display: inline-block;

	color: #fff;

	font-size: 18px;

}

.zalo-box, .fb-box {

	background: linear-gradient( 90deg , #007f5ac7 0%, #007f5a8c 50%, #007f5a 100%);

	width: 48px;

	height: 48px;

	line-height: 47px;

	text-align: center;

	border-radius: 30px;

	display: inline-block;

	color: #fff;

	font-size: 18px;

}

.zalo-box img, .fb-box img {

	max-width: 33px;

	filter: hue-rotate(

			65deg

	);

}





#myModal  .modal-dialog{

	width: 800px;

}

#myModal  .modal-dialog .right .title{

	color: rgb(5, 34, 74);

	font-size: 18px;

	text-align: center;

	line-height: 24px;

	margin-top: 12px;

	padding-bottom: 10px;

}

.clearfix{

	clear: both;

}

#myModal  .modal-dialog .left{

	width: 50%;

	display: inline-block;

	float: left;

	background-color: rgb(28, 84, 148);

	padding:20px;

}

#myModal .modal-content{

	background:rgb(28, 84, 148);

}

#myModal  .modal-dialog  .right{

	width: 50%;

	display: inline-block;

	float: right;

	background: #eaf2fe;

	height: 100%;

	padding: 20px;

}

#myModal  .modal-dialog .left .title{

	color: #fff;

	font-weight: bold;

}

#myModal  .modal-dialog .left p{

	color: #fff;

	margin-bottom: 5px;

}

#myModal  .modal-body{

	padding:0;

}

#myModal  .modal-body form input[type=text]{

	width: 100%;

	height: 40px;

	border: 1px solid #ddd;

	padding-left: 10px;

	margin-bottom: 10px;

}

#myModal  .modal-body form select{

	width: 100%;

	height: 40px;

	border: 1px solid #ddd;

	padding-left: 10px;

	margin-bottom: 10px;

}

#myModal  .modal-body form  .row{

	margin-left: -5px;

	margin-right: -5px;

}

#myModal  .modal-body form  .row .col-md-4{

	padding-left: 5px;

	padding-right: 5px;

}

#myModal  .modal-body form textarea{

	padding: 10px;

	width: 100%;

	height: 96px;

	border: 1px solid #ddd;

}

#myModal  .modal-body form  input[type=submit]{

	width: 100%;

	height: 40px;

	background: linear-gradient(

			90deg

			, #007f5ac7 0%, #007f5a8c 50%, #007f5a 100%);

	border: 0;

	color: #fff;

	font-weight: bold;

	margin-top: 10px;

}

#myModal  .modal-header{

	border: 0;

	padding: 0;

	min-height: inherit;

}

#myModal  button.close{

	margin: 0;

	position: absolute;

	right: 10px;

	top: 10px;

	z-index: 11;

	opacity: 1;

}

.logo-menu{

	background: rgb(255, 254, 253);

	z-index: 9!important;

}

.logo-menu-mobile{

	display: none;

}

.logo-menu-pc{

	display: block;

}

.banner-mobile{

	display: none;

}

.link-bottom{

	display: inline-block;

	background: #fff;

	padding: 7px 15px;

}

.sticky-wrapper{

	height: 0!important

}

#header-site{

	display: inline-block;

	width: 100%;

}

.home-product {
	margin: 40px 0 40px 0;
}

.home-product .description .content {
	margin: 30px 0 30px 0;
	width: 35%;
	display: inline-block;
	font-size: 15px;
	padding: 0 10px;
}

.home-product .description {
	text-align: center;
}
.home-product .bannber .title-category {
	background: #268469;
	margin: 0;
	padding: 15px 10px;
	text-align: center;
	color: #fff;
}

.product-item {
	padding: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	margin: 0 0 15px 0;
}

.product-item .box-image img {
	height: 200px;
	object-fit: cover;
}

.product-item .box-text {
	margin: 10px 0 0 0;
	text-align: center;
}

.product-item .box-text .title {
	font-size: 17px;
	font-weight: bold;
}

.product-item .box-text .actions {
	margin: 10px 0 10px 0;
}

.home-product .product-item .box-text .actions {
	display: none;
}

.product-item .box-text .actions a {
	display: inline-block;
	background: #268469;
	padding: 5px 15px;
	border-radius: 10px;
	color: #fff;
}
.single-product, .catalogues-product, .catalogue-articles {
	margin: 50px 0 0 0;
}

.catalogues-product .single-title {
	margin-top: 0;
}

.sidebar .sidebar-title h3 {
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 0;
}

.sidebar .sidebar-item .list .item > a {
	display: flex;
}

.sidebar .sidebar-item .list .item > a .box-image {
	width: 66px;
}

.sidebar .sidebar-item .list .item > a .box-image img {
	height: 65px;
	object-fit: cover;
}

.sidebar .sidebar-item .list .item {
	margin: 0px 0 15px 0;
	border-bottom: 1px solid #ddd;
}

.sidebar .sidebar-item .list .item > a .box-text {
	width: calc( 100% - 66px );
	padding-left: 10px;
}

.sidebar .sidebar-item .list .item > a .box-text .title {
	font-size: 16px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.sidebar-item {
	margin: 0 0 35px 0;
}

.content .tab-content{
	display: none;
	background: #ededed;
	padding: 15px;
}

.content .tab-content.current{
	display: inherit;
}
.content .tabs {
	padding: 0;
	list-style: none;
	margin: 30px 0 15px 0;
}

.content .tabs li {
	display: inline-block;
	letter-spacing: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	background: #f7f7f7;
	padding-bottom: 5px;
	border-radius: 4px;
	border: 1px solid #65c400;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	position: relative;
}

.content .tabs li.current {
	color: rgb(254, 151, 5);
	text-transform: uppercase;
	border: 1px solid;
	margin: 0 0 10px 0;
}

.content .tabs li.current:after {
	content: "";
	width: 100%;
	height: 3px;
	background: #65c400;
	position: absolute;
	left: 0;
	top: -2px;
}
.related-product .title {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 35px 0 15px 0;
}
.single-title {
	font-size: 25px;
	font-weight: bold;
	margin: 15px 0 10px 0;
}

.catalogue-articles .single-title {
	margin: 30px 0 25px 0;
}

.detail-product .price {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 5px 0;
	color: #ed3137;
}
.short-description p {
	margin-bottom: 5px;
}

.short-description {
	margin: 0 0 10px 0;
}
.detail-product .category {
	margin: 10px 0 10px 0;
}
.content_content ul li {
	margin: 0 0 10px 0;
	list-style: initial;
}
.content_content ul, .content_content ol {
	padding-left: 20px;
}
.content_content {
	line-height: 22px;
}
.content_content h4, .content_content h4 * {
	font-size: 18px;
	line-height: 24px;
}
.content_content h3, .content_content h3 * {
	font-size: 22px;
	line-height: 26px;
}
.content_content h2, .content_content h2 * {
	font-size: 24px;
	line-height: 30px;
}
.content_content table td, .content_content table th {
	padding: 5px 10px;
}
.pagination ul {
	padding: 0;
	list-style: none;
}

.pagination ul li {
	display: inline-block;
	margin: 0 3px 0 0;
}

.pagination ul li:last-child a, .pagination ul li:first-child a {
	width: auto;
}

.pagination ul li:last-child a, .pagination ul li:first-child a {
	padding: 0 10px;
}

.pagination ul li a {
	display: inline-block;
	height: 24px;
	background: #f2f2f2;
	text-align: center;
	line-height: 25px;
	min-width: 25px;
	width: 25px;
}

.pagination ul li.uk-active a {
	color: #fff;
	background: #ed3137;
}
.item-articles .image img {
	height: 200px;
	width: 100%;
	object-fit: cover;
}

.hover-zoom:hover img {
	transform: scale(1.1);
	transition: 0.4s;
}

.hover-zoom img {
	transition: 0.4s;
}

.hover-zoom {
	overflow: hidden;
	display: block;
}

.item-articles {
	margin: 0 0 20px 0;
}
.item-articles .box-text .title h3 {
	margin: 0 0 15px 0;
	font-weight: bold;
	height: 44px;
	overflow: hidden;
	line-height: 22px;
}

.item-articles .box-text .post-time {
	color: #999999;
	font-size: 13px;
}

.item-articles .box-text .description {
	margin: 15px 0 0 0;
}
.related-box .title-related h3 {
	font-size: 23px;
	font-weight: bold;
	margin: 20px 0 20px 0;
}
.section-home-news {
	margin: 40px 0 50px 0;
}

.section-home-news .header-section {
	text-align: center;
}

.section-home-news .description {
	margin: 25px 0 35px 0px;
	text-align: center;
	width: 55%;
	display: inline-block;
}

.article-item .image img {
	height: 250px;
	width: 100%;
	object-fit: cover;
}

.article-item .box-content {
	margin: 15px 0 0 0;
}

.article-item .box-content .date {
	font-size: 14px;
	font-weight: bold;
	color: #004a358c;
}

.article-item .box-content .title {
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	height: 40px;
}

.article-item .box-content .desc {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	height: 40px;
}

.section-home-news .description * {
	color: #000;
}
.div-list-ft .item {
	overflow: hidden;
	margin: 0 0 15px 0;
}

.div-list-ft .button a {
	background: #FFCB09;
	display: inline-block;
	padding: 12px 45px;
	font-size: 16px;
	border-radius: 40px;
	font-weight: bold;
	margin: 10px 0 0 0;
}

.div-list-ft .item .icon {
	width: 40px;
	height: 40px;
	float: left;
	display: inline-block;
	background: #ffcb09;
	text-align: center;
	line-height: 45px;
	border-radius: 50%;
	margin: 2px 0 0 0;
}

.div-list-ft.list-socials .item .icon {
	margin: 0 8px 0 0;
}

.div-list-ft .item .icon svg {
	width: 20px;
	height: 20px;
}

.div-list-ft .item .content {
	width: calc(100% - 40px);
	padding: 0 0 0 15px;
	float: left;
	font-size: 16px;
}

.div-list-ft .item .content p {
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}
.div-list-ft.second .item .content {
	margin: 10px 0 0 0;
}

.div-list-ft .item .contet {width: 60%;}
@media (max-width: 991px) {
	.breadcrumb-holder {
		margin: 10px 0px 0 0;
	}
	.content .tabs li {
		width: 100%;
	}
	.div-list-ft .map iframe {
		height: 140px!important;
	}
	.content .tabs li:not(:last-child) {
		margin: 0 0 10px 0;
	}
	.content .tabs {
		margin: 20px 0 15px 0;
	}
	.detail-image img {
		width: 100%;
		height: auto;
	}
	.item-articles .box-text .title h3 {
		margin: 10px 0 10px 0;
	}

	.item-articles .box-text .description {
		margin: 10px 0 0 0;
	}
	.home-product .bannber img {
		width: 100%;
		height: auto;
	}
	.home-product .left-box .row-product {
		margin-top: 15px;
	}
}

@media (max-width: 1024px) {
	.banner .overlay-banner .content-overlay {
		width: 100% !important;
		margin: 0 0 15px 0;
	}
	.footer-1 .block {
		/*margin: 0 0 20px 0;*/
	}
	.div-list-ft .item.hidden {
		display: block!important;
		opacity: 0;
	}
}

@media (max-width: 767px) {
	.content_content img,
	.content_content iframe{
		max-width: 100% !important;
		height: auto;
	}
	.home-product .description .content {
		margin: 20px 0 10px 0;
		width: 100% !important;
	}
	.pd0 {
		padding: 0;
	}
	.footer-1 .block {
		margin: 0 0 15px 0;
	}
	.single-title {
		font-size: 19px!important;
		line-height: 27px;
	}
	.product-item .box-image img {
		height: 150px!important;
	}
	.product-item {
		padding: 5px 5px!important;
		margin: 0 0 15px 0;
	}
	.row-product .item:nth-child(even) {
		padding-left: 7.5px;
	}

	.row-product .item:nth-child(odd) {
		padding-right: 7.5px;
	}

}
.home-product .title-primary a {
	text-transform: uppercase;
}
.home-product .product-item .box-image img {
	height: 300px;
}
.owl-carousel .owl-next,.owl-carousel .owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #4a4a4abf;
	text-align: center;
	color: #fff;
}

.owl-carousel .owl-next {
	right: 0;
}

.owl-carousel .owl-prev {
	left: 0;
}
.home-product .product-item {
	box-shadow: unset;
}
.owl-dots .owl-dot span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #007f5a;
	border-radius: 50%;
}

.owl-dots .owl-dot.active span {
	background: #ecc214;
}

.owl-dots .owl-dot {
	display: inline-block;
	margin: 0 2px 0px 2px;
}

.owl-dots {
	display: block;
	width: 100%;
	text-align: center;
}
