@charset "utf-8";
/* CSS Document*/
/****
* bullet: d8bba3
****/

:root{
	--color: rgb(51, 51, 51);
	--color-trans: rgb(128, 128, 128);
	--color-title: #555;
	--color-main: #3166fb;
	--color-main-bold: rgb(17, 62, 191);
	--color-hover: #ee2e39;
	--color-red: #ee2e39;
	--bg-black: #555555;

	--ftitle: 'Oswald', sans-serif;
	--fdefault: 'Open Sans', sans-serif;
	/*********/
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: rgb(12, 98, 173);
	--bs-btn-disabled-border-color:rgb(12, 98, 173);
	/**********/
	--bs-light-rgb: 248, 248, 248;
}

@keyframes squares{
	0%{ width: 65px; height: 65px;opacity:1}
	100%{width: 95px; height: 95px;opacity:0}
}
@-webkit-keyframes squares{
	0%{ width: 65px; height: 65px;opacity:1}
	100%{width: 95px; height: 95px;opacity:0}
}
@-moz-keyframes squares{
	0%{ width: 65px; height: 65px;opacity:1}
	100%{width: 95px; height: 95px;opacity:0}
}
@-o-keyframes squares{
	0%{ width: 65px; height: 65px;opacity:1}
	100%{width: 95px; height: 95px;opacity:0}
}
html{
	overflow-x:hidden;
	overscroll-behavior-y: none;
	-webkit-overflow-scrolling: none;
	-moz-overflow-scrolling: none;
}
body{
	position:relative;
	font: 400 14px/24px var( --fdefault); 
	color: var( --color);
	width:100%;	
	background-color: var( --bs-light);
	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.page-process{
	overflow: hidden;
}
body.page-process::before{
	position: absolute; left: 0; top: 0; z-index: 9999998 !important;
	width: 100%; height: 100%;
	content: ""; display: block;
	background-color: rgba(0, 0, 0, .35);
	cursor: progress;
}
body.page-process::after{
	--bs-text-opacity: 1;
	color: #fff !important;
	--bs-spinner-width: 2rem;
	--bs-spinner-height: 2rem;
	--bs-spinner-vertical-align: -0.125em;
	--bs-spinner-border-width: 0.25em;
	--bs-spinner-animation-speed: 0.75s;
	--bs-spinner-animation-name: spinner-border;
	border: var(--bs-spinner-border-width) solid currentcolor;
	border-right-color: transparent;
	position: fixed; left: 49vw; top: 42vh; z-index: 9999999 !important;
	content: "";
	display: inline-block;
	width: var(--bs-spinner-width);
	height: var(--bs-spinner-height);
	vertical-align: var(--bs-spinner-vertical-align);
	border-radius: 50%;
	animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
  
}
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-color{	color: var( --color) !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 linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear;
}
.img-hover:hover .img-hover-active{
	transform:scale(1.035); -moz-transform:scale(1.035); -webkit-transform:scale(1.035);
}
.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: 600 !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, 24px ) * var( --line-clamp ) );
	 line-height: var( --line-height, 24px );
}
.line-limit--3{
	--line-clamp: 3;
}
.line-limit--4{
	--line-clamp: 4;
}
/**********************/
.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.15s;
  transition-duration: 0.15s;
  overflow: hidden;
}
.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); */
  transform: translateX( -100%);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.225s;
  transition-duration: 0.225s;
  -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 {
  transform: translateX(0);
}
.btn-hover-black::before{
	background-color: var( --bg-black)
}
/**********************/
#pagination{
	text-align: center;
	border-top: 1px solid #ccc;
	margin-top: 0rem; padding-top: 1.75rem;
	margin-bottom: 2.5rem;
}
#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);
}
/****************************/
.fixedpage-wrapper{
	position: fixed; right: .5rem; bottom: 85px; z-index: 1500;
}
.fixedpage-list{
	margin: 0; padding: 0; list-style: none;
	display: flex; flex-direction: column;
}
.fixedpage-item{
	width: 100%;
	flex: 0 0 auto;
	margin-bottom: .75rem;
	font-size: 10px; font-weight: normal;
	line-height: 1.2;
}
.fixedpage-link{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	padding: .35rem .35em .35rem .25rem ;
	background-color: #fff;
	border-radius: .25rem;
	border: 1px solid #ccc;
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.075);
	color: #666;
	transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
