@charset "UTF-8";

@font-face {
	font-family: 'MuliLight';
	src: url('../fonts/web/Muli-Light.eot');
	src: url('../fonts/web/Muli-Light.eot') format('embedded-opentype'), url('../fonts/web/Muli-Light.woff2') format('woff2'), url('../fonts/web/Muli-Light.woff') format('woff'), url('../fonts/web/Muli-Light.ttf') format('truetype'), url('../fonts/web/Muli-Light.svg#Muli-Light') format('svg');
}

@font-face {
	font-family: 'MuliBold';
	src: url('../fonts/web/MuliBold.eot');
	src: url('../fonts/web/MuliBold.eot') format('embedded-opentype'), url('../fonts/web/MuliBold.woff2') format('woff2'), url('../fonts/web/MuliBold.woff') format('woff'), url('../fonts/web/MuliBold.ttf') format('truetype'), url('../fonts/web/MuliBold.svg#MuliBold') format('svg');
}

@font-face {
	font-family: 'MuliRegular';
	src: url('../fonts/web/MuliRegular.eot');
	src: url('../fonts/web/MuliRegular.eot') format('embedded-opentype'), url('../fonts/web/MuliRegular.woff2') format('woff2'), url('../fonts/web/MuliRegular.woff') format('woff'), url('../fonts/web/MuliRegular.ttf') format('truetype'), url('../fonts/web/MuliRegular.svg#MuliRegular') format('svg');
}

@font-face {
	font-family: 'RobotoRegular';
	src: url('../fonts/web/RobotoRegular.eot');
	src: url('../fonts/web/RobotoRegular.eot') format('embedded-opentype'), url('../fonts/web/RobotoRegular.woff2') format('woff2'), url('../fonts/web/RobotoRegular.woff') format('woff'), url('../fonts/web/RobotoRegular.ttf') format('truetype'), url('../fonts/web/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
	font-family: 'RobotoBold';
	src: url('../fonts/web/RobotoBold.eot');
	src: url('../fonts/web/RobotoBold.eot') format('embedded-opentype'), url('../fonts/web/RobotoBold.woff2') format('woff2'), url('../fonts/web/RobotoBold.woff') format('woff'), url('../fonts/web/RobotoBold.ttf') format('truetype'), url('../fonts/web/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
	font-family: 'RobotoMedium';
	src: url('../fonts/web/RobotoMedium.eot');
	src: url('../fonts/web/RobotoMedium.eot') format('embedded-opentype'), url('../fonts/web/RobotoMedium.woff2') format('woff2'), url('../fonts/web/RobotoMedium.woff') format('woff'), url('../fonts/web/RobotoMedium.ttf') format('truetype'), url('../fonts/web/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
	font-family: 'RobotoLight';
	src: url('../fonts/web/Roboto-Light.eot');
	src: url('../fonts/web/Roboto-Light.eot') format('embedded-opentype'), url('../fonts/web/Roboto-Light.woff2') format('woff2'), url('../fonts/web/Roboto-Light.woff') format('woff'), url('../fonts/web/Roboto-Light.ttf') format('truetype'), url('../fonts/web/Roboto-Light.svg#Roboto-Light') format('svg');
}

/* Main */
:root {
	--awesome__font: 900 20px/1 "Font Awesome 5 Free";
	--color__main: #333;
	--color__orange: #fa8106;
	--color__cover: #fff;
	--background__hover: #ff0000;
	--color__hover: #ff0000;
	--color__text: #333;
	--colorMain: #333;
	--color__title: #333;
	--Regular: 'RobotoRegular';
	--bold: 'RobotoBold';
	--medium: 'RobotoMedium';
	--mLight: 'RobotoLight';
	--mBold: 'RobotoBold';
	--mRegular: 'RobotoRegular';
	--font__title: 25px var(--bold);
	--fontMain: 14px/1.4 var(--Regular);
	--item__margin: 7px;
	--item__width: calc((100% / 3) - (var(--item__margin)*2));
	--item__margin__page: 7px;
	--item__width__page: calc((100% / 3) - (var(--item__margin__page)*2));
}

body {
	font: var(--fontMain);
	color: var(--colorMain);
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top
}

a, input, textarea {
	outline: none;
	padding: 0px;
	text-decoration: none;
}

.item {
	width: var(--item__width);
	margin: 0 var(--item__margin) calc(var(--item__margin) * 2) var(--item__margin);
}

.item__page {
	width: var(--item__width__page);
	margin: 0 var(--item__margin__page) calc(var(--item__margin__page) * 2) var(--item__margin__page);
}

.row__item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 calc(0px - var(--item__margin))
}

.row__item__page {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 calc(0px - var(--item__margin__page))
}

.modal{
	z-index: 99991;
}
.modal-backdrop{
	z-index: 9999;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.name {
	color: var(--color__text);
	display: block;
	line-height: normal;
	font: 16px var(--bold);
	transition: all 0.4s;
}

.name:hover {
	color: var(--color__hover);
}

.desc {
	color: var(--color__text);
}

.w-clear:after {
	display: block;
	content: "";
	clear: both;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.none {
	display: none;
}

.hidden-seoh {
	visibility: hidden;
	height: 0px;
	margin: 0px;
	overflow: hidden;
}

ul.slick__page{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.wrap-main, .wrap-content {
	margin: 40px auto;
	max-width: 1320px;
	padding: 0 10px;
}

.wrap-home {
	max-width: 100%;
	padding: 0px;
	margin: 0 auto;
}

.container{
	max-width: 1320px;
	padding: 0 10px;
	margin: 0 auto;
}

.pd40-0{
	padding: 40px 0;
}
.pd50-0{
	padding: 50px 0;
}
.pd60-0{
	padding: 60px 0;
}

.pd70-0{
	padding: 70px 0;
}
.pt30{
	padding-top: 30px;
}
.pt40{
	padding-top: 40px;
}

.pt70{
	padding-top: 70px;
}

.mt40{
	margin-top: 40px;
}

.mt70{
	margin-top: 70px;
}

.background-gray{
	background-color: #f5f5f5;
}

/* General */
.title-website {
	margin-bottom: 1.5rem;
	text-align: center;
}

.title-website span {
	text-transform: uppercase;
	color: var(--color__title);
	font:var(--font__title);
}
.title-viewsMore.title-website{
	text-align: left;
	position: relative;
	padding-top: 25px;
}
.title-viewsMore.title-website:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--color__orange);
	width: 70px;
	height: 3px;
}
.title-viewsMore.title-website span {
	font:30px var(--medium);
}

.title-website p{
	margin-bottom: 0;
	font-size: 13px;
	color: #4c4c4c;
	margin-top: 12px;
}

.time-main {
	margin-bottom: 0.75rem;
	color: #999999;
}

.time-main i {
	vertical-align: top;
	margin: 3px 7px 0px 0px;
}

.time-main span {
	vertical-align: top;
	display: inline-block;
}

.social {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.social li {
	display: inline-block;
	vertical-align: top;
}

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

.control-carousel {
	position: absolute;
	top: calc(50% - 30px/2);
	margin-bottom: 0px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #eee;
	z-index: 2;
	background-color: #fff;
	color: #ccc;
	cursor: pointer;
}

.gallery-thumb-pro .slick-prev:before, .gallery-thumb-pro .slick-next:before {
	color: #ccc;
	font-size: 22px;
}

.control-carousel:hover {
	background-color: var(--background__hover);
	border-color: var(--color__hover);
	color: #fff;
}

.gallery-thumb-pro .slick-prev:hover:before, .gallery-thumb-pro .slick-next:hover:before {
	color: var(--color__hover);
}

.prev-carousel, .gallery-thumb-pro .slick-prev {
	left: 0px;
}

.next-carousel, .gallery-thumb-pro .slick-next {
	right: 0px;
	left: initial;
}

.bannerIn{
	width: 100%;
	object-fit: cover;
	min-height: 470px;
	position: relative;
}

.bannerIn.bannerInForProject{
	min-height: 768px;
}
.bannerIn.bannerInForProject .container{
	justify-content: center !important;
}
.bannerIn .infoBanner{
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color__cover);
}

.bannerIn .infoBanner .info{
	width: 100%;
	max-width: 760px;
}
.bannerIn.bannerInForProject .infoBanner .info{
	text-align: center;
}
.bannerIn .infoBanner .info h3{
	font-size: 50px;
}

.bannerIn.bannerInForProject .infoBanner .info h3{
	font:75px/75px var(--mLight);
	text-transform: uppercase;
}

.bannerIn .infoBanner .info span{
	font-size: 16px;
	display: block;
	line-height: 1.8;
}

.bannerIn.bannerInForProject .infoBanner .info span{
	font:25px var(--mLight);
	text-transform: uppercase;
	margin: 20px 0;
}

.bannerIn > .infoBanner > .container > a,.btn-quote{
	transition: all 0.4s;
	background: var(--color__orange) url(../images/icon20.png) no-repeat center right 76px;
	min-width: 280px;
	font-size: 15px;
	line-height: 50px;
	text-align: center;
	text-decoration: none !important;
	color: var(--color__cover) !important;
}

.bannerIn > .infoBanner > .container > a:hover,.btn-quote:hover{
	background-color: var(--color__hover);
}

.bannerIn.bannerInForProject .infoBanner a{
	font:15px/53px var(--mBold);
	padding: 0 52px;
	color: var(--color__text);
	text-transform: uppercase;
	border: 1px solid var(--color__cover);
	border-right:5px solid var(--color__orange);
	display: inline-block;
	background-color: var(--color__cover);
	margin: 0 5px;
}

.bannerIn.bannerInForProject .infoBanner a:last-child{
	background-color: transparent;
	border: 1px solid var(--color__cover);
	color: var(--color__cover);
}

.bannerIn.bannerInForProject .infoBanner a:hover{
	background-color: var(--color__orange);
	border-color: var(--color__orange);
	color: var(--color__cover);
}

/* Menu */
#mmenu{
	cursor: pointer;
	background: url(../images/icon-menu.png) no-repeat center left;
	width: 54px;
	height: 60px;
	margin-right: 40px;
}

#mmenu.active{
	background: url(../images/icon-menu-act.png) no-repeat center left;
	background-size: 30px 30px;
}

.menu-map{
	width: 40px;
	height: 40px;
	background: url(../images/icon2.png) no-repeat center;
	display: inline-block;
	margin: 0 40px;
}

.menu-login{
	position: relative;
	height: 60px;
}
.menu-login .icon{
	background: url(../images/icon3.png) no-repeat center;
	display: inline-block;
	height: 100%;
	width: 40px;
	cursor: pointer;
}
.user-header{
	position: absolute;
	right: calc(50% - 80px);
	top: calc(100% + 10px);
	width: 200px;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	display: none;
}

.user-header:before{
	content: "";
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 100%;
	left: calc(50% - 5px);
}

.user-header a{
	display: block;
	color: var(--color__cover);
	text-transform: capitalize;
	font-size: 15px;
	transition: all 0.4s;
	text-decoration: none !important;
}

.user-header a:hover{
	padding-left: 10px;
}

.user-header a:not(:last-child){
	margin-bottom: 6px;
}

.user-header a i{
	margin-right: 4px;
}

.menu {
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 9999;
	top: 0;
	width: 100%;
	left: 0;
}

.menu.menuIn{
	position: relative;
	background-color: rgba(0, 0, 0, 0.4);
}

.menu.menuIn.menuInForBanner{
	background-color: rgba(0, 0, 0, 0.3);
	position: fixed;
}

.menu.menuIn.menuInForBanner.fixed,.menu.menuIn.fixed{
	position: fixed;
}

.menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.menu ul li {
	position: relative;
	z-index: 99;
}

.menu > div > ul > li > a{
	display: block;
	position: relative;
	z-index: 1;
	text-align: center;
	text-decoration: none !important;
	color: #fff;
	margin: 20.3px 38px;
	text-transform: capitalize;
}
.menu > div > ul > li > a.active:after, .menu > div > ul > li > a:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 1px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 0.88em;
	background-color: var(--color__orange);
	transition: all .3s;
}
.menu > div > ul > li > a.active:after, .menu > div > ul > li:hover > a:after {
	width: 100%;
	left: 0;
}

.box-menu{
	width: 990px;
	position: absolute;
	left: calc(50% - 495px);
	top: 100%;
	padding-top: 20px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s;
}

.hover-product-list:hover .box-menu{
	visibility: visible;
	opacity: 1;
}

.box-menu .in-box-menu{
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 40px;
	position: relative;
}

.box-menu .in-box-menu:before{
	content: "";
	border-bottom:16px solid rgba(0, 0, 0, 0.7);
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	position: absolute;
	left: calc(50% - 14px);
	bottom: 100%;
}

.box-menu .in-box-menu .box-menu-left{
	width: 230px;
}
.box-menu .in-box-menu .box-menu-left li,.item-box-menu-right .box-menu-right-cat li{
	margin-bottom: 25px;
}
.box-menu .in-box-menu .box-menu-left li a,.item-box-menu-right .box-menu-right-cat li a{
	display: block;
	color: #fff;
	line-height: 1.55;
	font-size: 17px;
	text-decoration: none !important;
}
.box-menu .in-box-menu .box-menu-left li.active a,.box-menu .in-box-menu .box-menu-left li a:hover,.item-box-menu-right .box-menu-right-cat li a:hover{
	color: var(--color__orange);
}
.box-menu .in-box-menu .box-menu-right{
	width: calc(100% - 230px);
	position: relative;
}

.item-box-menu-right{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 1;
	transition: opacity .3s;
}

