@charset "utf-8";
/* CSS Document*/
/****
* bullet: d8bba3
****/
:root{
	--color:#000;
	--color-main: #3e4095;
	--color-blue: #3e4095;
	--color-yellow: #fff212;
	--color-hover: #3e4095;
	--bg-main: #2597b9;
	--ftitle: 'Roboto Condensed', sans-serif;
	--fdefault: 'Roboto', sans-serif;
	--bs-gray: #eaeaea
}
@keyframes stretch {
  0% {
    transform: scale(.4);
    background-color: rgba(70, 170, 220, 0.6);
  }
  50% {
    background-color: rgba(70, 170, 220, 0.4);
  }
  100% {
    transform: scale(1.42);
    background-color: rgba(70, 170, 220, 0.1);
  }
}
@keyframes backgroundColorPalette {
	0% {
		background: #c32035;
	}
	25% {
		background: #60d394;
	}
	50% {
		background: #aaf683;
	}
	75% {
		background: #ffd97d;
	}
	100% {
		background: #ff9b85;
	}
}
@keyframes ColorPalette {
	0% {
		color: #fff;
	}
	35% {
		color: #ff0;
	}
	70% {
		color: #000;
	}
}
html{
	overflow-x:hidden;
	overscroll-behavior-y: none;
	-webkit-overflow-scrolling: none;
	-moz-overflow-scrolling: none;
}
body{
	position:relative;
	font: 400 14px/24px var( --fdefault); color: #000;
	overflow-x:hidden; width:100%;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	padding-bottom: 40px;
}
.btn-readmore .fa{
	margin-left: 10px;
}
.img-responsive{
	max-width: 100%;	height: auto;
	display: inline-block;
}
a{
	color: inherit; text-decoration: none;
}
.figure{
	margin: 0;
}
.img-full{
	display: block; width: 100%;
}
.bg-gray{
	background: rgb(248, 249, 250); color: #000;
}
.bg-red{
	background-color: var( --color-yellow);
}
.bg-main{
	background-color: var( --color-main);
}
.text-main{
		color: var( --color-main) !important;
}
.text-red{
		color: var( --color-yellow) !important;
}
.bg-gray .figure-caption{
	color: #000; padding: 6px 15px;
}
[type=number]::-webkit-outer-spin-button,
[type=number]::-webkit-inner-spin-button {
	opacity:1;
}
.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 */
}
.hide_arrow{
    -moz-appearance:textfield; /* Firefox */
}
.tooltip{
	z-index: 99;
}
.hr{
	border-color: #CCC;
	margin-top: 20px; margin-bottom: 35px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.5)
}
[type="button"]:focus-visible,
[type="button"]:focus,
[type="button"]:active{
	box-shadow: none !important; border: none !important;
	outline: none !important;
	outline-style: none;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Firefox */
}
/************/
.tooltip{
	font-size: 12px; font-weight: bold;
}
.text_user_limit{
	max-width: 65px;
}
/************/
.f-title{
	font-family: var( --ftitle);
}
b, strong{
	font-weight:bold;
}
.clearfix{
	clear:both;
}
.text-cap{
	text-transform: capitalize !important;
}
.text-upp{
	text-transform:uppercase;
}
.text-justify{
	text-align: justify;
}
.img-full{
	display:block; width:100%;
}
.transition{
	transition:all 0.3s ease-in;	-moz-transition:all 0.3s ease-in;	-webkit-transition:all 0.3s ease-in;
}
.trans_dis{
	transition:none; -moz-transition:none; -webkit-transition:none;
}
.img-hover-zoom .img-zoom{
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
.img-hover-zoom:hover .img-zoom{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
.text_hide{
    text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;
}
.tooltip {
	text-transform:capitalize
}
.bold{
	font-weight:bold !important;
}
.overflow{
	overflow:hidden;
}
img.img-404{
	height: 250px; max-width: 100%;
	width: auto;
	object-fit: contain; object-position: center;
}
.fs31{
	font-size: 31px !important;
}
.fs23{
	font-size: 23px !important;
}
.fs27{
	font-size: 27px !important;
}
.fs17{
	font-size: 17px !important;
}
/********************************/
#btn-scrolltop{
	position:fixed; right:15px; bottom:50px; z-index:9999;
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none; display:none;
}
.margin-page{
	margin-top:30px; margin-bottom:30px;
}
.record-empty{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
/**********************/
.btn__action_mobile{
	border: none; display: none;
	border-radius: 4px !important;
	height: 40px; font-size: 22px;
	background: #FFF !important; color: var( --color) !important;
	text-align: center;
}
#pagination{
	text-align:center; margin-top:20px; margin-bottom:30px;
}
#pagination *{
	margin:0 5px;	position:relative;
	line-height: 24px;	font-size: 18px; font-weight: bold;
	overflow: hidden; background: none;
	border: none; color: var( --color);
}
#pagination *:last-child::after{
	display:none;
}
#pagination b{
	color: var( --color-main);
	padding-right: 40px; padding-left: 40px;
}
#pagination a:hover{
	color: var( --color-main);
}
#pagination b::after{
	position: absolute; right: 0; top: 50%; z-index: 1;
	content: ""; display: block;
	width: 30px; height: 1px;
	background: var( --color-main);
}
#pagination b::before{
	position: absolute; left: 0; top: 50%; z-index: 1;
	content: ""; display: block;
	width: 30px; height: 1px;
	background: var( --color-main);
}
#pagination b.first{
	padding-left: 0;
	padding-right: 70px;
}
#pagination b.last{
	padding-right: 0;
	padding-left: 70px;
}
#pagination b.last::after,
#pagination b.first::before{
	display: none;
}
#pagination b.last::before,
#pagination b.first::after{
	width: 60px
}
/*************/
/* Rectangle Out */
.btn-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var( --color-main);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.rounded-pill.btn-hover:before {
	border-radius: 50rem;
}
.btn-hover:hover, .btn-hover:focus, .btn-hover:active {
  color: white;
}
.btn-hover:hover:before, .btn-hover:focus:before, .btn-hover:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
/*************/
.header__xs{
	display: none;
	/* translateY(-50%) */
}
.header__xs > a{
	display: inline-block;
	transform: all 200ms ease;
}
.header__xs img{
	display: inline-block;
	height: 18px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.header__xs > a.link{
	padding: 5px 10px;
	background-color: var( --color-main);
	color: #fff;
	font: bold 13px/1.1 var( --ftitle);
}
.btn-menuxs{
	margin-left: .5rem;
	color: rgb(58, 58, 58);
	padding: 10px;
	font-size: 21px; line-height: 1;
	transform: all 200ms ease;
}
/*************/
#button-share{
	margin:35px 0 0px; padding:15px 15px;
	text-align:left;
	background: #f2f2f2;
}
#button-share .header{
	font-weight:600;
	font-size:13px; font-weight:bold; position:relative;
	display:inline-block;	line-height:23px;
}
#button-share > a{
	display: inline-block; vertical-align: middle;
}
#button-share .share-item{
	color:#FFF; font-size:10px; font-weight:bold; position:relative; margin-left:10px;
	display:inline-block; padding-right:10px; background:#de4501;
	line-height:23px;
}
#button-share a:last-child .share-item{
	margin-right:0;
}
#button-share .share-item b{
	font-weight:bold;
}
#button-share .share-item i{
	background:#FFF; display:inline-block; padding:6px 10px 7px 7px;
	margin:0 10px 0 0; color:#373c43;
	text-align:center; color:#5d72a4; width:28px; font-size:12px;
}
#button-share .share-item i:after{
    border: medium solid transparent;    content: " ";     pointer-events: none;
		height: 0;       position: absolute;    left: 28px;    top: 50%;    width: 0;
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #fff;
    border-width: 5px;    margin-top: -5px;
}
#btn-scrolltop{
	position:fixed; right:15px; bottom:200px; z-index:999;
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none; display: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-google,
#button-share .share-google{
	background:#db5c4b;
}
#button-share .share-google i{
	color:#db5c4b;
}
.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;
}
#button-share .share-pinterest i{
	color:#f20000;
}
.bg-link,
#button-share .share-link{
	background:#2f70b0;
}
#button-share .share-link i{
	color:#2f70b0;
}
.color-youtube{
	color: #F00;
}
.bg-youtube{
	background: #F00;
}
.color-instagram{
	color: #000;
}
/*********************
*************/
.btn_mobile{
	position: absolute; right: 15px; top: 50%;
	transform: translateY( -50%);
	border: none; background: none;
	padding: 0; margin: 0;
	width: 45px; height: 40px; text-align: center;
	line-height: 40px;		font-size: 22px;
	display: none;
	color: var( --color-blue);
}
/*********************
*************/
#undefined-sticky-wrapper,
#header-sticky-wrapper{
	height: auto !important;
}
.is-sticky .header__logo__wrapper{
	position: relative; top:0;
	background-color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.is-sticky .header__logo__container{
	box-shadow: none;
}
.is-sticky .header__logo{
	padding-top: .2rem; padding-bottom: .30rem;
}
.is-sticky .navigation li{
	padding-top: 9px;
}
.is-sticky .header__logo img{
	height: 50px;
}
.navitem_home a{
	transition:all 0.2s ease-out 0s;	-moz-transition:all 0.2s ease-out 0s;	-webkit-transition:all 0.2s ease-out 0s;
}
/*********************
*************/
#header{
	width:100%;	display:block; float:left; clear:both;
	font-size:12px;	padding:0px; margin:0; color: #000;
	background-size: cover;
	transition:all 0.3s ease-out 0s;	-moz-transition:all 0.3s ease-out 0s;	-webkit-transition:all 0.3s ease-out 0s;
	width: 100vw;
}
/*********************/
.header-top{
	position: relative; z-index: 2;
	background-color: var( --color-main);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	font: 12px/1.1 var( --ftitle);
	color: #fff;
	padding-top: .25rem; padding-bottom: .25rem;
}
.header-top a{
	position: relative;
}
.header-top a::after{
	position: absolute; left: 0; bottom: -2px;
	content: ""; display: block;
	width: 0%; height: 1px;
	background-color: #fff;
	transition:all 0.35s ease-out 0s;	-moz-transition:all 0.35s ease-out 0s;	-webkit-transition:all 0.35s ease-out 0s;
}
.header-top a:hover{
	color: #fff;
}
.header-top a:hover::after{
	width: 100%;
}
/*********************/
.header__logo__container{
	position: relative;
	margin-left: 0; margin-right: 0;
	background: #fff;
	text-align: right;
	transition:all 0.2s ease-out 0s;	-moz-transition:all 0.2s ease-out 0s;	-webkit-transition:all 0.2s ease-out 0s;
}
.header__logo{
	z-index: 9;
	width: 220px;
	padding-top: .5rem;
	padding-bottom: .5rem
}
.header__logo img{
	max-width: 100%; height: 60px;
	display: inline-block;
	transition:all 0.2s ease-out 0s;	-moz-transition:all 0.2s ease-out 0s;	-webkit-transition:all 0.2s ease-out 0s;
}
/****************/
.header__nav__container{
	--bs-gutter-x: 0;
	text-align: right;
	background-color: var( --color-blue);
	padding-left: 30px;
	position: relative;
}
.header__nav__container::after{
	position: absolute; left: 100%; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100vw; height: 100%;
	background-color: var( --color-blue);
}
.header__nav__container::before{
	content: "";
	background: url( img/header-bg-left.png) no-repeat right center;
	background-size: cover;
	height: 100%; width: 50px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/***************/
.navigation,
.navigation li{
	margin: 0; padding: 0; list-style-type: none;
	min-height: 100%;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.navigation{
	font: bold 13px/20px var( --ftitle); text-transform: uppercase;
	display: flex;
	justify-content: flex-end;
}
.navigation li{
	position: relative;
	display: inline-block;
	padding: 12px 26px 0; 
	display: flex; flex-direction: row;
	align-items: center;
}
.navigation a{
	color: #fff; text-decoration: none;
	position: relative;
}
.navigation li.selected::before{
	position: absolute; left: 20px; bottom: 0;
	width: calc( 100% - 40px); height: 3px;
	content: "";
	background-color: var( --color-yellow);
}
.navigation a:hover{
	color: var( --color-yellow); text-decoration: none;
}
.navigation > li > a{
	border-bottom: 4px solid rgba( 255, 255, 255, 0)
}
.navigation .selected > a{
}
/***************/
.navigation .header_navlang{
	padding-left: 1.5rem; padding-right: 2rem;
	padding-bottom: 5px;
}
.navigation .header_navlang .btn{
	padding: 0;
	font-size: 13px;
}
.navigation .header_navlang img{
	display: inline-block;
	height: 20px; margin-right: .25rem;
	border-radius: .15rem;
}
/***************/
.header_navhotline > a{
	display: block;
	color: #fff;
	background-color: #fff; color: var( --color-main);
	padding: .4rem .75rem;
	border: none !important;
	border-radius: 5px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	letter-spacing: .5px;
	margin-bottom: 7px;
}
.header_navhotline img{
	display: inline-block;
	height: 18px; width: auto;
	margin-right: .5rem;
}
.header_navhotline > a:hover{
	background-color: var( --color-yellow);
	color: #fff;
}
/***************/
.header-top-social .border-line::before{
	position: absolute; right: 0; top: 50%; z-index: 1;
	transform: translateY( -50%);
	content: ""; display: block;
	background-color: #fff;
	width: 1px; height: 12px;
}
.header-top-social .footer_social{
	text-align: right; position: relative;
	display: inline-block;
	
}

.header-top-social .footer_social li{
	padding: 0 !important;
}
.header-top-social .footer_social a{
	display: block;
	min-width: 26px;
}
.header-top-social .footer_social .fab{
	font-size: 13px;
}
/****************/
.navigation-submenu{
	--bs-gutter-x: 1.5rem;
	position: absolute; left: 0; top: 100%;
	z-index: 9999;
	width: 320px; max-height: 0; overflow: hidden;
	background-color: #fff;
	margin: 0; padding: 0; list-style: none;
	text-align: left;
	transition: max-height 0.5s ease-in; -moz-transition: max-height 0.5s ease-in; -webkit-transition: max-height 0.5s ease-in;

}
.navigation-submenu li{
	clear: both; display: block;
	margin: 0; padding: .65rem 1rem; list-style: none;
	font-size: 14px; line-height: 20px;
	border-bottom: 1px solid #ddd;
	text-transform: capitalize;
	font-weight: normal;
}
.navigation-submenu a{
	color: #000;
}
.navigation li:hover .navigation-submenu{
	max-height: 90vh;
	transition: max-height 0.3s ease-in; -moz-transition: max-height 0.3s ease-in; -webkit-transition: max-height 0.3s ease-in;
}
/***************/
#footer{
	font-size:14px; line-height:24px; color: rgba(255, 255, 255, 0.9); font-weight: 400;
	position:relative;
	margin-top: 0px; padding-top: 0;
	background: var( --color-main);
}
.footer__info__text{
	font-size: 13px; line-height: 22px; font-weight: 300;
	color: #fff;
	text-align: center;
}
.footer__info__text p{
	margin-bottom: 3px;
}
.footer__text p:last-child{
	margin-bottom: 3px;
}
.footer__text .footer_social{
		display: none;
}
/*******************/
.footer_navigation_wrapper{
	padding-bottom: .8rem; margin-bottom: 1.5rem;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
/******/
.footer_info a{
	color: inherit;
}
.footer_navigation{
	--bs-gutter-x: 3rem; --bs-gutter-y: .8rem;
	font-family: var( --ftitle);
	margin: 0 0 ; padding: 0; list-style-type: none;
	line-height: 22px;
	display: flex; flex-wrap: wrap;
	justify-content: center;
}
.footer_navigation li{
	flex: 0 0 auto; width: auto;
	position: relative;
	text-transform: capitalize;
}
.footer_navigation a{
	color: inherit; text-decoration: none;
}
.footer_navigation a:hover{
	color: var( --color-yellow); text-decoration: none;
}
/**************/
.footer__author{
	margin-top: 1.5rem;
	padding-top: 1rem; padding-bottom: 1rem;
	background-color: rgb(30, 31, 57);
	text-align: center;
	font: 300 13px/22px var( --ftitle)
}
.footer__author a{
	color: inherit; text-decoration: none;
}
.footer_social__title{
	font-size: 21px; text-transform: bold;
	font-weight: 500; text-align: center;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
.footer_social{
	margin:  0px 0; padding: .15rem 0; list-style-type: none;
	line-height: 22px;
	text-transform: capitalize;
}
.footer_social .fab{
	font-size: 15px; vertical-align: middle;
}
.footer_social a{
	text-align: center;
	display: inline-block;
	min-width: 32px; 
	color: #fff;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.footer_social a:hover{
	background: var( --color-yellow); color: #000;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.footer_social a.img{
	width: auto;
	background: none;
}
.footer_social a.img img{
	height: 100%; width: auto;
}
.footer_social a.img:hover{
	background: none;
}
.footer_social li{
	display: inline-block;
	margin-right: .35rem;
}
.footer_social li:last-child{
	margin-right: 0;
}
#footer .footer_social{
	margin: 1rem 0px 0; padding: 0; list-style-type: none;
	line-height: 22px;
	text-transform: capitalize;
}

#footer #footer.footer_social .fab{
	font-size: 17px; vertical-align: middle;
}
#footer .footer_social a{
	height: 32px;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	color: #000; 
	background-color: #fff;
}
#footer .footer_social li{
	margin-right: .75rem;
}
/**************************/
.fixed-bottom{
	position: fixed; left: 0; bottom: 0;
	background-color: var( --color-main);
	color: #fff;
	text-align: center;
	box-shadow: 0 -.5rem 1rem rgba(0,0,0,.15);
	padding-top: .35rem; padding-bottom: .35rem;
}
.fixed-bottom a{
	position: relative;
	font-size: 13px; line-height: 1.1; font-weight: 400;
	display: inline-block;
	margin: 0 1.5rem;
	padding: .35rem 0rem;
	background-color: var( --color-main);
}
.fixed-bottom a::before{
	position: absolute; left: -1.5rem; top: 50%; z-index: 1;
	transform: translateY( -50%);
	content: ""; display: block;
	width: 1px; height: 18px;
	background-color: rgba( 255, 255, 255, .9);
}
.fixed-bottom a:first-child:before{
	display: none;
}
.fixed-bottom .fab,
.fixed-bottom .fa{
		font-size: 17px;
}
.fixed-bottom svg{
	height: 16px; width: auto;
	vertical-align: middle;
}
.fixed-bottom a:hover{
	color: var( --color-yellow);
}
/**************************/
.pagemain-cover{
	margin-bottom: 2.5rem;
}
.pagemain-cover-img::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: none;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.35); color: #fff;
}
.pagemain-cover-caption{
	position: absolute; left: 50%; top: 53%; z-index: 2;
	transform: translateX( -50%);
}
.pagemain-cover-title{
	display: inline-block;
	margin: 0; padding: .5rem 1.5rem;
	font: bold 39px/1.3 var( --ftitle);
	letter-spacing: 2px;
	background-color: rgba(104, 78, 55); color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
/*************/
.breadcrumb_wrapper{
	background-color: var( --bs-gray);
	color: #000;
	font-weight: 400; font-size: 13px; line-height: 16px;
	padding-top: .66rem; padding-bottom: .6rem;
	margin-bottom: 2rem;
	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.bgmain__breadcrumb > .breadcrumb{
	padding-left: var(--bs-gutter-x,.75rem);
	padding-right: var(--bs-gutter-x,.75rem);
}
/*************/
.owl-theme .owl-nav{
	margin:0 !important;
}
.owl-theme .owl-dots{
	margin-bottom: 0px;
	margin-top: 15px;
}
.owl-theme .owl-dots .owl-dot span{
	width: 12px; height: 12px; margin: 0 5px;
	background: rgba(255, 255, 255, .6);
	transition: width 0.3s ease; -moz-transition: width 0.3s ease; -webkit-transition: width 0.3s ease;
}
.owl-theme .owl-dots .owl-dot span:hover{
	background: #000;
}
.owl-theme .owl-dots .owl-dot.active span{
	width: 28px; background: #fff;
}
.owl-theme .owl-nav{
	margin:0 !important;
}
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next{
	position: absolute; top: 50%; z-index: 99;
	width: 40px; height: 70px; margin: -40px 0 0;
	line-height: 60px; border: none;
	border-radius: 0; background: none;
	background-position: center;	background-repeat: no-repeat;
	background-size: 15px auto;
	text-indent: 500px; overflow: hidden;
	transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}
.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover{
	background-color: var( --color-blue);
	transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}
.owl-theme .owl-nav .owl-prev{
	right: -20px;
	background-image: url( img/arrow-right-black.png);
}
.owl-theme .owl-nav .owl-next{
	left: -20px;
	background-image: url( img/arrow-left-black.png) ;
}
/***********************************/
#owl_home .img{
	display: block; margin: 0;
}
#owl_home .owl-item a{
	color:#FFF; text-decoration:none;
}
#owl_home .owl-item .item{
	position:relative; display:block; width:100%;
}
#owl_home .owl-dots{
	position:absolute; left: 50%; bottom:10px; z-index:2;
	transform: translateX( -50%);
	margin:0; width:auto; text-align: center;
}
#owl_home .owl-dots .owl-dot{
	display: inline-block;
	margin:0 7px;
}
#owl_home .owl-dots .owl-dot span{
	width:13px; height:13px; margin: 0;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	background: var( --color-main);
	border-radius: 50%;
}
#owl_home .owl-dots .owl-dot.active  span{
	background: var( --color-yellow);
	width: 36px;
	border-radius: 6px;
}
#owl_home .owl-nav .owl-prev,
#owl_home .owl-nav .owl-next{
	background-color: #fff;
	width: 44px; height: 44px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	color: #000;
	background-size: 14px auto;
}
#owl_home .owl-nav .owl-prev{
	right: 2rem; left: auto;
}
#owl_home .owl-nav .owl-next{
	left: 2rem;
}
#owl_home .owl-nav .owl-prev:hover,
#owl_home .owl-nav .owl-next:hover{
	background-color: var( --color-main);
}
#owl_home .owl-nav .owl-prev:hover{
	background-image: url( img/arrow-right.png);
}
#owl_home .owl-nav .owl-next:hover{
	background-image: url( img/arrow-left.png);
}
/***********************************************
***********************/
.title-page{
	font-family: var( --ftitle);
	font-size: 29px;
	font-weight:bold; line-height: 1.4em;
	margin:0px 0 1rem; padding: 0 0 0px;
	color: var( --color-main);
}
.title-page > b{
	color: var( --color_blue);
}
.title-page a{
	color:inherit; text-decoration:none;
}
.title-page a:hover{
	color: var( --color-yellow);
}
.title-page.text-sm{
	font-size: 27px;
}
.titlesub-page{
	font-size: 25px; text-transform: capitalize;
	font-weight:700; line-height: 1.4;
	margin:0px 0 5px; padding: 0 0 0px;
	color: #000;
}
.page-quote,
.quote-page{
	margin:0 auto 20px; padding:0;
	font-size:17px; line-height:1.7;
	font-weight:600; color: #000
}
.dcontent,
.dcontent pre{
	font-size:16px; line-height:28px; font-weight: 400;
	color: #000;
}
.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:inherit; text-decoration: none;
}
.dcontent a:hover{
	color:var( --color-main); text-decoration:none;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;
}
.dcontent h1,
.dcontent h2,
.dcontent h3,
.dcontent h4,
.dcontent h5,
.dcontent h6{
	line-height:120%;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;
}
.dcontent h1{
	font-size:115%;
	line-height:170%;
}
.dcontent h2{
	font-size:110%; font-weight:bold;
	line-height:160%;
}
.dcontent h3{
	font-size:105%; font-weight:bold;
	line-height:150%;
}
.dcontent h4{
	font-size:14px; font-weight:normal;
	line-height:24px;
}
.dcontent h5{
	font-size:95%; font-weight:normal;
	line-height:95%;
}
.dcontent h6{
	font-size:90%; font-weight:normal;
	line-height:90%;
}
.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 li{
	margin-bottom: 3px;
}
.dcontent table{
	border-collapse: collapse !important;
	width: 100% !important;
	max-width: 100%;
	margin-bottom: 20px;
}
.dcontent table > thead > tr > th,
.dcontent table > tbody > tr > th,
.dcontent table > tfoot > tr > th,
.dcontent table > thead > tr > td,
.dcontent table > tbody > tr > td,
.dcontent table > tfoot > tr > td {
	padding: 8px;
	vertical-align: middle;
}
.dcontent table > thead > tr > th {
	vertical-align: bottom; background-color:#EEE;
}
.dcontent table[border] tbody, 
.dcontent table[border] td, 
.dcontent table[border] tfoot, 
.dcontent table[border] th, 
.dcontent table[border] thead, 
.dcontent table[border] tr {
	border-width: 1px
}
/*****************/
.homebox-item{
	padding-top: 2.25rem; padding-bottom: 2.25rem;
}
.homebox-header{
	text-align: center;
}
.homebox-header-title{
	position: relative;
	margin: 0 0 2rem; padding: 0 0 .75rem;
	font: bold 29px/1.3 var( --ftitle);
	color: var( --color-main);
}
.homebox-header-title::before{
	position: absolute; left: 50%; bottom: 0; z-index: 1;
	transform: translateX( -50%);
	content: ""; display: block;
	width: 95px; height: 3px;
	background: var( --color-main);
}
.homebox-header-title a{
	color: inherit;
}
.homebox-header-title a:hover{
	color: var( --colo-red);
}
.homebox-header-title small{
	font-size: 17px;
	margin-bottom: .25rem;
}
/***************************/
.home__about{
	padding-top: 3rem; padding-bottom: 3rem;
}
.home__about__container{
	margin-bottom: 2rem;
}
.home__about__dcontent{
	padding-left: 3rem;
}
.home__about__title{
	margin: 0 0 .5rem; padding: 0;
	font: bold 31px/1.35 var( --ftitle);
	color: var( --color-main);
}
.home__about__text{
	font-size: 16px; line-height: 28px; font-weight: 300;
	margin-bottom: 2rem;
}
.home__about__titlesub{
	position: relative;
	font: bold 17px/20px var( --ftitle);
	text-transform: capitalize;
	margin: 0 0 .15rem; 
	padding-left: 43px;
	color: var( --color-main);
}
.home__about__titlesub::before{
	position: absolute; left: 0; top: 12px;
	content: ""; display: block;
	width: 35px; height: 4px;
	background-color: var( --color-yellow);
}
.home-about-btn{
	background-color: var( --color-blue);
	font: bold 15px/1.3 var( --ftitle);
	color: #fff; 
	padding: .5rem 1.5rem;
	box-shadow: 0 .15rem .5rem rgba(0,0,0,.1);
}
.home-about-btn .fas{
	margin-right: .25rem;
}
.home-about-btn:hover{
	color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transform: translateX( 10px);
	background-color: var( --color-yellow);
}
/***************************/
.pagehth__item_des{
	padding: 2rem 0 1.75rem 3rem;
}
.pagehth__item_title{
	margin: 0 0 .75rem; padding: 0;
	font: bold 23px/1.3 var( --ftitle);
}
.pagehth__item_des .dcontent{
	font-size: 15px; line-height: 24px; font-weight: 300;
}
.pagehth__item_des .dcontent p{
	margin-bottom: 10px;
}
.pagehth__item--rtl .pagehth__item_img{
	order: 2;
}
.pagehth__item--rtl .pagehth__item_des{
	order: 1;
	padding-right: 3rem; padding-left: 0;
}
/*****************/
.hnoibat_list{
	--bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem;
	padding: 0; list-style: none;
}
.hnoibat__item{
	position: relative;
}
.hnoibat_list .hnoibat__item:nth-child( 4n + 1) .hnoibat__itembox::before{
	display: none;
}
.hnoibat_list .hnoibat__item:nth-child( 1) .hnoibat__itembox::after,
.hnoibat_list .hnoibat__item:nth-child( 2) .hnoibat__itembox::after,
.hnoibat_list .hnoibat__item:nth-child( 3) .hnoibat__itembox::after,
.hnoibat_list .hnoibat__item:nth-child( 4) .hnoibat__itembox::after{
	display: none;
}
.hnoibat__itembox::before{
	position: absolute; left: 0; z-index: 1;
	top: calc( var( --bs-gutter-x ) * .5 ); bottom: calc( var( --bs-gutter-x ) * .5 );
	content: ""; display: block;
	width: 1px;
	border-right: 1px dashed #ccc;
}
.hnoibat__itembox::after{
	position: absolute; top: 0; z-index: 1;
	left: calc( var( --bs-gutter-x ) * .5 ); right: calc( var( --bs-gutter-x ) * .5 );
	content: ""; display: block;
	height: 1px; 
	border-top: 1px dashed #ccc;
}
.hnoibat__itembox{
	padding: 1rem 1.25rem;
	overflow: hidden;
	font-size: 15px; line-height: 24px;
	font-weight: 300;
	color: #000;
}
.hnoibat__highlight{
	font: bold 29px/1.1 var( --ftitle);
	color: var( --color-main);
	letter-spacing: 1px;
	margin: 0 0 .5rem;
}
.hnoibat__itembox img{
	width: 100%; height: 165px;
	object-fit: contain; object-position: center;
}
.hnoibat__title{
	margin: 0 0 .35rem; padding: 0;
	font-size: 15px; line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
}
/***************************/
.home_services{
	background-color: var( --bs-light);
	border-top: 1px solid #ccc;
}
.hservices_list{
	--bs-gutter-x: 2.5rem; --bs-gutter-y: 2.5rem;
}
.hservices__itembox{
	display: block;
	border-radius: 8px; overflow: hidden;
	background-color: #fff;
	color: var( --color);
	padding: 0;
}
.hservices__itembox .hservices__item_img{
	display: block;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.hservices__item_des{
	padding: 1.25rem 1.5rem 1.1rem;
}
.hservices__itembox .hservices__item_title{
	font-size: 17px;
	margin: 0 0 .25rem;
}	
.hservices__itembox:hover{
	color: #fff;
	background-color: var( --color-main);
	transform: translateY( -9px);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.hservices__itembox.img-hover-zoom:hover .img-zoom{
	transform: scale(1.025);
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
}
/***************************/
.home_quytrinh{
	background: var( --color-main);
	color: #fff;
}
.quytrinh_homebox-header{
	max-width: 70%;
	margin: auto;
}
.quytrinh_homebox-header .dcontent{
}
.hquytrinh__item{
	text-align: center;
}
.home_quytrinh .homebox-header-title{
	color: #fff;
}
.home_quytrinh .homebox-header-title::before{
	background-color: #fff;
}
.hquytrinh__list{
	--bs-gutter-x: 0;
	padding: 0; list-style: none;
	margin-top: 0; margin-bottom: 0;
}
.hquytrinh__itembox{
	display: inline-block;
	text-align: center;
	position: relative;
}
.hquytrinh__itembox_img{
	border: 4px solid #fff;
	padding: 1.25rem; margin-bottom: 0;
	object-fit: contain; object-position: center;
	border-radius: 50%;
	display: inline-block;
	position: relative; z-index: 9;
	background-color: var( --color-main);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.hquytrinh__itembox img{
	height: 60px; width: 60px;
	object-fit: contain; object-position: center;
}
.hquytrinh__itembox_title{
	position: relative;
	margin: 0; padding: 50px 0 0;
	font: bold 15px/1.3 var( --ftitle);
	text-transform: capitalize;
}
.hquytrinh__itembox_number{
	display: block; clear: both;
	font-size: 35px; letter-spacing: 1.25px;
	color: rgb(255, 255, 255, .5);
	text-align: center;
}
.hquytrinh__itembox_title::before{
	position: absolute; left: 50%; top: 0; z-index: 1;
	content: ""; display: block;
	width: 6px; height: 45px;
	border-left: 2px dashed rgb(255, 255, 255, .8);
}
.hquytrinh__list .hquytrinh__item:nth-child(2n){
	padding-top: 120px;
}
.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::before,
.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::after{
	position: absolute; z-index: 1;
	content: ""; display: block;
	width: 200%; height: 5px;
	background-color: #fff;
}
.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::before{
	left: -170%; top: -10%;
	transform: rotate( 35deg);
}
.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::after{
	right: -170%; top: -10%; 
	transform: rotate( -35deg);
}
.hquytrinh__list .hquytrinh__item:last-child .hquytrinh__itembox::after,
.hquytrinh__list .hquytrinh__item:first-child .hquytrinh__itembox::before{
		display: none;
}
/***************************/
.homebloggroup__container{
	padding-bottom: .5rem;
	padding-top: 0;
}
.homeblog-group{
	position: relative;
	--bs-gutter-x: 6rem
}
.homeblog-group > *{
	position: relative;
	padding-top: 2rem;  padding-bottom: 2rem;
}
.homeblog-group--daybongda::before,
.homeblog-group--blog::before{
	position: absolute;
	top: 0; z-index: 1;
	content: "";
	display: block;
	width: 100%; height: 100%;
}
.homeblog-group--daybongda::before{
	right: 100%;
}
.homeblog-group--blog::before{
	left: 100%;
}
.homeblog-group--daybongda::before,
.homeblog-group--daybongda{
	background-color: var( --color-main);
}
.homeblog-group--blog::before,
.homeblog-group--blog{
	background-color: var( --color-yellow);
}
.homeblog-group .homebox-header-title{
	font-size: 23px;
	padding-bottom: .5rem; margin-bottom: 1.75rem;
}
.homeblog-group .homebox-header-title::before{
	left: 0;
	transform: none;
}
.homeblog-group--daybongda,
.homeblog-group--daybongda a{
	color: #fff;
}
.homeblog-group--daybongda .homebox-header-title::before{
	background-color: #fff;
}
.homeblog-group--blog,
.homeblog-group--blog a{
	color: #000;
}
.homeblog-group--blog .homebox-header-title::before{
	background-color: #000;
}
.homeblog-group .homeblog__item{
	--bs-gutter-x: 0;
	border-bottom: 1px solid rgba( 255, 255, 255, .5);
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}
.homeblog-group--blog .homeblog__item{
	border-color: #000
}
.homeblog-group  .homeblog__item_info{
	padding-left: 1.75rem;
	font-weight: 300; font-size: 14px;
}
.homeblog-group .homeblog__item:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
/***************************/
.homeblog__item{
	margin-bottom: 2rem;
}
.homeblog__item_img{
	width: 230px;
	margin-bottom: 0;
}
.homeblog__item_info{
	font-size: 15px; line-height: 24px;
	padding-left: 1rem; 
}
.homeblog__item_title{
	margin: 0 0 .75rem; padding: 0;
	font: bold 19px/1.3 var( --ftitle);
	color: #111
}
.homeblog__item_img{
	/* padding-left: 0; */
}
.homeblog__item_img > a{
	display: block; overflow: hidden;
}
.homeblog__item_img img{
	width: 100%; max-height: 180px;
	object-fit: cover; object-position: center;
}
.homeblog__item a:hover{
	color: var( --color-yellow);
}
.homeblog__listitem .homeblog__item{
	margin-left: 0; margin-right: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1.25rem; margin-bottom: 1.25rem;
}
.homeblog__listitem .homeblog__item:last-child{
	border-bottom: none; padding-bottom: 0; margin-bottom: 0;
}
/***************************/
.homeblog__lg_img img{
	width: 100%; max-height: 450px;
	object-fit: cover; object-position: center;
}
.homeblog__lg_info{
	font-size: 15px; line-height: 26px;
}
.homeblog__lg_title{
	margin: 0 0 .75rem; padding: 0;
	font: bold 29px/1.3 var( --ftitle);
	color: var( --color-main)
}
/***************************/
.blogdetail__container{
		padding: 3.5rem 4rem 3rem;
}
.blogdetail__container .dcontent{
	font-size: 17px; line-height: 28px;
}
/***************/
.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;
}
/***************************************/
blockquote{
	padding: 10px 15px; margin-bottom: 1.3rem;
	background: #f4f4f4;
	border: 1px solid #DDD;
	border-left: 5px solid var( --color-yellow);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	line-height: 26px;
}
.dcontent blockquote p{
	margin-bottom: 5px;
}
.dcontent blockquote p:last-child{
	margin-bottom: 0;
}
/***************************
**************************/
.aboutteacher-wrapper{
	padding-top: 3rem; padding-bottom: 3rem;
}
.aboutteacher__list{
	--bs-gutter-x: 2rem;
	--bs-gutter-y: 2rem;
}
.aboutteacher__item_img{
	margin-bottom: .75rem;
}
.aboutteacher_des{
	font-size: 14px;
}
.aboutteacher_title{
	margin: 0 0 .25rem; padding: 0;
	font: bold 17px/22px var( --ftitle)
}
/***************************/
.tuyendung_item{
	margin-bottom: 1.25rem; margin-top: 0;
	border-top: 1px solid rgba(0,0,0,.125) !important;
}
.tuyendung_item_title{
	display: block; clear: both;
	margin: 0 0 .1rem; padding: 0;
	font: bold 19px/1.35 var( --ftitle);
	text-transform: uppercase;
}
.tuyendung_item__button{
	align-items: flex-start;
	font-size: 14px; line-height: 24px;
	color: #000;
}
.tuyendung_item__button.collapsed .tuyendung_item_title{
	color: var( --color);
}
.tuyendung_item__button.collapsed:hover .tuyendung_item_title{
	color: var( --color-main);
}
.tuyendung_item__button:not( .collapsed):focus,
.tuyendung_item__button:not( .collapsed){
	box-shadow: none;
	border-bottom: 1px solid rgba(0,0,0,.125) !important;
	background-color: var( --color-main);
}
.tuyendung_item__button:not( .collapsed) .tuyendung_item_title,
.tuyendung_item__button:not( .collapsed){
	color: #fff;
}
.tuyendung_item__button:not( .collapsed)::after{
	filter: invert(1) grayscale(100%) brightness(200%)
}
/***************************/
.page-location #header{
	position: relative; top: 0;
}
.page-location #header .header__logo__container{
	box-shadow: none;
}
#owl_location .item-video,
#owl_location img{
	height: 65vh; width: 100%;
	object-fit: contain; object-position: center;
}
#owl_location .owl-thumbs{
	display: flex; flex-wrap: wrap;
	margin: .75rem -.2rem;
	justify-content: center;
}
#owl_location .owl-thumbs > .owl-thumb-item{
	flex: 0 0 auto; width: calc( 100% / 15 );
	padding-left: .2rem; padding-right: .2rem;
	margin-bottom: .2rem;
	border: none; background: none; border-radius: 0;
}
#owl_location .owl-thumbs img{
	width: 100%; height: 50px;
	object-fit: cover; object-position: center;
	border-radius: 3px;
	padding: 0; background-color: #fff;
	border: 1px solid #fff;
	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;
}
#owl_location .owl-thumbs .active img{
	border-color: var( --color-yellow);
	padding: 1px;
}
#owl_location .owl-nav .owl-prev,
#owl_location .owl-nav .owl-next{
	top: 45%;
	background-color: #fff;
	width: 38px; height: 38px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	color: #000;
	background-size: 12px auto;
}
#owl_location .owl-nav .owl-prev{
	right: 1rem; left: auto;
}
#owl_location .owl-nav .owl-next{
	left: 1rem;
}
#owl_location .owl-nav .owl-prev:hover,
#owl_location .owl-nav .owl-next:hover{
	background-color: var( --color-main);
}
#owl_location .owl-nav .owl-prev:hover{
	background-image: url( img/arrow-right.png);
}
#owl_location .owl-nav .owl-next:hover{
	background-image: url( img/arrow-left.png);
}
/*********************************/
.bloglist__container{
	--bs-gutter-x: 2rem;
}
.blogitem{
	margin-bottom: 2rem;
}
.blogitem_box{
	display: block; background: #fff;
	overflow: hidden; text-decoration: none;
	height: 100%;
	font-size: 15px; line-height: 24px;
	color: #000;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0px 3px 50px -20px rgba(0, 0, 0, 0.175);
}
.blogitem_box a{
		text-decoration: none; color: #000
}
.blogitem__caption{
	padding: 1.25rem 1.5rem 2rem;
}
.blogitem_title{
	margin: 0 0 10px; padding: 0;
	font: bold 21px/1.3 var( --ftitle);
	color: #000
}
.blogitem_icon{
	display: inline-block;
	font-size: 17px; line-height: 1;
	vertical-align: middle;
	color: var( --color-blue);
}
.blogitem_icon > i{
	margin-right: 6px;
}
.blogitem_icon .fa-youtube{
	font-size: 19px;
}
.blogitem_box,
.blogitem__img img{
	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;
}
.blogitem__img img{
	display: block; width: 100%;
	height: 280px;
	object-fit: cover; object-position: center;
}
.blogitem_box:hover{
	text-decoration: none;
	transform: translateY( -5px);
	color: #000;
	box-sizing: 0 .5rem 1rem rgba(0,0,0,.15);
}
.blogitem_box:hover a,
.blogitem_box:hover .blogitem_title{
	color: var( --color-hover);
}
.blogitem_box:hover .blogitem__img img{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
/*************************/
.bloglist__container.row-cols-lg-4{
	--bs-gutter-x: 1.25rem;
}
.bloglist__container.row-cols-lg-4 .blogitem_box{
	background: var( --bs-light)
}
.bloglist__container.row-cols-lg-4 .blogitem__img img{
	height: 200px;
}
.bloglist__container.row-cols-lg-4 .blogitem__caption{
		padding: .75rem 1.25rem 1rem;
}
.bloglist__container.row-cols-lg-4 .blogitem_title{
	font-size: 17px;
	line-height: 24px;
}
.homeblog-group .homeblog__item_info{
	padding-left: 1rem;
}
/********************************/
.photolist__container .blogitem_title{
	margin-bottom: 0;
	text-align: center;
}
/********************************/
.other__container{
	background-color: var( --bs-gray);
	margin-top: 2rem; padding-top: 2rem; padding-bottom: 1rem;
	border-top: 1px solid #ccc;
}
.other__container .homebox-header-title{
	font-size: 29px;
	color: #000;
}
.other__container .homebox-header-title::before{
	background-color: #000;
}
/********************************/
.diadiem_wrapper{
	margin-left: 0; margin-right: 0;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 6px; overflow: hidden;
	margin-bottom: 3rem;
}
.diadiem_wrapper_img{
	padding-left: 0; padding-right: 0;
	border-right: 1px solid #ddd;
}
.diadiem_wrapper_img > img{
	width: 100%; height: 100%;
	object-fit: cover;
	object-position: center;
	min-height: 320px;
}
.diadiem_wrapper_img > iframe{
	width: 100% !important; height: 100% !important;
	min-height: 320px;
}
.diadiem_wrapper_des{
	padding: 1.5rem 2rem;
}
.diadiem_wrapper_des > hr{
	margin: 1.25rem 0 .75rem 0;
	background-color: #000;
	border: none;
	opacity: 1;
}
.diadiem_wrapper_title{
	margin: 0 0 .5rem; padding: 0;
	font: bold 23px/1.35 var( --ftitle);
}
.diadiem_wrapper_des .dcontent{
	font-size: 14px;
	line-height: 24px;
	color: #000;
}
/********************************/
.diadiem_accordion{
	margin-top: 1.5rem;
}
.diadiem_accordion .accordion-item{
	margin-bottom: .75rem; margin-top: 0;
	border-radius: .25rem;
	border: 1px solid var( --color-main);
	overflow: hidden;
}
.diadiem_accordion .accordion-item:last-child{
	border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 0;
}
.diadiem_accordion .accordion-button{
	background-color: var( --color-main);
	padding: .75rem 1.5rem;
	font: bold 15px/1.3 var( --ftitle);
	color: #fff;
}
.diadiem_accordion .accordion-button::after{
	filter: invert(1) grayscale(100%) brightness(200%)
}
.diadiem_classitem{
	margin: 0; padding: 0; list-style-type: none;
}
.diadiem_classitem > li{
	--width-btnreg: 135px;
	margin-left: 0; margin-right: 0;
	padding: .75rem;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}
.diadiem_classitem > li:nth-child(2n){
	background-color: var( --bs-light);
}
.diadiem_classitem > li:last-child{
	border-bottom: none;
}
.diadiem_classitem_header{
	width: calc( 100% - var( --width-btnreg ) );
}
.diadiem_classitem_reg{
	width: var( --width-btnreg);
}
.diadiem_classitem_reg .btn{
	background-color: var( --color-main);
	color: #fff;
	width: 100%;
	font: 14px/20px var( --ftitle);
}
.diadiem_classitem > li:hover{
	background-color: rgb(62, 64, 149, .15)
}
.diadiem_classitem > li:hover .f-title{
	color: var( --color-main);
}
/********************************/
body.diadiem-detail .breadcrumb_wrapper,
body.diadiem-detail .pagemain-cover{
	margin-bottom: 0;
}
.diadiemdetail-googlemap{
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5rem;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.diadiemdetail-googlemap > iframe{
	display: block;
	width: 100%; height: 460px;
}
.diadiemdetail-info{
	font-size: 15px;
	margin-bottom: 3rem;
}
.myform{
	background-color: var( --bs-light);
	border: 1px solid #ddd;
	padding: 1.5rem 4rem 2.5rem;
	border-radius: .25rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.diadiemdetail-freg-header,
.myform-header{
	margin-bottom: 0rem;
	margin-top: 0;
}
.diadiemdetail-freg-title,
.myform-title{
	margin: 0; padding: 0;
	text-align: center;
	font: bold 37px/1.4 var( --ftitle);
	text-transform: capitalize;
	color: var( --color-main);
}
.diadiemdetail-freg-title > small,
.myform-title > small{
	display: block; clear: both;
	font-size: 23px;
	font-weight: bold;
	color: #222;
	text-transform: capitalize;
}
/********************************/
.diadiemdetail-freg-label,
.myform-label{
	display: block;
	border-radius: 50px;
	background-color: var( --color-main); color: #fff;
	padding: .6rem 1.35rem; margin: 1.5rem -1rem 0;
	width: calc( 100% + 2rem );
	max-width: none;
	font: bold 15px/1.3 var( --ftitle);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.diadiemdetail-freg .form-label,
.myform .form-label{
	font-weight: 500;
	text-transform: capitalize;
}
.myform .form-select *,
.myform .form-select,
.myform .form-control{
	font-family: var( --ftitle);
	font-size: 16px;
	line-height: 24px;
}
.myform .form-select,
.myform .form-control{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.diadiemdetail-freg-btn,
.myform-btn{
	background-color: var( --color-main); color: #fff;
	padding: .75rem 1.5rem;
	font: bold 16px/22px var( --ftitle);
	text-transform: uppercase;
	min-width: 180px;
}
.diadiemdetail-freg-btn:hover,
.myform-btn:hover{
	color: var( --color-yellow);
}
/****************/
.freg_error{
	font-size: 13px;
	color: var( --bs-danger);
}
.diadiemdetail-freg--message,
.myform--message{
	background-color: rgb(209, 231, 221) !important; 
	border-color: rgb(186, 219, 204) !important;
}
/*******************
********************************/
.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(../fonts/lg.eot?n1z373);src:url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content: "\f09a";}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\f099"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\f0d5"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\f0d2"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:96%;max-height:85vh;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}

/********************/
.lg-backdrop,
.lg-outer{
	z-index:9999;
}
.lg-outer .lg-thumb-outer{
	text-align:center;
}
.lg-outer .lg-thumb{
	margin:auto;
}
.lg-icon{
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;

}
.lg-outer .lg-toogle-thumb::after{
	content: "\f103";
}
.lg-actions .lg-next::before{
	content: "\f101";
}
.lg-actions .lg-prev::after{
	content: "\f100";
}
.lg-toolbar .lg-close::after{
	content: "\f00d";
}
.lg-autoplay-button::after{
	content: "\f144";
}
.lg-show-autoplay .lg-autoplay-button::after{
	content: "\f28b";
}
.lg-fullscreen::after{
	content: "\f0b2";
}
#lg-zoom-in::after{
	content: "\f00e";
}
#lg-zoom-out::after{
	content: "\f010";
}
#lg-actual-size{
	display:none;
}
.lg-outer #lg-share::after{
	content: "\f1e1";
}
/**********************/
.post_photo{
		margin-left: -3px; margin-right: -3px;
}
.photoitem{
	padding: 3px;
}
.lightgallery-item{
	display: block;
	border-radius: 6px; overflow: hidden;
}
.photoitem img{
	display: block;
	width: 100%; height: 135px;
	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);
}
.postphoto__title{
	font: bold 21px/1.3 var( --ftitle);
	color: var( --color-main);
	margin-bottom: .25rem;
}
/******************/
.mymodal .modal-dialog{
	max-width: 700px; padding-top: 3vh;
}
.mymodal .modal-content{
	background: var( --bs-light); border: none;
	color: #000;	font-size: 14px; line-height: 24px;
}
.mymodal .modal-header{
	background: var( --color-main); color: #FFF;
}
.mymodal .modal-title{
	font-size: 17px; line-height: 1.2;
	font-weight: bold; color: #fff;
	font-family: var( --ftitle);
}
.mymodal .modal-dialog{
	margin-top: 5vh;
}
.mymodal .modal-header{
		background: var( --color-main); color: #fff;
		font-family: var( --ftitle);
		font-size: 15px; line-height: 20px; text-transform: capitalize;
		padding: .75rem 1rem;
		border: none;
}
.mymodal.modal-title{
	font-size: 15px; line-height: 20px; text-transform: capitalize;
	font-weight: bold;
}
/*******************
********************************/
.fphieukhaosat{
	padding: 3rem;
	background-color: var( --bs-light);
	border: 1px solid #ddd;
}

