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

/*********/
:root{
	
	--color: #133921;
	--color-main: #7b4b3a;
	--color-hover: #7b4b3a;
	--color-title: #133921;

	--btn-hover-bg: #133921;
	--btn-hover-color: #FFF;

	--fdefault: 'Andika', sans-serif;
	--ftitle: 'Andika', sans-serif;
	/* --ftitle: 'Montserrat Arabic', sans-serif; */

	--body-bg: #F8F8F8;
	--bg-box: #fdf4f1;
	--color-box: #271D1D;
	--bg-gradient: linear-gradient(90deg, #a8e4e7 0%, rgba(92,189,194,1) 50%, #a8e4e7 100%);
	/************/

	--radius: 1rem;
}
body.pagelang-jp{
	--fdefault: 'Noto Sans JP', sans-serif;
	--ftitle: 'Noto Sans JP', sans-serif;
}
html{
	overflow-x:hidden;
	overscroll-behavior-y: none;
	-webkit-overflow-scrolling: none;
	-moz-overflow-scrolling: none;
}
body{
	position:relative;
	font: 16px/26px var( --fdefault); 
	color: var( --color );
	width:100%;	background-color: var( --body-bg );
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
body.modal-open,
body.modal-fixed{
	overflow: hidden; position: fixed;
	width: 100vw;
}
[type=button], [type=reset], [type=submit], button{
	-webkit-appearance: none;
}
/******************/
img{
	width: auto; height: auto;
	object-fit: contain; object-position: center top;
}
b, strong{
	font-weight: 700;
}
.modal {
    --bs-modal-zindex: 2055;
}
.modal-backdrop{
	--bs-backdrop-zindex: 2050;
}
/*********************************/  
.bg-main{	background-color: var( --color-main) !important;
}
.bg-black{	background-color: var( --color-black) !important;
}
.text-main{	color: var( --color-main) !important;
}
/*********************************/  
.hr{
	border-color: var( --color);
	border-width: 3px;
	opacity: 1;
	margin-bottom: 5rem;
	margin-top: 0;
}
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
}
/************/
.bold,
.f-bold{
	font-weight: bold;
}
.b-500,
.f-500,
.f-medium{
	font-weight: 500;
}
.f-title{
	font-family: var( --ftitle);
}
.f-title-bold{
	font-family: var( --ftitle);
	font-weight: bold;
}
b, strong{
	font-weight:bold;
}
/************/
.fs12{
	font-size: 12px !important;
}
.fs13{
	font-size: 13px !important;
}
.fs15{
	font-size: 15px !important;
}
.fs17{
	font-size: 17px !important;
}
.fs19{
	font-size: 19px !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) !important;
}
.line-limit--3{
	--line-clamp: 3;
}
.line-limit--4{
	--line-clamp: 4;
}
.line-limit--5{
	--line-clamp: 5;
}
.line-limit--6{
	--line-clamp: 6;
}
/************/
.f-default{
	font-family: var( --fdefault);
}
.f-title{
	font-family: var( --ftitle);
	font-weight: 700;
}
.text-cap{
	text-transform: capitalize !important;
}
.text-upp{
	text-transform:uppercase !important;
}
.transition{
	transition:all 0.3s ease-in-out;	-moz-transition:all 0.3s ease-in-out;	-webkit-transition:all 0.3s ease-in-out;
}
.trans_dis{
	transition:none; -moz-transition:none; -webkit-transition:none;
}
.img-hover .img-hover-active{
	transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s;
}
.img-hover:hover .img-hover-active{
	transform:scale(1.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: 500 !important;
}
.bold{
	font-weight:700 !important;
}
/**********************/
.alert > p{
	margin-bottom: .25rem;
}
.alert > p:last-child{
	margin-bottom: 0;
}
/*********************************/  
#pagination{
	text-align: center;
	margin-top: 0;
	margin-bottom: 4rem;
}
#pagination > *{
	background-color: #fff;
}
#pagination .btn-danger,
#pagination .btn-outline-dark{
	background: #fff;
	margin: 0 7px; padding: .5rem .25rem .5rem;
	min-width: 40px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	border-color: #CCC;
	color: var( --color);
	font-weight: normal;
	font-size: 16px; line-height: 1.2;
	letter-spacing: 1px;
}
#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) !important;
	font-weight: 700;
	color: #fff;
}
/**********************/
#button-share{
	margin:1.5rem 0 1rem; padding: .7rem 0rem .75rem;
	text-align:left;
	background: #f9f9f9;
	border: 1px solid #e9e9e9;
	border-radius: .25rem;
}
#button-share .header{
	font-size:13px; font-weight:700; 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:700; 
	position:relative; margin-left: 1.15rem;
	display:inline-block; 
	padding-right:10px; background:#de4501;
	line-height:23px;
}
#button-share a:last-child .share-item{
	margin-right:0;
}
#button-share .share-item b{
	font-weight:700;
}
#button-share .share-item i{
	background:#FFF; display:inline-block; padding:6px 10px 8px 7px;
	margin:0 10px 0 0; color:#373c43;
	text-align:center; color:#5d72a4; width:28px; font-size:12px;
	transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
#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;
	transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
#button-share > a:hover{
	border-bottom: none;
}
#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:#5d72a4;
}
.color-fb,
#button-share .share-fb i{
	color:#5d72a4;
}
.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-link,
#button-share .share-link{
	background:#2f70b0;
}
.color-link,
#button-share .share-link i{
	color:#2f70b0;
}
.bg-youtube{
	background: #F00;
}
.color-youtube{
	color: #F00;
}
.bg-instagram,
#button-share .share-instagram{
	background:rgb(38, 38, 38);
}
/****************************/
#btn-scrolltop{
	position: fixed; right: 1.5rem; bottom: 5.5rem; 
	z-index: 100;
	border: none; background: none;
	padding: 0; margin: 0;
	text-align: left; width: auto;
	display: inline-block;
}
#btn-scrolltop img{
	display: inline-block;
	width:auto; height:38px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none;
}
/****************************/
.fixedpage-wrapper{
	position: fixed; right: .5rem; bottom: 3rem; 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: .5rem;
	font-size: 10px; font-weight: normal;
	line-height: 1.2;
}
.fixedpage-link{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	padding: 0;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.075);
	color: #444;
	transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
.fixedpage-link > .fa-solid,
.fixedpage-link > svg{
	flex: 0 0 auto;
	width: 44px; height: 44px;
}
.fixedpage-link > .fa-solid{
	line-height: 44px;
	font-size: 17px;
	text-align: center;
}
.fixedpage-link > span{
	flex: 1 0 0%;
	padding-left: .35rem;
}
.fixedpage-link small{
	display: block;
}
.fixedpage-link b{
	display: block;
	margin-bottom: .25rem;
	font-family: var( --ftitle);
	font-weight: bold;
	font-size: 12px;
	letter-spacing: .5px;
	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-hover);
}
.fixedpage-link:hover b{
	color: var( --color-hover);
}
.fixedpage-item--email a{
	background-color: var( --color );
	color: #fff;
}
.fixedpage-item--hotline a{
	background-color: #339901;
	color: #fff;
}
.fixedpage-item--hotline svg{
	transform: translate( 2px, 1px);
}