.item-box-menu-right.active{
	position: relative;
	opacity: 1;
	z-index: 10;
}

.box-menu .in-box-menu:after {
	content: "";
	width: 1px;
	height: calc(100% - 80px);
	background-color: #999;
	position: absolute;
	left: calc(230px + 40px);
	top: 40px;
}
.box-menu .in-box-menu .box-menu-right .box-menu-right-cat{
	width: calc(100% - 320px);
	padding: 0 40px;
}
.box-menu .in-box-menu .box-menu-right .img{
	width: 320px;
}

.box-menu .in-box-menu .box-menu-right .img .name{
	text-transform: uppercase;
	margin-bottom: 10px;
	color: var(--color__cover);
	font:20px/1.4 var(--bold);
}

.box-menu .in-box-menu .box-menu-right .img .desc{
	margin-top: 10px;
	color: var(--color__cover);
	font:16px/1.7 var(--bold);
}

.search-mmenu{
	padding: 20px 74px;
}

.search-mmenu > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid var(--color__cover);
}
.search-mmenu > div input{
	width: calc(100% - 40px);
	height: 40px;
	background: transparent;
	color: var(--color__cover);
	font-size: 16px;
	outline: none !important; 
	border: none;
}
.search-mmenu > div input::placeholder{
	color: var(--color__cover);
	font-size: 16px;
}
.search-mmenu > div p{
	width: 40px;
	height: 40px;
	color: var(--color__cover);
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 0;
	text-align: center;
}

#main-mmenu{
	z-index: 999999;
	left: 0;
	width: 100%;
	max-width: 500px;
	height: calc(100% - 60px);
	position: fixed;
	left: -500px;
	top: 60px;
	transition: all .5s;
	padding-bottom: 0.17rem;
	background-color: rgba(0, 0, 0, 0.7);
	overflow: auto;
}

#main-mmenu.active{
	left: 0;
}

#main-mmenu ul{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

#main-mmenu > ul > li{
	padding: 0 70px;
	position: relative;
}
#main-mmenu ul > li > ul{
	padding-bottom: 10px;
}
#main-mmenu ul > li > ul li{
	padding: 0 0 0 10px;
	position: relative;
}

#main-mmenu > ul > li a{
	color: #fff;
	display: block;
	line-height: 1.44;
	padding: 10px;
	position: relative;
	font-size: 20px;
	text-decoration: none !important;
	text-transform: capitalize;

}

#main-mmenu > ul > li ul li a{
	transition: all 0.4s;
	background: url(../images/icon-menu-arr.png) no-repeat center right 28px;
}


#main-mmenu > ul > li ul li a:hover{
	background: url(../images/icon-menu-arr.png) no-repeat center right 18px;
}
#main-mmenu > ul > li ul li.link-category > a{
	background: transparent;
}
.action-menu{
	position: absolute;
	right: 90px;
	top: 5px;
	background: url(../images/icon-menu-plus.png) no-repeat center;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.action-menu.active{
	background: url(../images/icon-menu-plus-1.png) no-repeat center;
}

#main-mmenu ul > li > ul li.link-category .action-menu{
	right: 16px;
}

#main-mmenu ul li ul{
	display: none;
}

#main-mmenu > ul > li > ul.active,#main-mmenu > ul > li > ul > li > ul.active{
	display: block;
}

/* Search */
.search {
	width: 230px;
	background: #fff;
}

.search p {
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	text-align: center;
	margin: 0px;
	color: var(--color__text);
	font-size: 16px;
}

.search input {
	width: calc(100% - 35px);
	height: 35px;
	float: left;
	outline: none;
	padding: 0px;
	border: 0px;
	background: transparent;
	text-indent: 10px;
	font-size: 12px;
}

.search input::-webkit-input-placeholder {
	color: #ccc;
}

.search input:-moz-placeholder {
	color: #ccc;
}

.search input::-moz-placeholder {
	color: #ccc;
}

.search input:-ms-input-placeholder {
	color: #ccc;
}

/* Menu RP */
.menu-res {
	display: none;
	height: 55px;
	z-index: 10;
	background: var(--color__main);
	position: relative;
	line-height: normal;
	z-index: 9999;
}

.menu-bar-res {
	height: 55px;
	padding: 0px 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#menu {
	display: none;
}

#hamburger {
	display: block;
	width: 45px;
	height: 23px;
	position: relative;
}

#hamburger:before, #hamburger:after, #hamburger span {
	background: #fff;
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0px;
}

#hamburger:before {
	top: 0px;
}

#hamburger span {
	top: 10px;
}

#hamburger:after {
	top: 20px;
}

#hamburger:before, #hamburger:after, #hamburger span {
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;
	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}

.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after {
	top: 10px;
}

.mm-wrapper_opening #hamburger span {
	left: -50px;
	opacity: 0;
}

.mm-wrapper_opening #hamburger:before {
	transform: rotate(45deg);
}

.mm-wrapper_opening #hamburger:after {
	transform: rotate(-45deg);
}

.mm-menu_opened {
	display: block !important;
}

/* Search RP */
.search-res {
	position: relative;
}

.search-res .icon-search {
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-align: center;
	line-height: 42px;
	color: #fff;
	font-size: 17px;
	margin: 0px;
}

.search-res .icon-search.active {
	color: var(--color__main);
	background: #fff;
	border-radius: 100%;
}

.search-res .search-grid {
	position: absolute;
	top: 52px;
	right: 0px;
	width: 0px;
	height: 40px;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--color__main);
	z-index: 2;
	opacity: 0;
	border-radius: 25px;
	line-height: normal;
}

.search-res .search-grid p {
	float: left;
	width: 35px;
	height: 38px;
	cursor: pointer;
	outline: none;
	border: none;
	margin: 0px;
	font-size: 17px;
	display: block;
	color: var(--color__main);
	line-height: 40px;
	text-align: center;
}

.search-res .search-grid input {
	width: calc(100% - 35px);
	float: right;
	line-height: 38px;
	outline: none;
	border: none;
	color: var(--color__main);
}

.search-res .search-grid input::-webkit-input-placeholder {
	color: #ccc;
}

.search-res .search-grid input:-moz-placeholder {
	color: #ccc;
}

.search-res .search-grid input::-moz-placeholder {
	color: #ccc;
}

.search-res .search-grid input:-ms-input-placeholder {
	color: #ccc;
}

.menu .search-res .icon-search{
	background: url(../images/icon1.png) no-repeat center;
}

/* Slideshow */
.slider {
	position: relative;
}

.slider a {
	display: block;
	cursor: pointer;
}

.slider a img {
	width: 100%;
}

.slider.slick__page .slick-prev, .slider.slick__page .slick-next {
	border-radius: unset;
	border: unset;
	z-index: 9999;
	opacity: 0;
	transition: all 0.4s;
}

.slider.slick__page:hover .slick-prev, .slider.slick__page:hover .slick-next {
	opacity: 1;
}

.slider.slick__page .slick-prev {
	right: initial;
	left: 10px;
}

.slider.slick__page .slick-next {
	left: initial;
	right: 10px;
}

.slider .slick-dots{
	padding-left: 0;
	margin-bottom: 0;
	position: absolute;
	right: 34px;
	width: 3px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99999;
	flex-wrap: wrap;
}

.slider .slick-dots li{
	width: 100%;
	height: 40px;
	margin: 0;
	border-radius: unset;
}

.slider .slick-dots li:not(:last-child){
	margin-bottom: 10px;
}

.slider .slick-dots li.slick-active{
	background: var(--color__orange);
}

/* Breadcrumb */
.breadCrumbs {
	background-color: #f5f5f5;
	text-transform: capitalize;
}

.breadCrumbs .wrap-content {
	margin: 0 auto;
	padding: 36.3px 10px;
	max-width: 1320px;
}

.breadCrumbs .wrap-content .breadcrumb {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
	border-radius: 0;
	justify-content: center;
}

.breadCrumbs .wrap-content .breadcrumb-item a {
	color: #808080;
}

.breadCrumbs .wrap-content .breadcrumb-item.active a {
	color: #808080;
}

.breadCrumbs .wrap-content .breadcrumb-item a:hover{
	text-decoration: underline !important;
}

/*Dự án*/
.wrap-project{
	padding: 70px 0;
}

.wrap-project .title-website{
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.wrap-project .title-website p{
	line-height: 2;
}

.wrap-project .oc-s {
	width:57.7%;
	transition: all .3s;
	cursor: pointer;
}

.wrap-project .oc-box {
	width: 100%;
	padding-top: 59.523%;
	position: relative;
	display: block;
	pointer-events: none;
}

.wrap-project .oc-img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}
.wrap-project .oc-t {
	color: #666;
	text-align: center;
	pointer-events: none;
	text-transform: capitalize;
	transition: all .3s;
	font:16px/1.4 var(--Regular);
	padding-top: 18px;
}
.wrap-project .oc-s.swiper-slide-active .oc-box{
	pointer-events: inherit;
	text-decoration: none !important;
}
.wrap-project .oc-s.swiper-slide-active .oc-t {
	color: #333;
	font:18px/1.4 var(--medium);
	pointer-events: inherit;
	text-decoration: none !important;
}

.wrap-project .oc-s.swiper-slide-prev {
	padding-right: 40px;
	padding-left: 16%;
}
.wrap-project .oc-s.swiper-slide-next {
	padding-left: 40px;
	padding-right: 16%;
}

.wrap-project .swiper-slide-prev .oc-t{
	padding-left:52%;
}

.wrap-project .swiper-slide-next .oc-t{
	padding-right:52%;
}

.wrap-project .oc-arrow {
	width: 40px;
	height: 30px;
	position: absolute;
	bottom: 120px;
	background-size: 100% 100%;
	cursor: pointer;
	z-index: 123;
	font-size: 0;
}

.wrap-project .oc-prev {
	left: 90px;
	transform: rotate(180deg);
}

.wrap-project .oc-next {
	right: 90px;
}

.wrap-project .oc-gray {
	width: 100%;
	background-image: url(../images/icon9.png);
	background-position: right center;
	right: 0;
}
.wrap-project .oc-orange {
	width: 0;
	background-image: url(../images/icon10.png);
	background-position: left center;
	left: 0;
}

.wrap-project .oc-arrow>div {
	height: 100%;
	transition: width .3s;
	position: absolute;
	top: 0;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.wrap-project .oc-arrow:hover .oc-gray {
	width: 0;
}
.wrap-project .oc-arrow:hover .oc-orange {
	width: 100%;
}

.wrap-project .swiper-container{
	padding-bottom: 32px;
}

.wrap-project .swiper-pagination{
	bottom: 0;
}
.wrap-project .swiper-pagination .swiper-pagination-bullet{
	width: 40px;
	height: 3px;
	background: #bfbfbf;
	margin: 0 5px;
	border-radius: unset;
	opacity: 1;
	cursor: pointer;
}
.wrap-project .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: var(--color__orange);
}
/*End dự án*/

/*Tại sao chọn chúng tôi*/
.wrap-why{
	background: url(../images/bg-why.jpg) no-repeat center;
	background-size: cover;
}

.wrap-why .title-website span,.wrap-why .title-website p{
	color: var(--color__cover);
}

.item__why{
	text-align: center;
	min-height: 310px;
	background:rgba(255,255,255,0.95);
	padding: 32px 28px;
	position: relative;
}

.item__why:before{
	content: "";
	width: 1px;
	height: calc(100% - 64px);
	top: 32px;
	right: -1px;
	z-index: 1;
	background-color: #cfcfcf;
	position: absolute;
}

.item__why .info .name{
	font:16px var(--medium);
	color: #010101;
	margin: 15px 0;
}

.item__why .info .desc{
	font-size: 13px;
	line-height: 2;
	color: #4c4c4c;
	-webkit-line-clamp: 4;
	text-align: left;
}
.item__why .info .desc p{
	margin-bottom: 0;
}
/*End tại sao chọn chúng tôi*/

/* Video */
.box-video{
	margin: 0 -15px;
}
.item__videos {
	cursor: pointer;
	width: calc((100% / 3) - (15px * 2));
	margin: 0 15px 30px 15px;
}

.item__videos .img {
	position: relative;
	margin-bottom: 20px;
}

.item__videos .img:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../images/icon-play-video.png) no-repeat center;
}

.item__videos .img img {
	width: 100%;
}
.item__videos .name{
	border-left: 2px solid var(--color__orange);
	padding-left: 15px;
	text-transform: capitalize;
}
.item__videos:hover .name{
	color:var(--color__orange);
}

/*Cảm nhận khách hàng*/
.wrap-custumer{
	background-color: #ececec;
}
.item__custumer{
	background-color: var(--color__cover);
	padding: 42px 90px 42px 94px;
	position: relative;
}
.item__custumer:before,.item__custumer:after{
	content: "";
	width: 45px;
	height: 35px;
	position: absolute;
}

.item__custumer:before{
	background: url(../images/icon11.png) no-repeat center;
	left: 36px;
	top: calc(50% - 22.5px);
}

.item__custumer:after{
	background: url(../images/icon12.png) no-repeat center;
	right: 24px;
	top:50%;
}

.item__custumer .desc{
	color: #666;
}
.item__custumer .name{
	color: #4c4c4c;
	font-size: 15px;
	text-transform: capitalize;
	margin-top: 15px;
	text-align: right;
}
.wrap-custumer .slick-prev:after, .wrap-custumer .slick-next:after{
	display: none;
}
.wrap-custumer .slick-prev, .wrap-custumer .slick-next{
	border: none;
	padding: 0;
	width: 32px;
	height: 34px;
	background: url(../images/icon34.png) no-repeat center;
	border-radius: unset;
}
.wrap-custumer .slick-prev{
	right: calc(100% + 10px);
}
.wrap-custumer .slick-next{
	left: calc(100% + 10px);
}
/*End Cảm nhận khách hàng*/