.fixedpage-link > svg{
	flex: 0 0 auto;
	width: 28px; height: 28px;
}
.fixedpage-link > span{
	flex: 1 0 0%;
	padding-left: .35rem;
}
.fixedpage-link small{
	display: block;
}
.fixedpage-link b{
	display: block;
	margin-bottom: .25rem;
	color: var( --color-main);
	text-transform: capitalize;
	transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
.fixedpage-link:hover{
	border-color: var( --color-main);
}
.fixedpage-link:hover b{
	color: var( --color-main);
}
/*************/
/**************************/
.action--scrolltotop{
	position: fixed; right: .75rem; bottom: 1.5rem; z-index: 1;
	background-color: #fff; color: var( --color-main);
	border-radius: .375rem; overflow: hidden;
	width: 40px; height: 40px;
	transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
.action--scrolltotop:hover{
	background-color: var( --color-main);
	color: #fff;
}
/*******************/
/*********************
*************/
.btn_mobile{
	border: none;
	padding: 0; text-align: center;
	height: 100%; width: 50px;
	font-size: 22px !important;
	background-color: none;
	color: var( --color);
	border-radius: .175rem;
}
/*********************
*************/
#header{
	--height-logo: 80px;
	--width-logo: 300px;
	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;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 .35rem .75rem rgba(0,0,0,.1);
	width: 100%;
	z-index: 2000 !important;
}
#header-sticky-wrapper,
#undefined-sticky-wrapper{
	height: auto !important;
}
.is-sticky #header{
	--height-logo: 50px;

}
.is-sticky .header_main__wrapper{
	padding-top: .5rem; padding-bottom: .5rem;
}
.is-sticky .header-top{
	display: none !important;
}
/************************/
.header-top{
	font-weight: 400;
	font-size: 13px; line-height: 22px;
	padding-top: .5rem; padding-bottom: .5rem;
	border-bottom: 1px solid rgb(229, 229, 229);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.header-top-leftinfo a{
	color: #444;
	display: inline-block;
	margin-right: 1.75rem;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.header-top-leftinfo a:hover{
	color: var( --color-red);
}
.header-top-rightsocial a:last-child,
.header-top-leftinfo a:last-child{
	margin-right: 0;
}
.header-top-rightsocial{
	display: flex;
	justify-content: flex-end;
}
.header-top-rightsocial a{
	display: inline-block;
	width: 28px; height: 28px;
	line-height: 28px;
	border-radius: 50%; overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 15px;
	margin-right: 1rem;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.header-top-rightsocial a:hover{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transform: translateY(-2px);
}
/************************/
.header_main__wrapper{
	padding-top: 1rem;
	padding-bottom: 1rem;
	transition:all 0.3s ease-in-out;	-moz-transition:all 0.3s ease-in-out;	-webkit-transition:all 0.3s ease-in-out;
}
/************************/
.header__logo{
	margin:0;
	width: 220px;
}
.header__fsearch{
	width: 265px;
}
.header__navigation_wrapper{

}
/************************/
.header__logo img{
	max-width: 100%; height: var(--height-logo);
	object-fit: contain; object-position: center;
	display: inline-block;
	transition:all 0.3s ease-in-out;	-moz-transition:all 0.3s ease-in-out;	-webkit-transition:all 0.3s ease-in-out;
}
/************************/

/************************/
.hfsearch__container{
	border: 1px solid #ddd;
	border-radius: .25rem; overflow: hidden;
}
.hfsearch__container:focus-within{
	border-color: var( --color-main);
	box-shadow: none;
}
.hfsearch-input{
	border: none;
	box-shadow: none;
	font-size: 13px; line-height: 28px;
	font-weight: 300;
	border-radius: 0;
}
.hfsearch-input:focus{
	box-shadow: none;
	outline: none; border: none;
}
.hfsearch-btn{
	flex: 0 0 auto; width: auto;
	padding-left: .75rem; padding-right: .75rem;
	background-color: #FFF;
	color: var( --color-main);
	font: bold 15px var( --ftitle);
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 0;
	min-width: 40px;
}
.hfsearch-btn:hover{
	background-color: var( --color-main-bold);
	color: #fff;
}
/************************/
.header__navigation{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header__navigation > li{
	height: 100%;
	display: inline-block;
	padding: .7rem 1.25rem .4rem;
}
.header__navigation > li:not( .header-navitem-ctl){
	position: relative;
}
.header-navitem-link:hover,
.header__navigation > li:hover .header-navitem-link,
.header__navigation > li.active .header-navitem-link{
	color: var( --color-main);
}
.header-navitem-link{
	display: block;
	padding: .35rem .25rem;
	font: 700 14px/1.3 var( --ftitle);
	text-transform: uppercase;
	letter-spacing: .5px;
	color: var( --color);
}
/******************/
.header__navigation > 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: 280px;
	transition: opacity .3s,transform .3s;
	transform: scale(1,0);
	opacity: 0; visibility: hidden;
	transition-delay: 0 !important;
	transform-origin: top center;
}
.header_navsub__listnav{
	font-size: 15px; line-height: 20px;
	font-weight: 600;
	padding: 0; margin: 0; list-style-type: none;
	text-align: left;
	background: #fff;
	border-radius: .15rem; overflow: hidden;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.header_navsub__listnav li{
	position: relative;
	color: var( --color);
	display: block; clear: both;
	margin: 0; padding: .65rem .75rem; list-style-type: none;
	border-bottom: 1px solid #ccc;
	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 a{
	position: relative; z-index: 5;
	color: var( --color);
	display: flex; flex-wrap: nowrap;
	align-items: center;
	transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear;
}
.header_navsub__listnav .picture-box{
	flex: 0 0 auto;
	width: 33px;
	margin-right: .5rem;
}
.header_navsub__listnav > li::after{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 0%; height: 100%;
	background-color: #EEE;
	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,
.header_navsub__listnav > li:hover,
.header_navsub__listnav a:hover{
	color: var( --color-main)
}
/******************/
.header-navitem-ctl:hover .header_navall_wrapper{
	visibility: visible;
	opacity: 1;
	transform: scale(1,1);
}
.header_navall_wrapper{
	transition: opacity .35s,transform .35s;
	transform: scale(1,0);
	opacity: 0; visibility: hidden;
	transition-delay: 0 !important;
	transform-origin: top center;

	position: absolute; left: 0; top: 100%; z-index: 990;
	background-color: #fff;
	border-top: 1px solid #ccc;
	width: 100%;
	text-align: left; 
	font-weight: normal;
	box-shadow: 0 .35rem 1rem rgba(0,0,0,.15);
}
.header_navall_navigation,
.header_navall_brand{
	padding-top: 1.5rem;
	padding-bottom: 2rem;
}
.header_navall_brand .promain-navfiler-title{
	border-bottom: none;
	padding-bottom: 0; margin-bottom: .5rem;
}
.header_navall_brand .promain-navfiler-brandlist > li{
	width: 25%;
}
.header_navall_brand .promain-navfiler-branditem img{
	height: 40px;
}
/************/
.header_navall_navigation .pronav-group-title::after,
.header_navall_navigation .promain-navfiler-title{
	display: none;
}
.header_navall_navigation .pronav-group-title{
	padding: 0; margin-bottom: .45rem;
	font-weight: bold; text-transform: uppercase;
	color: var( --color-main);
	font-size: 17px;
}
.header_navall_navigation .promain-navfiler-boxitem{
	--bs-gutter-x: 2rem;
	margin-left: calc(-.5 * var(--bs-gutter-x));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	display: flex; flex-wrap: wrap;
}
.header_navall_navigation .promain-navfiler-boxitem > .pronav-group {
	padding-left: calc(var(--bs-gutter-x) * .5);
	padding-right: calc(var(--bs-gutter-x) * .5);
	flex: 0 0 auto;
	width: 25%;
	border: none !important;
	margin: 0 !important;
}
.header_navall_navigation .pronav-group-content{
	max-height: none;
}
.header_navall_navigation .pronav-group-content-list > li:not( :last-child){
	margin-bottom: .3rem;
}
.header_navall_navigation .pronav-group-content-list{
	padding: 0;
}
.header_navall_navigation .pronav-group-content-list > li::before{
	font-size: 6px; top: 8px;
}
.header_navall_wrapper a{
	font-weight: normal;
	font-size: 14px; line-height: 20px;
}
.header_navall_navigation .pronav-group-content-list > li:hover::before,
.header_navall_wrapper a:hover{
	color: var( --color-main);
}
/******************/
#footer{
	position:relative; padding: 0px;
	background-color: var( --bs-light)
}
.footer-mapcontact{
	position: relative;
	padding-bottom: 10px;
	padding-top: 3.5rem;
}
.footer-mapcontact > *{
	position: relative;
	z-index: 2;
}	
.footer-mapcontact-row{
	--bs-gutter-x: 2.5rem;
	--bs-gutter-y: 0rem;
}
.footer-mapcontact::before{
	position: absolute; left: 0; bottom: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 50px;
	background: rgb(38, 38, 38);
}
.footer-mapbox > iframe{
	display: block;
	width: 100%; min-height: 100%;
	border: 10px solid #fff !important;
}
.footer-contactbox .freg_contact,
.footer-mapbox > iframe{
	box-shadow: 0 .35rem .75rem rgba(0,0,0,.15);
	background-color: #fff;
}
#footer .footer-contactbox .freg_contact{
	height: 100%;
}


/******************/
.footer-contactbox .freg_contact_header{
	position: relative;
	background: url( img/bg_message.jpg) no-repeat left bottom var( --color-main);
	background-size: cover;
	padding: 2rem 2.25rem 1.75rem;
	color: #fff;
	margin-bottom: 1.5rem;
}
.footer-contactbox .freg_contact_header::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 30px solid rgb(0, 91, 193);
	border-right: 35px solid transparent;
	position: absolute;
	left: 0;
	bottom: -28px;
}
.freg_contact_header_title{
	position: relative;
	margin: 0 0 1rem; padding: 0 0 .75rem;
	font: 600 25px/26px var( --ftitle);
	text-transform: uppercase;
}
.freg_contact_header_title::before{
	position: absolute; left: 0; top: 100%; z-index: 1;
	content: ""; display: block;
	width: 60px; height: 2px;
	background-color: #fff;
}
.footer-contactbox .freg_contact_formwrapper{
	--bs-gutter-y: 1rem;
	--bs-gutter-x: 1rem;
	padding-left: 2.25rem;
	padding-right: 2.25rem;
	padding-bottom: 1.5rem;
	color: var( --color);
}
/******************/
.footer_nav__container{
	background: rgb(38, 38, 38);
	padding: 50px 0 .5rem;
}
#footer,
.footer__info__text{
	font-size: 13px; line-height:20px; 
	color: rgb(181, 181, 181)
}
.footer-logo{
	margin-bottom: 1rem;
}
.footer-logo img{
	height: 70px;
}
.footer__title{
	margin: 0 0 .75rem; padding: 0;
	font: bold 17px/1.2 var( --ftitle);
	text-transform: uppercase;
	color: #fff;
}
.footer__title__sm{
	font-size: 14px;
}
.footer__title a{
	color: inherit;
}
.footer__nav a{
	display: block; clear: both;
	margin-bottom: .5rem;
	font-size: 13px; line-height: 22px;
	color: rgb(181, 181, 181);
}
.footer__title a:hover,
.footer__nav a:hover{
	color: #fff;
}
/*****************************/
.footer__collapse .footer__title{
	list-style-type: none;
	pointer-events: none;
}
.footer__collapse .footer__title::-webkit-details-marker{
	display: none;
}
/*****************************/
#footer .footer__info__text{
	font-size: 14px; line-height: 24px;
	color: rgb(181, 181, 181);
}
.footer-icon{
	position: relative;
	display: flex; flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 1.25rem !important;
}
.footer-icon::before{
	position: relative;
	font-family: var(--fa-style-family, "Font Awesome 6 Free");
	font-weight: var(--fa-style, 900);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-size: 23px;
	min-width: 40px;
	color: rgb(202, 202, 202);
}
.footer-icon-address::before{
	content: "\f3c5";
}
.footer-icon-hotline::before{
	content: "\f2a0";
}
.footer-icon-email::before{
	content: "\f658";
}
.footer__info__wrapper p,
.footer__info__wrapper address{
	margin-bottom: .5rem;
}
.footer__info__wrapper a{
	color: inherit;
}
.footer__info__wrapper a:hover{
	color: var( --color-main)
}
.img-gov img{
	height: 36px; width: auto;
}
/****************************/
.footer__info__support{
	margin-bottom: 1.25rem !important;
	border-radius: .25rem;
	font-size: 15px;
	background-color: rgba(255,255,255,0.1);
	padding: 1rem 1.5rem;
}
.footer__info__support .fa-solid{
	font-size: 39px;
	color: #fff;
}
.footer__info__support_hotline{
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 1px;
	color: #fff;
}
.footer__info__wrapper .footer__socail{
	display: none;
}
/****************************/
.footer__socail{
	display: flex; flex-wrap: wrap;
	justify-content: flex-start; align-items: center;
	margin-top: 1.25rem;
}
.footer__socail a{
	display: inline-block;
	text-align: center;
	margin: 0 8px;
	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: 21px;
}
.footer__socail .fab:not(:hover){
	color: #999;
}
.footer__socail .img-gov{
	border: none;
}
.footer__socail img{
	display: inline-block;
	height: 20px;
	vertical-align: middle
}
.footer__socail a:hover{
	transform: translateY( -3px);
	color: #fff;
}
/**************************/
.footer__info__nav_about{
	width: 160px;
}
.footer__info__nav_support .footer__socail{
	margin-bottom: 1.5rem;
}
.footer__info__nav_support .footer__socail .fab{
	font-size: 29px;
}
.footer__info__nav_support .footer__socail .img-gov{
	flex: 0 0 auto;
	width: 100%;
	margin: 1rem 0 0;
	text-align: left;
}
.footer__info__nav_support .footer__socail .img-gov img{
	height: 30px;
}
.footer__socail__chat img{
	height: 40px;
}
/**************************/
.footer__author{
	background-color: #f2f2f2;
	border-top: 1px solid rgb(221, 221, 221);
	padding-top: 1.25rem; padding-bottom: 1.25rem;
	font-size: 12px;
	color: var( --color)
}
.footer__author a{
	color: inherit;
}
.footer__author a:hover{
	text-decoration: underline;
}

/****************************/

/*************/
.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: 36px;
	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";
}
/*******************
********************************/
/************************/
#modal_popup .close{
	position: absolute; right: 0; top: 0; z-index: 9;
	transform: translateY( -100%);
	background: var( --color-red); color: #FFF;
	display: block;	opacity: 1;
	font-size: 11px; font-weight: normal;
	line-height: 1.3;	padding: 3px 8px;
	border-radius: 0;
}
#modal_popup .modal-content{
	background: none; padding-bottom: 12vh;
	box-shadow: none; border: none;
}