/*******************
********************************/
body.model_popup{
	overflow: visible !important;
	padding-right: 0 !important
}
#modal_popup .close{
	position: absolute; right: 0; top: 0; z-index: 9;
	transform: translateY( -100%);
	background: var( --color-yellow); color: #FFF;
	display: block;	opacity: 1;
	font-size: 11px; font-weight: normal;
	line-height: 1.3;	padding: 3px 8px;
	border-radius: 0;
}
#modal_popup .modal-dialog{
	max-width: 620px;
}
#modal_popup .modal-content{
	background: none; 	box-shadow: none; border: none;
	width: auto;
	margin: auto;
}
/***************/
#phonering-alo-phoneIcon{
  position: fixed; bottom: 100px; left: -15px; z-index: 9;
  display: none;
}
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}
.phonering-alo-ph-circle {
    width:80px;
    height:80px;
    top:20px;
    left:20px;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color: var( --color-yellow);
    opacity:1;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: var( --color-yellow);
    opacity:1;
}
.phonering-alo-ph-circle-fill {
    width:60px;
    height:60px;
    top:30px;
    left:30px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    outline: none; border: none;
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color: var( --color-yellow);
}
.phonering-alo-ph-img-circle {
    width:45px;    height:45px;
    top:37px;    left:37px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 30px auto;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    outline: none; border: none;
}
.phonering-alo-ph-img-circle img{
  width: 100%; height: auto; display: inline-block;
  outline: none; border: none;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: var( --color-yellow);
}
@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

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

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

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

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

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

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

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

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

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

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

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

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

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

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

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
/***********************************/
body.open-menuxs{
	overflow: hidden; width: 100vw; height: 100vh;
}
body.open-menuxs .header__nav__container{
	transform: translateX( 0);
	transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
}
body.open-menuxs .navigation a:hover{
	color: var( --color-main);
}
body.open-menuxs .header_navhotline > a{
	padding: 0; 
}
body.open-menuxs .header_navhotline img{
	background-color: #fff;
	border-radius: 50px; overflow: hidden;
	width: 40px; height: 40px;
	padding: 7px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
body.open-menuxs .header_social .footer_social li{
	margin-right: 1rem;
}
.tocmain__wrapper{
	font-size: 14px; line-height: 26px;
}
.tocmain__wrapper > button{
	font-weight: bold;
}
/*********************/
#button-contact-vr {
    position: fixed;
    bottom: 3rem;
    z-index: 99999;
}
/*phone*/
#button-contact-vr .button-contact {
    position: relative;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 86px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
    max-width: 30px;
}
@-webkit-keyframes phone-vr-circle-fill {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    background: rgb(232, 58, 58);
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;white-space: nowrap;
}
.phone-bar a:hover {
    opacity: 0.8;color: #fff;
}
@media(max-width: 736px){
    .phone-bar{display: none;}
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, 0.8);
}
#viber-vr .phone-vr-img-circle {
    background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 rgb(24, 119, 242);
    background-color: rgb(24, 119, 242, .7);
}
#contact-vr .phone-vr-img-circle {
    background-color: rgb(24, 119, 242);
}