/*Dự toán công trình*/
.wrap-project_estimation{
	background-color: var(--color__text);
	padding: 45px 0 100px;
	color: var(--color__cover);
}

.wrap-project_estimation .title-website span{
	color: var(--color__cover);
}

.btn-project_estimation a{
	text-decoration: none !important;
	font:16px/45px var(--Regular);
	text-align: center;
	min-width: 270px;
	background-color: var(--color__cover);
	color: var(--color__text);
	text-transform: uppercase;
	display: inline-block;
	margin:0 15px;
	transition: all 0.4s;
}
.btn-project_estimation a:hover{
	background-color: var(--color__orange);
	color: var(--color__cover);
}
.line-project_estimation{
	background: #666;
	height: 1px;
	width: 100%;
	margin: 60px 0 90px;
}

.header-project_estimation{
	margin-bottom: 30px;
}

.header-project_estimation .desc{
	color: #ccc;
	line-height: 2;
	text-align: center;
}

.top-project_estimation{
	border-bottom: 1px solid #4d4d4d;
	padding-bottom: 4px;
	margin-bottom: 25px;
}

.wrap-project_estimation form span{
	font:25px var(--bold);
	display: block;
	margin-bottom: 15px;
}

.input-project_estimation{
	width: calc((100% - 42px) / 4);
	margin-bottom: 26px;
}

.input-project_estimation label{
	font:14px/1.4 var(--medium);
	margin-bottom: 14px;
}

.input-project_estimation .form-control{
	border-radius: unset;
	padding: 0 12px;
	height: 47px;
	text-indent: unset;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
}

.input-project_estimation select.form-control{
	background:var(--color__cover) url(../images/icon22.png) no-repeat center right 10px;
	cursor: pointer;
}

.submit-project_estimation{
	height: 45px;
	background-color: var(--color__orange);
	width: 100%;
	border: none;
	font-size: 15px;
	color: var(--color__cover);
	transition: all 0.4s;
	outline: none !important;
}

.submit-project_estimation:hover{
	background-color: var(--color__hover);
}

.estimated__results > h5{
	line-height: 1.5;
}

.estimated__results table{
	background: var(--color__cover);
}
/*End dự toán công trình*/

/* Album */
.album {
	text-align: center;
	cursor: pointer;
	margin-bottom: 10px;
}

.pic-album {
	position: relative;
}

.pic-album img {
	width: 100%;
}

.name-album {
	font-size: 16px;
	color: var(--color__text);
	margin-bottom: 0px;
}

.name-video:hover {
	color: var(--color__hover);
}

/*Nav main*/
.main-navPage{
	background-color: #f6f6f6;
	margin-bottom: 30px;
}

.main-navPage .container{
	border-top: 1px solid #999;
	padding: 0;
	max-width: 1300px;
}

.nav-cat,.nav-list{
	padding: 25px 0;
}

.nav-cat a,.nav-list a{
	color: #4c4c4c;
	position: relative;
}
.nav-list a{
	color: #4d4d4d;
	text-transform: capitalize;
}

.nav-list a span.img{
	display: inline-block;
	position: relative;
	margin-right: 5px;
}

.nav-list a span.img img{
	vertical-align: middle;
	opacity: 1;
	transition: all 0.4s;
}