.fixedpage-item--fb a{
	border: 1px solid var( --color);
	border-radius: 50%;
	overflow: hidden;
}
/*************/
.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:1px 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:var( --color-main)}.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:var( --color-main);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}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{
	max-height: 90vh;
	max-width: 100vw;
}
/********************/
.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";
}
/**********************/
/*************/
.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; display: flex;}.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; flex: 0 0 auto }.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: 13px; height: 13px;
	background: var( --color-main);
	opacity: .65;
	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%;
	box-shadow: 0 .5rem 1rem rgba(var(--bs-body-color-rgb),.15);
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
	background: var( --color-main);
	opacity: 1;
}
.owl-theme .owl-dots .owl-dot.active span{
	width: 42px;
	border-radius: 16px;
}
/************************/
.owl_btn__arrow .owl-nav{
}
.owl_btn__arrow  .owl-nav .owl-prev, 
.owl_btn__arrow  .owl-nav .owl-next{
	position: absolute; top: 50%; z-index: 1; 
	transform: translateY( -100%);
	padding: 0; margin: 0;
	background-repeat: no-repeat; background-position: center;
	background-size: auto 8px;
	width: 38px; height: 38px;
	background-color: var( --color-main);
	border: none;
	border-radius: .35rem;
	font-size: 17px;
	line-height: 36px;
	overflow: hidden;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	box-sizing: 0 .125rem .25rem rgba(0,0,0,.075);
}
.owl_btn__arrow .owl-nav .owl-prev:hover, 
.owl_btn__arrow .owl-nav .owl-next:hover{
	background-color: var( --btn-hover-bg);
	color: var( --btn-hover-color);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.owl_btn__arrow .owl-nav .owl-next{
	right: 2rem; margin-left: auto;
}
.owl_btn__arrow .owl-nav .owl-prev{
	left: 2rem;
}
/*********************************************************************
*********************************************************************/
.bgpage-wrapper{
	position: relative;
	background-color: var( --body-bg);
	margin-bottom: 2.5rem;
	padding-top: 5rem;
	padding-bottom: 2rem;
}
.bgpage-caption{
	max-width: 920px;
	text-align: center;
}
.bgpage-subtitle{
	margin: 0 0 .5rem;
	text-transform: uppercase;
	color: var( --color-box);
	font: 400 16px/1.35 var( --ftitle);
	letter-spacing: .5px;
}
.bgpage-title{
	margin: 0 0 1rem; padding: 0;
	font: bold 55px/1.2 var( --ftitle)
}
.bgpage-text{
	--line-clamp: 6;
	--line-height: 27px;
	font-size: 18px;
	margin-top: 0
}
.bgpage-text p{
	margin-bottom: .5rem;
}
/************************************
**********************************/
.breadcrumb-wrapper{
	--bs-breadcrumb-divider-color: var( --color);
	font-size: 15px; line-height: 20px;
	color: var( --color);
	padding-top: 1rem; padding-bottom: .5rem;
	margin-bottom: 1rem;
}
.breadcrumb-wrapper a{
	color: var( --color);
}
.breadcrumb-wrapper a:hover{
	color: var( --color-hover);
}
.breadcrumb-wrapper .breadcrumb{
	margin-bottom: 0;
}

/************************************
**********************************/
.dcontent,
.dcontent pre{
	font-size: 17px; line-height:30px; font-weight: 300;
	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-main); 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: 700;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;
}
.dcontent b,
.dcontent strong{
	font-weight: 700;
}
.dcontent h1,
.dcontent h2,
.dcontent h3,
.dcontent h4,
.dcontent h5,
.dcontent h6{
	line-height:120%;
	font-weight: 700;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;
}
.dcontent h1{
	font-size:150%;
	line-height: 1.5
}
.dcontent h2{
	font-size:140%; font-weight:700;
	line-height:1.5;
}
.dcontent h3{
	font-size:130%; font-weight:700;
	line-height:1.6;
}
.dcontent h4{
	font-size:120%; font-weight:500;
	line-height:1.5;
}
.dcontent h5{
	font-size:110%; font-weight:500;
	line-height:1.5;
}
.dcontent h6{
	font-size:100%; font-weight:500;
	line-height:1.5;
}
.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 p > img + img{
	margin-top: .75rem;
}
.dcontent table{
	--bs-table-color: #fff;
	--bs-border-color: rgb(147, 142, 142);
	--bs-table-striped-bg: rgba(255, 255, 255, 0.15);
	--bs-table-striped-color: #fff;
	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: 1.42857143;
	vertical-align: middle;
}
.dcontent table > thead > tr > th {
	vertical-align: bottom; background-color:#EEE;
}
.dcontent li{
	margin-bottom: .5rem;
}
.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: 700;
	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;
}
.dcontent--caption > *{
	display: block;
}
blockquote {
    font-style: italic;
    font-family: "Times New Roman", serif;
	line-height: 24px;
    padding: 2px 10px 2px 20px;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
	border-left-width: 5px;
}
/********************/
.dcontent--blogdetail iframe[src*=canva\.com]{
	width: 100%;
	aspect-ratio:19/9;
	margin-bottom: 1.5rem;
}
/********************/
.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: 700; line-height: 1.4;
}
.dcontent .dcontent-h3{
	font-size: 21px; font-weight: 700; line-height: 1.4;
}
.dcontent .dcontent-h4{
	font-size: 19px; font-weight: 700; line-height: 1.4;
}
.dcontent .dcontent-h5{
	font-size: 17px; font-weight: 500; line-height: 1.4;
}
.dcontent .dcontent-h6{
	font-size: 17px; font-weight: 500; 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: 700;
	padding:.6rem 15px; margin-bottom: .75rem;
	border-radius: 35px; min-width: 220px; text-align: center;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.dcontent .dcontent-btn1 a,
.dcontent .dcontent-btn2 a,
.dcontent .dcontent-btn3 a{
	color: #FFF; text-decoration: none;
}
.dcontent .dcontent-btn1{
	background: var( --color-hover); color: #FFF;
}
.dcontent .dcontent-btn2{
	text-align: center;
	background: #111; color: #FFF;
}
.dcontent .dcontent-btn3{
	text-align: center;
	background: var( --bs-blue); color: #FFF;
}
.dcontent .dcontent-btn1:hover,
.dcontent .dcontent-btn2:hover,
.dcontent .dcontent-btn3:hover{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transform: translateY(-1px);
	color: #FFF !important;
}
.dcontent .dcontent-btn1 a:hover,
.dcontent .dcontent-btn2 a:hover,
.dcontent .dcontent-btn3 a:hover{
	color: #FFF; text-decoration: none;
	border: none;
}
/***********************/
.overlay{
	position: fixed; left: 0; top: 0; z-index: 9999;
	width: 100%; height: 100vh; overflow: hidden;
	background: url( img/loader.gif) no-repeat center rgba( 0, 0, 0, .3);
}
/****************************************/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
	padding-top: 56.25%;
}
.embed-responsive .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: 700;
}
.parse_product .probox__img{
	background: #FFF;
}
.parse_product .proitem{
	padding: 10px 8px;
}
.parse_product a:hover{
	text-decoration: none;
	border-bottom: none;
}
/***************************/
.tooltip {
	--bs-tooltip-bg: var(--btn-hover-bg);
	--bs-tooltip-color: var( --btn-hover-color);
	font-size: 11px; line-height: 1.1;
}
.tooltip-inner{
	min-width: 60px;
}
  
/***************************/
@-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}}
/*****************************/
.tocmain__wrapper{
	background-color: #f5f5f5;
	margin-bottom: 1.75rem;
}
.tocmain__wrapper > .btn{
	border-radius: 0;
	background: rgb(235 235 235);
	border: none;
	font-weight: 700;
}
.tocmain__wrapper > .btn:focus{
	box-shadow: none; outline: none;
}
#toccontent__wrapper{
	border-top: 1px solid #ddd;
	font-size: 15px; line-height: 22px;
	padding: 1rem 0rem;
}
#toccontent__wrapper ul{
	margin-bottom: 0;
	list-style-type: decimal;
}
#toccontent__wrapper li{
	margin-bottom: .5rem;
}
#toccontent__wrapper ul ul{
	margin-top: .35rem;
}
#toccontent__wrapper a{
	color: var( --color)
}
#toccontent__wrapper a:hover{
	color: var( --color-hover )
}
/**********************************************************
**********************************************************/
.btn-readmore{
	position: relative; z-index: 2;
	display: inline-block;
	padding: .65rem 1.5rem; margin: 0;
	font-size: 12px; font-weight: 700;
	line-height: 1.35;
	letter-spacing: 1.5px;
	text-transform: capitalize;
	min-width: 150px;
	color: var( --color);
	overflow: hidden;
}
.btn-readmore::after{
	z-index: -2;
	border: 1px solid #fff;
}
.btn-readmore::before{
	z-index: -1;
	background-color: var( --color-red);
	transform: translateX( -100%);
}
.btn-readmore,
.btn-readmore::after,
.btn-readmore::before{
	border-radius: 26px;
	transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease;
}
.btn-readmore::after,
.btn-readmore::before{
	position: absolute; left: 0; top: 0;
	content: ""; display: block;
	overflow: hidden;
	width: 100%; height: 100%;
}
.btn-readmore:hover{
	color: #fff;
}
.btn-readmore:hover::before{
	transform: translateX( 0%);
}
/**********************************************************
**********************************************************/
#modal_popup .close{
	position: absolute; right: 0; top: 0; z-index: 9;
	transform: translateY( -100%);
	background: var( --color-blue-bold); color: #FFF;
	display: block;	opacity: 1;
	font-size: 11px; font-weight: normal;
	line-height: 1.3;	padding: 6px 8px;
	border-radius: 0;
}
#modal_popup .modal-content{
	background: none; padding-bottom: 12vh;
	box-shadow: none; border: none;
}