/***********************************
***********************************/

#bg-main{
	background-color: #fff;
	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;
}
.bg-main-caption{
	position: absolute; left: 0; bottom: 0; z-index: 1;
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	text-align: center;
	display: block;
	width: 100%;
	padding: 3rem 0 3.5rem;
	color: #fff;
}
.bg-main-caption > *{
	max-width: 900px;
	margin-left: auto !important; margin-right: auto !important;
}
.bg-main-title{
	margin: 0; padding: 0;
	font: 600 47px/1.3 var( --ftitle);
	text-transform: uppercase;
	letter-spacing: 1px;
}
.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;
}
/***********************************************
***********************/
.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: 600;
	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;
}
.dcontent--sm{
	font-size: 15px; line-height: 28px;
}
.dcontent--sm p{
	margin-bottom: .35rem;
}
/***************************
***************************/
/***********************/
.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 .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: 600;
}
.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;
	align-items: center;
}
.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: #fff;
	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)
}
/*********************************************/
.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--sm{
	font-size: 23px;
}
.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: 600; color: #000
}
.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;
}
.title-page-linetop{
	position: relative;
	padding-top: .5rem;
}
.title-page-linetop::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 50px; height: 5px;
	background-color: var( --color-main);
}
/************************************************
************************************************/
.text-bg{
	position: relative;
}
.homeheader{
	margin-bottom: 2.5rem;
	margin-left: auto; margin-right: auto;
	max-width: 900px;
	text-align: center;
}
.homeheader-title{
	position: relative;
	margin: 0 0 1rem;
	font: 600 51px/1.3 var( --ftitle);
	padding-top: .75rem; padding-bottom: .85rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.text-bg::before,
.homeheader-title::before{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
	width: 100%;
	font-size: 100px;
	line-height: 0.75;
	opacity: 0.06;
	text-transform: uppercase;
	word-break: break-word;
	color: transparent;
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: rgb(40, 48, 62);
	-webkit-text-fill-color: transparent;
	transition: all .3s ease-in-out;
	content: attr( data-title);
	letter-spacing: 1px;
}
.homeheader-text{
	margin-bottom: 1rem;
	font-size: 15px; line-height: 26px;
}
.homeheader-title-line::after{
	position: absolute; left: 0; top: 100%;
	z-index: 1;
	content: "";
	display: block;
	width: 60px; height: 4px;
	background-color: var( --color-main);
}
.homeheader-title--sm{
	font-size: 37px;
}
/***************************/
.btn-readmore{
	position: relative;
	display: inline-block;
	border: 1px solid var( --color-main);
	color: var( --color-main);
	padding: .5rem 1.5rem;
	font: 600 14px/24px var( --ftitle);
	letter-spacing: .75px;
	text-transform: uppercase;
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.15);
	transition: all .3s ease-in-out;
}
.btn-readmore:hover{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
/************************************************
************************************************/
.homebox-product-container,
.homebox-proctl-container{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.homebox-proctl-header-title::before{
	text-align: center;
}
.homebox-proctl-boxmain{
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	margin-bottom: 3rem;
}
.homebox-proctl-boxmain .homebox-proctl-col:nth-child( 5n + 3) .homebox-proctl-item,
.homebox-proctl-boxmain .homebox-proctl-col:nth-child( 5n + 1) .homebox-proctl-item{
		background: rgb(240, 240, 240);
}
.homebox-proctl-item{
	display: block;
	background-color: rgb(250, 250, 250);
	border: 1px solid #fff;
	height: 100%;
	color: var( --color);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.homebox-proctl-figure{
	display: flex; flex-wrap: nowrap;
	padding: 2.5rem 1.25rem;
	margin: 0;
	align-items: center;
}
.homebox-proctl-item-img{
	flex: 0 0 auto;
	width: 100px;
	object-fit: contain; object-position: center;
}
.homebox-proctl-caption{
	flex: 1 0 0;
	padding-left: 1rem;
	min-height: 160px;
	align-items: center; justify-content: center;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.homebox-proctl-caption > *{
	flex: 0 0 auto;
	width: 100%;
	transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
}
.homebox-proctl-title{
	margin: 0 0 .5rem;
	font: 600 19px/30px var( --ftitle)
}
.homebox-proctl-text{
	--line-clamp: 3;
	--line-height: 22px;
	font-size: 14px;
	margin: 0 0 1.25rem;
	color: var( --color-trans);
	max-height: 0;
}
.homebox-proctl-item:hover{
	background: url( img/bg_category.png) no-repeat right center #fff !important;
	background-size: auto 100% !important;
	color: var( --color-red);
}
.homebox-proctl-item:hover .homebox-proctl-text{ 
	max-height: 70px;
}
/**********/
.homebox-proctl-readmore{
	display: flex;
	justify-content: flex-end;
	width: auto; height: 36px;
	border-left: 1px solid var( --color-main);
	flex-wrap: nowrap;
	align-items: center;
	font-family: var( --ftitle);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	padding: 0 .5rem 0 .4rem;
	overflow: hidden;
}
.homebox-proctl-readmore-text{
	border: 1px solid var( --color-main);
	border-left: none;
	padding-left: 1rem;
	position: relative;
	display: flex; align-items: center;
	flex-wrap: nowrap;
	line-height: 34px;
	overflow: hidden;
	transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
	transition-delay: .175s;
	transform: translateX( calc( -100% + 32px));
}
/* */
.homebox-proctl-readmore-text::after{
	position: relative; right: 0; top: 0; z-index: 1;
	display: block;
	text-align: center;
	width: 40px; height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-family: var(--fa-style-family, "Font Awesome 6 Free");
	font-weight: var(--fa-style, 900); 
	content: "\f061";
	font-size: 17px;
	color: var( --color-main);
} 
.homebox-proctl-item:hover .homebox-proctl-readmore,
.homebox-proctl-readmore:hover{
	background-color: var( --color-main);
	color: #fff;
}
.homebox-proctl-item:hover .homebox-proctl-readmore-text::after,
.homebox-proctl-readmore:hover .homebox-proctl-readmore-text::after{
	color: #fff;
}
.homebox-proctl-item:hover .homebox-proctl-readmore-text,
.homebox-proctl-readmore:hover .homebox-proctl-readmore-text{
	transform: translateX(0);
}
/*******************************/
.homebox-whynot-wrapper{
	position: relative;
	padding-top: 5rem;
	padding-bottom: 0;
	background-color: #f8f8f8;
	color: #fff;
	background-repeat: no-repeat; background-position: center top;
	background-size: cover;
}
.homebox-whynot-wrapper::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 100%;
	background-color: rgba( 0, 0, 0, .25);
}
.homebox-whynot-wrapper > *{
	position: relative;
	z-index: 2;
}
.homeheader-title-whynot{
	color: #fff;
	margin-bottom: 3rem;
}
.homebox-whynot-list{
	padding-top: 4rem; padding-bottom: 4rem;
	background-color: rgba( 0, 0, 0, .25);
}
.homebox-whynot-listrow{
	--bs-gutter-x: 5rem;
	--bs-gutter-y: 2.5rem;
}
.homebox-whynot-list-col{
	display: flex;
	flex-wrap: nowrap;
	border-right: 1px solid rgba(255,255,255,0.75);
	align-items: center;
}
.homebox-whynot-listrow .homebox-whynot-list-col:nth-child(3n){
	border-right: none;
}
.homebox-whynot-list-title{
	flex: 0 0 auto;
	width: auto;
	max-width: 150px;
	font: bold 45px/1.2 var( --ftitle);
	color: #fff
}
.homebox-whynot-list-text{
	flex: 1 0 0;
	padding-left: 1.5rem;
	margin: 0;
	font-size: 14px; line-height: 22px;
	color: rgba( 255, 255, 255, .8);
}
/*******************************/
.homebox-about-container{
	padding-bottom: 5rem;
	background-color: rgb(247, 247, 247);
	background: url( img/bg_about.jpg) no-repeat right top;
	background-size: cover;
}
.homebox-about-video,
.homebox-about-text{
	padding-top: 5rem;
}
.homebox-about-video{
	padding-right: 1.5rem;
}
.homebox-about-text{
	padding-left: 1.5rem;
}
.homebox-about-links{
	padding: 0;
	list-style: none;
}
.homebox-about-link {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	height: 100%;
	line-height: 22px;
	border: none;
	box-shadow: none;
	padding: 0;
	transition: all .5s;
}
.homebox-about-link::before{
	content: '';
	position: absolute;
	left: .75rem;
	right: .75rem;
	top: .75rem;
	bottom: -.75rem;
	display: block;
	z-index: 1;
	transition: all .5s;
	background: rgb(73, 156, 250);
	opacity: 0.2;
}
.homebox-about-link > span{
	width: 100%; height: 100%;
	position: relative;
	z-index: 2;
	padding: 1rem;
	transition: all .5s;
	align-items: center;
}
.homebox-about-link i[class^=fa-]{
	flex: 0 0 auto;
	font-size: 31px;
	margin-right: 1rem;
	transition: all .5s;
}
.homebox-about-link-download::before,
.homebox-about-link-download > span{
	background-color: rgb(73, 156, 250);
	color: #fff;
}
.homebox-about-link-faqs::before,
.homebox-about-link-faqs > span{
	background-color: rgb(0, 91, 193);
	color: #fff;
}
.homebox-about-link-video::before,
.homebox-about-link-video > span{
	background-color: rgb(54, 54, 54);
	color: #fff;
}
.homebox-about-link-video i[class^=fa-]{
	color: #f00;
}
.homebox-about-link:hover{
	box-shadow: none;
}
.homebox-about-link:hover > span{
	transform: translate3d(0,-3px,0);
}
.homebox-about-link:hover::before{
	bottom: -.9rem;
}
.homebox-about-link:hover i[class^=fa-]{
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	transform: rotateY(180deg);
}
/*******************************/
.boxhome-blog-wrapper{
	padding-top: 4rem;
	padding-bottom: 1rem;
	background-color: rgb(247, 247, 247);
}

/************************************************
************************************************/
body.page-contact{
	background-color: #fff;
}
body.page-contact .footer-contactbox{
	display: none !important;
	pointer-events: none;
}
body.page-contact .footer-mapbox{
	width: 100%;
}
body.page-contact .footer-mapbox > iframe{
	height: 425px;
}
.pagecontact-container{
	margin-bottom: 5rem;
}
/*******************************/
.pagecontact-boxinfo{

}
.pagecontact-boxform{
	padding-left: 5rem;
}
.pagecontact-boxform .freg_contact{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	padding: 3rem 2.5rem;
}
.pagecontact-boxform .freg_contact_formwrapper{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.25rem;
}
.pagecontact-boxform .freg_contact_formwrapper > .col-12{
	width: 100%;
}
.pagecontact-boxform .freg_contact .freg_contact_header_title{
	color: var( --color-main);
	margin-bottom: .5rem;
	padding-bottom: .65rem;
}
.pagecontact-boxform .freg_contact .freg_contact_header_title::before{
	background-color: var( --color-main);
}
.pagecontact-boxform .freg_contact_header{
	margin-bottom: 1.5rem;
}
/*******************************/
.contact-info{
	padding-right: 3rem;
}
.contact-info .dcontent{
	font-size: 15px; line-height: 28px;
}
.contact-info .dcontent p{
	margin-bottom: 10px;
}
.contact-info-item{
	margin-bottom: .75rem;
}
.contact-info-item b{
	display: block; clear: both;
	text-transform: capitalize;
	font-size: 14px; line-height: 22px;
	letter-spacing: 1px;
	font-family: var( --ftitle);
}
.contact-info-item a{
	font-weight: normal;
	color: var( --color);
	letter-spacing: .75px;
}

/*******************/
.fcontact{
	padding-top: 1.5rem;
	margin-bottom: 3rem;
}
.freg_contact label{
	text-transform: capitalize; display: block;
	font-family: var( --ftitle); font-weight: 600;
	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: 16px;
}
.freg_contact textarea.form-control{
	height: 90px;
}
.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-main); color: #FFF;
}
.freg_contact .freg_error{
	color: var( --bs-danger);
	font-size: 13px; line-height: 18px;
	display: none; clear: both;
	padding-top: 5px;
	margin: 0;
}
.freg_contact__message{
	max-width: 720px; margin: auto;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	color: #000;
	margin-top: 1.5rem; margin-bottom: .5rem;
}
.fcontact .freg_contact__message{
	background-color: #d1e7dd;
	position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid #badbcc;
    border-radius: 0.25rem;
}
/******************************
******************************
******************************/
body.page-about #footer{
	margin-top: 3rem;
}
.home--title--about{
	margin-bottom: .75rem;
}
.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-text{
	font-size: 16px; line-height: 28px;
}
/******************************/
.aboutthread-title{
	font-size: 29px;
	color: var( --color-main);
	margin-bottom: .75rem;
}
.aboutthread-boxitem-main .serviceitem-lg-title{
	padding-bottom: .75rem;
	margin-bottom: 1.75rem;
}
.aboutthread-boxitem-main{
	padding-top: 2rem; padding-bottom: 1rem;
}
.aboutthread-boxitem--right{
	padding-bottom: 3rem;
}
/***************************/
.aboutthread-boxitem--left .aboutthread-boxitem-img{
	order: 1;
}
.aboutthread-boxitem--left .aboutthread-boxitem-main{
	order: 2;
	padding-left: 3.5rem;
}
.aboutthread-boxitem--right .aboutthread-boxitem-img{
	order: 2;
}
.aboutthread-boxitem--right .aboutthread-boxitem-main{
	order: 1;
	padding-right: 3.5rem;
}
/***************************/
.homeabout-icontext-listicon{
	--bs-gutter-x: 2.5rem;
	--bs-gutter-y: 1.5rem
}
.homeabout-icontext-item{
	position: relative;
	display: flex; flex-wrap: nowrap;
	align-items: center;
	padding-top: .75rem; padding-bottom: .75rem;
	min-height: 100%;
}
.homeabout-icontext-item::after{
	position: absolute; right: -.75rem; top: 50%;
	transform: translateY( -50%);
	content: ""; display: block;
	height: 100%; width: 1px;
	background-color: rgba( 255, 255, 255, .8);	
}
.homeabout-icontext-listicon > .col:nth-child(3n) .homeabout-icontext-item::after{
	display: none;
}
.homeabout-icontext-item-img{
	width: 50px; height: 50px;
	object-fit: contain; object-position: center;
}
.homeabout-icontext-item-caption{
	width: calc( 100% - 50px);
	padding-left: 1.25rem;
	font-size: 13px; line-height: 20px;
	color: #fff; font-weight: 300;
}
.homeabout-icontext-item-title{
	font: bold 17px/1.35 var( --ftitle);
	margin: 0 0 0.25rem;
}
/************************************
************************************/
.page-wrapper-left{
	order: 1;
}
.page-wrapper-right{
	padding-left: 2.5rem;
	order: 2;
}
.detail-wrapper{
	background-color: #fff;
	padding: 1.5rem 3rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	margin-bottom: 3rem;
}
/************************************
************************************/
.boxnav{
	box-shadow: 0 .35rem .75rem rgba(0,0,0,.15);
	background-color: #fff;
	border-radius: .175rem;
	overflow: hidden;
}
.boxnav.position-sticky{
	overflow: visible;
	top: 80px; z-index: 1;
}
.boxnav + .boxnav{
	margin-top: 2rem;
}
.boxnav-header{
	position: relative; display: block;
	margin: 0;
	padding: .75rem 1rem;
	font: 600 15px/22px var( --ftitle);
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: var( --color-main);
	color: #fff;
	border-radius: .175rem .175rem 0 0;
}
.boxnav-header::after{
	position: absolute; right: 10px; top: 50%;
    transform: translateY( -50%);
    font-size: 15px; width: 15px; height: 15px;
    line-height: 15px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f067";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #fff
  }
  .boxnav-header:not(.collapsed)::after{
    content: "\f068";
  }
