@charset "utf-8";
/* CSS Document*/
/****
* bullet: d8bba3
****/
:root{
	--color: #000;
	--color-title: #555;
	--color-main: #0c62ad;
	--color-hover: #ee2e39;
	--color-red: #ee2e39;
	--bg-black: #555555;
	--ftitle: 'Roboto Condensed', sans-serif;
	--fdefault: 'Roboto', sans-serif;
	--bg-gray: #eee;
	/*********/
	--bg-servicesdetail: #0c62ad;
	/*********/
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: rgb(12, 98, 173);
	--bs-btn-disabled-border-color:rgb(12, 98, 173);
}
html{
	overflow-x:hidden;
	overscroll-behavior-y: none;
	-webkit-overflow-scrolling: none;
	-moz-overflow-scrolling: none;

}
body{
	position:relative;
	font: 400 14px/24px 'Roboto', sans-serif; color: RGB(0, 8, 28);
	width:100%;	background-color: #fff;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	overscroll-behavior-y: none;
	-webkit-overflow-scrolling: none;
	-moz-overflow-scrolling: none;

}
body.modal-fixed{
	overflow: hidden; position: fixed;
	width: 100vw;
}
[type=button], [type=reset], [type=submit], button{
	-webkit-appearance: none;
}
/******************/
@keyframes zoom-in-zoom-out {
	0% {
	  transform: scale(1, 1);
	}
	50% {
	  transform: scale(1.5, 1.5);
	}
	100% {
	  transform: scale(1, 1);
	}
}
@keyframes backgroundColorPalette {
	0% {
		background: #F00;
	}
	50% {
		background: var( --bs-blue);
	}
	100% {
		background: var( --color-main)
	}
}
@keyframes ColorPalette {
	0% {
		color: var( --color-main);
	}
	25% {
		color: var( --color-red);
	}
	50% {
		color: var( --color-main);
	}
	50% {
		color: var( --color-red);
	}
}
@keyframes slideInRight {
from {
	transform: translate3d(100%, 0, 0);
	visibility: visible;
}

to {
	transform: translate3d(0, 0, 0);
}
}

.animate-slideInRight {
animation-name: slideInRight;
animation-delay: .0075s;
}
@keyframes slideOutLeft {
from {
	transform: translate3d(0, 0, 0);
}

to {
	visibility: hidden;
	transform: translate3d(-100%, 0, 0);
}
}

.animate-slideOutLeft {
animation-name: slideOutLeft;
}


.bg-animation {
	animation-name: backgroundColorPalette;
	  animation-duration: 1.25s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;
	  animation-timing-function: linear;
  }
  .textcolor-animation {
	animation-name: ColorPalette;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}
.scroller-status{
	padding: .75rem;
	opacity: 0;
	display: none;
}
/*****************/
.bg-main{	background-color: var( --color-main) !important;
}
.bg-black{	background-color: var( --color-black) !important;
}
.bg-gray{	background-color: var( --bg-gray) !important;
}
.bg-servicedetail{
	background-color: var( --bg-servicesdetail) !important;
}
.text-main{	color: var( --color-main) !important;
}
.text-red{	color: var( --color-red) !important;
}
.fs12{	font-size: 12px !important
}
.fs13{	font-size: 13px !important; line-height: 20px;
}
.fs14{	font-size: 14px !important
}
.fs15{	font-size: 15px !important
}
.fs17{	font-size: 17px !important
}
/*****************/
a{	text-decoration: none;
}
.img-responsive{
	max-width: 100%;	height: auto;
	display: inline-block;
}
.figure{	margin: 0;
}
.img-full{
	display: block; width: 100%;
	object-fit: cover; object-position: center;
}
[type=number]::-webkit-outer-spin-button,
[type=number]::-webkit-inner-spin-button {
		/* opacity:1; */
		-webkit-appearance: none;
    margin: 0;
}
.hide_arrow::-webkit-outer-spin-button,
.hide_arrow::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
[type=number],
.hide_arrow{
    -moz-appearance:textfield; /* Firefox */
}
div[type=button],
p[type=button],
a[type=button]{
	border-radius: 0;
	border: none; background: none;
	-webkit-appearance: none;
}
.radius-0{
	border-radius: 0 !important
}
.img-full{
	display: block;
	width: 100%; height: auto;
}
/************/
.f-title{
	font-family: var( --ftitle); font-weight: 700;
	letter-spacing: .5px;
}
.text-cap{
	text-transform: capitalize !important;
}
.text-upp{
	text-transform:uppercase;
}
.transition{
	transition:all 0.3s ease-in;	-moz-transition:all 0.3s ease-in;	-webkit-transition:all 0.3s ease-in;
}
.trans_dis{
	transition:none; -moz-transition:none; -webkit-transition:none;
}
.img-hover .img-hover-active{
	transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s;
}
.img-hover:hover .img-hover-active{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
.text_hide{
    text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;
}
.bold-0{
	font-weight: normal !important;
}
.bold-300{
	font-weight: 300 !important;
}
.bold-500,
.b500{
	font-weight: 500 !important;
	font-family: var( --fdefault) !important;
}
.bold{
	font-weight:bold !important;
}
.line-limit{
	--line-clamp: 2;
	/* --line-height */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var( --line-clamp );
	-webkit-box-orient: vertical;
	 max-height:calc( var( --line-height, 20px ) * var ( --line-clamp ) )
}
/**********************/
.alert > p{
	margin-bottom: .25rem;
}
.alert > p:last-child{
	margin-bottom: 0;
}
/**********************/
/* Rectangle Out */
.btn-hover{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative; 
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
.btn-hover:before {
  content: "";  position: absolute;
  z-index: -1;  top: 0;  left: 0;
  right: 0;  bottom: 0;
  background: var( --color-main);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-hover:hover, .btn-hover:focus, .btn-hover:active {
  color: white;
}
.btn-hover:hover:before, .btn-hover:focus:before, .btn-hover:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.btn-hover-black::before{
	background-color: var( --bg-black)
}
/**********************/
#pagination{
	text-align: center;
	margin-top: 2rem;
}
#pagination .btn-outline-dark{
	background: #fff;
	margin: 0 5px;
	min-width: 36px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	border-color: #DDD !important
}
#pagination .btn-outline-dark:hover{
	color: var( --color-main);
	border-color: var( --color-main);
}
#pagination .btn-danger{
	background-color: var( --color-main);
	border-color: var( --color-main);
	min-width: 36px;
	margin: 0 5px;
}
/**********************/
#button-share{
	margin:1.5rem 0 1rem; padding:10px;
	text-align:left;
	background: #eee;
}
#button-share .header{
	font-weight:600;
	font-size:13px; font-weight:bold; position:relative;
	display:inline-block;	line-height:23px;
	color:#000;
}
#button-share > a{
	display: inline-block; vertical-align: middle;
}
#button-share .share-item{
	color:#FFF; font-size:10px; font-weight:bold; position:relative; margin-left:10px;
	display:inline-block; padding-right:10px; background:#de4501;
	line-height:23px;
}
#button-share a:first-child .share-item{
	margin-left:0;
}
#button-share .share-item b{
	font-weight:bold;
}
#button-share .share-item i{
	background:#FFF; display:inline-block; padding:6px 10px 7px 7px;
	margin:0 10px 0 0; color:#373c43;
	text-align:center; color:#5d72a4; width:28px; font-size:12px;
}
#button-share .share-item i:after{
    border: medium solid transparent;    content: " ";     pointer-events: none;
		height: 0;       position: absolute;    left: 28px;    top: 50%;    width: 0;
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #fff;
    border-width: 5px;    margin-top: -5px;
}
#button-share .share-item:hover i{
	background:#000; color:#FFF
}
#button-share .share-item:hover i:after{
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}
/********/
.bg-fb,
#button-share .share-fb{
	background:#1B74E4;
}
.color-fb,
#button-share .share-fb i{
	color:#1B74E4;
}
.bg-twitter,
#button-share .share-twitter{
	background:#00baff;
}
.color-twitter,
#button-share .share-twitter i{
	color:#00baff;
}
.bg-pinterest,
#button-share .share-pinterest{
	background:#f20000;
}
.color-pinterest,
#button-share .share-pinterest i{
	color:#f20000;
}
.bg-linkedin,
#button-share .share-link{
	background:#0a66c2;
}
.color-linkedin,
#button-share .share-link i{
	color:#0a66c2;
}
.bg-youtube{
	background: #c00;
}
.color-youtube{
	color: #c00;
}
.bg-instagram,
#button-share .share-instagram{
	background:rgb(38, 38, 38);
}
/*********************
*************/
.btn_mobile{
	border: none;
	padding: 0; text-align: center;
	height: 30px; width: 36px;
	line-height: 30px;
	font-size: 19px !important;
	color: #444 !important;
}
/*********************
*************/
#header{
	--height-logo: 45px;
	font-size:13px;	padding:0px; margin:0;
	background: #FFF;	background-size: cover;
	transition:all 0.3s ease-in-out;	-moz-transition:all 0.3s ease-in-out;	-webkit-transition:all 0.3s ease-in-out;
}
.header_main__wrapper{
	background-color: #fff;
	width: 100%;
	z-index: 1049 !important;
	transition:all 0.3s ease-in-out;	-moz-transition:all 0.3s ease-in-out;	-webkit-transition:all 0.3s ease-in-out;

}
#undefined-sticky-wrapper{
	height: auto !important;
}
.is-sticky .header_main__wrapper{
	--height-logo: 45px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
/************************/
.header__top{
	margin-bottom: 0;
	background-color: var( --color-main);
	padding-top: .35rem; padding-bottom: .35rem;
}
.header__toplist{
	margin: 0 -1rem; padding: 0; list-style-type: none;
}
.header__toplist > li{
	position: relative;
	margin: 0; padding: 0 1rem; list-style: none;
	display: inline-block;
}
.header__toplist > li::before{
	position: absolute; left: 0; top: 50%; z-index: 1;
	content: "";
	display: block;
	width: 1px; height: 14px;
	transform: translateY( -50%);
	background-color: rgba(255, 255, 255, .8)
}
.header__toplist > li:first-child:before{
	display: none;
}
.header__toplist a{
	color: #fff;
	transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear;
}
.header__toplist a:hover{
	color: var( --color-red);
}
.header__top-lang .lang--vn,
.header__top-lang .lang--en{
	background-size: 22px auto !important;
	display: inline-block;
	padding-left: 30px;
}
.header__top-lang .lang--en{
	background: url(img/en.png) no-repeat left center ;
}
.header__top-lang .lang--vn{
	background: url(img/vn.png) no-repeat left center ;
}
.header__top-social a{
	display: inline-block;
	margin-left: .15rem;
	min-width: 25px;
	font-size: 13px;
}
.header__top-social a:first-child{
	margin-left: 0;
}
.header__top-social a:hover{
	transform: translateY(-3px);
}
/************************/
.header_width__logo{
	width: 16.66666667%;
}
.header__logo{
	margin:0;
}
.header__logo img{
	max-width: 100%; height: var(--height-logo);
	object-fit: contain; object-position: center;
	display: inline-block;
	transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out;	-webkit-transition:all 1s ease-in-out;
}
/*************/
/***************/
.header__navigation{
	text-align: right;
}
.header__boxnav{
	margin: 0; padding: 0; list-style-type: none;
	position: relative;
	font: 500 14px/20px var( --fdefault);
}
.header__boxnav > li{
	position: relative;
	margin: 0; padding: .25rem 1.35rem; list-style-type: none;
	display: inline-block;
	line-height: var( --height-logo);
}
.header__boxnav > li > a{
	position: relative;
	display: block;
	padding: .25rem 0rem;
	text-transform: capitalize;
	color: inherit;
	cursor: pointer;
}
.header__boxnav > li > a::after{
	position: absolute; left: 0; top: calc( 50% + 13px ); z-index: 1;
	content: "";
	display: block;
	width: 0; height: 2px;
	background-color: var( --color-red);
	transition:width 0.35s ease-out 0s;	-moz-transition:width 0.35s ease-out 0s;	-webkit-transition:width 0.35s ease-out 0s;
}
.header__boxnav > li > a:hover{
	color: var( --color-red)
}
.header__boxnav li.active > a::after,
.header__boxnav > li > a:hover::after{
	width: 100%;
}
.header__boxnav li.active > a{
	color: var( --color-red);
}
/*******************/
.header__boxnav .navitem--product{
	position: static;
}
.navitem--product .header_navsub__container{
	width: 100%;
}
.navitem--product .header_navsub__listnav{
	border-top: none;
}
.header_navsub__wrapper{
	padding-top: .75rem; padding-bottom: 1.25rem;
}
.header_navsub__wrapper > .row{
	--bs-gutter-x: 3rem
}
.header_navsub__wrapper .header_navsub__listnav > li{
	border-bottom: none;
	padding: .3rem .75rem .3rem 25px;
	font-weight: normal;
	font-family: var( --fdefault);
	font-size: 13px;
}
.header_navsub__wrapper .header__navsub__title,
.header_navsub__wrapper .header_navsub__listnav .header__navsub__title{
	font-weight: bold; font-size: 15px; line-height: 22px;
	padding: .35rem .75rem .35rem 0px;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
}
.header_navsub__listnav .header__navsub__title::before{
	display: none;
}
.header_navsub__wrapper .header_navsub__listnav li::before{
	top: 11px;
}
.header_navsub__wrapper .header__navsub__title::after{
	display: none;
}
.header_navsub__wrapper .header__navsub__title:hover a{
	color: var( --color-red);
}
/******************/
.header__boxnav > li:first-child .header_navsub__container{
	display: block;
}
.header__boxnav > li:hover .header_navsub__container{
	visibility: visible;
	opacity: 1;
	transform: scale(1,1);
}
.header_navsub__container{
	position: absolute; left: 0; top: 100%; z-index: 1090;
	width: 250px;
	transition: opacity .3s,transform .3s;
	transform: scale(1,0);
	opacity: 0; visibility: hidden;
	transition-delay: 0 !important;
	transform-origin: top center;
}
.header_navsub__listnav--bg{
	background: var( --color-main);
	border-radius: 0 0 .25rem .25rem; overflow: hidden;
	box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
}
.header_navsub__listnav{
	font: 400 14px/20px var( --ftitle);
	padding: 0; margin: 0; list-style-type: none;
	border-top: 1px solid #DDD;
	text-align: left;
}
.header_navsub__listnav li{
	color: #fff;
	position: relative;
	display: block; clear: both;
	margin: 0; padding: .6rem .75rem .6rem 25px; list-style-type: none;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear;
}
.header_navsub__listnav li:last-child{
	border-bottom: none;
}
.header_navsub__listnav li::before{
	position: absolute; left: 10px; top: 16px; z-index: 2;
	font-size: 7px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f111";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #fff;
}
.header_navsub__listnav a{
	position: relative; z-index: 5;
	color: #fff;
	display: block;
	transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear;
}
.header_navsub__listnav > li::after{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 0%; height: 100%;
	background-color: rgb(5, 72, 130);
	transition: width 0.2s linear; -moz-transition: width 0.2s linear; -webkit-transition: width 0.2s linear;
}
.header_navsub__listnav > li:hover::after{	
	width: 100%;
}
.header_navsub__listnav li:hover::before{
	color: #fff;
}
.header_navsub__listnav > li:hover,
.header_navsub__listnav > a:hover{
	color: #fff
}
/*******************/
#owl_headerbrand .owl-dots{
	position: relative; left: 0;
	width: 100%; bottom: 0;
	transform: none;
	margin: 0; height: 30px;
}
#owl_headerbrand .owl-dots .owl-dot span{
	height: 10px; width: 10px;
	background-color: rgba(255, 255, 255, .3);
	margin-left: 5px; margin-right: 5px;
}
#owl_headerbrand .owl-dots .owl-dot.active span{
	width: 26px;
	background-color: #fff;
}