/************************/
.btn-loadmore,
.dcontent .link-readmore,
.link-readmore{
	position: relative;
	overflow: hidden;
	box-shadow: 0 .15rem .5rem rgba(var(--bs-body-color-rgb),.075);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.btn-loadmore > *,
.dcontent .link-readmore > *,
.link-readmore > *{
	position: relative; z-index: 9;
}
.btn-loadmore::before,
.dcontent .link-readmore::before,
.link-readmore::before{
	position: absolute; left: 0; top: 0; z-index: -1;
	content: ""; display: block;
	width: 100%; height: 100%;
	background: var( --color);
	transform: translateX( -110%);
	transition: all 0.35s ease; -moz-transition: all 0.35s ease; -webkit-transition: all 0.35s ease;
}
.btn-loadmore:hover,
.dcontent .link-readmore:hover,
.link-readmore:hover{
	color: #fff;
	box-shadow: 0 .25rem .5rem rgba(var(--bs-body-color-rgb),.15);
	transform: translateY( .5px);
}
.btn-loadmore:hover::before,
.dcontent .link-readmore:hover::before,
.link-readmore:hover::before{
	transform: translateX(0);
}
.btn-loadmore > i.fa-solid,
.dcontent .link-readmore > i.fa-solid,
.link-readmore > i.fa-solid{
	transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -webkit-transition: transform 0.25s ease;
}
.btn-loadmore:hover > i.fa-solid,
.dcontent .link-readmore:hover > i.fa-solid,
.link-readmore:hover > i.fa-solid{
	transform: translateX( 7px)
}
/*****************/

/************************************************
*****PLUGIN ANIMATION *******************************************/
@keyframes loaderimg {
	0% {
	  width: 100%;
	}
	20% {
		width: 80%;
	}
	40% {
		width: 50%;
	}
	65% {
		width: 20%;
	}
	80% {
		width: 0%;
	}
	100% {
		width: 0%;
	}
}
@keyframes home-bg-img-Animation-new {  /* sandeep home bg image animation sandeep */
	/* 0%   {opacity: 0;}
	 90%  {opacity: 1;}
	 100% {opacity: 1;}*/
	 0% {
   /* -webkit-filter: grayscale(100%);
   filter: grayscale(100%); */
   -webkit-transform-origin:45% 6.5%;
   transform-origin:45% 6.5%;
   }
	25% {
   /* -webkit-filter: grayscale(85%);
   filter: grayscale(85%); */
   -webkit-transform-origin:45% 6%;
   transform-origin:45% 6%;
   }
	50% {
   /* -webkit-filter: grayscale(75%);
   filter: grayscale(75%); */
   -webkit-transform-origin:45% 5.5%;
   transform-origin:45% 5.5%;
   }
	70% {
   /* -webkit-filter: grayscale(65%);
   filter: grayscale(65%); */
   -webkit-transform-origin:45% 4.5%;
   transform-origin:45% 4.5%;
   }
	80% {
   /* -webkit-filter: grayscale(55%);
   filter: grayscale(55%); */
   -webkit-transform-origin:45% 4%;
   transform-origin:45% 4%;
   }
	90% {
   /* -webkit-filter: grayscale(35%);
   filter: grayscale(35%); */
   -webkit-transform-origin:45% 3.5%;
   transform-origin:45% 3.5%;
   }

	100% {
	/* -webkit-filter: grayscale(0%);
	filter: grayscale(0%); */
	visibility: visible;
   }
   from {
	   opacity: 0;
	   -webkit-transform-origin:45% 7%;
	   transform-origin:45% 7%;
	   -webkit-transform: scale3d(1.065, 1.065, 1);
	   transform: scale3d(1.065, 1.065, 1);
	   visibility: visible;

   }
   to {
	transform-origin:0 0;
	visibility: visible;	  
   }
	50% {
	opacity: 1;
   }
}


@-webkit-keyframes home-bg-img-Animation-new { /*sandeep*/
	0% {
   /* -webkit-filter: grayscale(100%);
   filter: grayscale(100%); */
   -webkit-transform-origin:45% 6.5%;
   transform-origin:45% 6.5%;
   }
	25% {
   /* -webkit-filter: grayscale(85%);
   filter: grayscale(85%); */
   -webkit-transform-origin:45% 6%;
   transform-origin:45% 6%;
   }
	50% {
   /* -webkit-filter: grayscale(75%);
   filter: grayscale(75%); */
   -webkit-transform-origin:45% 5.5%;
   transform-origin:45% 5.5%;
   }
	70% {
   /* -webkit-filter: grayscale(65%);
   filter: grayscale(65%); */
   -webkit-transform-origin:45% 4.5%;
   transform-origin:45% 4.5%;
   }
	80% {
   /* -webkit-filter: grayscale(55%);
   filter: grayscale(55%); */
   -webkit-transform-origin:45% 4%;
   transform-origin:45% 4%;
   }
	90% {
   /* -webkit-filter: grayscale(35%);
   filter: grayscale(35%); */
   -webkit-transform-origin:45% 3.5%;
   transform-origin:45% 3.5%;
   }

	100% {
   /* -webkit-filter: grayscale(0%);
   filter: grayscale(0%); */
   }
   	from {
	   opacity: 0;
	   -webkit-transform: scale3d(1.065, 1.065, 1);
	   transform: scale3d(1.065, 1.065, 1)
   	}
	50% {
	opacity: 1;
   }
}
.loading-process {
	position: fixed;	left: 0px;	top: 0px;
    width: 100%; height: 100%;
    z-index: 9999;
    opacity: 1;
	background: #fff;
    display:flex; flex-wrap: nowrap;
	align-items: center; justify-content: center;
}
.loading-process-img{
	position: relative;
	display: inline-block;
	margin-bottom: 7vh;
}
.loading-process-img::before{
	position: absolute;
	right: 0; top: 0; z-index: 1;
	content: "";
	width: 100%; height: 100%;
	background-color: #fff;
	/* animation:  3s linear infinite loaderimg; */
	animation:  2.75s linear loaderimg;
}
.loading-process-img > img{
	display: inline-block;
	height: 50px; width: auto;
}
body.loading-success{
	-webkit-animation: home-bg-img-Animation-new 2s ease;
	animation: home-bg-img-Animation-new 2s ease;
} 
/******************************/
.mymodal{
	--bs-modal-zindex: 5900;
	--bs-modal-width: 580px;
	--bs-modal-header-padding: .75rem 1.25rem .65rem;
	--bs-modal-padding: 1.25rem;
}
.mymodal .modal-header{
	background-color: var( --color-main);
	color: #fff;
}
.mymodal .modal-title{
	font: 700 17px/1.3 var( --fdefault);
	margin: 0;
	text-transform: capitalize;
}
.mymodal-centered .modal-content{
	margin-bottom: 23vh;
}
/**************************************************
**************************************************
**************************************************/

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: .3s;
    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: .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 {
    z-index: 9;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease-in-out;
    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;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;

}
.xsnav__nav-expand-link {
    display: flex;
    justify-content: space-between;
}
.xsnav__nav-expand-link::after {
    flex: 0 1 auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f0dd";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;

}
.active > .xsnav__nav-expand-link::after {
    content: "\f0de";
}
.xsnav__nav-expand.active>.xsnav__nav-expand-content {
   max-height: 100vh;
    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: 300 19px/26px var(--ftitle);
}
.xsnav__navitems {
    margin: 0;
    padding: 0;
    list-style: none;
}
.xsnav__wrapper__header {
    position: relative;
    padding-top: .5rem;
    padding-bottom: 0;
    margin-bottom: 1rem;
}
.xsnav__wrapper__header .xsnav-btn-action {
    position: absolute;
    right: 0;
    top: .75rem;
    z-index: 1;
    border: 1px solid #888;
    padding: .5rem;
}
.xsnav__wrapper__header img {
    display: inline-block;
    height: 70px;
    width: auto;
}
.xsnav__navitem--header {
    font: bold 15px/22px var(--ftitle);
    text-transform: uppercase;
    margin: 0;
    color: #333;
}
.xsnav__navitem {
	margin-bottom: .5rem;
}
.nav-level-2 .xsnav__navitem {
    margin-bottom: 0;
}

.xsnav__navitem--title {
    margin: 0;
	font-weight: 500;
}
.xsnav__navitem--header,
.xsnav__navlink {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.xsnav__nav-expand-content{
    padding-left: .5rem;
}
.xsnav__nav-expand-content .xsnav__navlink {
    position: relative;
    padding-left: 1.5rem;
    padding-right: 0;
}
.xsnav__nav-expand-content .xsnav__navlink::before{
    position: absolute; left: 0; top: 15px; z-index: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f111";
    font-size: 7px;
}
.xsnav__nav-expand-content--sub{
    padding-left: 1.5rem;;
}
.xsnav__nav-expand-content--sub .xsnav__navlink::before{
    font-weight: 400;
}
.xsnav__navback-link {
    padding-left: 1rem !important;
    text-transform: uppercase;
    font-weight: bold
}
/************************************************/
#header-sticky-wrapper{
	height: auto !important;
}
body.page-home .is-sticky .header-logo-img,
.is-sticky .header-logo-img{
	transform: none;
	height: 50px;
}
.is-sticky .header-container .header-logo{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
body.scroll-is-sticky .header-navsub-wrapper,
.is-sticky .header-navsub-wrapper{
	bottom: auto;
	top: 100%;
}
body.scroll-is-sticky .header-navsub-list,
.is-sticky  .header-navsub-list{
	box-shadow: 0 .25rem .75rem rgba(0,0,0,.25);
	border-radius: 0 0 .375rem .375rem;
}
.btn_mobile{
	font-size: 21px;
	padding: 0;
	width: 40px; height: 40px;
}
/************************************************/
.header-wrapper{
	background-color: #fff;
	position: relative; z-index: 1250 !important;
	width: 100%;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 .35rem .75rem rgba(0,0,0,.15);
}
.header-logo{
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.header-logo-img{
	width: auto;
	height: 85px;
}
.header-wrapper,
.header-logo-img,
.header-container{
	transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.header-container-row{
	--bs-gutter-x: 1.5rem;
}
.header-nav{
	margin: 0; list-style: none;
	padding-top: 0; padding-bottom: 0;
	display: flex;
	flex-wrap: nowrap; justify-content: flex-end;
	font: bold 14px/22px var( --ftitle);
	letter-spacing: .5px;
	text-transform: uppercase;
}
.header-nav-item{
	position: relative;
	flex: 0 0 auto;
	width: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	text-align: center;
	display: flex; align-items: center;
	justify-content: center;
}
.header-nav-link{
	color: var( --color);
	transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear;
}
.header-nav-item--lang,
.header-nav-item--btn{
	flex: 0 0 auto;
	width: auto;
}
.header-freetraillesson-btn{
	display: flex; align-items: center;
	padding-right: 0;
}
.freetraillesson-btn{
	--bs-btn-padding-x: 1rem;
	--bs-btn-hover-bg: var( --btn-hover-bg);
	position: relative;
	font-size: 14px;
	font-weight: 400;
	font-family: var( --ftitle);
	letter-spacing: .5px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	margin: auto;
	transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear;
}
.freetraillesson-btn::before{
	background: var( --btn-hover-bg);
	color: var( --btn-hover-color);
}
.freetraillesson-btn:hover{
	color: var( --btn-hover-color);
}
.freetraillesson-btn--lg{
	--bs-btn-padding-y: .75rem;
	--bs-btn-padding-x: 2.5rem;
	font-size: 17px;
	text-transform: capitalize;
}
/***********************/
.header-nav-item:hover > .header-nav-link,
.header-nav-link:hover,
.header-nav-item.active .header-nav-link{
	color: var( --color-main);
}
/***********************/
.header-nav-item:hover .header-navsub-list{
	max-height: 1000px;
}
/***********************/
.header-freetraillesson-wrapper{
	display: none;
	background-color: var( --color-main);
	padding-top: .4rem; padding-bottom: .4rem;
	color: #fff;
	text-align: center;
	margin-bottom: 0rem;
}
/***********************/
.header-navsub-wrapper{
	position: absolute; left: 0; top: 100%; z-index: 1;
	width: 380px;
	text-align: left;
	text-transform: none;
	font-size: 14px; line-height: 20px;
	font-weight: 400;
}
.header-navsub-list{
	margin: 0; padding: 0; list-style-type: none;
	background-color: #fff;
	box-shadow: 0 .25rem .75rem rgba(0,0,0,.25);
	border-radius: 0 0 .375rem .375rem;
	max-height: 0px; overflow: hidden;
	transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -webkit-transition: max-height 0.5s ease-in-out;
}
.header-navsub-item{
	margin: 0; list-style-type: none;
	border-bottom: 1px solid #ddd;
	transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear;
}
.header-navsub-list > .header-navsub-item:last-child{
	border-bottom: none;
}
.header-navsub-link{
	display: block;
	padding: .65rem .75rem;
	color: var( --color);
}
.header-navsub-link > span{
	--line-height: 18px;
	display: block;
}
.header-navsub-item:hover{
	background-color: var( --color-main);
	color: #fff;
}
/***********************/
.header-nav-item--btn{
	display: none;
	padding-right: 0;
}
.header-navitem-btn{
	--bs-btn-border-color: #ddd;
	--bs-btn-border-width: 0;
	--bs-btn-padding-y: 0;
	font-size: 15px;
	color: var( --color);
	font-size: 21px;
}
.header-nav-item--lang img{
	display: inline-block;
	height: 21px;
	border-radius: 3px;
}
/***********************/
.freetraillesson-btn{
	background-color: var( --color-main);
	color: #fff;
	border-radius: 32px;
}
/***********************/
.header-nav-item-lang{
	padding-right: 0
}
.header-nav-lang--en{
	margin-right: .55rem;
}
.header-nav-lang img{
	width: auto;
	height: 25px;
	object-fit: contain; object-position: center;
	border-radius: 2px;
	border: 1px solid #ccc;
	box-shadow: var( --bs-box-shadow-sm);
}
.header-nav-lang:hover img{
	border-color: var( --color-hover);
}
body.pagelang-jp .header-nav-lang--jp img,
body.pagelang-en .header-nav-lang--en img{
	border-color: var( --color-main);
}
/************************************************/
/************************************************/
#footer{
	--text-color: rgb(244, 244, 244);
	position: relative;
	background-color: var( --color-main);
	padding-top: 4rem;
	padding-bottom: 11.5vw;
}
#footer::after{
	position: absolute; left: 0; bottom: .75rem; z-index: 1;
	text-transform: uppercase;
	content: "Vietnamese 102";
	display: block; width: 100%;
	height: 11vw;
	font: bold 10em/1 var( --ftitle);
	color: rgba(255, 255, 255, .275 );
	text-align: center;
	overflow: hidden;
}
#footer,
.footer-info-dcontent{
	font-size: 15px; line-height: 24px;
	color: var( --text-color );
}
.footer-wrapper-main{
	--bs-gutter-x: 4rem;
	margin-bottom: .5rem;
}
.footer-logo-img{
	height: 80px;
	max-width: 100%;
	object-fit: contain; object-position: left center;
}
.footer-wrapper-info{
	padding-right: var(--bs-gutter-x);
}
.footer-wrapper-navabout{
	width: 240px;
}
.footer-wrapper-navcourses{
	width: 360px;
}
.footer-wrapper-social{
	width: 350px;
}
.footer-wrapper-qrcode{
	width: 420px;
}
.footer-qrcode-list{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;
}
.footer-title{
	margin: 0 0 1rem; padding: 0;
	font: 17px/1.35 var( --ftitle);
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #fff;
}
.footer-info-dcontent{
	margin-bottom: 1.5rem;
}
.footer-dcontent p{
	margin-bottom: .5rem;
}
#footer a{
	transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear;
	color: inherit;
}
#footer a:hover{
	color: var( --btn-hover-bg);
}
/***********************/
.footer-info-line{
	position: relative;
	padding-left: 40px;
	min-height: 30px;
	font-size: 14px; line-height: 22px;
	margin-bottom: .75rem;
}
.footer-info-line a{
	display: inline-block;
}
.footer-info-line b{
	display: block;
	font-weight: bold;
	color: #fff;
}
.footer-info-line::before{
	position: absolute; left: 0; top: 10px;
	z-index: 1;
	display: block;
	width: 30px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	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);
	font-size: 27px;
	text-align: center;
}
.footer-info-line--address::before{
	content: "\f3c5";
	top: 18px;
	font-size: 31px;
}
.footer-info-line--phone::before{
	content: "\f590";
}	
.footer-info-line--email::before{
	content: "\f658";
}
.footer-info-line--hour::before{
	content: "\f017";
	font-weight: 400;
}
/***********************/
.footer-nav{
	padding-left: 15px;
	list-style-type: disc;
}
.footer-nav li{
	margin-bottom: .65rem;
}
.footer-nav a{
	color: var( --text-color);
}
/***********************/
.footer-socail{
	display: flex;
	align-items: center;
	margin: 0 -1rem; list-style: none;
	padding: 0;
}
.footer-socail > *{
	flex: 0 0 auto;
	width: auto;
	margin: 0; list-style: none;
	padding: 0 1rem;
}
.footer-socail [class*=fa]{
	font-size: 35px;
}
.footer-socail a{
	display: inline-block;
	color: rgba(255, 255, 255, 0.9);
	transition: transform 0.25s ease-in-out; -moz-transition: transform 0.25s ease-in-out; -webkit-transition: transform 0.25s ease-in-out;
}
.footer-socail a:hover{
	color: #fff;
	transform: translateY( -3px);
}
/******************/
.footer__collapse .footer-title{
	list-style-type: none;
	pointer-events: none;
}
.footer__collapse .footer-title::-webkit-details-marker{
	display: none;
}