.nav-list a span.img img:nth-child(2){
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.nav-list a:hover span.img img:nth-child(1),.nav-list a.active span.img img:nth-child(1){
	opacity: 0;
}
.nav-list a:hover span.img img:nth-child(2),.nav-list a.active span.img img:nth-child(2){
	opacity: 1;
}

.nav-cat a:not(:last-child),.nav-list.classper .swiper-slide:not(:last-child){
	padding-right: 25px;
	margin-right: 25px;
}

.nav-cat a:not(:last-child):before,.nav-list.classper .swiper-slide:not(:last-child):before{
	content: "";
	width: 1px;
	height: 30px;
	background: url(../images/icon35.png) no-repeat center;
	position: absolute;
	right: 0;
	top:calc(50% - 15px);
}

.nav-cat a.active,.nav-cat a:hover,.nav-list a.active,.nav-list a:hover{
	color: var(--color__orange);
}

.nav-list.product a{
	white-space: nowrap;
	display: flex;
	align-items: center;
}

.nav-list.classper .swiper-slide {
	width: auto;
	white-space: nowrap;
	padding: 0 0.2rem 0rem;
}
/*Ennd nav main*/

/* Sản Phẩm */
.wrap-category{
	padding-top: 74px;
}
.item__category__product:not(:last-child){
	margin-bottom: 80px;
}
.item__category__product .info{
	width: 32%;
	margin-right: -218px;
	position: relative;
	z-index: 9;
}

.item__category__product:nth-child(2n) .info{
	order: 2;
	margin-right: 0;
	margin-left: -218px;
	text-align: right;
}
.item__category__product:nth-child(2n) .info .box{
	text-align: left;
}

.item__category__product .info .box{
	background: #ececec;
	padding: 35px 32px 72px 35px;
	margin-bottom: 42px;
}

.item__category__product .info .box .sub-title{
	font:14px var(--mRegular);
	color: #4c4c4c;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.item__category__product .info .box .name{
	font:25px var(--mRegular);
	color: #262626;
	margin-bottom: 10px;
}

.item__category__product .info .box .desc{
	font:13px/2 var(--mRegular);
	color: #4c4c4c;
}

.btn-all{
	display: inline-block;
	font:13px/38px var(--mRegular);
	color: #4c4c4c;
	border: 1px solid #666;
	border-radius: 35px;
	padding: 0 44px 0 34px;
	text-decoration: none !important;
	background: url(../images/icon7.png) no-repeat center right 15px;
	transition: all 0.4s;
}

.btn-all:hover{
	border-color: var(--color__orange);
	color: var(--color__orange);
}

.item__category__product .img{
	width: 77.7%;
}

/*Filter product*/
.box-filterProduct{
	border: 1px solid #e0e0e0;
	background-color: #f6f6f6;
	margin-bottom: 30px;
}
.item__filter{
	position: relative;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

.item__filter:not(:last-child){
	border-right: 1px solid #e0e0e0;
}
.item__filter:not(:first-child){
	background: url(../images/icon36.png) no-repeat center right 10px;
}
.item__filter a{
	color: var(--color__text);
	text-decoration: none !important;
	position: absolute;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	right: 0;
	top: 0;
}

.item__filter .item-filter-cat a{
	position: static;
	display: block;
	line-height: inherit;
	padding: 12px 15px;
	width: 100%;
	height: inherit;
	text-align: left;
}
.item__filter span{
	color: #737373;
	display: block;
	padding: 0 15px;
	line-height: 50px;
	width: 100%;
}

.item__filter ul{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	position: absolute;
	left: -1px;
	width: calc(100% + 2px);
	top: 100%;
	z-index: 999;
	max-height: 290px;
	overflow: auto;
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
	color: #737373;
	display: none;
}


.item__filter ul li:hover a{
	background-color: #f0f0f0;
}

/*Header product*/
.header-product{
	margin-bottom: 40px;
}
.header-product .title{
	color: #4d4d4d;
}

.header-product .info{
	width: 43%;
}
.header-product .info .sort-product{
	color: #4d4d4d;
	margin-right:30px;
}

.item-sort-product{
	padding-left: 20px;
	position: relative;
	margin-left: 10px;
	cursor: pointer;
}
.item-sort-product:before,.item-sort-product:after{
	content: "";
	position: absolute;
	border-radius: 50%;
}
.item-sort-product:before{
	left: 0;
	top: calc(50% - 6px);
	border: 1px solid #9d9d9d;
	width: 12px;
	height: 12px;
}

.item-sort-product.active:after{
	background-color: var(--color__orange);
	width: 8px;
	height: 8px;
	left: 2px;
	top: calc(50% - 4px);
}
.item-sort-product.active:before{
	border-color: var(--color__orange);
}

.search-product{
	border: 1px solid #ccc;
	background-color: var(--color__cover);
	width: 100%;
	max-width: 280px;
}
.search-product p{
	margin: 0;
	width: 43px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	line-height: 43px;
	color: #999;
	cursor: pointer;
}
.search-product p:hover{
	color: var(--color__orange);
}
.search-product input{
	width: calc(100% - 43px);
	height: 43px;
	background-color: transparent;
	border: none;
	outline: none !important;
	padding: 0 10px;
}

/*Sản phẩm danh mục*/
.view-template-product .breadCrumbs .wrap-content .breadcrumb{
	justify-content: flex-start;
}
.item__product{
	margin-bottom: 40px;
}
.item__product .img {
	background: #fff;
	position: relative;
	margin-bottom: 25px;
}
.btn-event{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	display: flex;
	justify-content: center;
	padding-bottom: 18px;
	opacity: 0;
	visibility: hidden;
}

.item__product:hover .btn-event{
	opacity: 1;
	visibility: visible;
}

.btn-event a{
	margin: 0 1px;
	background-color: rgba(255,255,255,0.9);
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	display: inline-block;
	position: relative;
}
.btn-event a img{
	vertical-align: middle;
}
.btn-event a img:last-child{
	position: absolute;
	left: calc(50% - 8px);
	top: calc(50% - 7px);
	opacity: 0;
	transition: all 0.4s;
}
.btn-event a.active-save img:last-child{
	opacity: 1;
}
.btn-event a:first-child{
	padding: 0 15px;
}

.btn-event a:first-child img{
	margin-top: -8px;
}

.btn-event a span{
	font-size: 16px;
	color: var(--color__orange);
	display: inline-block;
	margin-left: 10px;
}

.item__product .img > img {
	width: 100%;
}

.item__product .name {
	font:15px var(--medium);
}

.item__product .masp {
	font-size: 15px;
	color: #4c4c4c;
	text-transform: uppercase;
}

.item__product:hover .name {
	color: var(--color__hover);
}

.price-product {
	margin-bottom: 0px;
}

.price-product span {
	font-weight: 700;
}

.price-new {
	font-size: 15px;
	font-weight: 500;
	color: var(--color__main);
}

.price-old {
	padding-left: 10px;
	font-size: 12px;
	color: var(--color__text);
}

.addcart-home{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: var(--color__main);
	padding: 8px 15px;
	border-radius: 2px;
	color:var(--color__cover) !important;
	text-transform: capitalize;
	cursor: pointer;
	opacity: 0;
	transition: all 0.4s;
}

.addcart-home i{
	display: inline-block;
	margin-right: 5px;
}

.item__product:hover .addcart-home{
	opacity: 1;
}

/*Tags product*/
.box-tags{
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 18px;
}
.box-tags .title-box,.box-productQa .title-box{
	font-size: 25px;
	color: #262626;
	position: relative;
	margin-bottom: 15px;
	padding-top: 40px;
	text-align: center;
}

.box-tags .title-box:before{
	content: "";
	width: 200px;
	height: 3px;
	position: absolute;
	left: calc(50% - 100px);
	top: 0;
	background-color: var(--color__orange);
}

.box-productQa .title-box{
	padding-top: 0;
	margin-bottom: 0;
}
.box-tags .box{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

.box-tags .box a{
	width: calc((100% - 60px) / 4);
	text-align: center;
	margin-bottom: 10px;
	font-size: 15px;
	color: #666;
}

.box-tags .box a:hover{
	color: var(--color__orange);
}
.item__Qa{
	cursor: pointer;
}
.item__Qa > span{
	font:15px var(--medium);
	color: #666;
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #d9d9d9;
}

.item__Qa > .desc{
	padding: 20px 0;
	line-height: 1.8;
	border-bottom: 1px solid #d9d9d9;
	display: none;
}
.item__Qa.active span{
	color: var(--color__orange);
	border-color: var(--color__orange);
}
/*End tags product*/

/* Sản Phẩm Detail */
.view-template-product.isDetail .breadCrumbs{
	background-color: var(--color__cover);
}
.box-detail-content.product .item__col:first-child{
	width: calc(100% - 400px);
}

.box-detail-content.product .item__col:last-child{
	width: 380px;
	background-color: #f1f1f1;
	padding: 28px 22px 35px 22px;
}

.box-detail-content.product .title-website.title-viewsMore span{
	text-transform: inherit;
	font-size: 18px;
}

.box-detail-content.product .item__col:last-child .desc{
	font-size: 13px;
	color: #4c4c4c;
	line-height: 1.8;
	margin: 15px 0 20px;
	text-align: justify;
}

.box-detail-content.product .item__col:last-child .info a{
	font-size: 15px;
	color: #4c4c4c;
	line-height: 16px;
}

.box-detail-content.product .item__col:last-child .info a:last-child span{
	color: var(--color__orange);
}
.box-detail-content.product .item__col:last-child .info a:nth-child(2){
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	margin: 0 20px;
	padding: 0 20px;
}
.box-detail-content.product .item__col:last-child .info a:nth-child(2) img{
	margin-top: -4px;
}

.box-detail-content.product .item__col:last-child .info a img{
	vertical-align: middle;
	margin-right: 5px;
}

.input-getquote-detail{
	width: calc((100% - 10px) / 2);
	margin-bottom: 10px;
}

.input-getquote-detail .form-control{
	border-radius: unset;
	padding: 0 10px;
	border-color: #d9d9d9;
	height: 45px;
	font-size: 12px;
	color: #bfbfbf;
}

.input-getquote-detail textarea.form-control{
	resize: none;
	height: 90px;
	padding-top: 15px;
}

.input-getquote-detail .form-control::placeholder{
	font-size: 12px;
	color: #bfbfbf;
}

.form-getquote-detail .input-getquote-detail label{
	font-size: 12px;
	color: #4c4c4c;
	margin-right: 15px;
	margin-bottom: 10px;
}
.form-getquote-detail .input-getquote-detail .css-checkbox + label::before{
	border-color: #a6a6a6;
}

.input-getquote-detail.flie{
	display: flex;
	align-items: center;
}

.form-getquote-detail .input-getquote-detail.file label{
	font-size: 12px;
	color: var(--color__text);
	margin: 0;
	cursor: pointer;
}

.form-getquote-detail .input-getquote-detail.file label span{
	display: inline-block;
	border:1px solid #808080;
	border-radius: 4px;
	line-height: 28px;
	padding: 0 20px;
	margin-right: 10px;
	background-color: var(--color__cover);
}

.form-getquote-detail input[name='submit-getquote-detail']{
	width: 100%;
	background-color: var(--color__orange);
	color: var(--color__cover);
	text-transform: uppercase;
	line-height: 45px;
	font-size: 13px;
	border:none;
}

.view-template-product.isDetail .tabs-detail .nav-tabs{
	width: 100%;
	max-width: 440px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}

.box-OrderingProcess .title-website span{
	font:25px var(--Regular);
	color: #4c4c4c;
}

.item__OrderingProcess{
	width: calc((100% - 560px) / 6);
	position: relative;
}

.item__OrderingProcess:not(:last-child):before{
	content: "";
	background: url(../images/icon26.png) no-repeat center;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -65px;
	top: 42px;
}

.item__OrderingProcess .img{
	width: 92px;
	height: 92px;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	display: flex;
	margin: 0 auto 8px auto;
	align-items: center;
	justify-content: center;
}

.item__OrderingProcess .name{
	font:13px var(--Regular);
	color: #4c4c4c;
}
.item__OrderingProcess .img img{
	vertical-align: middle;
}
.item__OrderingProcess .img .img-top{
	width: 75px;
	height: 75px;
	background-color: #f6f6f6;
	border-radius:50%;
	line-height: 75px;
	opacity:1;
}

.item__OrderingProcess .img .img-bottom{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #d9d9d9;
	border-radius:50%;
	padding: 8px;
	opacity: 0;
}

.item__OrderingProcess .img .img-bottom span{
	width: 100%;
	height: 100%;
	display: block;
	line-height: 75px;
	border-radius:50%;
	background-color: var(--color__orange);
}
.item__OrderingProcess:hover .img .img-top{
	opacity: 0;
}
.item__OrderingProcess:hover .img .img-bottom{
	opacity: 1;
}

.detail-images-thumbs{
	position: relative;
	padding: 40px 0 25px;
	margin: 0 -5px 40px -5px;
}
.detail-images-thumbs .item-images-thumbs{
	cursor: pointer;
	margin: 0 5px;
	position: relative;
}

.detail-images-thumbs .item-images-thumbs.slick-current:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border:4px solid var(--color__orange);
}

.detail-images-thumbs .slick-dots{
	bottom: -5px;
    padding-left: 0;
    margin-bottom: 0;
    position: absolute;
}

.detail-images-thumbs .slick-dots li{
	background-color: #ddd;
	width: 30px;
	height: 3px;
	border-radius: unset;
	opacity: 1;
}

.detail-images-thumbs .slick-dots li.slick-active{
	background-color: var(--color__orange);
}
/*End sản phẩm detail*/

/*Dự án danh mục*/
.project__outstanding{
	padding: 115px 0 100px;
	background: url(../images/icon32.png) no-repeat center top 50px;
}

.header-project__outstanding{
	text-align: center;
	margin-bottom: 40px;
}
.header-project__outstanding span{
	font-size: 25px;
	color: #262626;
	text-transform: uppercase;
	display: block;
	margin-bottom: 32px;
}

.header-project__outstanding .desc{
	font-size: 16px;
	color: #262626;
	line-height: 1.8;
	max-width: 852px;
	margin: 0 auto;
}

.item-project__outstanding{
	display: block;
	position: relative;
	width: calc((100% - 20px) / 2);
	margin-bottom: 20px;
}

.item-project__outstanding .info{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
	color: var(--color__cover);
	opacity: 0;
	visibility: hidden;
}
.item-project__outstanding:hover .info{
	opacity: 1;
	visibility: visible;
}
.item-project__outstanding .info .name{
	font:20px var(--medium);
	color: var(--color__cover);
}
.item-project__outstanding .info .units{
	font-size: 16px;
}

.btn-project{
	font:15px/53px var(--mBold);
	color: var(--color__text);
	text-transform: uppercase;
	border: 1px solid #d8d8d8;
	border-right: 5px solid var(--color__orange);
	padding: 0 55px;
	display: inline-block;
}

.btn-project:hover{
	background-color: var(--color__orange);
	border-color: var(--color__orange);
	color: var(--color__cover);
}

.banner-project{
	padding: 95px 0;
}

.banner-project span{
	font-size: 25px;
	line-height: 1.8;
	color: var(--color__cover);
	width: 100%;
	max-width: 650px;
}

.banner-project .btn-project{
	color: var(--color__cover);
	padding: 0 80px;
}

.item-news__project:not(:last-child){
	margin-bottom: 100px;
}

.item-news__project > .img,.box__serviceProject .box .img{
	width: 48.9%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.item-imgNews__project{
	cursor: pointer;
	width: calc((100% - 10px) / 2);
}
.item-news__project.theme-0 > .img .item-imgNews__project:nth-child(1){
	margin-bottom: 10px;
	width: 100%;
}

.item-news__project > .info,.box__serviceProject .box .info{
	width: calc(100% - 48.9%);
	border: 1px solid #f3f3f3;
	border-left: none;
	padding: 65px 56px 75px 30px;
	position: relative;
}
.item-news__project.theme-1{
	align-items: flex-start !important;
}
.item-news__project.theme-1 > .info{
	order: -1;
	padding-left: 30px;
	padding-right: 56px;
}
.item-news__project > .info:before,.item-news__project > .info:after{
	content: "";
	position: absolute;
	background-color: var(--color__orange);
	top: -1px;
	right:-1px;
}

.item-news__project > .info:before{
	height: 1px;
	width: 46px;
}

.item-news__project > .info:after{
	height: 46px;
	width: 1px;
}

.item-news__project.theme-1 > .info:before,.item-news__project.theme-1 > .info:after{
	right:inherit;
	left: -1px;
}

.item-news__project.theme-1 > .img .item-imgNews__project:nth-child(3){
	margin-top: 10px;
	width: 100%;
}

.item-news__project > .info > .name{
	font:30px var(--medium);
	color: #1a1a1a;
	margin-bottom: 45px;
}

.item-news__project > .info > .desc{
	color: #1a1a1a;
	font-size: 16px;
	line-height: 1.8;
}

.item__statistical{
	width: calc((100% - 15px) / 2);
	margin-top: 35px;
}

.item__statistical .info .name{
	font-size: 25px;
	color: #1a1a1a;
}

.item__statistical span{
	font-size: 16px;
	display: inline-block;
	margin-bottom: 8px;
	color: #1a1a1a;
}
.item__statistical > span{
	margin-bottom: 0;
}
.slick__page-themeArraw .slick-prev, .slick__page-themeArraw .slick-next{
	border-radius: unset;
	padding: 0;
	border: none;
	background: url(../images/icon24.png) no-repeat center;
	width: 64px;
	height: 64px;
	transition: all 0.4s;
}
.slick__page-themeArraw .slick-prev:hover, .slick__page-themeArraw .slick-next:hover{
	background: url(../images/icon25.png) no-repeat center;
}
.slick__page-themeArraw .slick-prev:after, .slick__page-themeArraw .slick-next:after{
	display: none !important;
}

.slick__page-themeArraw .slick-prev,.slick__page-themeArraw .slick-prev{
	right: initial;
	left: 20px;
}

.slick__page-themeArraw .slick-next,.slick__page-themeArraw .slick-next{
	left: initial;
	right: 20px;
}
.projectOther .slick__page-themeArraw .slick-prev,.projectOther .slick__page-themeArraw .slick-next{
	top: 29%;
}

.productOther .slick__page-themeArraw .slick-prev,.productOther .slick__page-themeArraw .slick-next{
	top: 40%;
}

.projectOther .slick__page-themeArraw .slick-prev,.productOther .slick__page-themeArraw .slick-prev{
	left: -26px;
}

.projectOther .slick__page-themeArraw .slick-next,.productOther .slick__page-themeArraw .slick-next{
	right: -26px;
}

.wrap-partner.box__partnerProject{
	background-color: #f4f4f4;
}

.wrap-partner .slick__page{
	margin: 0 -5px;
}
.wrap-partner li{
	margin: 0 5px;
}

.box__serviceProject .title{
	font:30px var(--medium);
	color: #1a1a1a;
	text-transform: uppercase;
	margin-bottom: 68px;
}
.box__serviceProject .box .info{
	padding: 0 0 0 76px;
	border: none;
}

.box__serviceProject .box .info:before{
	content: "";
	width: 4px;
	height: calc(100% - 72px);
	background-color: #fef2e6;
	position: absolute;
	left: 34px;
	top: 0;
}

.box__serviceProject .box .img .slick-dots{
	padding-left: 0;
	margin-bottom: 0;
	position: absolute;
	left: 0;
	bottom: 50px;
	width: 100%;
}

.box__serviceProject .box .img .slick-dots li{
	border-radius: unset;
	background-color: var(--color__cover);
}

.box__serviceProject .box .img .slick-dots li.slick-active{
	background-color: var(--color__orange);
}

.item__serviceProject{
	position: relative;
}
.item__serviceProject:before{
	content: "";
	position: absolute;
	left: -45px;
	top: 0;
	background-color: var(--color__orange);
	width: 10px;
	height: 10px;
}
.item__serviceProject:not(:last-child){
	margin-bottom: 42px;
}

.item__serviceProject .name{
	color: #1a1a1a;
	font:20px var(--Regular);
}

.item__serviceProject .desc{
	font-size: 15px;
	color: #4b4b4b;
	line-height: 1.7;
}

.view-template-project .breadCrumbs .wrap-content .breadcrumb{
	justify-content: flex-start;
}

.view-template-project.isList .main-navPage .nav-cat > span{
	color: #4d4d4d;
	display: inline-block;
	width: 112px;
}

.view-template-project.isList .main-navPage .nav-cat:last-child{
	border-top: 1px solid #e6e6e6;
}

.view-template-project.isList .main-navPage .nav-cat a:not(:last-child){
	margin-right: 64px;
	padding-right: 0;
}

.view-template-project.isList .main-navPage .nav-cat a:not(:last-child):before{
	display: none;
}

.view-template-project.isList .main-navPage .nav-cat a{
	line-height: 2;
	display: inline-block;
	border-bottom: solid 1px transparent;
}

.view-template-project.isList .main-navPage .nav-cat a.active,.view-template-project.isList .main-navPage .nav-cat a:hover{
	border-color: var(--color__orange);
	color: var(--color__orange);
}

.item__project .img{
	border-bottom: 3px solid var(--color__orange);
}

.item__project .info{
	padding-top: 15px;
}
.item__project .info h3{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}
.item__project .info .name{
	font:15px/1.7 var(--medium);
	-webkit-line-clamp:2;
}

.item__project .info .info-project{
	display: block;
	font-size: 13px;
	color: #808080;
	padding-left: 27px;
	background: url(../images/icon16.png) no-repeat left center;
}

.item__project .info .info-project:nth-child(3){
	background: url(../images/i22.png) no-repeat left center;
	background-size: 15px 15px;
}

.item__project .info .info-project:nth-child(4){
	background: url(../images/icon17.png) no-repeat left center;
}

.item__project .info .info-project:not(:last-child){
	margin-bottom: 12px;
}
.box-detail-content.project{
	background-color: #f1f1f1;
	padding: 55px;
}
.box-detail-content.project .item__col{
	width: calc((100% - 30px) / 2);
}

.box-detail-content.project .name{
	font:20px/1.8 var(--medium);
	color: var(--color__text);
}

.box-detail-content.project .info span{
	display: inline-block;
	font-size: 15px;
	color: var(--color__orange);
	padding-left: 26px;
	background: url(../images/icon18.png) no-repeat center left;
}
.box-detail-content.project .info span:nth-child(2){
	background: url(../images/icon19.png) no-repeat center left;
}
.box-detail-content.project .info span:last-child{
	background: url(../images/i22.png) no-repeat center left;
	background-size: 15px 15px;
}
.box-detail-content.project .info span:not(:last-child){
	padding-right: 42px;
}
.btn-quote{
	display: inline-block;
	background-position: center right 35px;
}

.tabs-detail .nav-tabs{
	justify-content: space-between;
	border: none;
	padding: 0 56px 60px 56px;
}
.tabs-detail .nav-tabs .nav-item{
	margin-bottom: 0;
}

.tabs-detail .nav-tabs .nav-link{
	font-size: 25px;
	color: #262626;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	border-radius: unset;
	border: none;
	border-bottom: 1px solid transparent;
}
.tabs-detail .nav-tabs .nav-link.active,.tabs-detail .nav-tabs .nav-item.show .nav-link.tabs-detail,.nav-tabs .nav-link:hover,.tabs-detail .nav-tabs .nav-link:focus{
	color: var(--color__orange) !important;
	border-color: var(--color__orange);
}
/*End dự án danh mục*/

/*News detail*/
.news .info{
	margin-top: 10px;
}
/*End news detail*/

/* Bài viết */
.pic-news img {
	width: 100%;
}

.news .name {
	margin-bottom: 5px;
}

.news .name:hover {
	color: var(--color__hover);
}

.time-news {
	color: var(--color__text);
	margin-bottom: 0.25rem;
}

.news .desc {
	margin-top: 5px;
	line-height: 22px;
}

.share {
	padding: 17px 10px 10px 10px;
	line-height: normal;
	background: rgba(128, 128, 128, 0.15);
	margin-top: 15px;
	border-radius: 5px;
}

.share b {
	display: block;
	margin-bottom: 5px;
}

.othernews b {
	margin-bottom: 10px;
}

.list-news-other {
	padding-left: 17px;
	list-style: square;
}

.list-news-other li {
	margin-bottom: 2px;
}

.list-news-other li a {
	text-transform: none;
	color: #333333;
}

.list-news-other li a:hover {
	color: var(--color__hover);
}

/* Contact */
.view-template-contact{
	background-color: #f5f5f5;
}
.box-static{
	padding-top: 100px;
}
.view-template-contact .breadCrumbs{
	background-color: var(--color__cover);
}
.view-template-contact .breadCrumbs .wrap-content .breadcrumb{
	justify-content: flex-start;
}

.top-contact {
	margin-bottom: 30px;
}

.input-contact {
	position: relative;
	margin-bottom: 15px;
}

.bottom-contact {
	position: relative;
	background: url(../images/img-map.jpg) no-repeat center/cover;
	padding: 38px 0 98px;
}

.bottom-contact .info{
	background-color: var(--color__cover);
	padding: 50px 40px;
}

.bottom-contact .info a{
	color: var(--color__text);
	font-size: 16px;
	padding-left: 30px;
	background: url(../images/icon18.png) no-repeat center left;
}

.title-info{
	display: inline-block;
	font-size: 25px;
	color: #262626;
	text-transform: uppercase;
	position: relative;
	padding-left: 22px;
	margin-bottom: 25px;
}

.title-info:before{
	content: "";
	background-color: var(--color__orange);
	width: 2px;
	height: 40px;
	position: absolute;
	left: 0;
	top: calc(50% - 20px);
}

.top-contact{
	margin: 100px 0;
}

.top-contact .item-col{
	width: calc(100% / 2);
}

.top-contact .item-col:nth-child(1){
	padding-right: 66px;
	border-right: 1px solid #ccc;
}
.top-contact .item-col:nth-child(2){
	padding-left: 66px;
}

.top-contact .item-col .desc{
	font-size: 15px;
	line-height: 2;
}
.top-contact .item-col .desc p{
	margin-bottom: 0;
}

.viewsMoreAll{
	text-decoration: none !important;
	display: inline-block;
	color: var(--color__orange);
	text-transform: uppercase;
	font-size: 15px;
	padding-right: 24px;
	background: url(../images/icon21.png) no-repeat center right;
	position: relative;
	margin-top: 25px;
	transition: all 0.4s;
}

.viewsMoreAll:hover{
	color: var(--color__hover);
}

.viewsMoreAll:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 1px;
	background-color: var(--color__orange);
}

/* Dowload catalog */
.view-template-dowload-catalog .box-static{
	padding: 25px 0 0 0;
}

.view-template-dowload-catalog .box-static .title-website{
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 30px;
	padding-bottom: 28px;
}

.view-template-dowload-catalog .box-static .title-website span{
	font:25px var(--Regular);
	color: #4c4c4c;
}

.view-template-dowload-catalog .box-static .form{
	padding: 30px 0 100px;
	background: url(../images/bg-catelog.jpg) no-repeat center;
	background-size: cover;
}

.view-template-dowload-catalog .box-static .form .box{
	width: 100%;
	max-width: 700px;
	border-radius: 30px;
	background-color: rgba(51,51,51,0.8);
	border: 1px solid #e5e5e5;
	margin: 0 auto;
	color: var(--color__cover);
	overflow: hidden;
}

.view-template-dowload-catalog .box-static .form .box > span{
	display: block;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	padding: 26px 10px;
	border-bottom: 1px solid #e5e5e5;
}

.form-dowloadCatalog{
	padding: 67px 188px 67px 44px;
}

.form-dowloadCatalog .input-dowloadCatalog{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.form-dowloadCatalog .input-dowloadCatalog.input-dowloadCatalog-start{
	align-items: flex-start;
}

.form-dowloadCatalog .input-dowloadCatalog label{
	width: 138px;
	font-size: 12px;
	color: #bfbfbf;
	margin-bottom: 0;
}

.form-dowloadCatalog .input-dowloadCatalog.input-dowloadCatalog-start label{
	margin-top: 5px;
	cursor: pointer;
}

.form-dowloadCatalog .input-dowloadCatalog label sup{
	color: var(--color__orange);
}

.form-dowloadCatalog .input-dowloadCatalog .form-control{
	height: 25px;
	border: 1px solid #d9d9d9;
	border-radius: unset;
	padding: 0 10px;
}

.form-dowloadCatalog .input-dowloadCatalog textarea.form-control{
	resize: none;
	height: 90px;
	padding-top: 10px;
}

.form-dowloadCatalog .input-dowloadCatalog .info{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: calc(100% - 138px);
}

.form-dowloadCatalog .input-dowloadCatalog .info .item-col{
	width: calc((100% - 10px) / 2);
}
.form-dowloadCatalog .input-dowloadCatalog .info .item-col label{
	color: var(--color__cover);
	margin-top: 10px;
}
.form-dowloadCatalog .input-dowloadCatalog .info .item-col .form-control{
	width: 100%;
}

.form-dowloadCatalog .input-dowloadCatalog .info #inputPreview{
	flex-wrap: wrap;
}

.form-dowloadCatalog .input-dowloadCatalog .info #inputPreview label{
	font-size: 12px;
	color: var(--color__cover);
	margin-bottom: 10px;
	margin-right: 10px;
	width: auto;
	position: relative;
}

.form-dowloadCatalog .input-dowloadCatalog .info #inputPreview .css-checkbox + label::before{
	border-color: #a6a6a6;
}