.boxnav-list{
	--bs-list-group-border-radius: 0;
	--bs-list-group-item-padding-y: .8rem;
	--bs-list-group-active-color: var( --color-main);
	--bs-list-group-active-bg: #fff;
}
.boxnav-list-link{
	border: none;
	font-size: 14px; font-weight: 600;
	letter-spacing: .5px;
}
.boxnav-list .boxnav-list-link:not( :last-child){
	border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.boxnav-list .list-group-item + .list-group-item.active{
	margin-top: 0;
}
.boxnav-list .boxnav-list-link.active{
	font-weight: bold;
	background-color: rgba(210, 210, 210, 0.35);
}
.boxnav-list .boxnav-list-link:hover{
	color: var( --color-main);
}
/****************/
.boxnav + .boxnav .boxnav-header{
	background-color: rgb(41, 87, 217);
}
/****************/
#boxnav-product-accordion{
	--bs-accordion-btn-padding-y: 0;
	--bs-accordion-btn-padding-x: 0;
	--bs-accordion-body-padding-x: .5rem;
	--bs-accordion-body-padding-y: .5rem;
	--bs-accordion-active-bg: transparent;
}
#boxnav-product-accordion .accordion-header{
	display: flex;
	flex-wrap: nowrap;
}
#boxnav-product-accordion .accordion-title{
	flex: 1 0 0;
	padding: .5rem 1rem ;
	color: var( --color);
	display: flex; align-items: center;
	font-weight: 600;
	line-height: 20px;
}
.accordion-title-img{
	flex: 0 0 auto;
	width: 46px; height: auto;
	object-fit: contain; object-position: center;
	margin-right: .5rem;
}
.accordion-title-text{
	flex: 1 0 0;
}
#boxnav-product-accordion .accordion-title:hover{
	color: var( --color-main);
}
#boxnav-product-accordion .accordion-title.active{
	color: var( --color-main);
}