/***********************/
.footer-author{
	position: relative; z-index: 2;
	text-align: right;
	font-size: 13px; line-height: 22px;
	padding-top: 0; padding-bottom: 0;
	margin: 0;
}
.footer-scrolltop{
	--bs-btn-active-bg: var( --btn-hover-bg);
	--bs-btn-active-border-color: #000;

	position: absolute; left: 50%; top: 0%; z-index: 3;
	transform: translate( -50%, -50%);
	background-color: var( --color );
	color: var( --btn-hover-color);
	width: 42px; height: 42px;
	border-radius: 50%;
	border: none;
}
.footer-scrolltop:hover{
	background-color: #000;
	color: #fff;
}
/************************************************/
.homebox-header{
	max-width: 60vw;
	margin: 0 auto 2.5rem;
	font-size: 17px; line-height: 28px;
}
.page-title{
	margin: 0 0 1.5rem; padding: 0;
	font: bold 33px/1.3 var( --ftitle);
	letter-spacing: 1px;
}
.home-title{
	margin: 0; padding: 0;
	font: bold 39px/1.35 var( --ftitle);
	letter-spacing: .5px;
}
.home-quote{
	margin: .75rem 0 0;
	font-size: 17px; line-height: 26px;
}
.home-quote p{
	margin-bottom: .75rem;
}
/************************************************/
.boxthread-item{
	--box-bg: #fff;
	background-color: var( --box-bg);
	border-radius: .75rem;
	overflow: hidden;
	box-shadow: var( --bs-box-shadow);
	color: var( --color);
	min-height: 100%;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}