.form-dowloadCatalog .input-dowloadCatalog .btn-file{
	margin-top: 0;
	color: #303030;
	background: url(../images/icon23.png) no-repeat center;
	width: 100%;
	line-height: 46px;
	padding-left: 20px;
	font-style: italic;
}

.form-dowloadCatalog .input-dowloadCatalog .notis{
	font-size: 12px;
	color: #f8f8f8;
	margin-top: 10px;
	line-height: 2;
	margin-bottom: 0;
	font-style: italic;
}

.form-dowloadCatalog .input-dowloadCatalog .btn-submit-dowloadCatalog{
	background-color: var(--color__orange);
	text-transform: uppercase;
	color: var(--color__cover);
	height: 45px;
	border: none;
	font-size: 13px;
	width: 100%;
	transition: all 0.4s;
}

.form-dowloadCatalog .input-dowloadCatalog .btn-submit-dowloadCatalog:hover{
	background-color: var(--color__hover);
}

/*End dowload catalog*/

/* Footer */
.footer__top {
	background-color: var(--color__cover);
	padding: 48px 0 30px;
}

.item__footer {
	width: calc((100% - 15px) / 4);
}

.item__footer:nth-child(1) {
	width: 100%;
	border-bottom: 1px solid var(--color__text);
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.item__info-social{
	color: #303030;
	font-size: 18px;
}

.item__info-social span{
	text-transform: uppercase;
}

.item__info-social p{
	margin-bottom: 0;
	background: url(../images/icon4.png) no-repeat left center;
	padding-left: 38px;
	display: inline-block;
}

.item__info-social:nth-child(3) p{
	background: url(../images/icon5.png) no-repeat left center;
	padding-left: 24px;
}

.item__info-social:nth-child(4) p{
	background: url(../images/icon6.png) no-repeat left center;
}

.item__info-social ul li{
	margin-left: 10px;
}

.title-footer {
	text-transform: uppercase;
	margin-bottom:20px;
	font:16px var(--medium);
}

.footer-ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.footer-ul li {
	margin-bottom: 15px;
}

.footer-ul li:last-child {
	margin-bottom: 0px;
}

.footer-ul li a {
	color: #666;
}

.form-newsletter{
	width: 100%;
	max-width: 320px;
	border: 1px solid #4d4d4d;
	position: absolute;
	right: 60px;
	top: 12px;
	background: var(--color__cover);
}

.form-newsletter input {
	padding: 0px;
	font-size: 14px;
	text-indent: 15px;
	border-radius: 0px;
	height: 48px;
	width: calc(100% - 100px);
	border: none;
	font-size: 13px;
	color: #666;
}

.form-newsletter input::placeholder{
	font-size: 13px;
	color: #666;
}

.form-newsletter input[type=submit] {
	border: 0px;
	background-color: #4d4d4d;
	color: #fff;
	display: inline-block;
	padding: 0;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	height: 48px;
	width: 100px;
	text-indent: unset;
}

.footer__bottom {
	color: #666;
	background-color: var(--color__cover);
	font-size: 13px;
}

.footer__bottom .container {
	padding: 0 10px 25px 10px;
	position: relative;
}

.top-footer__bottom{
	border-bottom: 1px solid var(--color__text);
	color: #303030;
	padding-bottom: 18px;
	margin-bottom: 25px;
	font-family: var(--bold);
}

.copyright {
	margin-bottom: 0px;
}

.footer__bottom .info {
	margin-bottom: 0px;
}

.footer__bottom .info span {
	padding-right: 10px;
}

.footer__bottom .info span:last-child {
	padding-right: 0px;
}

/*Giới thiệu*/
.detail-abouts{
	background-color: #f5f5f5;
	margin-bottom: 80px;
}

.detail-abouts .bottom{
	width: 100%;
	padding: 80px 0 100px;
}

.detail-abouts .left{
	width: 224px;
	border: 1px solid #cccc;
	padding: 55px 25px 25px 25px;
	position: relative;
	background-color: var(--color__cover);
}

.detail-abouts .left .title-left{
	text-transform: uppercase;
	font-size: 19px;
	color: #262626;
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: calc(100% + 6px);
	background-color: var(--color__cover);
	padding: 21px 10px;
}

.detail-abouts .left ul{
	list-style: none;
	padding-left: 0;
	margin-bottom: 190px;
}
.detail-abouts .left ul li:not(:last-child){
	margin-bottom: 32px;
}
.detail-abouts .left ul li a{
	font-size: 16px;
	color: #686868;
	text-transform: capitalize;
	text-decoration: none !important;
}

.detail-abouts .left ul li a:hover,.detail-abouts .left ul li a.active{
	color: var(--color__orange);
}

.detail-abouts .left .info-left span{
	display: block;
	font-family: var(--medium);
	color: #262626;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.detail-abouts .right{
	width: calc(100% - 224px);
	padding: 0 62px 10px 62px;
	border: 1px solid #cccc;
	border-left: none;
	border-top: none;
	background-color: var(--color__cover);
}
.detail-abouts .right .breadCrumbs{
	background: transparent;
}
.detail-abouts .right .breadCrumbs .wrap-content .breadcrumb{
	justify-content: flex-start;
}
.detail-abouts .right .breadCrumbs .wrap-content{
	padding-left: 0;
	padding-right: 0;
}
/*End giới thiệu*/

/*Form báo giá miễn phí*/
.title_form_getquote{
	margin-bottom: 20px;
}

.title_form_getquote span{
	display: inline-block;
	font-size: 25px;
	color: #262626;
	text-transform: uppercase;
	position: relative;
	padding-left: 22px;
}

.title_form_getquote span:before{
	content: "";
	background-color: var(--color__orange);
	width: 2px;
	height: 40px;
	position: absolute;
	left: 0;
	top: calc(50% - 20px);
}

.title_form_getquote p{
	margin-bottom: 0;
	font-size: 13px;
	color: #262626;
	margin-top: 12px;
}

.title_form_getquote p sup{
	color: var(--color__orange);
}
.form-getquote .input-getquote{
	width: calc((100% - 20px) / 2);
	margin-bottom: 20px;
}

.form-getquote .input-getquote label{
	font-size: 15px;
	margin-bottom: 16px;
}

.form-getquote .input-getquote label[for="file"]{
	margin-bottom: 0;
	font-size: 13px;
	cursor: pointer;
}
.form-getquote .input-getquote label[for="file"] > span{
	margin-bottom: 6px;
	padding-left: 18px;
	display: inline-block;
}
.form-getquote .input-getquote label[for="file"] > div{
	display: flex;
	align-items: center;
}

.form-getquote .input-getquote label[for="file"] > div span:nth-child(1){
	width: 98px;
	line-height: 23px;
	border: 1px solid #d9d9d9;
	border-radius: 6px	;
	background-color: #e6e6e6;
	text-align: center;
	margin-right: 18px;
}

.form-getquote .input-getquote .form-control{
	border-radius: unset;
	height: 48px;
	padding: 0 15px;
	border: 1px solid #d9d9d9;
	outline: none !important;
	font-size: 13px;
	color: #999;
}

.form-getquote .input-getquote textarea.form-control{
	resize: none;
	height: 158px;
	padding-top: 14px;
}

.form-getquote .input-getquote .form-control::placeholder{
	font-size: 13px;
	color: #999;
}

.form-getquote input[name='submit-getquote']{
	width: 200px;
	height: 45px;
	border: none;
	outline: none;
	background-color: var(--color__orange);
	text-transform: capitalize;
	color: var(--color__cover);
	font-size: 13px;
	transition: all 0.4s;
}

.form-getquote input[name='submit-getquote']:hover{
	background-color: var(--color__hover);
}
.css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

#inputPreview {
	display: flex;
}