.header_nabsub__box__brandlist{
	padding-left: 0;
}
.header_nabsub__brandlist{
	--bs-gutter-x: .6rem;
	--bs-gutter-y: .6rem;
	padding: 0; list-style: none;
}
.header_nabsub__brandlist > li{
	list-style: none;
}
.header_nabsub__brandlist a{
	display: block;
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	padding: .25rem .75rem;
	border-radius: 3px;
	overflow: hidden;
}
.header_nabsub__brandlist img{
	display: block;
	width: 100%; height: 40px;
	object-fit: contain; object-position: center;
}
/******************/
.hfsearch__container:hover > div{
	width: 215px;
}
.hfsearch__container > div{
	position: absolute; right: 0; top: 0; bottom: 0; z-index: 9;
	width: 0; overflow: hidden;
	background-color: #fff;
	border-radius: .25rem;
	box-shadow: 0 .25rem .35rem rgba(0,0,0,.075);
	transition: all 0.35s linear; -moz-transition: all 0.35s linear; -webkit-transition: all 0.35s linear;
}
.hfsearch__container > div > *{
}
.hfsearch__container > div input{
	font-size: 13px;
	padding-right: 50px;
	padding-left: .5rem;
}
.hfsearch__container > div .f-btn{
	position: absolute; right: 0; top: 0; bottom: 0; z-index: 1;
	min-width: 36px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.hfsearch__container > div .f-btn:hover{
	background-color: var( --color-red);
}
.hfsearch__container button.btn{
	background-color: var( --color-main);
	color: #fff;
}
.hfsearch__hotlinne{
	position: relative;
	font: bold 15px/1 var( --ftitle);
	margin: 0; padding: 0 1.25rem 0 0;
	color: var( --color-main);
}
.hfsearch__hotlinne::before{
	position: absolute; right: 0rem; top: 50%; z-index: 1;
	transform: translateY( -50%);
	content: ""; display: block;
	width: 1px; height: 14px;
	background-color: var( --color-main);
}
.hfsearch__hotlinne .fa{
	position: relative;
	transform: translateY( -1px);
	font-size: 21px;
	color: var( --color-main);
	width: 32px; height: 32px;
	line-height: 32px; 
	text-align: center;
}
.hfsearch__hotlinne .fa::after{
	position: absolute; left: -1px; top: 0;
	content: "";
	width: 32px; height: 32px;
	border-radius: 50%; overflow: hidden;
	border: 1px solid var( --color-main);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
/******************/
#footer{
	font-size:13px; line-height:18px; color: #000;
	position:relative; padding: 0px;
	color: #717171;
	background: #FFF;
	border-top: 4px solid var( --color-main);
}

/****************************/
.footer_nav__container{
	padding-top: 1.75rem;
}
.footer__title{
	margin: 0 0 .5rem; padding: 0;
	font: bold 19px/1.2 var( --ftitle);
	text-transform: capitalize;
	color: #333;
}
.footer__title a{
	color: inherit;
}
.footer__nav a{
	display: block; clear: both;
	margin-bottom: .35rem;
	font-size: 13px; line-height: 22px;
	color: #333;
}
.footer__title a:hover,
.footer__nav a:hover{
	color: var( --color-main)
}
/*****************************/
.footer__collapse--brand{
	border-top: 1px solid #ccc;
	margin-top: 1.25rem; padding-top: 1.25rem;
}
.footer__collapse .footer__title{
	list-style-type: none;
	pointer-events: none;
}
.footer__collapse .footer__title::-webkit-details-marker{
	display: none;
}
/*****************************/
.footer__info__container{
	padding-top: 1.5rem;
	margin-top: 1rem;
	border-top: 1px solid #ddd;
	font-size: 12px; line-height: 20px;
}
.footer__info__text p{
	margin-bottom: 5px;
	line-height: 20px;
}
.footer__info__container a{
	color: inherit;
}
.footer__info__container a:hover{
	color: var( --color-main)
}
.footer__info__img p{
	margin-bottom: .5rem;
}
.footer__info__img img{
	display: inline-block; max-width: 100%;
}
.img-gov img{
	height: 36px; width: auto;
}
#footer .footer__info__text{
	font-size: 13px; line-height: 20px;
	color: #333;
	text-align: center;
}
#footer  .footer__info__text p{
	margin-bottom: .25rem
}
#footer .footer__info__text a{
	color: inherit;
}
#footer .footer__info__text a:hover{
	color: var( --color-main)
}
/****************************/
/**************************/
.footer_liscontact li,
.footer_liscontact{
	list-style-type: none;
}
.footer_liscontact li{
	clear: both; margin-bottom: .55rem;
}
.footer_liscontact a{
	color: #717171; font-weight: normal;
}
.footer_liscontact a b{
	color: #222;
	font-weight: bold;
}
.footer_liscontact a:hover b,
.footer_liscontact a:hover{
	color: var( --color-main);
}
/**************************/
/****************************/
.footer__socail{
	display: flex; flex-wrap: wrap;
	justify-content: flex-start; align-items: center;
	margin-top: .75rem;
	padding-top: 1.25rem;
	border-top: 1px solid #ddd;
}
.footer__socail a{
	display: inline-block;
	text-align: center;
	height: 32px; min-width: 32px;
	border-radius: 8px;
	margin: 0 8px;
	color: #fff;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.footer__socail a:first-child{
	margin-left: 0;
}
.footer__socail .fab{
	font-size: 17px;
	line-height: 32px;
}
.footer__socail .img-gov{
	border: none;
}
.footer__socail img{
	display: inline-block;
	height: 32px;
	vertical-align: middle
}
.footer__socail a:hover{
	transform: translateY( -5px);
	color: #fff;
}
/**************************/
.footer__author{
	background-color: var( --color-main);
	border-top: 1px solid rgb(221, 221, 221);
	padding-top: .75rem; padding-bottom: .75rem;
	margin-top: 1.25rem;
	color: #fff;
}
/****************************/
#fixaction_icon{
	position: fixed; right: 42px; bottom: 130px; z-index: 2099;
	margin: 0; padding: 0; list-style-type: none;
	max-width: 42px;
}
#fixaction_icon:hover{
	max-width: none;
}
#fixaction_icon li{
	margin: 0 0 10px; padding: 0; list-style-type: none;
	clear: both; display: block;
	transform: translateX( 102%);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	border-radius: 4px 0 0 4px; overflow: hidden;
}
#fixaction_icon li.store{
	background: #f00;
}
#fixaction_icon li.btnscroll:hover{
	background: var( --color-main);
}
#fixaction_icon li:hover{
	transform: translateX( 46px);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#fixaction_icon li:last-child{
	margin-bottom: 0;
}
#btn-scrolltop,
#fixaction_icon a,
#fixaction_icon button{
	display: block;	color: #FFF;
	line-height: 32px;
	height: 38px; overflow: hidden;
	text-transform: capitalize;
	background: none;
}
#btn-scrolltop:hover,
#fixaction_icon a:hover{
	text-decoration: none;
}
#fixaction_icon li i{
	display: inline-block;
	height: 38px; min-width: 42px; line-height: 38px;
	text-align: center;
	border-right: 1px solid #FFF;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#fixaction_icon li span{
	display: inline-block;
	padding-left: 5px; padding-right: 10px;
	font-size: 14px; font-weight: 600;
	letter-spacing: 0px;
	min-width: 70px;
	text-align: left;
}
#fixaction_icon li img{
	height: 38px; width: 42px; line-height: 38px;
	object-fit: contain; object-position: center;
	display: inline-block;
}
#fixaction_icon .fa{
	font-size: 17px; line-height: 34px;
	transform: translateY(1px);
}
#fixaction_icon li.cart a{
	background: var( --bs-light);
	border-radius: 4px;
	border: 1px solid #ddd;
}
#fixaction_icon li.cart a img{
	display: inline-block;
	height: 32px;
	padding:4px 1px 4px 10px;
}
#fixaction_icon li.cart .cart_num{
	display: inline-block;
	font-family: var( --fitle); text-transform: none;
	color: var( --bs-primary);	
	font-size: 11px;
	font-weight: bold;
	margin-right: 6px;
	transform: translateY( 2px);
}
#fixaction_icon li.zalo{
	background-color: #028fe3;
}
#btn-scrolltop{
	position: relative;
	border: none; background: none;
	padding: 0; margin: 0;
	text-align: left; width: 100%
}
#btn-scrolltop b{
	display: inline-block;
}
#btn-scrolltop img{
	display: inline-block;
	width:auto; height:38px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none;
}
#fixaction_icon li.cart,
#fixaction_icon .hotline{
	display: none;
}
#fixaction_icon .store span{
	display: inline-block;
}
#fixaction_icon .hotline button{
	border: none; color: #222;
	background: #fff;	padding: 0;
	border: 1px solid #ddd;
	min-width: 38px; text-align: center;
	border-radius: 4px;
}
#fixaction_icon .btn-addtocart{
	background-color: var( --bs-primary);
}
#fixaction_icon .btn-addtocart ,
#fixaction_icon .btn-addtocart i{
	line-height: 22px;
}
#fixaction_icon .btn-addtocart{
	position: relative;
	font-size: 14px; font-family: var( --ftitle);
	text-transform: capitalize; font-weight: bold;
	padding-left: 55px;
	text-align: left;
}
#fixaction_icon .btn-addtocart::before{
	position: absolute; left: 9px; top: 50%;
	transform: translateY( -50%);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1; 
	content: "\f217";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 19px;
}
#fixaction_icon .btn-addtocart.is-addcart::before{
	content: "\f058";
}
#fixaction_icon .btn-addtocart::after{
	position: absolute; left: 42px; top: 50%;
	transform: translateY( -50%);
	content: "";
	width: 1px; height: 22px;
	background-color: rgba(255, 255, 255, .5);
}
/*************/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background-color:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/***********/
.owl-theme .owl-nav{
	margin:0 !important;
}
.owl-theme .owl-dots{
	margin-bottom: 0;
	width: 80%;
	position: absolute; left: 50%; bottom: 5px;
	transform: translateX( -50%);
}
.owl-theme .owl-dots .owl-dot span{
	width: 12px; height: 12px;
	background: #fff;
	margin-top: 0; margin-bottom: 0;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	border-radius: 50%;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
	background: var( --color-red);
}
.owl-theme .owl-dots .owl-dot.active span{
	width: 30px;
	border-radius: 16px;
}
/************************/
.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(../fonts/lg.eot?n1z373);src:url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content: "\f09a";}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\f099"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\f0d5"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\f0d2"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}