.boxthread-caption{
	padding: 1rem 2rem 2rem;
}
.boxthread-picture{
	display: block;
	overflow: hidden;
	border-radius: var( --radius);
	box-shadow: 0 .25rem .75rem rgba(0,0,0,.15);
}
.boxthread-img{
	display: block;
	width: 100%; height: auto;
	aspect-ratio: 5/3.35;
	object-fit: cover; object-position: center top;
}
.boxthread-title{
	padding: 0; margin: 0 0 .65rem;
	font: bold 20px/28px var( --ftitle);
	color: var( --color-title);
}
.boxthread-text{
	--line-height: 27px;
	margin: 0;
}
/************************************************/
.homeslide-img{
	width: 100%;
	object-position: center top;
	object-fit: cover;
}
.homeslide-caption{
	position: absolute;
	left: 50%; top: 36%; z-index: 9; display: block;
	transform: translateX( -50%);
}
.homeslide-text{
	max-width: 65%;
	color: #fff;
	font-size: 18px; 
	line-height: 28px;
}
.homeslide-title{
	margin: 0 0 .75rem; padding: 0;
	font: bold 39px/1.3 var( --fdefault);
}
.homeslide-quote{
	margin-bottom: 2.5rem;
	font-family: var( --ftitle);
	font-weight: 300;
}
.homelside-button{
	display: inline-block;
	padding: .4rem 1.5rem .55rem;
	text-transform: capitalize;
	font: 14px/20px var( --ftitle);
	background-color: var( --color-main);
	text-align: center;
	min-width: 110px;
	border-radius: 32px;
	color: #fff;
	overflow: hidden;
	transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	box-shadow: 0 .15rem .5rem rgba(var(--bs-body-color-rgb),.075);
}
.homelside-button:hover{
	background-color: var( --btn-hover-bg);
	color: var( --btn-hover-color);

}
/************************************************/
.homebox-strongpoint{
	padding-top: 4rem;
	padding-bottom: 5rem;
}
.homestrongpoint-item{
	display: block;
	margin: 0;
}
.homestrongpoint-list,
.boxthread-wrapper-list,
.courses-wrapper-list{
	--bs-gutter-x: 2.25rem;
	--bs-gutter-y: 2.25rem;
}
.homestrongpoint-item:hover{
	box-shadow: var( --bs-box-shadow-lg);
	transform: translateY( -3px);
}
.boxthread-wrapper-list{
	justify-content: center;
}
/*********************************/  
.homebox-courses{
	padding-top: 4rem;
	padding-bottom: 6rem;
	background-color: var( --bg-box);
}
.course-item-link{
	display: block;
	color: var( --color);
	font-size: 17px; 
	font-weight: 300;
}
.course-item-picture{
	margin: 0;
	display: block;
	overflow: hidden;
	box-shadow: 0 .25rem .75rem rgba(0,0,0,.15);
}
.course-item-link:hover .course-item-title{
	color: var( --color-main);
}
.course-item-link:hover{
	box-shadow: var( --bs-box-shadow-lg);
	transform: translateY( -3px);
}
/*********************************/  
.courses-wrapper-list--col-4{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;
}
.courses-wrapper-list--col-4 .course-item-title{
	font-size: 19px;
}
.courses-wrapper-list--col-4 .course-item-text{
	--line-clamp: 3;
}
/*********************************/  
.homebox-freelesson{
	padding-top: 6rem;
	padding-bottom: 6rem;
	min-height: 76vh;
	color: #fff;
	background-color: var( --color);
	background-position: center top; background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	display: flex; flex-direction: column;
	align-items: center; justify-content: center;
}
.homebox-freelesson::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 100%;
	background-color: rgb( 0, 0, 0, .5);
}
.homebox-freelesson > *{
	flex: 0 0 auto;
	width: 100%;
	z-index: 1; position: relative;
}
.homebox-freelesson-caption{
	max-width: 900px;
	text-align: center;
}
.homebox-freelesson-subtitle{
	margin-bottom: 1.15rem;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
}
.homebox-freelesson-title{
	margin: 0 0 2rem; padding: 0;
	font: bold 49px/60px var( --ftitle);
	letter-spacing: 1px;
}
.homebox-freelesson-text{
	text-align: center;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 2.5rem;
}
/*********************************/  
.homebox-classtype{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
/*********************************/  
.homebox-photo{
	margin-bottom: 1rem;
}
.homephoto-list{
	--bs-gutter-y: 1.5rem;
	--bs-gutter-x: 1.5rem
}
.homephoto-list > *{
	flex: 0 0 auto;
	width: calc( 100% / 4);
}
.homephoto-list .homephoto-item:nth-child( 9),
.homephoto-list .homephoto-item:nth-child( 4),
.homephoto-list .homephoto-item:nth-child( 2){
	width: 50%;
}
.homephoto-item-link{
	display: block; position: relative;
}
.homephoto-img{
	width: 100%; height: 300px;
	object-fit: cover; object-position: center;
	box-shadow: 0 .175rem .35rem rgba(0,0,0,.15);
	border-radius: .5rem;
}
.homephoto-item-caption{
	position: absolute; 
	left: 1.5rem; bottom: 1.5rem; right: 1.5rem; top: 1.5rem;
	z-index: 1;
	display: flex; flex-wrap: nowrap;
	justify-content: center; align-items: center;
	padding: 1.5rem; margin: 0;
	font: 400 15px/24px var( --ftitle);
	letter-spacing: .5px;
	background-color: rgba(92, 189, 194, 0.5);
	color: #fff;
	border-radius: .175rem;
	transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -webkit-transition: transform 0.5s ease-in-out;
	transform: scale( 0);
}
.homephoto-item-link:hover .homephoto-item-caption{
	transform: scale(1);
}
/*********************************/  
.homebox-libary{
	padding-top: .5rem;
	padding-bottom: 4rem;
}
.homebox-libary-container{
	max-width: 920px;
	margin: auto;
}
/*********************************/  
.homepartners-wrapper{
	margin-bottom: 5rem;
}
.partners-warpper{
	background-color: var( --color);
	color: #fff;
	padding: 1.5rem 1.5rem 2rem;
	border-radius: calc( var( --radius) * .5 );
	box-shadow: var( --bs-box-shadow-sm);
}
/* #owl_partners .owl-dots{
	position: relative;
	transform: none;
	width: 100%;
	left: auto;
	margin-top: 2rem;
}
#owl_partners  .owl-dots .owl-dot span{
	background-color: #fff;
}
#owl_partners .owl-dots .owl-dot.active span, 
#owl_partners .owl-dots .owl-dot:hover span{
	background-color: #fff;
} */
.partners-list{
	--bs-gutter-x: .85rem;
	--bs-gutter-y: .85rem;
	justify-content: center;
}
.partners-list > *{
	flex: 0 0 auto;
	width: calc( 100% / 9);
}
.partners-img{
	border-radius: .375rem;
	box-shadow: var( --bs-box-shadow-sm);
	width: 100%;
	aspect-ratio: 5/3.25;
	object-fit: cover;
	object-position: center center;
}


/*********************************/  
#owl_feeback .owl-item{
	padding-bottom: 2rem;
}
#owl_feeback .owl-stage-outer{
	margin-left: -1rem;
	margin-right: -1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	width: calc( 100% + 2rem);
}
#owl_feeback .owl-dots{
	position: relative; transform: none;
	left: 0;
	width: 100%;
	margin-top: .5rem;
}