.css-checkbox + label {
	position: relative;
	cursor: pointer;
	display: inline-flex;
	font-size: 13px;
	margin-bottom: 0;
	margin-right: 45px;
}

.css-checkbox + label::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	background-color: white;
	border: 1px solid #000;
	box-shadow: none;
	margin-right: 8px;
	margin-top: 2px;
}

.css-checkbox:checked + label::after {
	content: " ";
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMzMzMjMwIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center center;
	position: absolute;
	left: 1px;
	top: 3px;
	height: 10px;
	width: 10px;
}
/*End form báo giá miễn phí*/

/*Phẩm chất*/
.box-news.quality{
	background-color: #f5f5f5;
}
.view-template-quality.isList .breadCrumbs{
	background-color: var(--color__cover);
}
.view-template-quality .breadCrumbs .wrap-content .breadcrumb{
	justify-content: flex-start;
}
.main-quality .item-col:nth-child(1){
	width: 100%;
	max-width: 400px;
}

.main-quality .item-col:nth-child(2){
	width: calc(100% - 435px);
}

.main-quality .item-col:nth-child(2) > .title{
	font-size: 25px;
	color: #404040;
}

.main-quality .item-col:nth-child(2) > .desc{
	font-size: 15px;
	color: #404040;
	line-height: 2;
}
.box-listQuality .item__listQuality{
	width: calc((100% - 75px) / 2);
	margin-top: 32px;
}

.box-listQuality .item__listQuality span{
	font-size: 18px;
	color: #7b5e3e;
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 5px;
}
.box-listQuality .item__listQuality .desc{
	font-size: 15px;
	line-height: 1.8;
	padding-left: 20px;
	position: relative;
}

.box-listQuality .item__listQuality .desc:before{
	content: "";
	width: 8px;
	height: 8px;
	background-color: #1a1a1a;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 9px;
}
.box-newsQuality{
	padding-top: 70px;
}
.box-newsQuality .item__newsQuality{
	width: calc((100% - 58px) / 3);
	text-align: center;
}

.box-newsQuality .item__newsQuality .title{
	font-size: 20px;
	color: #262626;
	margin-bottom: 20px;
}

.box-newsQuality .item__newsQuality:hover .title,.box-listQuality .item__listQuality:hover span{
	color: var(--color__orange);
}

.box-newsQuality .item__newsQuality .desc{
	font-size: 15px;
	color: #262626;
	line-height: 2;
}

.box-newsQuality .item__newsQuality .viewsMoreAll{
	text-transform: inherit;

}

.view-template-quality.isList .main-navPage{
	background-color: var(--color__cover);
	border-bottom: 1px solid #ccc;
}

.view-template-quality.isList .main-navPage .container{
	border-top: none;
}

.view-template-quality.isList .main-navPage .container.fixed{
	position: fixed;
	top: 70px;
	width: 100%;
	left: 0;
	background-color: var(--color__cover);
	max-width: 100%;
	z-index: 999;
	border-bottom: 1px solid #dcdcdc;
}

.view-template-quality.isList .main-navPage .nav-cat{
	padding-top: 0;
}

.view-template-quality.isList .main-navPage .nav-cat a{
	text-transform: uppercase;
}

.view-template-quality.isList .main-navPage .container.fixed .nav-cat{
	padding: 15px 0;
	display: flex;
	max-width: 1300px;
	margin: 0 auto;
}

.itemQuality{
	background-color: var(--color__cover);
	padding: 60px 56px;
	border: 1px solid #ccc;
	margin-bottom: 60px;
}

.itemQuality .img-list-con{
	width: 100%;
	max-width: 400px;
}

.itemQuality .info{
	width: calc(100% - 430px);
}

.itemQuality .info .name{
	color: #262626;
	text-transform: uppercase;
	font:25px var(--Regular);
	margin-bottom: 15px;
}

.itemQuality .info .desc{
	color: #404040;
	font-size: 15px;
}

.itemQuality .thumb-con{
	display: flex;
	align-items: center;
	margin-top: 30px;
	padding-top: 20px;
	padding-left: 50px;
	position: relative;
}

.itemQuality .thumb-con:before{
	width: 100%;
	content: "";
	background-color: #f5f5f5;
	height: 100px;
	position: absolute;
	left: 0;
	top: 0;
}

.itemQuality .thumb-con .thumb-item{
	width: 110px;
	min-height: 110px;
	background-color: var(--color__cover);
	border: 1px solid #ccc;
	padding: 26px 20px;
	margin-right: 10px;
	margin-bottom: 5px;
	cursor: pointer;
	transition: all 0.4s;
	position: relative;
}
.itemQuality .thumb-item:after {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(45,60,82,0.4);
	opacity: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	display: block;
	top: 0;
	left: 0;
	content: '';
}
.itemQuality .thumb-con .thumb-item:hover,.itemQuality .thumb-con .thumb-item.active{
	border-color: #fa8106;
}
.itemQuality .thumb-con .thumb-item:hover:after,.itemQuality .thumb-con .thumb-item.active:after{
	opacity: 1;
}
.itemQuality .swiper-pagination{
	bottom: 0;
	display: none;
}
.itemQuality .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: var(--color__orange);
}
.itemQuality:nth-child(2n) .info{
	order: -1;
}
.itemQuality:nth-child(2n) .thumb-con{
	justify-content: flex-end;
	padding-left: 0;
	padding-right: 50px;
}
.itemQuality:nth-child(2n) .thumb-con .thumb-item{
	margin-right: 0;
	margin-left: 10px;
}

.box-main-supplier ul{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	background-color: #fff;
}

.box-main-supplier .title{
	font-size: 40px;
	color: #262626;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}
.box-main-supplier ul li{
	width: calc(100% / 3);
}

.box-main-supplier ul li a{
	display: block;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
/*End phẩm chất*/

/*Ý tưởng cách làm*/
.view-template-ideas-how-tos .pd70-0{
	background-color: #f5f5f5;
}
.view-template-ideas-how-tos .breadCrumbs .wrap-content .breadcrumb{
	justify-content: flex-start;
}
.box-ideas{
	margin: 0 -10px;
}
.item__ideas{
	width: calc((100% / 3) - (10px * 2));
	margin: 0 10px 50px 10px;
}

.item__ideas.item__ideas-outstanding{
	width: calc((100% / 2) - (10px * 2));
	margin: 0 10px 60px 10px;
	background-color: #f5f5f5;
	display: flex;
	flex-wrap: wrap;
}

.item__ideas.item__ideas-outstanding .info{
	padding: 50px 50px 60px 30px;
}

.item__ideas.item__ideas-outstanding .img{
	position: relative;
}

.item__ideas.item__ideas-outstanding .img:before{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 70px;
	height: 70px;
	z-index: 1;
	background: url(../images/icon33.jpg) no-repeat center;
}

.item__ideas a{
	display: block;
}

.item__ideas .info{
	padding-top: 20px;
}

.item__ideas .info .titleCategory__ideas-outstanding{
	font:13px var(--medium);
	color: var(--color__orange);
	display: block;
	margin-bottom: 15px;
}
.item__ideas.item__ideas-outstanding .info .titleCategory__ideas-outstanding{
	padding: 0 22px;
	background-color: var(--color__orange);
	border-radius: 35px;
	font-family: var(--Regular);
	line-height: 35px;
	color: var(--color__cover);
	display: inline-block;
}
.item__ideas .info .name{
	font:15px var(--medium);
}

.item__ideas:hover .info .name{
	color: var(--color__orange);
}

.item__ideas .info .desc{
	color: #666;
	line-height: 1.8;
}

.item__ideas .info .date{
	color: #808080;
	margin-top: 10px;
	display: block;
}
/*End ý tưởng cách làm*/

/*Detail ý tưởng cách làm*/
.news-detail{
	padding-top: 50px;
}
.ideas-detail .left{
	width: 340px;
}
.ideas-detail .left > span{
	display: block;
	font:18px var(--medium);
	text-transform: uppercase;
	margin-bottom: 32px;
	position: relative;
	padding-top: 30px;
}
.ideas-detail .left > span:before{
	content: "";
	background-color: var(--color__orange);
	position: absolute;
	left: 0;
	top: 0;
	width: 72px;
	height: 3px;
}

.item__ideas-left{
	display: block;
}

.item__ideas-left .name{
	margin-bottom: 0;
	margin-top: 20px;
	font-family: var(--Regular);
}

.item__ideas-left:not(:last-child){
	margin-bottom: 20px;
}

.ideas-detail .right{
	width: calc(100% - 370px);
}

.ideas-detail .right .title-website span{
	text-transform: inherit;
}
.header__ideas{
	font-size: 15px;
	color: #808080;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 15px;
	margin-bottom: 55px;
}

.header__ideas .desc{
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 2;
	text-align: center;
	margin-top: 18px;
}

.count-views{
	line-height: 21px;
	display: inline-block;
	background: url(../images/icon27.png) no-repeat left center;
	padding-left: 20px;
	font-size: 15px;
	color: var(--color__text);
}

.header__ideas .date{
	margin-right: 30px;
}

.header__ideas .social-plugin{
	margin-left: 30px;
}
.btn-back{
	margin-top: 75px;
	border-top: 1px solid #e5e5e5;
	padding-top: 30px;
}
.btn-back a{
	text-decoration: none !important;
	width: 100%;
	max-width: 260px;
	background-color: var(--color__orange);
	color: var(--color__cover);
	font-size: 15px;
	line-height: 50px;
	display: inline-block;
	transition: all 0.4s;
}

.btn-back a:hover{
	background-color: var(--color__hover);
}
/*End detail ý tưởng cách làm*/

/* Like Share */
.social-plugin {
	display: flex;
	align-items: center;
}

.social-plugin > span {
	font-size: 13px;
	color: #4d4d4d;
	display: inline-block;
	margin-right: 8px;
	line-height: 25px;
}

.social-plugin .a2a_svg{
	width: 25px;
	line-height: 25px;
	height: 25px;
}

.social-plugin .a2a_svg.a2a_s__default.a2a_s_a2a{
	background-color: #f05d49 !important;
}

.social-plugin .zalo-share-button {
	margin-left: 3px;
}

/* 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:3px 2px;
	color: #333;
	background: #eee;
	border: 1px solid rgba(161, 161, 161, 0.4);
	font-size: 12px;
	cursor: pointer;
	padding:5px 10px;
	border-radius: 1px;
}

.pagination-ajax a.current, .pagination-ajax a:hover {
	background: var(--background__hover);
	color: #fff;
	border-color: var(--color__hover);
}

/* Hidden Google Captcha */
.grecaptcha-badge {
	display: none !important;
	width: 0px !important;
	height: 0px !important;
	visibility: hidden !important;
	overflow: hidden;
}

/* Hidden Check Grammar Coccoc */
coccocgrammar {
	display: none;
}

/* Scroll Top */
.show-social{
	width: 50px;
	position: fixed;
	right: 0.1rem;
	bottom: 350px;
	z-index: 99991;
	box-shadow: 0 0 4px rgb(0 0 0 / 10%);
	transition: all .4s;
}

.show-social a{
	text-decoration: none !important;
	height: 50px;
	width: 100%;
	cursor: pointer;
	background-color: #fff;
	transition: all .4s;
	display: block;
	text-align: center;
	color: var(--color__text);
	text-transform: uppercase;
	font-size: 11px;
	padding: 8px 0;
}

.show-social a:hover{
	color: var(--color__cover);
	background-color: var(--color__orange);
}

.show-social a span.icon{
	display: inline-block;
	width: 27px;
	height: 19px;
	background: url(../images/icon4.png) no-repeat center;
}

.scrollToTop {
	width: 50px;
	height: 50px;
	cursor: pointer;
}

/* Text Hide */
.line-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
}

.line-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
}

.line-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
}