/********************/
.lg-backdrop,
.lg-outer{
	z-index:9999;
}
.lg-outer .lg-thumb-outer{
	text-align:center;
}
.lg-outer .lg-thumb{
	margin:auto;
}
.lg-icon{
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.lg-outer .lg-toogle-thumb::after{
	content: "\f103";
}
.lg-actions .lg-next::before{
	content: "\f101";
}
.lg-actions .lg-prev::after{
	content: "\f100";
}
.lg-toolbar .lg-close::after{
	content: "\f00d";
}
.lg-autoplay-button::after{
	content: "\f144";
}
.lg-show-autoplay .lg-autoplay-button::after{
	content: "\f28b";
}
.lg-fullscreen::after{
	content: "\f0b2";
}
#lg-zoom-in::after{
	content: "\f00e";
}
#lg-zoom-out::after{
	content: "\f010";
}
#lg-actual-size{
	display:none;
}
.lg-outer #lg-share::after{
	content: "\f1e1";
}
/***********************************
***********************************/
/***********************
************/
#bg-main{
	background-color: #f2f2f2;
	color: #000;
	text-align: center; margin-bottom: 2.5rem;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #CCC;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.bg-main--bg{
	border-bottom: 1px solid #CCC;
}
.breadcrumb{
	background: none;
	padding:12px 0px 10px; margin: 0; list-style: none;
	font-size: 12px; line-height: 1.3;
	font-weight: 400; color: inherit;
	letter-spacing: 0.5px;
}
.breadcrumb a,
.breadcrumb-item + .breadcrumb-item::before{
	color: #000;
}
.breadcrumb a:hover{
	color: var( --color-red); text-decoration: none;
}
/***********************************************
***********************/
.post-title{
	font-size: 27px; 	font-weight:normal; line-height: 26px;
	margin:0px 0 15px; padding: 0 0 0px;
	color:var( --color-main);
}
.title-page{
	font-size: 27px;
	font-weight:bold; line-height: 1.4;
	margin:0px 0 15px; padding: 0 0 0px;
	color: #111;
}
.title-page a{
	color:inherit; text-decoration:none;
}
.titlesub-page{
	font-size: 25px;
	font-weight:700; line-height: 1.4;
	margin:0px 0 5px; padding: 0 0 0px;
	color: #000;
}
.news-detail-quote{
		font-family: var( --ftitle);
}
.page-quote,
.quote-page{
	margin:0 auto 20px; padding:0;
	font-size:15px; line-height:1.6;
	font-weight: 500; color: #000
}
.dcontent,
.dcontent pre{
	font-size:16px; line-height:28px; font-weight: 400;
	color: #000;	text-align: left;
}
.dcontent pre{
	word-wrap: break-word;      /* IE 5.5-7 */
	white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
	white-space: pre-wrap;
	background:none; border:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	padding:0; margin-bottom:15px;
}
.dcontent a{
	color: var( --color-red); text-decoration: none;
}
.dcontent a:hover{
	color:var( --color-hover); text-decoration:none;
	border-bottom:1px dotted var( --color-hover);
}
.dcontent a.btn{
	padding-top: .5rem;
	color: #FFF;
	background: var( --color-hover);
	font-size: 14px; font-weight: bold;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;
}
.dcontent h1,
.dcontent h2,
.dcontent h3,
.dcontent h4,
.dcontent h5,
.dcontent h6{
	line-height:120%;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;
}
.dcontent h1{
	font-size:115%;
	line-height:160%;
}
.dcontent h2{
	font-size:110%; font-weight:bold;
	line-height:150%;
}
.dcontent h3{
	font-size:105%; font-weight:bold;
	line-height:140%;
}
.dcontent h4{
	font-size:14px; font-weight:normal;
	line-height:28px;
}
.dcontent h5{
	font-size:100%; font-weight:normal;
	line-height:28px;
}
.dcontent h6{
	font-size:95%; font-weight:normal;
	line-height:24px;
}
.dcontent p{
	margin-bottom:15px;
}
.dcontent img,
.dcontent iframe{
	max-width:100%;
}
.dcontent p:last-child,
.dcontent ul li p:last-child{
	margin: 0 !important;
}
.dcontent table{
	border-collapse: collapse !important;
	width: 100% !important;
	max-width: 100%;
	margin-bottom: 20px;
}
.dcontent table > thead > tr > th,
.dcontent table > tbody > tr > th,
.dcontent table > tfoot > tr > th,
.dcontent table > thead > tr > td,
.dcontent table > tbody > tr > td,
.dcontent table > tfoot > tr > td {
	padding: 8px;
	line-height: 24px;
	vertical-align: middle;
}
.dcontent table > thead > tr > th {
	vertical-align: bottom; background-color:#EEE;
}
.dcontent li{
	margin-bottom: 5px;
}
.dcontent-sm{
	font-size: 14px; line-height: 24px;
}
.dcontent-sm p{
	margin-bottom: 10px;
}
.dcontent .dcontent-btn{
	padding: .4rem 1rem;
	background-color: var( --color-hover); color: #FFF;
	border-color: var( --color-hover);
	text-decoration: none;
	font-size: 14px; font-weight: 500;
	min-width: 220px; text-align: center;
}
.dcontent .dcontent-btn:hover{
	color: #FFF;
	box-shadow: 0 0 0 .25rem rgba(49,132,253,.5);
}
.dcontent .dcontent-figcaption{
	padding: 12px 15px 10px;
	background: #f2f2f2; text-align: center;
}
/********************/
.image-center{
	text-align: center;
}
.image-captioned{
	display: inline-block;
	border: 1px solid #EEE;
}
.image-captioned figcaption{
	background-color: #eee;
	padding: .5rem;
}
/*****************/
.dcontent .dcontent-h2{
		font-size: 23px; font-weight: bold; line-height: 1.4;
}
.dcontent .dcontent-h3{
		font-size: 21px; font-weight: bold; line-height: 1.4;
}
.dcontent .dcontent-h4{
		font-size: 19px; font-weight: bold; line-height: 1.4;
}
.dcontent .dcontent-h5{
		font-size: 17px; font-weight: normal; line-height: 1.4;
}
.dcontent .dcontent-h6{
		font-size: 17px; font-weight: normal; line-height: 1.4;
}
.dcontent .dcontent-btn1,
.dcontent .dcontent-btn2,
.dcontent .dcontent-btn3{
	position: relative;
	display: inline-block;
	color: RGB(255, 255, 255);
	font-size: 14px;	font-weight: bold;
	padding:.6rem 15px; margin-bottom: .75rem;
	border-radius: 35px; min-width: 220px; text-align: center;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.dcontent .dcontent-btn1 a,
.dcontent .dcontent-btn2 a,
.dcontent .dcontent-btn3 a{
	color: #FFF; text-decoration: none;
}
.dcontent .dcontent-btn1{
	background: var( --color-hover); color: #FFF;
}
.dcontent .dcontent-btn2{
	text-align: center;
	background: #111; color: #FFF;
}
.dcontent .dcontent-btn3{
	text-align: center;
	background: var( --bs-blue); color: #FFF;
}
.dcontent .dcontent-btn1:hover,
.dcontent .dcontent-btn2:hover,
.dcontent .dcontent-btn3:hover{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transform: translateY(-1px);
	color: #FFF !important;
}
.dcontent .dcontent-btn1 a:hover,
.dcontent .dcontent-btn2 a:hover,
.dcontent .dcontent-btn3 a:hover{
	color: #FFF; text-decoration: none;
	border: none;
}
/***************************
***************************/
/***********************/
.overlay{
	position: fixed; left: 0; top: 0; z-index: 9999;
	width: 100%; height: 100vh; overflow: hidden;
	background: url( img/loader.gif) no-repeat center rgba( 0, 0, 0, .3);
}
/****************************************/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
	display: block;
	content: "";
	padding-top: 56.25%;
}
.embed-responsive-4by3::before{
	padding-top: 75%;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/***************************************/
.parse_boxitem{
	margin-bottom: 15px;
}
.parse_product_contaniner{
	background: #f6f6f6;
	padding: 0 10px 10px;
}
.parse_product_contaniner .parse_content{
	margin: 0;
	padding: .75rem .25rem;
}
.parse_product{
	background: #FFF;
	border: 1px solid RGB(221, 221, 221);
	border-bottom-width: 0; border-right-width: 0;
	margin-bottom: 0;
}
.parse_product .probox__title{
 font-size: 13px; line-height: 18px;
 font-weight: 500;
}
.parse_product .probox__img{
	background: #FFF;
}
.parse_product .proitem{
	padding: 10px 8px;
}
.parse_product a:hover{
	text-decoration: none;
	border-bottom: none;
}
.tooltip .tooltip-arrow::before{
	border-top-color: var( --color-hover);
}
.tooltip .tooltip-inner{
	background: var( --color-hover); opacity: 1;
	font-size: 12px; line-height: 1.1;
	padding-bottom: .5rem;
}
/***************************/
@-webkit-keyframes textfade{0%{opacity:0;z-index:1}5%{opacity:1;z-index:2}29%{opacity:1;z-index:2}34%{opacity:0;z-index:1}100%{opacity:0;z-index:1}}
@-moz-keyframes textfade{0%{opacity:0;z-index:1}5%{opacity:1;z-index:2}29%{opacity:1;z-index:2}34%{opacity:0;z-index:1}100%{opacity:0;z-index:1}}
@keyframes textfade{0%{opacity:0;z-index:1}5%{opacity:1;z-index:2}29%{opacity:1;z-index:2}34%{opacity:0;z-index:1}100%{opacity:0;z-index:1}}
@-o-keyframes textfade{0%{opacity:0;z-index:1}5%{opacity:1;z-index:2}29%{opacity:1;z-index:2}34%{opacity:0;z-index:1}100%{opacity:0;z-index:1}}
/*****************************/
body.xsnav__nav-is-toggled{
	overflow: hidden;
	width: 100vw; height: 100vh;
}
.xsnav__wrapper{
	display: flex; flex-direction: column;
	position: fixed;
	z-index: 9999;
	top: 0;	right: 0;
	width: 100%;
	height: 100vh;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	transition: 0.45s;
	transform: translateX( -100%);
}
.xsnav__nav-is-toggled .xsnav__wrapper {
	transform: translateX(0);
}
.xsnav__nav-is-toggled::after {
	opacity: 1;
	visibility: visible;
}
.xsnav__nav-is-toggled .xsnav__navigation{
	transform: translateX(0);
}
.xsnav__nav-is-toggled::after {
	opacity: 1;
	visibility: visible;
}
.xsnav__navigation{
	display: flex;
	position: relative;
	background-color: #fff;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	transition: 0.45s;
}
.xsnav__navitems{
	flex: 0 0 100%;
}
.xsnav__navlink{
	display: block;
	background-color: #fff;
	cursor: pointer;
	color: #333;
}
.xsnav__navlink:hover{
	color: #000;
}
.xsnav__nav-expand-content {
	position: absolute;	top: 0;	left: 0; z-index: 9;
	width: 100%;	height: 100%;
	transform: translateX(100%);
	transition: 0.3s;
	visibility: hidden;
}
.xsnav__nav-expand-content .xsnav__navback-link {
	display: flex;
	align-items: center;
	background-color: var( --color-main) !important;
	color: #fff;
}
.xsnav__nav-expand-content .xsnav__navback-link::before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f30a";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900; 
	margin-right: 10px;
}
.xsnav__nav-expand-link {
	display: flex;
	justify-content: space-between;
}
.xsnav__nav-expand-link::after {
	flex: 0 1 auto;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f30b"; 
	font-family: 'Font Awesome 5 Free';
	font-weight: 900; 
}
.xsnav__nav-expand.active > .xsnav__nav-expand-content {
	transform: translateX(0);
	visibility: visible;
}
.xsnav__nav-expand-content,
.xsnav__nav-expand-content .xsnav__navlink,
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__navlink,
.xsnav__nav-expand .xsnav__nav-expand-content {
	background-color: #FFF;
}
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__navlink,
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content {
	background-color: #FFF;
}
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__nav-expand-content,
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__navlink {
	background-color: #FFF;
}
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__navexpand-content,
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__navlink {
	background-color: #FFF;
}
/*********/
.xsnav__wrapper{
	padding: 0 1rem 12vh;
	font: 15px/20px var( --ftitle);
}
.xsnav__navitems{
	margin: 0; padding: 0; list-style: none;
}
.xsnav__wrapper__header{
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;
	margin-left: -1rem; margin-right: -1rem;
	position: relative;
	padding: .5rem 1rem 1rem;
	margin-bottom: 1rem;
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.075);
}
.xsnav__wrapper__header .xsnav-btn-action{
	position: absolute; right: 1rem; top: .75rem;
	z-index: 1;
	border: 1px solid #888;
	padding: .5rem;
}
.xsnav__wrapper__header img{
	display: inline-block;
	height: 45px; width: auto;
}
.xsnav__navitem--header{
	font: bold 15px/22px var( --ftitle);
	text-transform: uppercase;
	margin: 0;
	color: #333;
}
.xsnav__navitem--title{
	margin: 0;
}
.xsnav__navitem--header,
.xsnav__navlink{
	padding-top: .7rem; padding-bottom: .7rem;
}
.xsnav__nav-expand-content .xsnav__navlink{
	padding: .5rem 1rem .5rem 1.25rem;
}
.xsnav__navback-link{
	padding-left: 1rem !important;
	text-transform: uppercase; font-weight: bold; 
}
.xsnav__wrapper .xsnav__navitem hr{
	margin-top: .25rem; margin-bottom: .25rem;
}
/*********************************************/
.xsnav__wrapper .hfsearch__container > span,
.xsnav__wrapper .hfsearch__container > .btn_mobile,
.xsnav__wrapper .hfsearch__container > button{
	display: none !important;
}
.xsnav__wrapper .hfsearch__container > div{
	position: relative;
	width: 100%;
}
.xsnav__wrapper .hfsearch__container > div input{
	font-size: 14px; line-height: 22px;
	padding-top: .5rem; padding-bottom: .5rem;
}
.xsnav__wrapper .hfsearch__container > div button{
	min-width: 60px;
}
/*********************************************/
.tocmain__wrapper > .btn:focus{
	box-shadow: none; outline: none;
}
#toccontent__wrapper{
	border-top: 1px solid #ddd;
	font-size: 14px; line-height: 22px;
}
#toccontent__wrapper a{
	color: #000;
}
#toccontent__wrapper a:hover{
	color: var( --color-red)
}
/*********************************************/
.home--title {
	padding: 0; margin: 0;
	font: bold 31px/1.3 var( --ftitle);
}
.home--title--xl{
	font-size: 43px !important;
}
.home--title--lg{
	font-size: 35px !important;
}
.home--title-sm{
	font-size: 23px !important;
}
/*********************************************/
.homeabout-wrapper{
	margin-top: -4.5rem;
}
/*****************/
.homeabout-boxitem{
	margin-bottom: 2.25rem;
}
.homeabout-icontext-warpper{
	background: url( img/bg-map.jpg) no-repeat center center;
	background-size: auto 100%;
	margin-bottom: 4.5rem;
}
.homeabout__header{
	position: relative; z-index: 9;
	background-color: var( --color-main); color: #fff;
	padding: 2rem 3.5rem 2.5rem; margin: 0 6vw 2rem;
	border-radius: 1px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.homeabout__header_title{
	margin-bottom: .75rem;
}
.homeabout__header_text{
	font-size: 15px; line-height: 28px; font-weight: 300;
	color: #fff;
}
.homeabout--ourgrouplogo-item{
	background-color: #fff;
	padding: 1.25rem 1rem;
	overflow: hidden;
}
.homeabout--ourgrouplogo-item img{
	display: block;
	height: 70px; width: auto;
	object-fit: contain; object-position: center;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;

}
.homeabout--ourgrouplogo-item figcaption{
	position: absolute; left: 0; bottom: 0; z-index: 1;
	background-color: rgba(12, 98, 173, 0.8); 
	color: #fff;
	font: 14px/1.2 var( --ftitle); text-transform: capitalize;
	text-align: center;
	display: block; width: 100%;
	padding: .4rem .75rem;
	transform: translateY( 100%);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.homeabout--ourgrouplogo-item:hover img{
	transform: translateY( -3px);
}
/********************/
.homeabout-icontext-listicon{
	--bs-gutter-x: 1.75rem;
	--bs-gutter-y: 1.75rem;
	margin-bottom: 5rem;
}
.homeabout-icontext-item{
	min-height: 100%;
	border: 1px solid #ddd; background-color: #fff;
	border-radius: 2px;
	padding: 1.5rem;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	text-align: center;
}
.homeabout-icontext-item:hover{
	border-color: var( --color-main);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
	transform: translateY( -5px);
}
.homeabout-icontext-item-img{
	display: inline-block;
	height: 70px; width: auto;
	object-fit: contain; object-position: center;
	margin-bottom: .75rem;
}
.homeabout-icontext-item-caption{
	font-size: 14px; font-weight: 300; line-height: 22px;
	color: #000;
}
.homeabout-icontext-item-title{
	font-size: 17px; line-height: 1.3;
	margin-bottom: .45rem;
	text-transform: none !important;
}
.homeabout-icontext-item-title::first-letter{
	text-transform: capitalize;
}

/******************/
.homeabout-boxreport{
	position: relative;
	margin: 0; padding: 0; list-style-type: none;
}
.homeabout-boxreport::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	clear: both;
	content: ""; display: block;
	width: 100vw; height: 1px;
	border-top: 2px dotted #ccc;
}
.homeabout-boxreport-container{
	margin: 0 auto; padding: 0; list-style-type: none;
}
.homeabout-boxreport-container > li{
	margin: 0; padding: 2.5rem 0 0; list-style-type: none;
}
.homeabout-boxreport-item{
	position: relative;
	text-align: center;
	font: bold 14px/1.2 var( --ftitle);
	color: #555;
	text-transform: capitalize;
}
.homeabout-boxreport-item::before{
	position: absolute; left: 50%; top: -6px; z-index: 2;
	transform: translateX( -50%);
	content: ""; display: block;
	width: 14px; height: 14px;
	border-radius: 50%; overflow: hidden;
	background-color: var( --color-main);
}
.homeabout-boxreport-item::after{
	position: absolute; left: calc( 50% - 12px); top: -11px; z-index: 1;
	content: ""; display: block;
	width: 24px; height: 24px;
	border-radius: 50%; overflow: hidden;
	background-color: #fff;
	border: 1px solid #ccc;
	animation: zoom-in-zoom-out 2.25s ease-out infinite;
}
.homeabout-boxreport-title{
	display: block; clear: both;
	margin: 0 0 .25rem; padding: 0;
	font: bold 35px/1.2 var( --ftitle);
	color: #444;
	text-transform: none;
}
/*********************************************
*********************************************/
#owl_homeservice{
	z-index: 2;
	box-shadow: 0 1rem 1rem rgba(0,0,0,.25);
}
#owl_homeservice .owl-dots{
	position: relative; left: 0; top: 0;
	transform: none;
	clear: both; display: block;
	margin: .75rem auto 0 ;
	padding-bottom: .75rem;
}
#owl_homeservice .owl-prev,
#owl_homeservice .owl-next{
	position: absolute; top: 50%; z-index: 9;
	transform: translateY( -50%);
	width: 42px; height: 42px;
	border-radius: 50%; overflow: hidden;
	line-height: 42px;
	font-size: 21px;
	padding: 0; margin: 0;
}
#owl_homeservice .owl-prev{
	left: calc( ( 100% - 1140px - 120px) / 2 ); 
	background-color: var( --color-main);
}
#owl_homeservice .owl-next{
	right: calc( ( 100% - 1140px - 120px ) / 2 ); 
	background-color: #fff;
	color: var( --color-main);
}
#owl_homeservice .owl-prev:hover,
#owl_homeservice .owl-next:hover{
	color: var( --color-red);
}
.serviceitem-lg-container{
	margin-bottom: 1.5rem;
}
.serviceitem-lg{
	margin-bottom: 0;
}
.serviceitem-lg-des{
	font-weight: 300; font-size: 15px; line-height: 28px;
	padding-right: 120px;
}
.serviceitem-lg-navtitle{
	margin: 0 0 .25rem; padding: 0;
	font-size: 14px; font-weight: 500;
	color: var( --color-main);
}
.serviceitem-lg-title{
	position: relative;
	margin: 0 0 1.25rem; padding: 0 0 .75rem;
	font: bold 27px/1.3 var( --ftitle);
	text-transform: capitalize;
}
.serviceitem-lg-title::before,
.serviceitem-lg-title::after{
	position: absolute; top: 100%; z-index: 1;
	content: ""; display: block;
	height: 4px;
	transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
.serviceitem-lg-title::before{
	left: 0;
	width: 70px; 
	background-color: var( --color-main);
}
.serviceitem-lg-title::after{
	left: 75px;
	width: 10px;
	background-color: #000
}
.serviceitem-lg-text{
	--line-clamp: 5;
	/* --line-height */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var( --line-clamp );
	-webkit-box-orient: vertical;
	 max-height: calc( 28px * var ( --line-clamp ) )
}
.serviceitem-lg-readmore{
	display: inline-block; padding: .5rem 1.5rem .45rem;
	border: 1px solid var( --color-main);
	color: var( --color-main);
	font: 500 12px/1.2 var( --fdefault);
	text-transform: uppercase;
	border-radius: .25rem;
	box-shadow: 0 .35rem .75rem rgba(0,0,0,.15);
}
.serviceitem-lg-readmore:hover{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.serviceitem-lg-title a{
	color: inherit;
}
.serviceitem-lg-title a:hover{
	color: var( --color-red);
}
.serviceitem-lg-title:hover::before{
	width: 100px; 
	background-color: var( --color-red);
}
.serviceitem-lg-title:hover::after{
	left: 105px;
}
/**********/
.serviceitem-lg-img{
	--serviceitem-lg-img-ps: 5.25rem;
	position: relative;
	background-color: var( --color-main);
	padding: 4rem 0 4rem var( --serviceitem-lg-img-ps );
}
.serviceitem-lg-img img{
	width: 100%; height: 400px;
	object-fit: contain; object-position: center;
}
@keyframes cyclist {
	0% {
	  background-position: 0 0; 
	 }
	100% { 
	  background-position: 0 -202px;
	 }
  }
.serviceitem-lg-img-lg.is-bg{
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	animation: cyclist 1s infinite steps(1©);

}
.serviceitem-lg-img-lg.is-bg img{
	background-color: #fff;
	opacity: 0; visibility: hidden;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.serviceitem-lg-img::before{
	position: absolute; left: 99%; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 100%;
	background-color: var( --color-main);
}
.serviceitem-lg-img-listthumb{
	--img-width:86px;
	top: 4rem;
	position: absolute; left: 0; z-index: 1;
	transform: translateX( -50%);
	margin: 0; padding: 0; list-style-type: none;
	width: var( --img-width )
}
.serviceitem-lg-img-listthumb > li{
	margin: 0 0 1.25rem 0; padding: 0; list-style-type: none;
	clear: both;
}
.serviceitem-lg-img-listthumb > li:last-child{
	margin-bottom: 0;
}
.serviceitem-lg-img-listthumb img{
	width: var( --img-width );
	height: calc( var( --img-width ) * .72 );
	object-fit: cover; object-position: center;
	border-radius: .15rem;
	border: 1px solid #fff;
	display: block;
	cursor: pointer;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.serviceitem-lg-img-listthumb-boximg.active img{
	border-color: var( --color-red);
}
.homeservice-thumblist{
	background-color: var( --color-main);
}
.homeservice-thumblist .col-lg{
	position: relative;
	width: calc( 100% - 320px);
	padding-top: 2rem; padding-bottom: 2rem;
	padding-right: 2rem;
	background-color: rgb(4, 59, 106);
}
.homeservice-thumblist .col-lg::before{
	position: absolute; right: 99%; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100vw; height: 100%;
	background-color: rgb(4, 59, 106);
}
.homeservice-thumblist .col-lg-auto{
	position: relative;
	width: 320px;
}
.homeservice-thumblist .col-lg-auto a{
	background: url( img/arrow-right-circle.png) no-repeat right center;
	background-size: auto 38px; 
	padding-right: 55px;
	display: block;
	font: 500 19px/1.5 var( --fdefault);
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	text-align: right;
}
.homeservice-thumblist .col-lg-auto a:hover{
	color: var( --color-red);
}
/************************************/
.boxitem-right .serviceitem-lg-des{
	order: 2;
	padding-left: 120px;
	padding-right: 0;
}
.boxitem-right .serviceitem-lg-img{
	order: 1;
	padding-left: 0; padding-right: var( --serviceitem-lg-img-ps );
}
.boxitem-right .serviceitem-lg-img::before{
	left: auto; right: 99%;
}
.boxitem-right .serviceitem-lg-img-listthumb{
	right: 0; left: auto;
	transform: translateX( 50%);
}
/************************************/
#owl_homeservice_thumb img{
	height: 80px; width: 100%;
	object-fit: cover; object-position: center;
	border-radius: 6px;
	border: 2px solid #fff;
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	cursor: pointer;
}
#owl_homeservice_thumb .current img{
	border-color: var( --color-red);
}
/************************************/
.homestore-container{
	padding-bottom: 2.5rem; padding-top: 1rem;
}
.homestore__header{
	background: none;
	box-shadow: none;
	border-radius: 0;
	text-align: center; color: #000;
	padding-bottom: 0;
}
.homestore__header_title {
	margin-bottom: .75rem;
  }
.homestore__header_text{
	font-size: 15px;
	line-height: 28px;
	font-weight: 300;
	text-align: center;
}
.homestore-img{
	text-align: center; display: block;
	margin: 0 0 2.25rem;
}
.homestore-img img{
	display: inline-block;
	max-height: 52vh; width: auto;
	max-width: 100%;
}
.homestore-readmore .serviceitem-lg-readmore{
	border-width: 2px;
	border-radius: 0;
}
.homestore-readmore{
	padding-left: .75rem; padding-right: .75rem;
}
.homestore-readmore::before,
.homestore-readmore::after{
	position: absolute; top: 50%; z-index: 1;
	transform: translateY( -50%);
	height: 3px; width: 70px;
	content: "";
	background-color: var( --color-main);
}
.homestore-readmore::before{
	left: 100%;
}
.homestore-readmore::after{
	right: 100%;
}
/******************************/
.homeproject-container{
	background-color: #f2f2f2;
	padding-top: 3rem; padding-bottom: 0;
}
.homeproject-navlist{
	margin-bottom: 1.5rem;
	overflow: hidden; height: 33px;
	display: flex; flex-wrap: wrap;
	justify-content: center;
}
.homeproject-navlist > a{
	position: relative;
	margin: 0 .75rem ; padding: 0;
	line-height: 30px;
	color: #000;
	font-weight: 500;
	font-size: 13px;
	text-transform: capitalize;
	border-bottom: 2px solid transparent;
}
.homeproject-navlist > a::before{
	position: absolute; left: 0; bottom: 2px; z-index: 1;
	content: ""; display: block;
	width: 0%; height: 2px;
	background-color: #000;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.homeproject-navlist > a.active:before,
.homeproject-navlist > a:hover:before{
		width: 100%;
}
.homeproject-navlist > a.active:before{
	background-color: var( --color-main);
}
.homeproject-navlist > a.active{
	color: var( --color-main);
}
.homeproject-boxitem{
	transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s;
}
.homeproject-boxitem > a::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
	transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s;
}
.homeproject-boxitem img{
	display: block;
	width: 100%; height: 260px;
	object-fit: cover; object-position: center;
	transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s;
}
.homeproject-boxitem-caption{
	position: absolute; left: 0; bottom: 0; z-index: 1;
	transform: translateY( 100%);
	background-color: rgba(12, 98, 173, 0.85);
	padding: .75rem 1rem;
	display: block;
	width: 100%;
	font: bold 15px/1.3 var( --ftitle);
	text-transform: uppercase; text-align: center;
	color: #fff;
	transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;
}
.homeproject-boxitem:hover > a::before{
	background: none;
}
.homeproject-boxitem:hover img{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
.homeproject-boxitem:hover .homeproject-boxitem-caption{
	transform: translateY( 0);
}
.homeproject--support{
	padding-top: 2rem; padding-bottom: 2rem;
}
.homeproject--support-text{
	margin: 0; padding: 5px 0 5px 70px;
	font-weight: 400; font-size: 15px; line-height: 26px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	background: url( img/icon-support.png) no-repeat 10px 0px;
	background-size: 50px auto;
}
.homeproject--support .homeproject-btn:nth-child(1){
	background-color: #fff;
	color: var( --color-main);
}
.homeproject-btn::before,
.homeproject--support .homeproject-btn:nth-child(1)::before{
	background-color: var( --color-red);
}
.homeproject-btn:hover,
.homeproject--support .homeproject-btn:nth-child(1):hover{
	color: #fff;
}
.homeproject-btn{
	display: inline-block;
	padding: .65rem 1rem; min-width: 190px;
	border: 1px solid #fff;
	border-radius: 0;
	font: bold 13px/1.2 var( --ftitle);
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
}
/**********************************/
.homepronav-container{
	padding-top: 3rem; padding-bottom: 2rem;
}
.homepronav-navlist{
	--bs-gutter-x: 2rem;
	--bs-gutter-y: 1.5rem;
}
.homepronav-navlist > *{
	width: calc( 100% / 8 );
}
.homepronav-navitem{
	margin: 0;
	display: block;
	text-align: center;
	font: bold 13px/18px var( --ftitle);
}
.homepronav-navitem img{
	display: inline-block; margin-bottom: .75rem;
	padding: .75rem;
	width: 90px; height: 90px;
	object-fit: contain; object-position: center;
	border-radius: 50%; border: 1px solid #ddd;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.09);
	transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;

}
.homepronav-navlist a{
	color: var( --color); display: block;
	transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
.homepronav-navlist a:hover{
	color: var( --color-red);
	transform: translateY( -5px);
}
.homepronav-navlist a:hover img{
	border-color: var( --color-red);
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.15);
}
/***********************/
.homeprogroup--bg{
	position: relative; z-index: 1;
	padding-top: 5rem; padding-bottom: 7rem;
}
.homeprogroup--bg::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 100%;
	background: rgba( 0, 0, 0, .35);
}
.homeprogroup--bg > *{
	position: relative; z-index: 2;
	color: #fff;
}
.homeprogroup--bg .homestore__header_text{
	color: #fff;
}
.homeprogroup-container{
	position: relative; z-index: 2;
}
.homeprogroup-navlist{
	margin-top: -5.5rem;
}
.homeprogroup-navlist a{
	color: var( --color);
}
.homeprogroup-navitem{
	display: block; background-color: #fff;
	border: 1px solid #ddd;
	margin: 0;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.09);
	transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
.homeprogroup-navitem img{
	display: block;
	width: 100%; height: 170px;
	object-fit: contain; object-position: center;
}
.homeprogroup-navitem-caption{
	display: block;
	padding: .6rem 1rem;
	font: bold 15px/22px var( --ftitle);
	background-color: #eee;
	border-top: 1px solid #ddd;
	text-align: center;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative; 
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
.homeprogroup-navitem-caption:before {
	content: "";  position: absolute;
	z-index: -1;  top: 0;  left: 0;
	right: 0;  bottom: 0;
	background-color: var( --color-main);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 04s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.homeprogroup-navitem:hover .homeprogroup-navitem-caption{
	border-color: var( --color-main);
	color: #fff;
}
.homeprogroup-navitem:hover .homeprogroup-navitem-caption::before{
	-webkit-transform: scale(1);
	transform: scale(1);
}
/******************************/
.homebrand-global{
	background-color: #f2f2f2;
	border-top: 1px solid #ddd;
	padding-top: 2rem; padding-bottom: 2rem;
	margin-top: 2.25rem;
}
.owl-hbrand-boxitem{
	margin: 0 .35rem;
	padding: .4rem .5rem;
	background-color: #fff; border: 1px solid #ddd;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#owl-hbrand .owl-stage .owl-item:first-child .owl-hbrand-boxitem{
	margin-left: 0;
}
.owl-hbrand-boxitem:hover{
	border-color: var( --color-main);
}
.owl-hbrand-boxitem img{
	display: block;
	width: 100%; height: 50px;
	object-fit: contain; object-position: center;
}
#owl-hbrand .owl-next,
#owl-hbrand .owl-prev{
	position: absolute; top: 50%; z-index: 1; transform: translateY( -50%);
	overflow: hidden;
	margin: 0; padding: 0;
	width: 34px; height: 34px; line-height: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 11px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	color: #333;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;

}
#owl-hbrand .owl-prev{
	/* background-image: url( img/icon_left_2.png); */
	left: -40px;
}
#owl-hbrand .owl-next{
	/* background-image: url( img/icon_right_1.png); */
	right: -35px;
}
#owl-hbrand .owl-next:hover,
#owl-hbrand .owl-prev:hover{
	background-color: var( --color-main); color: #fff;
	border-color: var( --color-main);
}
/******************************
******************************
******************************/
.about-content-img{
	margin-top: 2.5rem;
}
.about-content-imgdes{
	position: absolute; right: 1rem; bottom: 1rem; z-index: 9;
	transform: translate( 25%, 65%);
	background-color: var( --color-main);
	color: #fff;
	text-align: center;
	font-size: 300 15px/1.2 var( --fdefault);
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 1.25rem 2.5rem;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.about-content-imgdes:after{
	bottom: 100%; left: 32%;
	border: solid transparent;
	content: ""; height: 0; width: 0;
	position: absolute; pointer-events: none;
}
.about-content-imgdes:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: var( --color-main);
	border-width: 12px;
	margin-left: -12px;
}
.about-content-imgdes > b{
	position: relative;
	display: inline-block; clear: both;
	padding-right: .5rem;
	font-size: 51px; line-height: 1;
	font-family: var( --ftitle);
	margin-bottom: .25rem;
}
.about-content-imgdes > b::after{
	position: absolute; top: 0; left: 100%;
	content: "+";
	font-size: 27px; 
	font-weight: normal;
}
.about-content-des{
	padding-left: 4rem;
}
.about-content-text{
	font-weight: 300;
	font-size: 15px; line-height: 28px;
}
.about-content-text p{
	margin-bottom: 10px;
}
/******************************/
.aboutthread-boxitem{
	position: relative;
	margin-bottom: 9rem;
}
.aboutthread-boxitem-bg{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 100%;
	background-color: #f6f6f6;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.aboutthread-boxitem-main{
	position: relative; z-index: 2;
	transform: translateY( 5rem);
	color: #fff;
	padding: 3rem 4rem;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.aboutthread-boxitem-main .serviceitem-lg-title{
	padding-bottom: .75rem;
	margin-bottom: 1.75rem;
}
.aboutthread-boxitem-main .serviceitem-lg-title::before,
.aboutthread-boxitem-main .serviceitem-lg-title::after{
	height: 3px;
}
.aboutthread-boxitem-main .serviceitem-lg-title::before{
	background-color: #fff;
}
.aboutthread-content{
	font-size: 15px; line-height: 26px;
	font-weight: 300;
	color: #fff;
}
.aboutthread-content > p{
	margin-bottom: 10px;
}
/*********/
.aboutthread-boxitem-main,
.aboutthread-boxitem-main::before{
	background-color: rgba(12, 98, 173, 0.96);
}
.aboutthread-boxitem-main > *{
	position: relative; z-index: 2;
}
.aboutthread-boxitem--left > .container{
	display: flex;
	justify-content: flex-end;
}
.aboutthread-boxitem--right > .container{
	display: flex;
	justify-content: flex-start;
}
.aboutthread-boxitem-main::before{
	position: absolute; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 100%;
}
.aboutthread-boxitem--left .aboutthread-boxitem-main::before{
	left: 100%; 
}
.aboutthread-boxitem--right .aboutthread-boxitem-main::before{
	right: 100%; 
}
/******************************
******************************
******************************/
/******************/
body.page-contact{
	background-color: var( --bs-light);
}
.homebrand-global--mb-0 .homebrand-global,
body.page-services .homebrand-global,
body.prodetail .homebrand-global,
body.page-contact .homebrand-global {
	margin-top: 0;
}
.contact-info{
	margin-bottom: 4rem;
}
.contact_boxgroup{
	text-align: center;
	font-family: var( --ftitle);
}
.contact_boxgroup img{
	display: inline-block;
	height: 60px;
}
.contact_boxgroup address,
.contact_boxgroup a{
	clear: both; display: block;
}
.contact_boxgroup b{
	text-transform: capitalize;
	font-size: 15px;;
	margin-bottom: .25rem;
	display: block; clear: both;
	color: #111;
	text-transform: capitalize;
}
.contact_boxgroup a{
	font-size: 19px;
}
.contact_boxitem{
	background: #fff;
	min-height: 100%;
	padding: 3rem 1.5rem 1rem; margin-bottom: 0;
	font-size: 15px; line-height: 24px;
}
.contact_boxitem__caption{
	padding-top: 1rem;
}
.contact_boxitem a{
	color: inherit; text-decoration: none;
}
.contact_boxitem a:hover{
	color: var( --color-red);
}
.contact_boxitem-full{
	flex-direction: column;
	text-align: left;
}


/*******************/
.contact-googlemap{
	display: block;
	border-top: 1px solid #eee;
	border-bottom: 2px solid #ddd;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.contact-googlemap > iframe{
	display: block;
	width: 100%; height: 100%;
	min-height: 420px;
	border: none; overflow: hidden;
}
/*******************/
.fcontact{
	padding: 2.5rem 0rem 4rem; background: #fff;
}
.freg_contact label{
		text-transform: capitalize; display: block;
		font-family: var( --ftitle); font-weight: bold;
		font-size: 14px; letter-spacing: .5px;
		margin-bottom: 5px;
}
.freg_contact .form-control{
	background: var( --bs-light);
	border-radius: 3px;
	line-height: 28px; font-size: 14px;
}
.freg_contact button{
	background: var( --color-main);
	color: #FFF;
	font-size: 19px;  font-weight: bold;
	text-transform: capitalize;
	padding: 12px 20px;
	min-width: 180px
}
.freg_contact button:hover{
	border-color: var( --color-red); color: #FFF;
}
.freg_contact .freg_error{
	color: var( --bs-danger);
	font-size: 13px; line-height: 18px;
	display: none; clear: both;
	padding-top: 5px;
}
.freg_contact__message{
	max-width: 720px; margin: auto;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	color: #000;
}
.fcontact .freg_contact__message{
	background-color: #d1e7dd;
	position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid #badbcc;
    border-radius: 0.25rem;
}
/************************************
************************************/
.bloglist-wrapper{
	--bs-gutter-x: 2rem;
	--bs-gutter-y: 2rem;
}
.bloglist-item{
	min-height: 100%;
}
.bloglist-item a{
	color: var( --color);
}
.blogitem__img,
.blogitem__des{
	width: 100%;
}
.blogitem__img img{
	width: 100%; height: 260px;
	object-fit: cover; object-position: center;
}
.blogitem__des{
	padding: .5rem 2rem 1.5rem;
	font-size: 15px; line-height: 26px;
	color: #222;
}
.blogitem__title{
	--line-clamp: 3;
	--line-height: 26px;
	margin: 0 0 .75rem; padding: 0;
	font: bold 19px/var( --line-height ) var( --ftitle);
}
.blogitem__readmore{
	position: relative;
	margin-bottom: 0;
	padding-bottom: 1.5rem; padding-top: 0;
}
.blogitem__readmore > a{
	position: relative;
	display: inline-block;
	padding-top: .75rem;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px; line-height: 20px;
	color: #555;
}
.blogitem__readmore > a::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 60px; height: 3px;
	background-color: var( --color);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.bloglist-item a:hover{
	color: var( --color-red);
}
.blogitem__readmore > a:hover{
	color: var( --color-main);
}
.bloglist-item:hover .blogitem__readmore > a::before{
	width: 80px;
	background-color: var( --color-main);
}
/*************************/
.blog-navigation{
	margin-bottom: 2rem;
}
.blognav-list{
	--bs-gutter-x: .75rem; --bs-gutter-y: .75rem;
	margin-top: 0; margin-bottom: 0;
	padding: 0; list-style: none;
}
.blognav-list a{
	display: block;
	padding: .35rem 1rem;
	font: 500 13px/20px var( --fdefault);
	text-transform: capitalize;
	border: 1px solid #ccc; background-color: #fff;
	color: var( --color);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;

}
.blognav-list a:hover{
	border-color: var( --color-main);
	color: var( --color-red);
}
.blognav-list a.active{
	border-color: var( --color-main);
	color: #fff;
	background-color: var( --color-main);
}
/*************************************/
.blog_rightbox{
	margin-bottom: 3rem;
}
.blog_rightbox__title{
	position: relative; display: block;
	font: 19px/1.3 var( --ftitle);
	margin: 0 0 1.25rem; padding: 0 0 .25rem;
	color: var( --color-main);
}
.blog_rightbox__title::before{
	position: absolute; left: 0; top: 100%;
	content: "";
	display: block;
	width: 65px; height: 3px;
	background-color: var( --color-main);
}
.blog_rightbox__listnav a{
	clear: both; display: block;
	color: var( --color);
	font: 400 17px/1.3 var( --ftitle);
	padding: .35rem 0; margin-bottom: .5rem;
}
.blog_rightbox__listnav a:hover{
	color: var( --color-red);
}
.blog_rightbox__listnav .active{
	color: var( --color-main);
}
.postdetail__title{
	margin: 0 0 1.5rem; padding: 0;
	font: bold 29px/1.3 var( --ftitle);
}
.blogdetail_leftcontent{
	padding-right: 5rem;
}
.blogdetail_leftcontent #btn-share{
	margin-bottom: 0;
}
.blog_rightbox__blogitem{
	color: var( --color);
}
.blog_rightbox__blogitem:hover{
	color: var( --color-red);
}
.blog_rightbox__blogitem .picture-box{
	width: 95px;
}
.blog_rightbox__blogitem .picture-box img{
	display: block;
	width: 100%; height: auto;
	max-width: 130px;
	object-fit: cover; object-position: center;
}
.blog_rightbox__blogitem_title{
	width: calc( 100% - 95px);
	margin: 0; padding: 0 0 0 1rem;
	font: 400 16px/22px var( --ftitle);

	--line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var( --line-clamp );
	-webkit-box-orient: vertical;
	 max-height:calc( 22px * var ( --line-clamp ) )

}
/*****************************************
*****************************************
*****************************************/
body.page-services:not(.servicesdetail) #bg-main,
body.page-kenhphanphoi #bg-main{
		margin-bottom: 0;
}
body.page-services--group #bg-main{
	margin-bottom: 3rem !important;
}
/*****************/
.kenhphanphoi-wrapper{
	background-color: var( --color-main);
	padding: 3rem 0 0rem;
	margin-bottom: 3.25rem;
	position: relative;
}
.kenhphanphoi-wrapper > *{
	position: relative; z-index: 2;
}
.kenhphanphoi-wrapper::after{
	position: absolute; left: 0; bottom: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 3.5rem;
	background-color: #fff;
}
.kenhphanphoi-lg-title{
	position: relative;
	margin: 0 0 2rem;
	padding: 0 0 .5rem;
	font: bold 31px/1.3 var( --ftitle);
	text-transform: capitalize;
	color: #fff;
}
.kenhphanphoi-lg-title:hover::before,
.kenhphanphoi-lg-title::before{
	background-color: #fff;
	width: 70px;
}
.kenhphanphoi-lg-title:hover::after{
	left: 75px;
}
.kenhphanphoi-content-des{
	padding-left: 4.5rem;
}
.kenhphanphoi-content-text {
	color: #fff;
}
.kenhphanphoi-content-img{
	position: relative;
	padding-right: 0;
}
/********************/
.kenhphanhphoi-logo-img{
	background-color: #fff;
	padding: 3px 5px;
	width: 90px; height: 45px;
	object-fit: contain; object-position: center;
	border: 1px solid #ccc;
}
.kenhphanhphoi-logoitem:hover,
.kenhphanhphoi-logoitem:hover .kenhphanhphoi-logo-img{
	border-color: var( --color-main);
	color: var( --color-main);
}
.kenhphanhphoi-logo-des{
	width: calc(100% - 90px);
	padding-left: .75rem;
	font: bold 14px/20px var( --ftitle);
}
.kenhphanhphoi-logolist{
	--bs-gutter-y: 1rem;
	padding: 0; list-style: none;
}
.kenhphanhphoi-logolist li::before{
	position: relative; left: 0; top: -3px;
	margin-right: 5px;
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 6px;
  content: "\f111";
}
/***************/
.kenhphanhphoi-text-wrapper{
	padding: 1rem; 
}
.kenhphanhphoi-logolist--text{
	--bs-gutter-y: .65rem;
	margin-left: 0; margin-right: 0;
	margin-bottom: 0;
	line-height: 20px;
}
.kenhphanhphoi-logolist--text > li{
	padding-left: 25px;
	position: relative;
}
.kenhphanhphoi-logolist--text > li::before{
	position: absolute; left: 10px; top: 9px;
}
.kenhphanhphoi-text-title{
	margin: 0 0 1rem; padding: 0 0 .25rem;
	font: bold 16px/24px var( --ftitle);
	border-bottom: 1px solid rgb(12, 98, 173, .5);
}
/*****************************************
*****************************************
*****************************************/
#bg-main.bgmain--product{
	margin: 0;
	box-shadow: none; border: none;
}
#bg-main.bgmain--product .bg-main--bg{
	border: none;
}
.page-products .homebrand-global{
	border-bottom: 2px solid #ddd;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	margin-bottom: 2.5rem;
}
.page-products .homebrand-global .home--title{
	margin-bottom: .75rem;
}
.page-products .homeabout__header{
	margin-bottom: 3rem;
}
.page-products #owl-hbrand .owl-next, 
.page-products #owl-hbrand .owl-prev{
	top: -26px;
	width: 28px; height: 28px;
	line-height: 28px;
}
.page-products #owl-hbrand .owl-prev{
	left: auto; right: 46px;
}
.page-products #owl-hbrand .owl-next{
	right: .5rem;
}
.homeabout__header_arrow::before {
	position: absolute; z-index: -1;
	content: '';
	background-color: var( --color-main);
	width: 30px;
	height: 32px;
	display: block;
	bottom: -10px;
	left: 16%;
	border-radius: 4px;
	-webkit-transform: skewY(35deg);
	-ms-transform: skewY(35deg);
	transform: skewY(35deg);
}
.page-products .homepronav-container .home--title{
	text-align: left !important;
}
/**********************************************/
#owl_productbanner{
	--width-container: calc( 1320px - 90px);
}
#owl_productbanner .owl-stage-outer{
	padding-top: 3px; padding-bottom: 5px;
}
#owl_productbanner .owl-item{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.product-banner{
	display: block;
	width: calc( var( --width-container ) * .30 );
}
.product-banner-lg{
	display: block;
	width: calc( var( --width-container ) * .40 );
}
.product-banner img,
.product-banner-lg img{
	display: block;
	width: 100%;
	height: 210px;
	object-fit: cover; object-position: center;
}
/****************************************************
****************************************************
****************************************************/
.prolist-wrapper{
	--bs-gutter-x: 1.25rem;
	--bs-gutter-y: 1.25rem;
	margin-bottom: 3rem;
}
.proitem__box{
	display: block; overflow: hidden;
	min-height: 100%;
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	color: var( --color);
	transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear;
}
.proitem__box:hover{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	border-color: #ccc;
	transform: translateY( -3px);
}
.proitem__boximg{
	padding: .75rem;
	position: relative;
}
.proitem__img{
	display: block;
	width: 100%; height: 250px;
	object-fit: contain; object-position: center;
}
.pro__price_percent{
	position: absolute; left: .75rem; top: .75rem; z-index: 1;
	background-color: var( --color-red); color: #fff;
	font: 500 12px/1 var( --fdefault);
	letter-spacing: 1px;
	padding: .35rem .35rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.proitem__imgflag{
	position: absolute; right: .75rem; top: .75rem; z-index: 1;
}
.proitem__imgflag > *{
	clear: both;
	display: inline-block;
	padding: .35rem .5rem;
	background-color: var( --color-main);
	border-radius: 2px;
	color: #fff;
	font: bold 12px/1 var( --fdefault);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.proitem__imgflag_item_new{
	background-color: var( --color-red);
}
.proitem__caption{
	padding: .5rem 1.5rem 1rem;
}
.proitem__title{
	--line-height: 22px;
	margin: 0 0 .5rem; padding: 0;
	font: bold 16px/22px var( --ftitle);
	color: var( --color-main);
}
.proitem__price{
	margin: 0;
	font-size: 13px; font-weight: bold;
	line-height: 20px;
	color: var( --color-red);
	text-transform: capitalize;
}
.proitem__price_label{
	display: inline-block;
	margin-right: .35rem;
	color: var( --color);
}
/****************************/
.proitem__box--readmore{
	background-color: var( --color-main);
	text-align: center;
	display: flex;
	flex-direction: column;
	padding: 1rem .5rem;
	align-items: center; justify-content: center;
	font: 400 13px/24px var( --fdefault);
	color: rgba( 255, 255, 255, .8);
	text-transform: uppercase;
	opacity: .9;
}
.proitem__box--readmore > span{
	position: relative;
	display: block;
	margin-bottom: .75rem; padding-bottom: .35rem;
}
.proitem__box--readmore > span::before{
	position: absolute; left: 50%; top: 100%;
	transform: translateX( -50%);
	content: ""; display: block;
	width: 50px; height: 1px;
	background-color: rgba(255, 255, 255, .5);
}
.proitem__box--readmore > b{
	display: block;
	color: #fff;
	font: bold 17px/26px var( --ftitle);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.proitem__box--readmore:hover{
	opacity: 1;
	color: #fff;
}
.proitem__box--readmore:hover > b{
	color: #fff;
}
/****************************/
.proctl-header{
	background-color: var( --color-main);
	border-radius: 25px; overflow: hidden;
	padding: .5rem 1rem;
	margin-bottom: 1.5rem;
	display: flex; flex-wrap: nowrap;
	align-items: center;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);

}
.proctl-header-title{
	margin: 0; padding: 0;
	font: bold 17px/1.2 var( --ftitle);
	text-transform: capitalize;
	flex-grow: 1;
}
.proctl-header-title a{
	color: #fff;
}
.proctl-header-nav{
	padding-left: 1.5rem;
}
.proctl-header-nav > a{
	display: inline-block;
	margin-left: .5rem;
	padding: .3rem .75rem .25rem;
	background-color: #fff;
	border: 1px solid #FFF;
	border-radius: 25rem;
	color: var( --color);
	font: bold 12px/16px var( --ftitle);
	text-transform: capitalize;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.proctl-header-nav > a:first-child{
	margin-left: 0;
}
.proctl-header-nav > a:hover{
	color: var( --color-red);
	border-color: var( --color-red);
}
.proctl-header-nav > a.active{
	color: #fff;
	background-color: var( --color-red);
	border-color: var( --color-red);
}
/***************************************************
***************************************************/
.prodetail__overview{
	--bs-gutter-x: 2rem;
	margin-bottom: 2.5rem;
}
.prodetail_box__wrapper{
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	padding: 2rem;
	min-height: 100%;
}
.prodetail__overview_info{
	padding-left: 3rem;
}
/*********************/
.prodimg_carousel__wrapper{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}
.prodimg_carousel__wrapper.bgimg-default{
	background: #fff !important;
}
#prodimg_carousel .prodetail__imgitem__big{
	display: block;
	width: 100%; height: 380px;
	object-fit: contain; object-position: center;
}
#prodimg_carousel__thumb .prodetail__imgitem__boxbig{
	border: 1px solid #ddd;
	display: block;
	opacity: .8; padding: 1px;
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	cursor: pointer;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#prodimg_carousel__thumb .prodetail__imgitem__big{
	display: block;
	width: 100%; height: 52px;
	object-fit: contain; object-position: center;
}
#prodimg_carousel__thumb .current .prodetail__imgitem__boxbig{
	opacity: 1;
	border-color: var(--color-main);
}
#prodimg_carousel{
	margin-bottom: .75rem;
}
#prodimg_carousel .owl-prev,
#prodimg_carousel .owl-next{
	position: absolute; top: 50%; z-index: 9;
	transform: translateY( -50%);
	width: 32px; height: 32px; line-height: 32px;
	margin: 0; opacity: 1;
	overflow:hidden;
	text-indent: 100px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 12px;
	background-color: rgb(255, 255, 255, .8 );
	border: 1px solid #eee;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#prodimg_carousel .owl-prev{
	background-image: url( img/icon_left_2.png);
	left: 5px;
}
#prodimg_carousel .owl-next{
	background-image: url( img/icon_right_1.png);
	right: 5px
}
#prodimg_carousel .owl-prev:hover,
#prodimg_carousel .owl-next:hover{
	background-color: rgb(12, 98, 173, .1);
	border-color: var( --color-main)
}
/*********************/
.prodetail_text_wrapper{
	color: #333;
}
.prodetail_text_wrapper a{
	color: inherit;
}
.prodetail_text_wrapper a:hover{
	color: var( --color-red);
}
.prodetail__title{
	margin-bottom: .75rem;
	color: var( --color-main);
	font-size: 25px;
}
.prodetail__price{
	margin-bottom: 1rem;
	text-transform: capitalize;
	font: 500 19px/20px var( --fdefault);
	color: var( --color-red);
	letter-spacing: .5px;
	align-items: center;
}
.prodetail__price > .badge{
	--bs-badge-font-size: 15px;
	padding-bottom: .25rem;
	border-radius: 3px;
	margin-right: .35rem;
	font-weight: 500;
}
.prodetail__quote{
	font: 300 15px/26px var( --fdefault);
}
.prodetail_box__listinfo{
	margin: 0 0 1.5rem; padding: 0; list-style-type: none;
	font: 14px/20px var( --ftitle);
}
.prodetail_box__listinfo > li{
	display: flex; flex-wrap: nowrap;
	margin-bottom: .85rem;
}
.prodetail_box__listinfo_label{
	width: 145px;
	font-weight: bold;
}
.prodetail_box__listinfo_text{
	width: calc( 100% - 145px);
	padding-left: 1rem;
}
.tinhtrang__instock .prodetail_box__listinfo_text{
	color: var( --bs-primary);
}
.tinhtrang__outstock .prodetail_box__listinfo_text{
	color: var( --bs-danger);
}
/*********************/
.prodetail__btn{
	font: bold 15px/22px var( --ftitle);
	letter-spacing: .5px;
	border-radius: 6px;
	padding-top: .65rem; padding-bottom: .65rem;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.prodetail__btn--hotline{
	background-color: var( --color-main);
	color: #fff !important;
}
.prodetail__btn--hotline:hover{
	background-color: var( --color-red);
}
.prodetail__btn--modal{
	background-color: #fff;
	color: var( --color-main);
	border: 1px solid var( --color-main);
}
.prodetail__btn--modal:hover{
	background-color: var( --color-red);
	border-color: var( --color-red);
	color: #fff;
}
/*********************/
.prodetail_service_list{
	margin: 0; padding: 0; list-style-type: none;
	font: 15px/20px var( --ftitle);
}
.prodetail_service_list > li{
	position: relative;
	margin: 0; padding: .5rem 0 .5rem 17px; list-style-type: none;
	clear: both; display: block;
}
.prodetail_service_list > li::before{
	position: absolute; left: 0; top: 12px;
	font-size: 10px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f054"; 
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.prodetail_service_list a{
	color: var( --color);
}
.prodetail_service_list li:hover::before,
.prodetail_service_list a:hover{
	color: var( --color-red);
}
/****************************/
.prodetail__box__content__label > span{
	display: inline-block;
	background-color: rgb(255, 255, 255);
	padding: 1rem 1.5rem .75rem;
	font: bold 15px/22px var( --ftitle);
	color: #333;
	min-width: 200px;
	text-transform: uppercase;
	box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075);
}
.prodetail__box__content{
	background-color: rgb(255, 255, 255);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	padding: 2rem;
}
/*************************/
.prodetail__box hr.line{
	margin: 2.5rem 1.3rem 2rem;
	height: 3px; background: #DDD;
	border: none;
	opacity: 1;
}
.prodetail__box__content_collapse{
	min-height: 550px;
	max-height: 950px; overflow: hidden;
	position: relative;
	margin-bottom: 1.5rem;
	transform-origin: top center;
}
.content-show .prodetail__box__content_collapse{
	max-height: none !important;
	transform-origin: top center;
}
.content-show .prodetail__box__content_collapse::after{
	display: none;
}
.prodetail__box__content_action{
	border: none; background: var( --color-main);
	display: inline-block;
	padding: .6rem 1.5rem; min-width: 240px;
	font-size: 14px; line-height: 22px; font-weight: bold;
	font-family: var( --ftitle);
	text-transform: uppercase;
	color: #fff;
	border-radius: 25px;
}
.prodetail__box__content_action::before{
	background: var( --color-red);
	border-radius: 25px;
}
.prodetail__box__content_action .show-min{
	display: none;
}
.prodetail__box__content_action span::after{
	margin-left: 6px; font-size: 13px;
	position: relative; top: 1px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f150";
}
.content-show .prodetail__box__content_action span::after{
	content: "\f151";
}
.content-show .prodetail__box__content_action .show-max{
	display: none;
}
.content-show .prodetail__box__content_action .show-min{
	display: inline-block;
}
.prodetail__box__content_collapse::after {
	content: " ";
	background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)) repeat scroll 0% 0%;
	position: absolute;    bottom: 0px;
	height: 40px;    width: 100%;
}
/*******************************/
.prodetail_other .proitem__box{
	background: none;
	border: none;
	box-shadow: none;
	margin-bottom: .75rem;
}
.prodetail_other .proitem__box:hover{
	transform: none;
}
.prodetail_other .proitem__box:hover .proitem__boximg{
	border-color: var( --color-main);
}
.prodetail_other .proitem__boxitem{
	display: flex; flex-wrap: nowrap;
	margin: 0 !important;
}
.prodetail_other .proitem__boximg{
	width: 80px;
	padding: 0;
	border: 1px solid rgb(221, 221, 221);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	background-color: #fff;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.prodetail_other .proitem__img{
	height: 70px;
	padding: 5px;
}
.prodetail_other .proitem__caption{
	width: calc( 100% - 80px);
	padding: 0 1rem 0;
}
.prodetail_other .proitem__price_label{
	display: none;
}
/******************************/
#owl-probestseller .owl-stage-outer{
	padding-top: .5rem;
}
#owl-probestseller .owl-dots{
	position: relative; bottom: 0;
	margin-top: 20px;
}
.owl-theme .owl-dots .owl-dot span{
	background-color: #777;
	height: 14px; width: 14px;
}
.owl-theme .owl-dots .owl-dot.active span{
	background-color: var( --color-main);
}
/*******************************/
#owl-prodetail-project  .owl-stage{
	padding-top: 3px; padding-bottom: 3px;
}
#owl-prodetail-project .project-boxitem{
	background-color:  var( --bg-light);
	width: 250px;
	border-radius: 3px;
}
#owl-prodetail-project .project-boxitem-img{
	height: 160px;
}
#owl-prodetail-project .project-boxitem-title{
	--line-height: 20px;
	font-size: 14px; line-height: var( --line-height );
	min-height: calc( ( var( --line-height ) * 2 ) + .75rem);
}
#owl-prodetail-project .owl-next,
#owl-prodetail-project .owl-prev{
	position: absolute; top: -26px; z-index: 1; transform: translateY( -50%);
	text-indent: 100px; overflow: hidden;
	margin: 0;
	width: 26px; height: 26px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 11px;
	background-color: #fff;
	border: 1px solid #ccc;
}
#owl-prodetail-project .owl-prev{
	background-image: url( img/icon_left_2.png);
	right: 35px;
}
#owl-prodetail-project .owl-next{
	background-image: url( img/icon_right_1.png);
	right: 0px;
}
/***************************
*******************************/
/*****************************/
.mymodal{
	padding-right: 0 !important;
}
.mymodal .modal-dialog{
	max-width: 720px;
}
.mymodal .modal-header{
	background: var( --color-main); color: #fff;
	padding-top: .5rem; padding-bottom: .5rem;
}
.mymodal .modal-title{
	font-size: 17px;
}
.mymodal .form-label{
		font-weight: 500; text-transform: capitalize;
		font-size: 13px;
		display: block;
		margin-bottom: 0;
}
.mymodal form button{
	font-size: 15px; font-weight: 500;
	text-transform: uppercase;
	padding: .5rem 1rem;
	min-width: 135px;
}
.mymodal form button.btn-close{
	min-width: 0;
}
.mymodal .ferror{
	display: block;
	color: rgb(234, 19, 19); font-size: 12px; line-height: 18px;
	clear: both;
}
.mymodal.success .modal-body{
	background: rgb(235, 243, 255);
	overflow: hidden;
}
.mymodal.success form p:last-child{
	margin-bottom: 0;
}
.mymodal.success .modal-body *{
	max-width: 100%; height: auto;
}
.mymodal.success .modal-body img{
	max-width: 100%; height: auto !important;
}
.mymodal.success .modal-body p{
		margin-bottom: 5px; margin-top: 0;
}
.mymodal.success .modal-body p:first-child{
	margin-top: var(--bs-gutter-y)
}
/*************************/
.ferror,
#modal_prodetail_contact .ferror{
	clear: both; display: none;
	font-size: 12px; line-height: 20px;
	color: rgb(234, 19, 19); 
	margin-top: 5px;
}
#modal_prodetail_contact .form-label{
	font-size: 13px; font-weight: bold;
	text-transform: capitalize;
	color: var( --bg-black);
	display: block; margin-bottom: .25rem;
	font-family: var( --ftitle);
}
#modal_prodetail_contact .form-control{
	font-size: 14px; line-height: 26px;
}
#modal_prodetail_contact textarea.form-control{
	height: 90px; resize: none;
	line-height: 18px;
}
#modal_prodetail_contact button.btn-primary{
	background-color: var( --color-main);
	border-color: var( --color-main);
}
#modal_prodetail_contact button.btn-primary:hover{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
/********************************************/
.page-services--group .homestore__header_title{
	font-size: 23px;
}
.page-services--group .homestore__header_text,
.page-services--group .homeabout__header{
	text-align: left;
}
.services-about-wrapper-des{
	padding-right: calc( ( 100vw - 1320px ) / 2);
	padding-left: 5rem;
	padding-top: 2.25rem;
}
.services-about-wrapper-listicon{
	list-style-type: none;
	font: 500 14px/20px var( --fdefault);
}
.services-about-wrapper-listicon img{
	width: 36px;
}
.services-about-wrapper-listicon-des{
	width: calc( 100% - 45px);
	padding-left: .75rem;
}
/************************/
.services-list-item{
	color: var( --color);
	height: 100%;
}
.services-list-item > figure{
	border-radius: 3px;
}
.services-list-img{
	width: 100%; max-height: 220px;
	object-fit: cover; object-position: center;
	margin-bottom: 1.25rem;
}
.services-list-title{
	margin: 0 0 .75rem; padding: 0;
	font: bold 21px/24px var( --ftitle);
	text-transform: capitalize;
}
.services-list-text{
	--line-height: 26px;
	--line-clamp: 4;
	margin-bottom: 0;
	line-height: var( --line-height);
	font-size: 15px; font-weight: 300;
	color: var( --color);
}
.services-list-item:hover{
	color: var( --color-main);
}
/**********************************************/
.project-list-wrapper{
	--bs-gutter-y: 1.5rem;
	--bs-gutter-x: 1.5rem;
}
.project-boxitem{
	height: 100%; background-color: #fff;
	padding-bottom: 1rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	border-radius: 5px; overflow: hidden;
	color: var( --color);
}
.project-boxitem-img{
	display: block;
	width: 100%; height: 195px;
	object-fit: cover; object-position: center;
}
.project-boxitem-title{
	--line-height: 22px;
	margin: 0; padding: .75rem 1.5rem 0;
	font: bold 15px/var( --line-height ) var( --ftitle);
	text-align: center;
}
/**********************************/
.servicedetail-box{
	padding-top: 1.5rem; padding-bottom: 1.5rem;
}
.servicedetail-info-title{
	font-size: 27px;
	margin-bottom: 1rem;
}
.servicedetail-info-text{
	position: relative;
	padding-left: 3rem;
	font-size: 15px; line-height: 28px;
	font-weight: 300;
}
.servicedetail-info-text p{
	margin-bottom: 10px;
}
.servicedetail-info-text::before{
	position: absolute; left: 0; top: 0;
	width: 5px; height: 135px;
	content: ""; display: block;
	background-color: var( --color-main);
}
.btn-service-modal-contact{
	position: relative;
	border-radius: 2px; border: none;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	background-color: var( --bg-servicesdetail );
	color: #fff;
	text-transform: uppercase;
	font: 15px/22px var( --ftitle);
	padding: .75rem 60px .65rem 30px;
	min-width: 180px !important;
	transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear;
}
.btn-service-modal-contact:active,
.btn-service-modal-contact:hover{
	background-color: var( --color-red);
	color: #fff;
}
.btn-service-modal-contact:hover::after{
	right: 20px;
}
.btn-service-modal-contact::after{
	position: absolute; right: 30px; top: 50%; z-index: 1;
	transform: translateY( -50%);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1; 
	content: "\f061";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900; 
	transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
}
/*******************/
.servicedetail-photos{
	--img-height: 320px;
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
}
.servicedetail-photoitem{
	flex: 0 0 auto;
	width: 20%;
}
.servicedetail-photoitem-md{
	flex: 0 0 auto;
	width: 25%;
}
.servicedetail-photoitem-lg{
	flex: 0 0 auto;
	width: 30%;
}
.servicedetail-photoitem-xl{
	flex: 0 0 auto;
	width: 50%;
}
.servicedetail-photoitem > figure{
	margin-bottom: 1rem;
	background-color: #fff;
	cursor: pointer;
}
.servicedetail-photoitem > figure:last-child{
	margin-bottom: 0;
}
.servicedetail-photoitem img{
	height: calc( ( var( --img-height) / 2 ) - .5rem );
	object-fit: cover; object-position: center;
}
.servicedetail-photoitem-lg img,
.servicedetail-photoitem-xl img{
	height: var( --img-height);
}
/*************************/
.servicedetail-posttitle{
	margin: 0 0 1.5rem;
	padding: 1.5rem 1.5rem;
	display: block;
	background-color: var( --bg-servicesdetail ); color: #fff;
	font: bold 25px/1.3 var( --ftitle);
	letter-spacing: 1px;
	text-align: center;
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.075);
}
.servicedetail-iconlist {
	border-bottom: 2px solid #ddd;
}
.servicedetail-iconlist > .col{
	border-left: 2px solid #ddd;
	padding: 2rem 2.25rem 2.5rem; 
}
.servicedetail-iconlist > .col:nth-child(4n + 1){
	border-left: none;
}
.servicedetail-iconlist-img{
	display: inline-block;
	width: auto; height: 60px;
	object-fit: contain; object-position: center;
}
.servicedetail-iconlist-des{
	padding-top: 1rem;
	font-weight: 300; font-size: 14px; line-height: 24px;
}
.servicedetail-iconlist-title{
	margin: 0 0 .75rem;
	font: bold 19px/24px var( --ftitle);
	color: #444;
}
.servicedetail-icon-contact{
	position: relative;
	padding: 2.5rem 3rem;
	background-color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.servicedetail-icon-contact > *{
	position: relative; z-index: 2;
	background-color: #fff;
}
.servicedetail-icon-contact-text{
	position: relative;
	padding: 10px 3rem 10px 70px;
	font: 17px/1.5 var( --ftitle);
	letter-spacing: .5px;
}
.servicedetail-icon-contact-text::before{
	position: absolute; left: 0; top: 50%;
	transform: translateY( -50%);
	content: ""; display: block;
	width: 55px; height: 55px;
	border-radius: 50%; overflow: hidden;
	background: url( 'img/icon.png') no-repeat center #DDD;
	background-size: auto 32px;
}
.servicedetail-icon-contact::before,
.servicedetail-icon-contact::after{
	position: absolute; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 100%;
	background-color: var( --bg-servicesdetail );
}
.servicedetail-icon-contact::before{
	left: 100%;
}
.servicedetail-icon-contact::after{
	right: 100%;
}
/******************************/
.servicedetail-thread-wrapper{
	background-color: var( --bg-servicesdetail );
	padding-top: 2rem; padding-bottom: 2rem;
	color: #fff;
}
.servicedetail-thread{
	--bs-gutter-x: 4rem;
	padding-top: 2rem; padding-bottom: 2rem;
	color: #fff;
}
.servicedetail-thread--left .servicedetail-thread-img{
	order: 2;
	padding-left: var( --bs-gutter-x );
}
.servicedetail-thread--left .servicedetail-thread-img{
	order: 1;
}
.servicedetail-thread--right .servicedetail-thread-img{
	padding-right: var( --bs-gutter-x );
}
.servicedetail-thread-img{
	margin: 0; text-align: center;
}
.servicedetail-thread-img-img{
	display: inline-block; text-align: center;
	max-width: 100%;
}
.servicedetail-thread-title{
	margin: 0 0 1rem; padding: 0;
	font: bold 31px/1.3 var( --ftitle);
}
.servicedetail-thread-des .dcontent{
	font-weight: 300; line-height: 28px; 
	font-size: 16px;
	color: #fff;
}
/************************/
.servicedetail-contact{
	padding: 3.5rem 16vw;
	text-align: center;
	color: #fff;
}
.servicedetail-contact-title{
	font-size: 29px;
	margin: 0 0 1.25rem;
}
.servicedetail-contact .dcontent{
	color: #fff;
	text-align: center;
	font-weight: 300;
	margin-bottom: 2rem;
}
/***************/
.servicedetail-contact-action{
	--bs-gutter-x: 2rem
}
.servicedetail-contact-hotline{
	transition: all 300ms ease-in-out;
	color: #fff;
}
.servicedetail-contact-hotline:hover{
	color: #fff;
}
.servicedetail-contact-hotline:hover .servicedetail-contact-hotline-boxicon{
	border-color: var( --bg-servicesdetail);
}
.servicedetail-contact-hotline:hover .servicedetail-contact-hotline-icon{
	background-color: var( --bg-servicesdetail);
	color: #fff;
}
.servicedetail-contact-hotline-boxicon{
	width: 66px; height: 66px;
	padding: 6px;
	display: block;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: all 300ms ease-in-out;
}
.servicedetail-contact-hotline-icon{
	width: 52px;	height: 52px;
	line-height: 52px;
	font-size: 25px;
	position: relative;
	display: block;
	text-align: center;
	background-color: rgb(255, 255, 255);
	color: var( --bg-servicesdetail);
	border-radius: 50%;
	transition: all 300ms ease-in-out;

}
.servicedetail-contact-hotline-icon::before, 
.servicedetail-contact-hotline-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 65px;
	width: 65px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	animation: ripple 2s infinite;
	animation-delay: 0s;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
}
.servicedetail-contact-hotline-icon::before{
	animation-delay: 0.8s;
}
.servicedetail-contact-hotline-icon::after {
	animation-delay: 0.4s;
}
.servicedetail-contact-hotline-text{
	padding-left: .25rem;
}
.servicedetail-contact-hotline-text {
	font: bold 15px/20px var( --ftitle);
	letter-spacing: 1px;
	text-align: left;
}
.servicedetail-contact-hotline-text small{
	clear: both; display: block;
	font: 300 13px/20px var( --fdefault);
	text-transform: uppercase;
}
.servicedetail-contact-hotline:hover .servicedetail-contact-hotline-text small{
	color: var( --color-red);
}
@-webkit-keyframes ripple{70%{box-shadow:0 0 0 25px rgba(255, 255, 255, 0)}100%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0)}}@-moz-keyframes ripple{70%{box-shadow:0 0 0 25px rgba(255, 255, 255, 0)}100%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0)}}@-ms-keyframes ripple{70%{box-shadow:0 0 0 25px rgba(255, 255, 255, 0)}100%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0)}}@-o-keyframes ripple{70%{box-shadow:0 0 0 25px rgba(255, 255, 255, 0)}100%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0)}}@keyframes ripple{70%{box-shadow:0 0 0 25px rgba(255, 255, 255, 0)}100%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0)}}
/*************/
.servicedetail-product{
	padding-top: 3rem; padding-bottom: 3rem;
	background-color: var( --bg-gray);
}
.servicedetail-product > .prolist-wrapper{
	margin-bottom: 0;
}
.servicedetail-product-header{
	margin-bottom: 1.5rem;
}
.servicedetail-product-header-title{
	max-width: 50%;
}
.servicedetail-product-header-text{
	text-align: right;
	font-size: 15px; font-weight: 300; line-height: 28px;
	padding-left: 3rem;
}
/*************/
body.servicesdetail .homeproject--support{
	margin-bottom: 0 !important;
	padding-bottom: 3.5rem; padding-top: 3.5rem;
}
/************************************************
************************************************
************************************************/
.projects-list-item{
	color: var( --color);
}
.projects-list-item > .picture-box{
	border-radius: 3px;
	margin-bottom: .75rem;
}
.projects-list-img{
	object-fit: cover; object-position: center;
}
.projects-list-title{
	margin: 0 0 .5rem; padding: 0;
	font: bold 17px/24px var( --ftitle);
	text-transform: capitalize;
	text-align: center;
}
.projects-list-text{
	--line-height: 26px;
	--line-clamp: 4;
	margin-bottom: 0;
	line-height: var( --line-height);
	font-size: 15px; font-weight: 300;
	color: var( --color);
}
.projects-list-item:hover{
	color: var( --color-main);
}
/*********************/
.project-fcontact{
	padding-top: 3rem; padding-bottom: 3rem;
	color: var( --color);
}
.project-fcontact-wrapper{
	background-color: #fff;
	margin-left: 5vw; margin-right: 5vw;
}
.project-fcontact-left,
.project-fcontact-right{
	padding: 3rem 3rem;
}
.project-fcontact-right{
	box-shadow: 0px 5px 83px 0px rgba(27, 26, 26, 0.12);
}
/**********************/
.project-fcontact-title{
	margin: 0 0 .75rem; padding: 0 0 .5rem;
	font: bold 19px/24px var( --ftitle);
	color: #333;
	border-bottom: 1px solid #000;
}
.project-fcontact-text{
	font-weight: 300;
	font-size: 14px; line-height: 26px;
	color: #000;
	margin-bottom: 1.5rem;
}
.project-icontext-item{
	padding-bottom: 1rem; margin-bottom: 1rem;
	border-bottom: 1px solid #ddd;
}
.project-fcontact-left .project-icontext-item:last-child{
	margin-bottom: 0; padding-bottom: 0;
	border-bottom: none;
}
.project-icontext-item-img{
	margin-top: 7px;
	width: 32px; height: auto;
	object-fit: contain; object-position: center;
}
.project-icontext-item-caption{
	padding: 0 0 0 1rem;
	font-size: 13px; line-height: 20px;
	font-weight: 300;
}
.project-icontext-item-title{
	margin: 0 0 0rem;
	font-size: 14px; font-weight: bold;
	line-height: 22px;
	color: var( --color-main);
}
/************************/
.project-fcontact-form input,
.project-fcontact-form select{
	font-size: 15px;
	line-height: 26px;
}
/*******************************************
*******************************************
*******************************************/
body.projectdetail #bg-main{
	margin-bottom: 2rem;
}
.projectdetail-info{
	padding-top: .5rem;
	padding-bottom: 3rem;
}
.projectdetail-info-listitem{
	--bs-gutter-x: 2rem;
	margin-bottom: 2rem;
}
.projectdetail-info-listitem p{
	display: flex; flex-wrap: nowrap;
	margin: 0;
	padding: .95rem 0 .75rem;
	border-bottom: 1px solid #ddd;
}
/* .projectdetail-info-listitem div > p:last-child{
	border-bottom: none;
	margin-bottom: 0; padding-bottom: 0;
} */
.projectdetail-info-listitem p > b{
	font: bold 15px/22px var( --ftitle);
	width: 95px;
	color: #333;
}
.projectdetail-info-listitem p > span{
	width: calc( 100% - 90px);
}
.projectdetail-info-listitem ul{
	margin: 0; padding: 0 0 0 15px; 
}
.projectdetail-info-listitem ul > li{
	margin-bottom: .45rem;
}
.projectdetail-info-listitem ul > li:last-child{
	margin-bottom: 0;
}
.projectdetail-info-listitem a{
	color: inherit;
}
.projectdetail-info-listitem a:hover{
	color: var( --color-red);
}
/********************************************
********************************************
********************************************/
#accordionFlushCareer .accordion-item:first-child{
	margin-top: 0;
}
#accordionFlushCareer .accordion-item{
	margin-top: 1.25rem;
	border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
	border-radius: var(--bs-accordion-border-radius);
	overflow: hidden;
}
#accordionFlushCareer .accordion-button{
	font-weight: 300; line-height: 24px;
	font-size: 15px;
	color: #000;
}
#accordionFlushCareer .accordion-button:focus{
	box-shadow: none;
	border-color: var(--bs-accordion-border-color);
}
#accordionFlushCareer .dcontent{
	font-size: 15px; line-height: 26px;
}
#accordionFlushCareer .dcontent p{
	margin-bottom: 10px;
}
.accordionFlushCareer_title{
	margin: 0 0 .5rem; padding: 0;
	font: bold 19px/24px var( --ftitle);
	letter-spacing: .5px;
	color: var( --color-main);
}
/************************************************************
************************************************************
************************************************************/
.aboutdetail_leftcontent{
	padding-left: 3rem; padding-right: calc(var(--bs-gutter-x) * .5);
}
table.tbl-timeline{
	font-size: 14px; line-height: 26px;
}
table.tbl-timeline p{
	margin-bottom: 3px;
}
table.tbl-timeline td{
	vertical-align: top !important;
}
table.tbl-timeline > tbody > tr{
	border-bottom: none;
}
table.tbl-timeline > tbody > tr:nth-child( 2n + 1){
	/* background-color:#0c62ad14 */
}
table.tbl-timeline > tbody > tr > td{
	padding: 1.25rem .75rem 1.25rem 1.5rem;
	min-width: 90px;
}
table.tbl-timeline > tbody > tr > td:first-child{ 
	position: relative;
	padding-left: 3rem;
	font: bold 17px/1.2 var( --ftitle);
}
table.tbl-timeline > tbody > tr > td:first-child::before{ 
	position: absolute; left: 1.25rem; top: calc( 1rem + 6px); z-index: 2;
	content: ""; display: block;
	width: 11px; height: 11px;
	border-radius: 50%; overflow: hidden;
	background-color: var( --color-main);
}
table.tbl-timeline > tbody > tr > td:first-child::after{ 
	position: absolute; left: calc( 1.5rem + 1px); top: 0; z-index: 1;
	content: ""; display: block;
	width: 1px; height: 100%;
	border-left: 1px dashed #999;
}
/*************/
.tbl-aboutdetail-post,
.aboutdetail--378 table{
	--bs-table-striped-bg: #0c62ad14;
	width: 100% !important;
	font-size: 15px; line-height: 26px;
}
.tbl-aboutdetail-post > tbody > tr > td,
.aboutdetail--378 table > tbody > tr > td{
	padding-top: .75rem !important; padding-bottom: .75rem !important;
}
.tbl-aboutdetail-post > tbody > tr > td:first-child,
.aboutdetail--378 table > tbody > tr > td:first-child{
	font: bold 15px/1.2 var( --ftitle);
	min-width: 150px;
}
#modal_popup .modal-content{
	background: none;
	border: none;
	text-align: center;
	min-height: 32vh;
}
#modal_popup .modal-content .close{
	position: absolute; right: 0; top: 0; z-index: 2;
	transform: translateY( -100%);
	background-color: var( --color-red);
	color: #fff;
	font: bold 11px/1.1 var( --ftitle);
	border-radius: 2px;
	padding: .2rem .5rem .15rem;
	vertical-align: middle;
	border: none;
}
#modal_popup .modal-content .close:hover{
	background-color: rgb(168, 14, 23);
}
#modal_popup .modal-content .close span{
	font-size: 15px; line-height: 14px;
	vertical-align: text-top;
}