#boxnav-product-accordion .accordion-button{
	flex: 0 0 auto;
	width: 50px;
	text-align: center;
	border: none;
}
#boxnav-product-accordion .accordion-button:focus{
	border: none;
	box-shadow: none;
	background-color: none;
}
#boxnav-product-accordion .accordion-button::after{
	margin-left: auto; margin-right: auto;
}
#boxnav-product-accordion .accordion-body{
	padding-top: 0;
}
.boxnav-product-accordion-list{
	--bs-list-group-bg: transparent;
	--bs-list-group-border-color: #fff;
	background-color: rgb(247, 247, 247);
}
.boxnav-product-list-link{
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	font-weight: 400;
}
.boxnav-product-list-link:hover{
	transform: translateX( 8px);
	display: inline-block;
}
/************************************
************************************/
.bloglist-wrapper{
	--bs-gutter-x: 2rem;
	--bs-gutter-y: 2rem;
}
.bloglist-item{
	min-height: 100%;
	display: flex; flex-direction: column;
}
.bloglist-item > *{
	flex: 0 0 auto;
	width: 100%;
}
.bloglist-item a{
	color: var( --color);
}
.blogitem__img,
.blogitem__des{
	width: 100%;
}
.blogitem__img img{
	width: 100%;
	aspect-ratio: 5/3;
	object-fit: cover; object-position: center;
}
.blogitem__des{
	position: relative;
	padding: .85rem 2rem 1.5rem;
	font-size: 15px; line-height: 26px;
	color: #222;
}
.blogitem__des::before{
	position: absolute; left: 2rem; top: 0%; z-index: 1;
	content: ""; display: block;
	width: 42px; height: 5px;
	background-color: var( --color-main)
}
.blogitem__title{
	--line-clamp: 2;
	--line-height: 30px;
	position: relative; display: block;
	margin: 0 0 .75rem; padding: 0 0;
	font: bold 20px/var( --line-height ) var( --ftitle);
}
.bloglist-item a:hover{
	color: var( --color-red);
}
.blogitem__readmore{
	padding: .5rem 2rem 1.5rem;
}
.blogitem__readmore_btn{
	display: inline-block;
	padding: .325rem .75rem .45rem;
	padding-left: 0;
	color: var( --color-main);
	border-radius: .15rem;
	font: 400 13px/20px var( --ftitle);
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.bloglist-item:hover .blogitem__readmore_btn,
.blogitem__readmore > a:hover{
	color: #fff;
	padding-left: .75rem;
}
.bloglist-item:hover .blogitem__readmore_btn::before{
	transform: translateX(0);
}
/*************************************
*************************************/
.bloglist-wrapper--hor .bloglist-item{
	margin-bottom: 1.75rem;
	flex-direction: row;
}
.bloglist-wrapper--hor .blogitem__img{
	flex: 0 0 auto;
	width: 350px;
}
.bloglist-wrapper--hor .blogitem__img *{
	height: 100%;
	object-fit: cover; object-position: center;
}
.bloglist-wrapper--hor .blogitem__des{
	flex: 1 0 0;
	width: auto;
	padding-top: 1.25rem; padding-bottom: 1.5rem;
}
.bloglist-wrapper--hor .blogitem__text{
	margin-bottom: 1.5rem;
}
.bloglist-wrapper--hor .blogitem__readmore{
	margin: auto 0 0;
	padding: 0;
}
.bloglist-wrapper--hor .blogitem__readmore_btn{
	padding-left: .75rem;
	border: 1px solid var( --color-main);
	color: var( --color-main);
	font-size: 12px;
	padding: .35rem 1.5rem;
	text-align: center;
}
.bloglist-item:hover .blogitem__readmore_btn::before{
	transform: translateX( -100%);
}
.bloglist-wrapper--hor .bloglist-item:hover .blogitem__readmore_btn, 
.bloglist-wrapper--hor .blogitem__readmore > a:hover{
	padding-left: 1.5rem;
	color: var( --color-main);
}
.bloglist-wrapper--hor .blogitem__readmore_btn:hover{
	color: #fff !important;
}
.bloglist-wrapper--hor .blogitem__readmore_btn:hover::before{
	transform: translateX(0);
}
/*************************************
*************************************/
.bloglist-wrapper-other--hor{

}
.bloglist-wrapper--hor .bloglist-item{
	margin-bottom: 1.25rem;
}
.bloglist-wrapper-other--hor .blogitem__img{
	width: 180px;
}
.bloglist-wrapper-other--hor .blogitem__des{
	padding: 1rem 1rem 1.35rem;
}
.bloglist-wrapper-other--hor .blogitem__des::before{
	left: 1rem;
	height: 3px;
}
.bloglist-wrapper-other--hor .blogitem__readmore{
	display: none;
}
.bloglist-wrapper-other--hor .blogitem__text{
	--line-clamp: 3;
	margin-bottom: 0;
}
.bloglist-wrapper-other--hor .blogitem__title{
	font-size: 18px;
	margin-bottom: .25rem;
}
/*************************************
*************************************/
.postdetail__title{
	margin: 0 0 1rem; padding: 0;
	font: bold 25px/1.35 var( --ftitle);
	letter-spacing: .5px;
	color: var( --color-main);
}
.postdetail__title.border-bottom{
	--bs-border-color: var( --color-main);
	padding-bottom: .75rem;
	margin-bottom: 1.5rem;
}
/****************************************************
****************************************************
****************************************************/
.prolist-wrapper{
	--bs-gutter-x: 1.75rem;
	--bs-gutter-y: 1.75rem;
	margin-bottom: 3rem;
}
.proitem__boxmain{
	position: relative;
	height: 100%;
}
.proitem__box{
	display: block;
	background-color: #fff;
	border: 1px solid #DDD;
	min-height: 100%;
	color: #000;
	transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.proitem__box::after,
.proitem__box::before{
	position: absolute; z-index: 1;
	content: ""; display: block;
	transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear;
}
.proitem__box::before{
	border-left: 1px solid var( --color-main);
	border-right: 1px solid var( --color-main);
	left: 0; right: 0; top: 50%;
	transform: translateY( -50%); 
	height: 0;
}
.proitem__box::after{
	border-top: 1px solid var( --color-main);
	border-bottom: 1px solid var( --color-main);
	left: 50%; top: 0; bottom: -1px;
	transform: translate( -50%, -1px ); 
	width: 0;
}
.proitem__box:hover::after{
	width: 100%;
}
.proitem__box:hover::before{
	height: 100%;
}
.proitem__boximg{
	padding: 0;
	position: relative;
}
.proitem__img{
	aspect-ratio: 1 / 1;
	display: block;
	width: 100%;
	object-fit: contain; object-position: center;
}
.proitem__box:hover .proitem__img{
	transform: scale(1.035);
}
.pro__price_percent{
	position: absolute; left: .75rem; top: .75rem; z-index: 1;
	background-color: rgba(0, 89, 183, 0.8); color: #fff;
	border-radius: .15rem;
	font: bold 12px/1.2 var( --ftitle);
	letter-spacing: 1px;
	padding: .35rem .55rem .32rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	text-align: center;
}
.proitem__caption{
	position: relative;
	padding: 1rem 1rem;
	text-align: center;
}
.proitem__caption::before{
	position: absolute; left: .75rem; right: .75rem; top: .75rem;
	bottom: .75rem; z-index: 1;
	content: ""; display: block;
	background-color: #f2f2f2;
	transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
}
.proitem__caption > *{
	position: relative; z-index: 2;
}
.proitem__title{
	--line-height: 26px;
	margin: 0 0 .75rem; padding: 0;
	font: 600 17px/var( --line-height ) var( --ftitle);
	min-height: calc( var( --line-height, 20px ) * var( --line-clamp ) );
}
.proitem__info{
	--line-height: 22px;
	margin: 0 0 .5rem;
	font-size: 13px;
}
.proitem__code{
	display: none;
}
.proitem__price{
	margin: 0 0 .25rem;
	font-size: 15px; font-weight: bold;
	line-height: 20px;
	color: var( --color-main);
	font-family: var( --ftitle);
	letter-spacing: 1px;
	text-transform: capitalize;
	transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.pro__price_sale{
	color: #555;
	font-weight: normal;
	margin-left: .5rem;
	display: inline-block;
}
.proitem__price_label{
	display: inline-block;
	margin-right: .35rem;
	color: var( --color);
}
.proitem__readmore{
	margin: 0;
	background-color: var( --color-main);
	text-align: center;
	position: absolute; left: -1px; right: -1px; top: calc( 100% - 0px );
	z-index: 9;
	display: block;
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
	transition-delay: 0s;
}
.proitem__readmore_btn{
	border-top: 1px solid rgba( 255, 255, 255, .6);
	display: block;
	width: 100%;
	padding: .55rem .5rem;
	font-size: 12px; line-height: 20px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: var( --ftitle);
	letter-spacing: 1px;
	color: #fff;
}
/****************************/
.proitem__box:hover{
	color: #fff;
	box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
	border-color: transparent;
}
.proitem__box:hover .proitem__price{
	color: #fff;
}
.proitem__box:hover .proitem__caption::before{
	background-color: var(--color-main);
	left: 0; top: 0; right: 0; bottom: 0;
}
.proitem__box:hover .proitem__readmore{
	max-height: 60px;
	transition-delay: .25s;
}
/****************************/
.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;
}
/****************************/
.prolist-wrapper-sm{
	--bs-gutter-x: 1.25rem;
	--bs-gutter-y: 1.25rem;
}
.prolist-wrapper-sm .proitem__box{
	padding: .35rem;
	overflow: hidden;
}
.prolist-wrapper-sm .proitem__caption{
	padding: .75rem .5rem .75rem;
}
.prolist-wrapper-sm .proitem__caption::before{
	left: 0; top: .35rem; right: 0; bottom: -.25rem;
	display: none;
}
.prolist-wrapper-sm .proitem__title{
	--line-height: 22px;
	font-size: 15px;
	margin-bottom: .35rem;
}
.prolist-wrapper-sm .proitem__info{
	--line-height: 20px;
	font-size: 13px;
	margin-bottom: 1rem;
	color: rgb(128, 128, 128);
}
.prolist-wrapper-sm .proitem__price{
	font-size: 16px;
}
.prolist-wrapper-sm .proitem__box:hover .proitem__price{
	color: var( --color-main);
}
.prolist-wrapper-sm .proitem__box:hover .proitem__caption::before{
	left: -.35rem;
	top: 0rem;
	right: -.35rem;
	bottom: -.65rem;
}
.prolist-wrapper-sm .proitem__readmore{
	display: none;
}
.prolist-wrapper-sm .proitem__code{
	display: block;
	margin-bottom: .5rem;
}
.proitem__code_label{
	display: inline-block;
	background-color: rgb(229, 229, 229);
	border: 1px solid rgb(229, 229, 229);
	color: #000;
	padding: .4rem .55rem;
	border-radius: 28px; overflow: hidden;
	text-align: center;
	font: bold 13px/18px var( --ftitle);
	letter-spacing: .75px;
	min-width: 100px;
}
.prolist-wrapper-sm .proitem__box:hover{
	color: var( --color-main);
}
/*************************************
*************************************/
.prolist-wrapper.style-list > *{
	width: 100%;
}
.prolist-wrapper.style-list .proitem__box{
	display: flex; flex-wrap: nowrap;
	align-items: center;
}
.prolist-wrapper.style-list .proitem__boximg{
	flex: 0 0 auto;
	width: 260px;
}
.prolist-wrapper.style-list .proitem__caption{
	flex: 1 0 0;
	padding: 1.25rem 1.5rem 1.25rem;
	text-align: left;
}
.prolist-wrapper.style-list .proitem__title{
	--line-height: 28px;
	font-size: 21px;
	margin-bottom: 1rem;
	min-height: 0;
}
.prolist-wrapper.style-list .proitem__info{
	--line-height: 26px;
	font-size: 14px;
	color: var( --color);
	margin-bottom: 1.5rem;
}
.prolist-wrapper.style-list .proitem__price{
	font-size: 20px;
	margin-bottom: 1.5rem;
	color: var( --color-red);
}
.prolist-wrapper.style-list .proitem__box:hover .proitem__price{
	color: var( --color-red);
}
.prolist-wrapper.style-list .proitem__readmore{
	display: block;
	position: relative;
	left: 0; right: 0; top: 0;
	max-height: none;
	background: none;
	text-align: left;
	margin-top: auto;
}
.prolist-wrapper.style-list .proitem__readmore_btn{
	display: inline-block;
	width: auto;
	background-color: #fff;
	color: var( --color-main);
	border: 1px solid var( --color-main);
	padding: .35rem 1.25rem;
}
/*************************************
*************************************/
.prolist-wrapper--col5{
	--bs-gutter-x: .75rem;
	--bs-gutter-y: .75rem;
}
.prolist-wrapper--col5 .proitem__box{
	padding: .25rem;
}
/*************************************
*************************************/
.proheader-wrapper{
	margin-bottom: 1.5rem;
}
.proheader-title{
	margin: 0 0 .65rem;
	padding: 0;
	font: 600 25px/30px var( --ftitle);
}
.proheader-text{
	font-size: 14px; line-height: 24px;
	font-weight: 400;
	color: #333;
	margin-bottom: .5rem;
}
/*************************************
*************************************/
.profilter-wrapper{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	background-color: #fff;
	border: 1px solid #CCC;
	padding: 0rem 0rem;
	margin-bottom: 1.5rem;
	border-radius: .25rem;
	overflow: hidden;
	font-size: 13px;
	font-weight: 400;
}
.profilter-btn-style{
	font-size: 17px; line-height: 24px;
	border: none;
	border-radius: 0;
	min-width: 44px;
}
.profilter-btn-style:hover{
	color: var( --color-main);
}
.profilter-btn-style.active{
	background-color: var( --color-main);
	color: #fff;
}
/*************************************
*************************************/
.boxhome-prolist{
	--bs-gutter-y: 3.5rem
}
/***************************************************
***************************************************/
body.prodetail #footer .footer-contactbox{
	display: none !important;
}
body.prodetail .footer-mapbox{
	width: 100%;
}
/********************************/
.prodetail__overview{
	--bs-gutter-x: 2rem;
	margin-bottom: 2.5rem;
	padding: 3rem 2rem;
	background-color: #fff;
}
.prodetail__overview_img{
	padding-right: 3rem;
}
.page-wrapper-right--prodetail{
	padding-right: 2.5rem;
	padding-left: calc(var(--bs-gutter-x) * .5);
}
/*********************/
.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;
	aspect-ratio: 1/1;
	width: 100%; min-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;
	padding: 0;
	margin: 0; opacity: 1;
	overflow:hidden;
	background-color: rgba(0, 89, 183, 0.8);
	color: #fff;
	font-size: 16px;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#prodimg_carousel .owl-prev{
	left: 0;
}
#prodimg_carousel .owl-next{
	right: 0
}
#prodimg_carousel .owl-prev:hover,
#prodimg_carousel .owl-next:hover{
	background-color:  var( --color-main);
	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: 1rem;
	color: var( --color-main);
	font-size: 21px; line-height: 1.35;
}
.prodetail__price{
	margin-bottom: 1rem;
	text-transform: capitalize;
	font: bold 19px/20px var( --ftitle);
	color: var( --color-red);
	letter-spacing: 1px;
	display: flex; flex-wrap: nowrap;
	align-items: center; 
	vertical-align: middle;
}
.prodetail__quote{
	font: 400 14px/28px var( --fdefault);
	margin-bottom: 0rem;
}
.prodetail__tinhtrang{
	display: flex;
	width: 100%; align-items: center;
	margin-bottom: .65rem;
}
.prodetail__tinhtrang_label{
	flex: 0 0 auto;
	width: 120px;
	color: var( --color);
	font: 500 14px/24px var( --fdefault);
	letter-spacing: 0;
}
.prodetail__tinhtrang_text{
	flex: 1 0 0;
	padding-left: .75rem;
}
.tinhtrang__instock .prodetail__tinhtrang_text{
	color: var( --bs-primary);
}
.tinhtrang__outstock .prodetail__tinhtrang_text{
	color: var( --bs-danger);
}
/*********************/
.prodetail-contact-btn{
	position: relative;
	display: inline-block;
	font: 600 16px/22px var( --ftitle);
	letter-spacing: .5px;
	border-radius: 6px;
	padding: .35rem 1.5rem;
	transition: all 0.35s ease; -moz-transition: all 0.35s ease; -webkit-transition: all 0.35s ease;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	text-transform: capitalize;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.prodetail-contact-btn b{
	font-size: 13px;
}
.prodetail-contact-btn--hotline{
	background-color: var( --color-main);
	color: #fff !important;
	padding-left: 70px;
}
.prodetail-contact-btn--hotline:hover{
	background-color: var( --color-main-bold);
}
.prodetail-contact-btn--hotline::before{
	position: absolute; left: 1.25rem; top: 50%; z-index: 1;
	transform: translateY(-50%);
	width: 50px;
	display: inline-block;
	font-size: 33px;
	font-family:"Font Awesome 6 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	content: "\f2a0";
}
/*********************/
@keyframes move{
	0%{left:0;opacity:0}
	5%{opacity:.0}
	48%{opacity:.2}
	80%{opacity:.0}
	100%{left:82%}
}
.prodetail-contact-btn::after {
	position: absolute;
	content: '';
	opacity: 0;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);
	width: 30%;
	height: 100%;
	transform: skew(-10deg,0deg);
	animation: move 2s;
	animation-iteration-count: infinite;
	animation-delay: 1s;
	border-radius: 0;
	border: none;
}
/****************************/
.prodetail-other-wrapper,
.prodetail-content-wrapper{
	padding-top: 3rem;
	padding-bottom: 5rem;
	border-top: 1px solid #ccc;
}
#prodetail-content-tab{
	--bs-nav-link-padding-y: .55rem;
	--bs-nav-link-padding-x: 1.25rem;
	--bs-nav-pills-border-radius: 0;
	border: 1px solid #ccc;
	border-radius: 0rem;
	overflow: hidden;
	margin-bottom: 1.5rem;
}
.prodetail-content-tablink{
	font: 600 13px/24px var( --fdefault);
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var( --color);
	border: none;
}
.prodetail-content-tablink:hover{
	color: var( --color-main);
}
/****************************/
.prodetail-content-tablabel{
	background-color: var( --color-main);
	color: #fff;
	padding: .5rem .75rem;
	border-radius: .175rem;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: .75rem;
	display: none;
}
/****************************/
.page-wrapper-left--prodetail .freg_contact{
	position: sticky;
	top: 80px;
}
.page-wrapper-left--prodetail .freg_contact_formwrapper > *{
	width: 100%;
}
.page-wrapper-left--prodetail .freg_contact_header{
	padding: 1.5rem 1.5rem 1.5rem;
	font-weight: 300;
}
.page-wrapper-left--prodetail .freg_contact_header_title{
	font-size: 21px;
	padding-bottom: .5rem;
	margin-bottom: .75rem;
}
.page-wrapper-left--prodetail .freg_contact_formwrapper{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
/*******************************/
.prodetail-other-wrapper{
	padding-bottom: 0;
}

/***************************
*******************************/
.modal{
	--bs-modal-zindex: 3555;
}
.modal-backdrop{
	--bs-backdrop-zindex: 3550;
}
.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: 600; text-transform: capitalize;
		font-size: 13px;
		display: block;
		margin-bottom: 0;
}
.mymodal form button{
	font-size: 15px; font-weight: 600;
	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)
}
/********************************************
********************************************/
.videolist-wrapper{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.75rem;
	margin-bottom: 3rem;
}
.videoitem-boxitem{
	height: 100%;
	color: var( --color);
	background-color: var( --bs-white);
	border-radius: .375rem; overflow: hidden;
}
.videoitem-boxitem img{
	width: 100%;
	aspect-ratio: 5/3;
	object-fit: cover; object-position: left top;
	border-radius: .25rem; overflow: hidden;
}
.videoitem-title{
	--line-height: 28px;
	margin: 0; padding: 0;
	font: 500 16px/var( --line-height ) var( --ftitle);
	text-transform: uppercase;
}
.videoitem-caption{
	padding: .85rem 1rem 1.25rem;
	text-align: center;
}
.videoitem-boxitem .picture-box{
	position: relative;
	display: block;
}
.videoitem-boxitem .picture-box::before{
	position: absolute; left: 0%; top: 0%; z-index: 1;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, .125);
	display: flex; 
	justify-content: center; align-items: center;
	color: rgba( 255, 255, 255, .85);
	font-family:"Font Awesome 6 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	content: "\f04b";
	font-size: 37px;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.videoitem-boxitem .picture-box::after{
	position: absolute; left: 50%; top: 50%; z-index: 1;
	transform: translate( -50%, -50%);
	width: 70px; height: 70px; 
	border: 2px solid #fff;
	border-radius: 50%; overflow: hidden;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	content: "";
	opacity: 0;
}
.videoitem-boxitem:hover{
	color: var( --color-main);
}
.videoitem-boxitem:hover .picture-box::before{
	color: #fff;
}
.videoitem-boxitem:hover .picture-box::after{
	animation:squares 1s linear 0s infinite;
}