/* Transition All */
.transition {
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

/* Scale IMG */
.scale-img {
	overflow: hidden;
	display: block;
}

.scale-img img {
	-webkit-transition: 3s ease-out;
	-moz-transition: 3s ease-out;
	-o-transition: 3s ease-out;
	transition: 3s ease-out;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.scale-img:hover > img {
	-webkit-transition: 3s ease-out;
	-moz-transition: 3s ease-out;
	-o-transition: 3s ease-out;
	transition: 3s ease-out;
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/* Blink */
.blink {
	-webkit-animation-name: blink;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blink;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blink;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@-moz-keyframes blink {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}

}

@-webkit-keyframes blink {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}

}

@keyframes blink {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}

}

/* Button Frame */
.btn-frame {
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 20px;
	z-index: 10;
	cursor: pointer;
}

.btn-frame i {
	display: flex;
	display: -ms-flex;
	justify-content: center;
	align-items: center;
	-ms-flex-align: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #1182FC;
	position: relative;
	z-index: 1;
}

.btn-frame i img {
	vertical-align: middle;
	width: 70%;
}

.btn-frame .animated.infinite {
	animation-iteration-count: infinite;
}

.btn-frame .kenit-alo-circle {
	width: 60px;
	height: 60px;
	top: -5px;
	right: -5px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(7, 41, 103, 0.8);
	opacity: .1;
	border-color: #1182FC;
	opacity: .5;
}

.btn-frame .zoomIn {
	animation-name: zoomIn;
}

.btn-frame .animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.btn-frame .kenit-alo-circle-fill {
	width: 70px;
	height: 70px;
	top: -10px;
	right: -10px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-color: rgba(7, 41, 103, 0.35);
	opacity: .4;
}

.btn-frame .pulse {
	animation-name: pulse;
}

/* Zalo */
.btn-zalo {
	bottom: 315px;
}

/* Phone */
.btn-phone {
	bottom: 230px;
}

/* Messenger */
.js-facebook-messenger-container.closed, .js-facebook-messenger-tooltip.closed {
	display: none !important
}

.js-facebook-messenger-tooltip {
	bottom: 97px;
	right: 97px
}

.js-facebook-messenger-tooltip {
	color: #404040;
	background: #fff
}

.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip {
	z-index: 999
}

.js-facebook-messenger-tooltip {
	display: none;
	position: fixed;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	font-size: 12px;
	line-height: 1;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;
	z-index: 1.0E+30
}

.js-facebook-messenger-close-tooltip {
	width: 10px;
	height: 10px;
	display: inline-block;
	cursor: pointer;
	margin-left: 10px
}

.js-facebook-messenger-box.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

.js-facebook-messenger-box.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip {
	z-index: 999
}

.js-facebook-messenger-box {
	display: block;
	position: fixed;
	cursor: pointer;
	bottom: 150px;
	right: 17px;
	width: 56px;
	height: 56px;
	text-align: center;
	background: #1182FC;
	border-radius: 100%;
	overflow: hidden;
	z-index: 99;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3)
}

.js-facebook-messenger-box.rotate svg#fb-msng-icon {
	transform: rotate(0deg)
}

.js-facebook-messenger-box svg#fb-msng-icon {
	width: 32px;
	height: 33px;
	position: absolute;
	top: 13px;
	left: 12px;
	opacity: 1;
	overflow: hidden;
	-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}

.js-facebook-messenger-box.rotate svg#close-icon {
	transform: rotate(-45deg)
}

.js-facebook-messenger-box svg#close-icon {
	opacity: 0;
	width: 19px;
	height: 20px;
	position: absolute;
	top: 19px;
	left: 19px;
	-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}

.js-facebook-messenger-container, .js-facebook-messenger-container-button {
	z-index: 1000
}

.js-facebook-messenger-container {
	position: fixed;
	opacity: 0;
	transform: translateY(50px);
	bottom: 110px;
	right: 90px;
	border-radius: 10px;
	pointer-events: none;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
	-webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
	-moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
	-o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
	transition: transform 160ms ease-in-out, opacity 160ms ease-in-out
}

.js-facebook-messenger-top-header {
	width: 220px
}

.js-facebook-messenger-top-header {
	color: #fff;
	background: #1182FC
}

.js-facebook-messenger-top-header {
	display: block;
	position: relative;
	width: 220px;
	background: #1182FC;
	color: #fff;
	text-align: center;
	line-height: 1;
	padding: 10px;
	font-size: 14px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip {
	z-index: 999
}

.js-facebook-messenger-container, .js-facebook-messenger-container-button {
	z-index: 1000
}

.js-facebook-messenger-top-header {
	color: #fff;
	background: #1182FC
}

.js-facebook-messenger-top-header {
	width: 220px
}

.js-facebook-messenger-tooltip {
	color: #404040;
	background: #fff
}

.js-facebook-messenger-container.open {
	transform: translateY(0px);
	opacity: 1;
	pointer-events: all
}

.js-facebook-messenger-tooltip {
	bottom: 97px;
	right: 97px
}

.js-facebook-messenger-box.open svg#fb-msng-icon {
	opacity: 0
}

.js-facebook-messenger-box.rotate.open svg#close-icon {
	transform: rotate(0deg)
}

.js-facebook-messenger-box.open svg#close-icon {
	opacity: 1
}

/* Toolbar */
.toolbar {
	background: var(--color__main);
	width: 100%;
	padding: 3vw;
	bottom: 0px;
	position: fixed;
	z-index: 500;
	height: auto;
	left: 0px;
}

.toolbar ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px;
	margin: 0px;
}

.toolbar ul li {
	text-align: center;
	width: 25%;
}

.toolbar ul li a {
	display: block;
	width: 100%;
	cursor: pointer;
}

.toolbar ul li a img {
	height: 6vw;
	width: auto;
}

.toolbar ul li a span {
	font-weight: 400;
	color: #fff;
	font-size: 3.5vw;
	display: none;
}

/* Fixbar */
.fixbar {
	bottom: 0;
	display: block;
	background: #f0eff4;
	border-top: 1px solid #ddd;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	margin: 0;
	z-index: 500;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 50px;
}

.fixbar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.fixbar ul li {
	display: inline-block;
	margin: 0 auto 10px;
	text-align: center;
	width: 25%;
	float: left;
}

.fixbar .icon-cart-mobile, .fixbar .icon-cart-new, .fixbar .icon-home-new, .fixbar .icon-hotdeal-new {
	width: 20px;
	height: 20px;
	display: block;
	margin: 8px auto 0;
}

.fixbar .icon-cart-mobile {
	background: url(../images/cart-mobile.png) no-repeat;
}

.cart-total-header-mobile {
	font-size: 10px;
	position: absolute;
	background: red;
	color: #fff !important;
	border-radius: 50%;
	height: 15px;
	width: 15px;
	line-height: 15px;
	top: 5px;
	margin-left: 5px;
}

.fixbar ul li a {
	font-size: 11px;
	text-decoration: none;
	color: #333;
}

.fixbar ul li a i {
	font-size: 20px;
}

/* Plugbar */
.plugbar {
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 1px solid #eae6e6;
	width: 100%;
	right: 0;
	max-width: 767px;
	margin: 0 auto;
	background: #fff;
	padding: 9px 10px 10px 7px;
	z-index: 10;
}

.plugbar ul {
	list-style: none;
	padding: 0;
	margin: 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.plugbar ul li {
	width: 20%;
	float: left;
}

.plugbar ul li a {
	display: block;
	color: #696969;
	font-size: 12px;
	text-align: center;
	position: relative;
}

.plugbar ul li a i {
	font-size: 20px;
	color: #696969;
}

.plugbar ul li a span {
	position: absolute;
	width: 50px;
	height: 50px;
	top: -40px;
	left: calc(50% - 50px/2);
	font-size: 14px;
	display: block;
	border: 1px solid rgba(234, 230, 230, 0.5);
	border-radius: 100%;
}

/* Combo Phone */
.support-online {
	position: fixed;
	z-index: 999;
	left: 10px;
	bottom: 0px;
}

.support-online a {
	position: relative;
	margin: 20px 10px;
	text-align: left;
	width: 40px;
	height: 40px;
}

.support-online i {
	width: 40px;
	height: 40px;
	background: #43a1f3;
	color: #fff;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 1.9;
	position: relative;
	z-index: 999;
}

.support-online a span {
	border-radius: 2px;
	text-align: center;
	background: rgb(103, 182, 52);
	padding: 9px;
	display: none;
	width: 180px;
	margin-left: 10px;
	position: absolute;
	color: #ffffff;
	z-index: 999;
	top: 0px;
	left: 40px;
	transition: all 0.2s ease-in-out 0s;
	-moz-animation: headerAnimation 0.7s 1;
	-webkit-animation: headerAnimation 0.7s 1;
	-o-animation: headerAnimation 0.7s 1;
	animation: headerAnimation 0.7s 1;
}

.support-online a:hover span {
	display: block;
}

.support-online a {
	display: block;
}

.support-online a span:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent  rgb(103, 182, 52) transparent transparent;
	position: absolute;
	left: -10px;
	top: 10px;
}

.support-online .kenit-alo-circle-fill {
	width: 60px;
	height: 60px;
	top: -10px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-color: rgba(0, 175, 242, 0.5);
	opacity: .75;
	right: -10px;
}

.support-online .kenit-alo-circle {
	width: 50px;
	height: 50px;
	top: -5px;
	right: -5px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30, 30, 30, 0.4);
	opacity: .1;
	border-color: #0089B9;
	opacity: .5;
}

.support-online .support-online .btn-support {
	cursor: pointer;
}

.support-online .mes i {
	background: orange;
}

.support-online .sms i {
	background: red;
}

.support-online .call-now i {
	background: green;
}

/* Phone Switch */
.widget-mobile {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	z-index: 9999999;
}

#my-phone-circle {
	position: relative;
	width: 50px !important;
	height: 50px !important;
}

.wcircle-open .wcircle-icon i:before {
	content: '\f00d';
}

.wcircle-icon {
	background: #1282fc;
	border-radius: 50%;
	display: flex !important;
	display: -ms-flex !important;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative !important;
}

.wcircle-icon:before {
	position: absolute;
	content: '';
	width: 60px;
	height: 60px;
	background: rgba(18, 130, 252, .5);
	border: 1px solid #fff;
	border-radius: 50%;
	left: -5px;
	top: -5px;
	-webkit-animation: pulse 1s infinite ease-in-out;
	-moz-animation: pulse 1s infinite ease-in-out;
	-ms-animation: pulse 1s infinite ease-in-out;
	-o-animation: pulse 1s infinite ease-in-out;
	animation: pulse 1s infinite ease-in-out;
}

.wcircle-icon:after {
	position: absolute;
	content: '';
	width: 80px;
	height: 80px;
	background: rgba(18, 130, 252, .5);
	border-radius: 50%;
	left: -15px;
	top: -15px;
	-webkit-animation: zoomIn 2s infinite ease-in-out;
	-moz-animation: zoomIn 2s infinite ease-in-out;
	-ms-animation: zoomIn 2s infinite ease-in-out;
	-o-animation: zoomIn 2s infinite ease-in-out;
	animation: zoomIn 2s infinite ease-in-out;
}

.wcircle-menu {
	position: absolute !important;
	left: 0;
	top: 0;
	display: none;
}

.wcircle-menu-item {
	width: 50px;
	height: 50px;
	background: #1282fc;
	border-radius: 50%;
	display: flex;
	display: -ms-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.wcircle-menu-item img {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50%;
}

.wcircle-menu-item i, .wcircle-icon i {
	font-size: 25px;
	color: #fff;
	position: relative;
	z-index: 9999;
}

.shake-anim {
	-webkit-animation: shake-anim 1s infinite ease-in-out;
	-moz-animation: shake-anim 1s infinite ease-in-out;
	-ms-animation: shake-anim 1s infinite ease-in-out;
	-o-animation: shake-anim 1s infinite ease-in-out;
	animation: shake-anim 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

@-moz-keyframes shake-anim {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	10%, 30% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%, 40% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}

	100%, 50% {
		-moz-transform: rotate(0) scale(1) skew(1deg)
	}

}

@-webkit-keyframes shake-anim {
	0%, 100%, 50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10%, 30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%, 40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

}

@-o-keyframes shake-anim {
	0%, 100%, 50% {
		-o-transform: rotate(0) scale(1) skew(1deg)
	}

	10%, 30% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%, 40% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}

}

.pc-hide {
	display: none;
}

/* Responsive */
@media(max-width:1300px) {
	.row-item-page,.row-item {
		margin: 0 -10px;
	}
	.pd40-0,.pd50-0,.pd60-0,.pd70-0,.wrap-project,.wrap-project_estimation,.footer__top,.banner-project,.project__outstanding{
		padding: 20px 0;
	}
	.pt70,.pt40,.pt30{
		padding-top: 20px;
	}
	.mt40,.mt70{
		margin-top: 20px;
	}
	.wrap-category{
		padding-top: 20px;
	}
	.wrap-custumer .slick-prev, .wrap-custumer .slick-next{
		display: none !important;
	}

	.projectOther .slick__page-themeArraw .slick-prev,.productOther .slick__page-themeArraw .slick-prev{
		left: 12px;
	}

	.projectOther .slick__page-themeArraw .slick-next,.productOther .slick__page-themeArraw .slick-next{
		right: 12px;
	}
}

@media(max-width:1200px) {
	.bannerIn,.item__OrderingProcess:not(:last-child):before{
		display: none;
	}

	.menu.menuIn.menuInForBanner{
		position: static;
		background-color: rgba(0, 0, 0, 0.7);
	}
	.menu > div > ul > li > a{
		margin-left: 20px;
		margin-right: 20px;
	}

	.item__OrderingProcess{
		width: calc((100% - 400px) / 6);
	}
}

@media(max-width:1001px) {
	#menu li a h2 {
		font-size: 14px;
		margin-bottom: 0;
	}
	.menu-res,.pc-hide{
		display: block;
	}
	.detail-abouts .right{
		padding: 0 0 40px 0;
		width: 100%;
		border: none;
	}
	.footer__bottom .container {
		flex-wrap: wrap;
	}

	.copyright, .statistic,.box-detail-content.product .item__col:first-child{
		width: 100%;
		text-align: center;
	}
	.menu ul,.detail-abouts .left,.ideas-detail .left,.header__ideas .desc,.view-template-project.isList .main-navPage .nav-cat > span{
		display: none !important;
	}
	.menu-map{
		margin: 0;
	}

	.menu .info-left{
		width: calc(100% - 120px);
		padding-right: 28%;
	}

	.form-getquote .css-checkbox + label{
		margin-right: 10px;
	}
	.news-detail{
		padding-top: 30px;
	}
	.ideas-detail .right,.box-detail-content.product .item__col:last-child{
		width: 100%;
	}

	.btn-back{
		margin-top: 10px;
		padding-top: 10px;
	}
	.header__ideas,.box-detail-content.product .item__col:first-child{
		margin-bottom: 15px;
	}
	.project__outstanding{
		background: transparent;
	}

	.banner-project span{
		font-size: 18px;
	}

	.banner-project .btn-project,.btn-project{
		padding-left: 12px;
		padding-right: 12px;
		line-height: 40px;
		margin-top: 10px;
		font-size: 14px;
		text-transform: capitalize;
	}
	.view-template-project.isList .main-navPage .nav-cat{
		padding: 10px;
	}
	.view-template-project.isList .main-navPage .nav-cat a:not(:last-child){
		margin-right: 20px;
	}
	.tabs-detail .nav-tabs .nav-link{
		font-size: 15px;
		margin-right: 18px;
		white-space: nowrap;
	}
	.tabs-detail .nav-tabs{
		padding: 0 0 15px 0;
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow: auto;
	}
}