.owl-feeback-item{
	padding: 1rem 1.5rem 1.5rem;
}
.owl-feeback-item-picture{
	flex: 0 0 auto;
	width: 50px;
}
.owl-feeback-item-img{
	display: block;
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: contain; object-position: center;
}
.owl-feeback-item-author{
	flex: 0 0 auto;
	width: calc( 100% - 50px);
	padding-left: 1rem;
	margin: 0;
	font: 17px/24px var( --ftitle);
	text-transform: capitalize;
}
.owl-feeback-item-text{
	--line-clamp: 7;
	--line-height: 26px;
	font-size: 15px;
	/* min-height: calc( var( --line-height, 24px ) * var( --line-clamp ) ); */
}
/*********************************/  
.about-text-container{
	margin-bottom: 3.25rem;
}
.about-icon-list{
	--bs-gutter-x: 2.5rem;
	--bs-gutter-y: 2.5rem;
	justify-content: center;
}
.about-icon-warpper{
	background: var( --bg-gradient);
	padding-top: 4rem;
	padding-bottom: 4rem;
	margin-bottom: 4rem;
}
.abouticon-item-boxitem{
	text-align: center;
	background-color:rgba(255, 255, 255);
	height: 100%;
	padding: 1.5rem 2rem;
	border-radius: .375rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.abouticon-item-img{
	display: block;
	width: 100%;
	height: 135px;
	object-fit: contain;
	object-position: center ;
}
.abouticon-item-caption{
	font-size: 16px; line-height: 26px;
	font-weight: 300;
}
.abouticon-item-title{
	margin: 0 0 .75rem; padding: 0;
	font: bold 21px/26px var( --ftitle);
	letter-spacing: .5px;
}
.abouticon-item-caption p{
	margin-bottom: .5rem;
}
/*********************************/  
.about-thread-wrapper{
	max-width: 1150px;
	margin: 0 auto 5rem;
}
.about-thread-row{
	--bs-gutter-x: 0rem;
	--bs-gutter-y: 0rem;
	margin-bottom: 5rem;
}
.about-thread-figure{
	margin: 0;
}
.about-thread-img{
	border-radius: calc( var( --radius) * 2 );
}
.about-thread-number{
	position: relative;
	display: inline-block;
	font-weight: bold;
	font-size: 55px;
	font-family: var( --ftitle);
	padding-right: .75rem;
	color: var( --color);
}
.about-thread-number::after{
	position: absolute; left: 100%; top: 100%; z-index: 1;
	content: ""; display: block;
	width: 40px; height: 5px;
	background-color: var( --color);
	border-radius: 8px;
}
.about-thread-caption{
	font-size: 17px; line-height: 28px;
}
.about-thread-caption *{
	max-width: 100%;
}
.about-thread-caption > ul{
	padding: 0; margin: 0;
	list-style-type: none;
}
.about-thread-caption li{
	padding: 0 0 0 25px;
	margin-bottom: .75rem;
	position: relative	;
}
.about-thread-caption li::before{
	position: absolute; left: 0; top: 10px; z-index: 1;
	content: ""; display: block;
	width: 15px; height: 15px;
	background:  url( img/icon-checked.png) no-repeat center top;
	background-size: contain;
}
.about-thread-caption p:last-child{
	margin-bottom: 0;
}
.about-thread-title{
	margin: 0 0 1.5rem; padding: 0;
	font: bold 33px/40px var( --ftitle);
	color: var( --color);
}
.about-thread-row--right .about-thread-caption,
.about-thread-row--left .about-thread-figure{
	order: 1;
}
.about-thread-row--left .about-thread-caption,
.about-thread-row--right .about-thread-figure{
	order: 2;
}
.about-thread-row--left .about-thread-caption{
	padding-left: 3rem;
}
.about-thread-row--right .about-thread-caption{
	padding-right: 3rem;
}
/*********************************/  
.about-photo-wrapper{
	margin-bottom: 7rem;
}
.about-photo-wrapper .homephoto-img{
	height: 250px;
}
/******************************************************************
******************************************************************/  
.pagecourses-photo-wrapper,
.pagecourses-freelesson,
.courses-wrapper-page{
	margin-bottom: 5rem;
}
.courses-detail-box{
	max-width: 1000px;
	margin: 3rem auto 5rem;
	background-color: #fff;
	padding: 3rem 3rem 2.5rem;
	border-radius: .5rem;
	box-shadow: var( --bs-box-shadow-sm);
}
.courses-detail-text-picture{
	margin-bottom: 1.5rem;
}
.courses-detail-img{
	width: 100%;
	border-radius: .5rem;
}
.courses-detail-text-title{
	margin-bottom: 1.25rem;
}
/**********************/
.courses-detail-quote-wrapper{
	align-items: center;
}
.courses-detail-quote-listinfo{
	margin: 0 -1.5rem; list-style: none;
	display: flex; align-items: flex-start;
}
.courses-detail-quote-listinfo > li{
	position: relative;
	padding: 0 1.5rem;
	flex: 0 0 auto;
	width: calc( 100% / 3);
	font-family: var( --ftitle);
	font-size: 16px; line-height: 22px;
}
.courses-detail-quote-listinfo > li::before{
	position: absolute; left: 0; top: 50%; z-index: 1;
	transform: translateY( -50%);
	content: "";
	display: block;
	width: 1px; height: 80%;
	background-color: var( --color);
}
.courses-detail-quote-listinfo > li:first-child:before{
	display: none;
}
.courses-detail-quote-listinfo b{
	display: block;
	margin-bottom: .35rem;
	font-weight: normal;
	color: var( --color-box);
	font-family: var( --fdefault);
}
.courses-detail-quote-button{
	margin-left: auto;
}
.courses-detail-text-dcontent{
	margin-bottom: 2.5rem;
}
/**********************/	
.hr--courses-detail{
	border-width: 2px;
	margin-top: 2rem;
	margin-bottom: 1.75rem;
	opacity: .65;
}
.btn-courses-reg{
	--bs-btn-padding-y: .65rem;	
	min-width: 180px;
	font-size: 15px;
	font-weight: normal;
	box-shadow: var( --bs-box-shadow);
}
/******************************************************************
******************************************************************/  
.instructor-wrapper-list{
	--bs-gutter-x: 2.5rem;
	--bs-gutter-y: 2.5rem;
	margin-bottom: 3rem;
	justify-content: center;
}
.instructor-boxitem{
	color: var( --color);
}
.instructor-boxitem:hover .instructor-item-title{
	color: var( --color-hover);
}
.instructor-item-image{
	position: relative;
	border-radius: var( --radius);
	box-shadow: var( --bs-box-shadow);
	overflow: hidden;
	margin-bottom: 1.5rem;
}
.instructor-item-image-icon{
	position: absolute; right: 1rem; bottom: 1rem; z-index: 1;
	width: 50px; height: 50px;
	line-height: 50px;
	padding: 0;
	text-align: center;
	background-color: var( --color);
	color: #fff;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: var( --bs-box-shadow-sm);	
}
.instructor-item-image-icon:hover{
	background-color: var( --color-hover);
}
.instructor-item-title{
	margin: 0 0 .25rem; padding: 0;
	font: bold 21px/26px var( --ftitle);
	letter-spacing: 1px;
	color: var( --color-box);
}
.instructor-item-position{
	margin: 0 0 .75rem; padding: 0;
	color: var( --color);
	font-size: 17px;
	text-transform: capitalize;
	font-weight: bold;
}
.instructor-item-quote{
	font-weight: 300;
	font-size: 15px; line-height: 20px;
}
/**************************/
.pageinstructordetail-wrapper{
	padding: 4.5rem 4.5rem 2rem;
	margin-bottom: 12rem;
	background-color: var( --bg-box );
	box-shadow: var( --bs-box-shadow-lg);
	border-radius: calc( var( --radius) * 1.5 );
}
.pageinstructordetail-content{
	--bs-gutter-x: 3rem;
}
.instructordetail-image{
	align-self: flex-end;
	margin-bottom: -7rem;
}
.instructordetail-img{
	border-radius: var( --radius);
	border-radius: calc( var( --radius) * .75 );
}
.instructordetail-caption .instructor-item-title{
	font-size: 35px;
	line-height: 1.2;
	margin-bottom: .35rem;
}
.instructordetail-caption .instructor-item-position{
	margin-bottom: 1.5rem;
}
/*********************************/  
.instructor-list-other{
	justify-content: flex-start;
}
/******************************************************************
******************************************************************/  
.ferror{
	margin: .35rem 0 0;
	font-size: 13px; line-height: 16px;
	color: #f00;
	display: none;
}
.form-control.has-error{
	--bs-border-color: #f00;
}
.form-process-success{
	margin-bottom: 0;
	min-height: 100%;
}
/*********************************/  
.libarylist-wraper{
	--bs-gutter-x: 2.25rem;
	--bs-gutter-y: 2.25rem;
	margin-bottom: 2.5rem;
	font-size: 17px;
}
.libaryitem-boxitem:not( .libaryitem-boxitem--hor){
  background-color: var( --bg-box);
  border: 1px solid #c9c9c9;
  border-radius: var( --radius);
  overflow: hidden;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  min-height: 100%;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.libaryitem-img{
	margin: 0;
	display: block;
	overflow: hidden;
	border-radius: var( --radius);
	overflow: hidden;
	box-shadow: 0 .25rem .75rem #00000026;
}
.libaryitem-img a{
	display: block;
	position: relative;
}
.libaryitem-img-img{
	display: block;
	width: 100%;
	aspect-ratio: 5/3.5;
	object-fit: cover; object-position: center top;
}
.libaryitem-des{
	padding: 1.35rem 2rem 2rem;
}
.libaryitem-title{
	margin: 0 0 .55rem; padding: 0;
	font: bold 20px/1.4 var( --ftitle);
	letter-spacing: .5px;
	color: inherit;
}
.libaryitem-time{
	display: block;
	margin-bottom: .75rem;
	color: #555;
	font-size: 14px; line-height: 20px;
}
.libaryitem-text{
	--line-height: 28px;
	margin: 0;
}
.libaryitem-boxitem a{
	color: var( --color);
}
.libaryitem-boxitem a:hover{
	color: var( --color-main);
}
/*********************************/  
.libaryitem-boxitem--hor{
	display: flex; flex-wrap: wrap;
	margin-bottom: 1.75rem;
	padding-bottom: 1.75rem;
	border-bottom: 1px solid var( --color)
}
.libaryitem-boxitem--hor .libaryitem-img{
	flex: 0 0 auto;
	width: 33%;
	margin: 0;
}
.libaryitem-boxitem--hor .libaryitem-img-img{
	aspect-ratio: unset;
	min-height: 180px;
}
.libaryitem-boxitem--hor .libaryitem-des{
	flex: 0 0 auto;
	width: 67%;
	padding: 0 0 0 2rem;
}
.libaryitem-boxitem--hor .libaryitem-title{
	font-size: 19px;
	line-height: 28px;
}
.libaryitem-boxitem--hor .libaryitem-time{
	color: var( --color);
}
.libaryitem-boxitem--hor .libaryitem-text{
	--line-clamp: 3;
	font-size: 16px;
}
/*********************************/  
.postdetail-title{
	font-size: 31px;
	margin-bottom: 2.5rem;
}
.postdetail-time{
	display: block;
	margin-bottom: 1rem;
	color: #444;
	font-size: 15px;
}
.postdetail-quote{
	font-weight: 400;
	font-size: 17px; line-height: 30px;
	margin-bottom: 1.5rem;
}
/************************************/
.pagalibary-video-wrapper,
.pagalibary-blog-wrapper{
	margin-bottom: 5rem;
}
.libary-btn-readmore{
	--bs-btn-padding-x: 1.75rem;
	--bs-btn-padding-y: .55rem;
	--bs-btn-hover-bg: var( --btn-hover-bg);
	background-color: var( --color-main);
	color: #fff;
	border: none;
	border-radius: 32px;
	position: relative;
	font-size: 14px;
	font-weight: 400;
	font-family: var( --ftitle);
	letter-spacing: .5px;
	display: inline-block;
	align-content: center;
	align-items: center;
	justify-content: center;
	margin: auto;
	transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear;
}
.libary-btn-readmore::before{
	background: var( --btn-hover-bg);
	color: var( --btn-hover-color);
}
.libary-btn-readmore:hover{
	color: var( --color-box);
}
/*********************************/  
.blogdetail_rightcontent{
	padding-left: 4rem;
}
.libarydetail-other{
	background-color: var( --bg-gray);
	border-top: 1px solid #ccc;
	padding-top: 2.5rem;
	padding-bottom: 3rem;
}
.libarydetail-other-title{
	font-size: 29px;
	margin-bottom: 1rem;
}
.libarydetail-cover{
	margin-bottom: 0;
}
/*********************************/ 
.libary-right-fsearch{
	background-color: var( --color-main);
	color: #fff;
	display: flex;
	flex-wrap: nowrap;
	padding: .5rem .5rem .5rem 1.5rem;
	margin-bottom: 2.5rem;
	border-radius: calc( var( --radius) * .75 );
	box-shadow: var( --bs-box-shadow);
}
.libary-right-fsearch input{
	flex: 0 0 auto;
	width: calc( 100% - 50px);
	background: none;
	border: none;
	padding: .35rem 0rem;
	color: rgb( 255, 255, 255, .95);
	font-size: 16px;
}
.libary-right-fsearch input:focus{
	border: none;
	outline: none;
}
.libary-right-fsearch button{
	flex: 0 0 auto;
	width: 50px;
	background: none;
	border: none;
	color: #ffff;
	font-size: 17px;
	text-align: center;
}
.libary-right-fsearch button:hover{
	color: var( --color-hover);
}
/*********************************/ 
.libary-right-box{
	background-color: var( --bg-box);
	padding: 1.5rem;
	margin-bottom: 2.5rem;
	border-radius: calc( var( --radius) * .75 );
	box-shadow: var( --bs-box-shadow-sm);
}
.libary-right-box-title{
	position: relative;
	margin: 0 0 1.25rem; padding: 0 0 .85rem;
	font: bold 22px/1.25 var( --ftitle);
	color: var( --color);
	text-transform: capitalize;
}
.libary-right-box-title::before{
	position: absolute; left: 0; bottom: 0; z-index: 1;
	content: "";
	display: block;
	width: 60px; height: 3px;
	background-color: var( --color);
}
/*********************************/ 
.libary-right-navigation{
	margin: 0; padding: 0; list-style-type: none;
	font-size: 17px;
	letter-spacing: .5px;
}
.libary-right-navigation > li{
	position: relative;
	margin: 0 0 .75rem; padding: 0 0 0 26px;
}
.libary-right-navigation > li:last-child{
	margin-bottom: 0;
}
.libary-right-navigation > li::before{
	position: absolute; left: 0; top: 7px;
	z-index: 1;
	display: block;
	width: 26px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	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);
	font-size: 14px;
	content: "\f35a";
	transition: transform 0.25s linear; -moz-transition: transform 0.25s linear; -webkit-transition: transform 0.25s linear;
}
.libary-right-navigation a{
	color: var( --color);
	transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear;
}
.libary-right-navigation > li:hover a{
	color: var( --color-hover);
}
.libary-right-navigation > li:hover::before{
	transform: translateX( 5px);
}	
/*********************************/ 
.libary-right-topview{
	margin: 0; padding: 0; list-style-type: none;
}
.libary-right-topview > li{
	margin: 0 0 1.75rem; padding: 0; list-style-type: none;
}
.libary-right-topview-item{
	display: flex; margin: 0;
	align-items: center;
}
.libary-right-topview-item .picture-box{
	flex: 0 0 auto;
	width: 110px;
	border-radius: .35rem;
	box-shadow: var( --bs-box-shadow-sm);
}
.libary-right-topview-item-caption{
	--line-clamp: 3;
	--line-height: 20px;
	flex: 0 0 auto;
	width: calc( 100% - 110px);
	padding-left: 1rem; margin: 0;
	font-size: 15px;
	font-family: var( --ftitle);
}
.libary-right-topview a{
	color: var( --color-title);
	transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear;
}
.libary-right-topview a:hover{
	color: var( --color-hover);
}
/*********************************/ 
.post_photo{
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
	margin-bottom: 1.5rem;
}
.lightgallery-item{
	display: block;
	border-radius: .375rem; overflow: hidden;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	cursor: pointer;
}
.photoitem img{
	display: block;
	width: 100%;
	aspect-ratio: 5/5.175;
	object-fit: cover; object-position: center;
	opacity: .9;
	transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease;
}
.lightgallery-item:hover{
	box-shadow: 0px 0px 20px rgba(42, 135, 158, 0.4);
	transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
}
.photoitem:hover img{
	opacity: 1;
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
} 
.lightgallery-item-video{
	position: relative;
}
.lightgallery-item-video::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	background-color: rgb( 0, 0, 0, .15);
	color: rgb( 255, 255, 255, .35);
	display: block;
	font-size: 37px;
	width: 100%; height: 100%;
	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: "\f144";
	display: flex;
	align-items: center; justify-content: center;
	transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
}
.lightgallery-item-video:hover::before{
	color: rgb( 255, 255, 255, .75);
}
/*********************************/  
.blogdetail_wrapper{
	margin-bottom: 3rem;
}
.blogdetail-other{
	margin-bottom: 5rem;
}
/*********************************/  
.pagerecruitment-container{
	margin-bottom: 6rem;
}
.accordionRecruitment-wrapper{
	--bs-accordion-btn-bg: var( --bg-box);
	--bs-accordion-btn-color: var( --color);

	--bs-accordion-border-width: 0;
	--bs-accordion-active-bg: var( --color);
	--bs-accordion-active-color: #fff;
	--bs-accordion-btn-padding-x: 1.5rem;
	--bs-accordion-body-padding-x: 1.5rem;
}
.accordionRecruitment-wrapper .accordion-item{
	margin-bottom: 1.5rem;
	box-shadow: var( --bs-box-shadow-sm);
	border-radius: var( --radius);
	overflow: hidden;
}
.accordionRecruitment-wrapper .accordion-button{
	margin: 0;
	font: bold 17px/28px var( --ftitle);
	cursor: pointer;
}
/*********************************/  
.pagelocation-maps{
	margin: 0;
}
.location-list-wrapper{
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
	padding: 0; list-style-type: none;
	display: flex;
	justify-content: center;
	margin-bottom: 1.5rem;
}
.location-list-wrapper > *{
	flex: 0 0 auto;
	width: calc( 100% / 3);
}
.location-list-item-box{
	border-radius: .5rem;
	border: 1px solid #ccc;
	padding: .5rem .65rem; margin: 0;
	background-color: #fff;
	display: flex; align-items: center;
	min-height: 100%;
	box-shadow: var( --bs-box-shadow-sm);
	cursor: pointer;
}
.location-list-item-img{
	flex: 0 0 auto;
	width: 80px;
	border-radius: .5rem;
	box-shadow: var( --bs-box-shadow-sm);
	object-fit: contain; object-position: center top;
}
.location-list-item-caption{
	flex: 0 0 auto;
	width: calc( 100% - 80px);
	padding-left: .75rem;
	color: #fff;
}
.location-list-item-title{
	margin: 0 0 .25rem; padding: 0;
	font: bold 18px/20px var( --ftitle);
	color: #fff;
}
.location-list-item-address{
	margin: 0;
	font: 14px/20px var( --fdefault);
}
.location-list-item-map{
	display: none;
	width: 100%;
}
.location-list-item.active .location-list-item-box{
	background-color: var( --color-main);
	border-color: var( --color-main);
}
.location-list-item-box:hover{
	border-color: var( --color);
}
.pagelocation-map-item{
	display: none;
	width: 100%;
	box-shadow: var( --bs-box-shadow-sm);
	border-radius: .5rem; overflow: hidden;
	transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease;
}
.pagelocation-map-item.active{
	display: block;
}
.pagelocation-maps iframe{
	display: block;
	width: 100%;
	height: 520px;
}
/*********************************/ 
.pagelocation-main-wrapper{
	margin-bottom: 5rem;
}
.pagelocation-main-info{
	padding-top: 3rem;
}
.location-info-title{
	position: relative;
	font-size: 35px;
	line-height: 1.3;
	margin: 0 0 1rem;
	padding-bottom: 1rem;
}
.location-info-title small{
	display: block; clear: both;
	font-size: 21px;
	margin-top: .35rem;
}
.location-info-title::before{
	position: absolute; left: 0; top: 100%; z-index: 1;
	content: ""; display: block;
	width: 100px; height: 3px;
	background-color: var( --color);
}
.location-info-icon{
	margin-bottom: 1.25rem;
	position: relative;
	padding: .75rem;
	background-color: #fff;
	border-radius: .65rem;
	font-size: 15px; line-height: 20px;
	display: flex; align-items: center;
	box-shadow: var( --bs-box-shadow-sm);
}
.location-info-icon [class*= fa-]{
	flex: 0 0 auto;
	width: 65px;
	height: 65px;
	display: flex;
	justify-content: center; align-items: center;
	background-color: var( --color); color: #fff;
	font-size: 27px;
	border-radius: .5rem;
	box-shadow: var( --bs-box-shadow-sm);
}
.location-info-icon > span{
	flex: 0 0 auto;
	width: calc( 100% - 65px);
	padding-left: 1rem;
}
.location-info-icon b{
	display: block;
	color: var( --color);
	font: bold 15px/20px var( --ftitle);
	margin: 0 0 .15rem;
}
.location-info a{
	color: inherit;
}
.location-info a:hover{
	color: var( --color-hover)
}
/*********************************/  
.pagelocation-main-form{
	padding-left: 3.5rem;
	padding-right: 4.75rem;
	position: relative; z-index: 9;
}
.location-form-wrapper{
	background-color: var( --color-main);
	color: #fff;
	padding: 3rem 3rem 3rem;
	margin-top: -90px;
	border-radius: .75rem;
	min-height: calc( 100% );
}
.location-form-title{
	margin-bottom: .75rem;
}
.location-form-note{
	font-size: 15px; line-height: 22px;
	margin-bottom: 0;
}
.freg_contact_response{
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1.35rem;
}
.freg_contact_response label,
.freg_contact_response .form-control{
	padding-top: .75rem;
	padding-bottom: .65rem;
	font-size: 15px;
}
.freg_contact_response .form-floating > .form-control-plaintext ~ label, 
.freg_contact_response .form-floating > .form-control:focus ~ label, 
.freg_contact_response .form-floating > .form-control:not(:placeholder-shown) ~ label, 
.freg_contact_response .form-floating > .form-select ~ label{
	padding-top: .65rem;
}
.freg_contact_response .form-select,
.freg_contact_response .form-control{
	--bs-border-color: rgba( 255, 255, 255, 0.15);
	height: calc( 3.25rem + calc(var(--bs-border-width) * 2));
	background-color: rgba(0, 0, 0, 0.15);
	color: #fff;
}
.freg_contact_response .form-select:focus,
.freg_contact_response .form-control:focus{
	border-color: rgba(222, 192, 70, 0.5);
	box-shadow: none
}
.freg_contact_response .form-floating label{
	color: #fff;
}
.form-floating:not(.form-control:disabled)::before{
	background-color: transparent;
	display: none;
}
.freg_contact_response textarea{
	height: 115px !important;
	resize: none;
}
.freg_contact_response button{
	--bs-btn-padding-x: 1.5rem;
	--bs-btn-padding-y: .75rem;
	background-color: #fff;
	color: var( --color);
	border-radius: .375rem;
	font-size: 15px;
	font-weight: bold;
}
/*********************************/  
.mymodal{
	--bs-modal-width: 620px;
}
/*********************************/  
#ModalCoursesDetailRegister{
	--bs-modal-width: 760px;
}
.modal-cousesdetail-forminput,
.modal-cousesdetail-info{
	padding: 1.25rem 1.25rem;
}
.modal-cousesdetail-info{
	display: flex; align-items: flex-start;
	background-color: var( --bg-box);
	border-bottom: 1px solid #ccc;
}
.modal-cousesdetail-info-image{
	flex: 0 0 auto;
	width: 190px;
}
.modal-cousesdetail-info-image img{
	border-radius: .5rem;
	box-shadow: var( --bs-box-shadow-sm);
}
.modal-cousesdetail-info-caption{
	flex: 0 0 auto;
	width: calc( 100% - 190px);
	padding-left: 1.25rem;
}
.modal-cousesdetail-info .courses-detail-quote-button,
.modal-cousesdetail-info .hr--courses-detail{
	display: none;
}
.modal-cousesdetail-info .page-title{
	font-size: 21px;
	margin-bottom: .5rem;
	letter-spacing: 0;
}
.modal-cousesdetail-info .courses-detail-quote-listinfo{
	margin: 0 0;
	display: block;
}
.modal-cousesdetail-info .courses-detail-quote-listinfo > li{
	padding: 0;
	margin-bottom: .15rem;
	font-size: 15px;
	line-height: 20px;
}
.modal-cousesdetail-info .courses-detail-quote-listinfo > li:last-child{
	margin-bottom: 0;
}
.modal-cousesdetail-info .courses-detail-quote-listinfo > li::before{
	display: none;
}
.modal-cousesdetail-info .courses-detail-quote-listinfo b{
	display: inline-flex;
	min-width: 87px;
	margin-right: .5rem;
}
.modal-cousesdetail-info .courses-detail-quote-listinfo b::after{
	content: ":";
	padding-left: .5rem;
	margin-left: auto;
}
/*********************************/  
.modal-reg-couse-finput{
	padding: 1rem;
}
.course-detail-freg-form .service-detail-freg-input textarea{
	height: 80px;
}
/*********************************/  
button[type=submit].disabled{
	position: relative;
	cursor: progress;
	pointer-events: none;
	overflow: hidden;
}
button[type=submit].disabled::before{
	position: absolute; left: 0%; bottom: 0;
	z-index: 1;
	content: ""; display: block;
	width: 100%; height: .45rem;
	background-image: linear-gradient(45deg,rgba(255,255,255,.5) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.5) 75%,transparent 75%,transparent);
	background-size: .45rem .45rem;
	animation: 1s linear infinite progress-bar-stripes;
	white-space: normal;
	transition: var(--width) .6s ease;
}
/*********************************/  

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