/*******************/
.videolist-wrapper--col-4{
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
}
.videolist-wrapper--col-4 .videoitem-title{
	--line-height: 24px;
	font-size: 13px;
}
.videolist-wrapper--col-4 .videoitem-caption{
	padding: .75rem .75rem 1rem;
}
/*******************/
.videoplugin-wrapper{
	margin-bottom: 1.5rem;
}
/********************************************
********************************************/
#accordionFaqs .accordion-faqsitem{
	margin-bottom: 1.25rem;
	border-radius: 28px;
	overflow: hidden;
	border: 1px solid var(--bs-accordion-border-color);
}
#accordionFaqs .accordion-faqsitem-button{
	padding: .75rem 1rem;
	font-weight: 600;
}
#accordionFaqs .accordion-faqsitem-button > span{
	padding: .35rem .5rem;
}
#accordionFaqs .accordion-faqsitem-button:not(.collapsed),
#accordionFaqs .accordion-faqsitem-button:focus{
	box-shadow: none;
	background-color: var( --color-main);
	color: #fff;
	border-radius: 28px;
}
#accordionFaqs .accordion-faqsitem-button::after{
	order: 1;
	background-color: #fff;
	margin-left: 0;
	height: 32px; width: 32px;
	text-align: center;
	background-position: center;
	border-radius: 50%;
	overflow: hidden;
}
/********************************************
********************************************/
.downloadlist-wrapper{
	margin: 0 0 3rem; padding: 0; list-style: none;
}
.downloadlist-item{
	margin: 0 0 .75rem; padding: .5rem .35rem .5rem .5rem;
	list-style: none;
	border: 1px solid #ddd;
	border-radius: 28px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	background-color: #fff;
	transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
}
.downloadlist-boxitem{
	display: flex;
	align-items: center;
	width: 100%;
	padding: .25rem 1rem;
	color: var( --color);
}
.downloadlist-item-title{
	flex: 1 0 0;
	padding-right: 1.5rem;
	font-weight: 600;
	font-size: 15px; line-height: 26px;
	transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
	text-transform: capitalize;
}
.downloadlist-item-title > i{
	display: inline-block;
	width: 25px;
	color: var( --color-main);
	font-size: 18px;
	transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
}
.downloadlist-item-download{
	flex: 0 0 auto;
	width: 50px;
	text-align: center;
	margin-left: auto;
	font-size: 25px;
	color: rgba( 0, 0, 0, .35);
	transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
}
.downloadlist-item:hover{
	background-color: var( --color-main);
	color: #fff;
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.15);
}
.downloadlist-item:hover .downloadlist-item-download,
.downloadlist-item:hover .downloadlist-item-title > i,
.downloadlist-item:hover .downloadlist-item-title{
	color: #fff;
}
/********************************************
********************************************/
/********************************************
********************************************/
.policylist-wrapper .blogitem__des{
	padding: 1.5rem 2rem
}
.policylist-wrapper .blogitem__des::before{
	height: 5px;
	left: 2rem;
}
.policylist-wrapper .blogitem__title{
	font-size: 19px;
	margin-bottom: .75rem;
}
.policyother-wrapper .policylist-wrapper .blogitem__des{
	padding-left: 3rem; padding-right: 3rem;
}
.policyother-wrapper .policylist-wrapper .blogitem__des::before{
	left: 3rem;
}
/********************************************
********************************************/