@media(max-width:960px) {
	.item__footer:nth-child(1), .item__footer:nth-child(2), .item__footer:nth-child(3), .item__footer:nth-child(4), .item__footer:nth-child(5) {
		width: 100%;
		margin-bottom: 20px;
	}
	:root {
		--item__margin: 5px;
		--item__width: calc((100% / 3) - (var(--item__margin) * 2));
		--item__margin__page: 5px;
		--item__width__page: calc((100% / 4) - (var(--item__margin__page)*2));
	}

	.item__OrderingProcess{
		width: calc((100% - 200px) / 6);
	}
}

@media(max-width:850px) {
	.news .name {
		margin-top: 10px;
	}
	.itemQuality .swiper-container{
		padding-bottom: 30px;
	}
	.itemQuality{
		padding: 15px;
		margin-bottom: 15px;
		width: 100%;
	}
	.itemQuality .thumb-con{
		display: none;
	}
	.itemQuality .swiper-pagination{
		display: block;
	}
	.itemQuality .img-list-con{
		margin: 0 auto 20px auto;
	}
	.itemQuality .info{
		width: 100%;
	}

	.view-template-quality.isList .main-navPage .container{
		padding: 0 10px;
	}

	.itemQuality:nth-child(2n) .info{
		order: 2;
	}
}

@media screen and (max-width:820px) {
	.item__category__product .info{
		order: 2 !important;
		width: 100%;
		margin: 10px 0 0 0 !important;
		text-align: left !important;
	}
	.item__category__product .img{
		width: 100%;
		text-align: center;
	}

	.item__category__product .info .box{
		margin-bottom: 10px;
		padding: 15px;
	}
	.item__category__product:not(:last-child){
		margin-bottom: 10px;
	}
	.wrap-project .oc-s{
		width: 100%;
	}
	.wrap-project .oc-s.swiper-slide-prev,.wrap-project .oc-s.swiper-slide-next{
		padding-right: 0;
		padding-left: 0;
	}
}
@media(max-width:800px) {
	.item-news__project > .img, .box__serviceProject .box .img{
		width: 100%;
		max-width: 635px;
		margin: 0 auto 15px auto;
	}
	.item-news__project > .info,.box__serviceProject .box .info{
		width: 100%;
		border: none;
		padding: 0 !important;
	}

	.item-news__project > .info:before, .item-news__project > .info:after,.item__serviceProject:before,.box__serviceProject .box .info:before{
		display: none;
	}

	.item__serviceProject:not(:last-child),.item-news__project:not(:last-child){
		margin-bottom: 10px;
	}
	.item-news__project.theme-1 > .info{
		order: 1;
	}
	.item-news__project > .info > .name,.box__serviceProject .title{
		font-size: 20px;
		margin-bottom: 12px;
	}

	.item__statistical{
		margin-top: 12px;
	}

	.slick__page-themeArraw .slick-prev, .slick__page-themeArraw .slick-next{
		width: 35px;
		height: 35px;
		background-size: cover;
		border-radius: 50%;
	}
	.box-detail-content.project{
		padding: 15px;
	}
}
@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;
	}
	.view-template-dowload-catalog .box-static .title-website{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.view-template-dowload-catalog .box-static .form{
		padding: 30px 10px;
	}
	.view-template-dowload-catalog .box-static .form .box > span{
		padding: 10px;
		font-size: 17px;
	}
	.view-template-dowload-catalog .box-static .title-website span{
		font-size: 20px;
	}
	.form-dowloadCatalog{
		padding: 20px 15px;
	}
}

@media screen and (max-width:750px) {
	.top-project_estimation{
		margin-bottom: 10px;
	}
	.input-project_estimation{
		width: calc((100% - 10px) / 2);
		margin-bottom: 10px;
	}
}
@media screen and (max-width:700px) {
	:root {
		--item__width: calc((100% / 3) - (var(--item__margin) * 2));
		--item__width__page: calc((100% / 3) - (var(--item__margin__page)*2));
	}
	.newshome-best{
		display: none;
	}
	.newshome-right{
		width: 100%;
	}

	.main-navPage .container{
		padding: 0 10px;
	}

	.nav-cat,.nav-list{
		padding: 15px 0;
		display: flex;
		overflow: auto;
	}

	.nav-cat a:not(:last-child):before,.nav-list a:not(:last-child):before{
		display: none;
	}

	.nav-cat a:not(:last-child),.nav-list a:not(:last-child){
		padding-right: 0;
		margin-right: 10px;
	}

	.nav-cat a,.nav-list a{
		white-space: nowrap;
	}

	.main-quality .item-col:nth-child(1),.main-quality .item-col:nth-child(2){
		width: 100%;
		max-width: 100%;
	}
	.main-quality .item-col:nth-child(1){
		text-align: center;
	}
	.main-quality .item-col:nth-child(2){
		margin-top: 20px;
	}
	.nav-list a span.img{
		width: 15px;
		height: 15px;
	}
}

@media(max-width: 650px){
	.menu .info-left{
		padding-right: 0;
	}

	.menu .container{
		position: relative;
	}
	.wrap-logo{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.slider .slick-dots,.search-res,.menu-map,.item__info-social span,.item__ideas.item__ideas-outstanding .img:before{
		display: none !important;
	}
	#main-mmenu > ul > li a{
		font-size: 15px;
	}
	.search-mmenu > div p{
		font-size: 19px;
	}
	.btn-project_estimation a{
		font-size: 14px;
		line-height: 35px;
		min-width: initial;
		padding: 0 10px;
		margin: 0;
		width: calc((100% - 5px) / 2);
	}

	.item__info-social ul li{
		margin-left: 0;
		margin-right: 10px;
	}

	.item__info-social,.footer__bottom .info,.box-detail-content.project .item__col{
		width: 100%;
	}

	.item__info-social p{
		padding-left: 38px !important;
	}
	.item__info-social:nth-child(3) p{
		background-position: left 6px center;
	}

	.item__info-social:nth-child(4) p{
		background-position: left 4px center;
	}

	.form-newsletter{
		position: static;
		order: -1;
		width: 100%;
		margin-bottom: 10px;
	}

	.bottom-footer__bottom{
		flex-wrap: wrap;
		text-align: center;
	}

	.top-footer__bottom,.form-getquote .css-checkbox + label,.item__info-social:not(:last-child){
		margin-bottom: 10px;
	}

	.footer__bottom .container,.top-footer__bottom{
		padding-bottom: 10px;
	}

	#inputPreview{
		flex-wrap: wrap;
	}
	.bottom-contact .info a{
		background: transparent;
		padding-left: 0;
	}
	.bottom-contact .info a span{
		margin-top: 5px !important;
	}

	.box-static,.box-detail-content .item__col:first-child{
		padding-top: 20px;
	}
	.top-contact .item-col:nth-child(2){
		margin-top: 20px;
	}
	.line-project_estimation,.top-contact{
		margin: 20px 0;
	}
	.top-contact .item-col{
		width: 100%;
		padding: 0 !important;
		border: none !important;
	}
	.bottom-contact{
		padding: 30px 0;
	}

	.title_form_getquote span,.title-info{
		font-size: 22px;
		padding-left: 15px;
	}

	.title_form_getquote span:before,.title-info:before{
		height: 25px;
		top: 0px;
	}

	.bottom-contact .info{
		padding: 20px;
	}
	.box-ideas{
		margin: 0 -5px;
	}
	.item__ideas,.item__ideas.item__ideas-outstanding{
		width: calc((100% / 2) - 10px);
		margin: 0 5px 10px 5px;
	}
	.item__ideas.item__ideas-outstanding .info{
		padding: 15px;
	}
	.item__ideas.item__ideas-outstanding .info .titleCategory__ideas-outstanding{
		line-height: 25px;
		padding: 0 5px;
		font-size: 12px;
	}
	.box-tags .box a{
		text-align: left;
		width: calc((100% - 10px) / 2);
	}

	.box-detail-content .item__col:last-child{
		order: -1;
		text-align: center;
	}

	.item__OrderingProcess{
		width: calc((100% - 20px) / 3);
		margin-bottom: 10px;
	}
}
@media(max-width:540px) {
	.box-newsQuality{
		padding-top: 10px;
	}
	.box-newsQuality .item__newsQuality{
		width: 100%;
		margin-top: 10px;
	}
	.box-newsQuality .item__newsQuality .viewsMoreAll{
		margin-top: 10px;
	}
	.box-newsQuality .item__newsQuality .title{
		margin-bottom: 10px;
	}
}
@media(max-width:510px) {
	.info-newshome-normal {
		width: 100%;
	}

	.pic-newshome-normal {
		margin:0 auto 15px;
	}

	.breadCrumbs .wrap-content {
		margin-top: 0;
		padding: 15px 10px;
	}
	.item__custumer{
		padding: 10px;
	}
	.item__custumer:before, .item__custumer:after,.item__footer-rp ul{
		display: none;
	}
	.item__custumer .desc span{
		-webkit-line-clamp: 2;
	}

	.title-website{
		margin-bottom: 20px;
	}

	.title-website span{
		font-size: 17px;
	}

	.input-project_estimation{
		width: 100%;
	}
	.box-video{
		justify-content: space-between;
		margin: 0 -5px;
	}
	.item__videos {
		cursor: pointer;
		width: calc((100% - 10px) / 2);
		margin: 0 0 10px 0;
	}
	.item__footer-rp{
		position: relative;
		cursor: pointer;
	}

	.item__footer-rp:before{
		content: "+";
		position: absolute;
		right:10px;
		top: -5px;
		font-size: 20px;
		font-weight: bold
	}
	.item__footer-rp.active:before{
		content: "-";
	}
	.item__footer-rp h2{
		margin-bottom: 0;
	}

	.item__footer-rp.active ul{
		display: block;
	}

	.item__footer-rp.active h2{
		margin-bottom: 10px;
	}
}
@media(max-width:462px) {
	.itemQuality .img-list-con{
		max-width: 100%;
	}

	.pagination-home .pagination{
		flex-wrap: wrap;
	}
	.pagination-home .pagination li,.box-detail-content .info span{
		margin-bottom: 5px;
	}
	.box-detail-content .info span{
		width: 100%;
		padding-right: 0 !important;
	}
}
@media(max-width:440px) {
	.top-contact .form-contact .button-contact .file-contact span b {
		max-width: 105px;
	}
	:root {
		--item__width: calc((100% / 2) - (var(--item__margin) * 2));
		--item__width__page: calc((100% / 2) - (var(--item__margin__page)*2));
	}
	.rp-images img{
		width: auto !important;
		height: auto !important;
	}

	.search-mmenu{
		padding: 10px;
	}

	#main-mmenu > ul > li,.tabs-detail .nav-tabs .nav-link{
		padding: 0 10px;
	}
	.action-menu{
		right: 10px;
	}
	.form-dowloadCatalog .input-dowloadCatalog{
		margin-bottom: 10px;
	}
	.form-dowloadCatalog .input-dowloadCatalog label,.form-dowloadCatalog .input-dowloadCatalog .info,.tabs-detail .nav-tabs .nav-item,.btn-quote{
		width: 100%;
	}
	.form-dowloadCatalog .input-dowloadCatalog > label,.tabs-detail .nav-tabs .nav-link{
		margin-bottom: 6px;
	}
	.header-project__outstanding span{
		margin-bottom: 8px;
		font-size: 20px;
	}
	.header-project__outstanding{
		margin-bottom: 20px;
	}
	.item-project__outstanding .info .name{
		font-size: 15px;
	}

	.item-project__outstanding .info{
		opacity: 1;
		visibility: visible;
		padding: 10px;
	}

	.tabs-detail .nav-tabs{
		flex-wrap: wrap;
	}
	.tabs-detail .nav-tabs .nav-link{
		padding-top: 6px;
		padding-bottom: 6px;
		background-color: #f1f1f1;
		margin-right: 0;
	}
	.tabs-detail.mt-5{
		margin-top: 20px !important;
	}
	.btn-quote{
		min-width: inherit;
	}
}

@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;
	}
	.btn-project_estimation a {
		font-size: 11px;
	}
	.form-getquote .input-getquote,.box-tags .box a{
		width: 100%;
		margin-bottom: 10px;
	}
	.item__videos,.box-listQuality .item__listQuality {
		width: 100%;
	}
	.box-listQuality .item__listQuality{
		margin-top: 15px;
	}
	.item__ideas, .item__ideas.item__ideas-outstanding,.item-project__outstanding{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.box-ideas{
		margin: 0;
	}

	.header__ideas .social-plugin{
		margin-left: 0;
		margin-top: 5px;
	}
	.box-tags .title-box, .box-productQa .title-box{
		font-size: 16px;
	}

	.box-tags .title-box{
		padding-top: 15px;
	}
}