:root {
	--bs-body-font-family: 'Montserrat', sans-serif;
	--bs-body-color: #3d3d3d;
	--bs-primary-rgb: 0, 73, 145;
	--bs-secondary-rgb: 0, 99, 62;
	/* --bs-success-rgb: 0, 99, 62; */
	--bs-success-rgb: 0, 116, 74;
	--bs-success-text-emphasis: #00965f;
	--bs-warning-rgb: 252, 216, 44;
	--bs-border-color: #d0d0d0;
	--bs-light-rgb: 235, 235, 235;
	--bs-light-bg-subtle: #fafafa;
	--bs-info-rgb: 101, 192, 236;
	/* --bs-primary-bg-subtle: #7FCFF5; */
	--bs-primary-bg-subtle: #65c0ec;
	/* --bs-primary-text-emphasis: #6FC9F4; */
	--bs-primary-text-emphasis: #65c0ec;
	--bs-warning-text-emphasis: #f39200;
	--bs-warning-bg-subtle: #f39200;
	--bs-success-border-subtle: #28936c;
	--bs-dark-border-subtle: #cccecf;
	--c1: #004991;
	/* --c2: #00633e; */
	--c2: #00965f;
	--c3: #65c0ec;
	--c4: #f39200;
}

/* ------ dark ------ */
[data-bs-theme=dark] {
	color-scheme:dark;
	--bs-body-bg:#202225;
	--bs-body-bg-rgb:32,34,37;
	/* --bs-primary-rgb: 80, 157, 233; */
	--bs-primary-rgb: 96, 169, 241;
	--bs-primary-bg-subtle: #0b3f58;
	--bs-success-rgb: 70, 166, 131;
	--bs-link-color:#0e0f0f;
	--bs-link-hover-color:#d7dee6;
	--bs-link-color-rgb:222,226,230;
	--bs-link-hover-color-rgb: 68,207,112;
	--bs-warning-rgb: 238, 229, 98;
	--bs-info-rgb: 124, 190, 255;
	--bs-border-color: #515357;
	--bs-light-rgb: 66, 70, 75;
	--bs-light-bg-subtle: #25272b;
	--bs-success-text-emphasis: #46a683;
	--bs-dark-rgb: 209, 214, 218;
	--c1: #60a9f1;
	--c2: #46a683;
	--c3: #80cdf3;
	--c4: #f5a42c;
}

::selection {
	background-color: #3d3d3d;
	color: #ffffff;
}
body {
	top: 0 !important;
}
strong, b {
	font-weight: 600;
}
[data-bs-theme="grey"] > * {
	filter: grayscale(1) !important;
}


/* ------ header ------ */
.logo {
	width: 40px;
}
.brand {
	bottom: 40px;
	height: 270px;
	position: absolute;
	right: 34px;
	z-index: 1;
}
@media (max-width:1200px) {
	.brand { height: 210px }
}
@media (max-width:992px) {
	.brand { bottom: 30px; height: 160px; right: 28px; }
}
@media (max-width:768px) {
	.logo { width: 30px }
	.muniTitle { font-size: 1.1rem !important }
}
@media (max-width:576px) {
	.brand { height: 110px; right: 34px }
}


/* ------ mainContent ------ */
.contentNews {
	padding-left:calc((100vw - 1320px) / 2 + (1.5rem * .5));
}
.contentNews .splide__list {
	padding-bottom: 4rem !important;
	padding-top: 4rem !important;
}
.contentNews #splide01-slide01 {
	margin-left: -5rem !important;
}
.splide__arrow {
	background-color: var(--c2);
	border: 2px solid #fff;
	height: 2.5em;
	opacity: 1;
	top: 49%;
	width: 2.5em;
}
.splide__arrow svg {
	fill: #fff;
}
.splide__arrow:disabled {
	opacity: 0;
}

@media (max-width:1400px) {
	.contentNews {
		padding-left:calc((100vw - 1140px) / 2 + (1.5rem * .5));
	}
}
@media (max-width:1200px) {
	.contentNews {
		padding-left:calc((100vw - 960px) / 2 + (1.5rem * .5));
	}
	.contentNews .splide__list {
		padding-bottom: 3rem !important;
		padding-top: 2rem !important;
	}
}
@media (max-width:992px) {
	.contentNews {
		padding-left:calc((100vw - 720px) / 2 + (1.5rem * .5));
	}
}
@media (max-width:768px) {
	.contentNews {
		padding-left: 1.3rem;
		padding-right: 1.3rem;
	}
	.contentNews .splide__list {
		padding-bottom: 2rem !important;
		padding-top: 1rem !important;
	}
	.contentNews #splide01-slide01 {
		margin-left: 0 !important;
	}
	.contentNews .fs-5 {
		font-size: 1rem !important;
	}
	.splide__arrow {
		top: 42%;
	}
}


/* ------ imgs heights ------ */
#bgBackground {
	background-image: url(../img/background.png);
	background-size: cover;
	background-position: center;
	height: 800px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
[data-bs-theme="dark"] #bgBackground {
	background-image: none;
}
#wrapBanner .carousel-inner {
	border-radius: 4rem 4rem .5rem 4rem;
}
.newImg {
	height: 250px;
}
.projectImg {
	height: 220px;
}
.imgGallery {
	aspect-ratio: 230 / 250;
}
.imgPlace {
	aspect-ratio: 322 / 270;
}
.imgBlog {
	aspect-ratio: 230 / 200;
	border-radius: 2rem 0 0 2rem;
}
.imgContact {
	border-radius: 50%;
	height: 100px;
	width: 100px;
}
.insideBg {
	background-image: url(../img/background3.png);
	background-position: center top;
	background-position: center bottom;
	background-repeat: no-repeat;
}
[data-bs-theme="dark"] .insideBg {
	background-image: none;
}
.insideTitle {
	padding-left: 9.8rem !important;
}
@media (max-width:1400px) {
	.newImg { height: 220px }
	.insideTitle { padding-left: 7.4rem !important }
}
@media (max-width:992px) {
	#wrapBanner .carousel-inner { border-radius: 3rem 3rem .5rem 3rem }
	.insideBg {
		background-image: url(../img/background3b.png);
		background-position: right top;
	}
	.insideTitle { padding-left: .3rem !important }
	.imgBlog {
		border-radius: 2rem 2rem 0 0;
		aspect-ratio: 260 / 200;
	}
}
@media (max-width:768px) {
	#wrapBanner .carousel-inner { border-radius: 2rem 2rem .5rem 2rem }
}
@media (max-width:576px) {
	.imgBlog { aspect-ratio: 280 / 200 }
}


/* ------ navBar ------ */
#wrapNav {
	top: 12px;
	z-index: 1030 !important;
}
#wrapNav.scroll {
	background-color: var(--c1);
	border-radius: 1rem;
	box-shadow: 0 0 0 2px rgba(255,255,255,.6);
}
[data-bs-theme="dark"] #wrapNav.scroll {
	background-color: #004991;
	box-shadow: 0 0 0 2px rgba(32,34,37,.7);
}
#wrapNav .navbar {
	--bs-navbar-padding-y: 0;
}
#navBarMain .nav-link {
	font-size: .9rem;
	padding: var(--bs-nav-link-padding-y) .8rem;
	text-transform: uppercase;
}
#navBarMain .nav-link:hover {
	color: #fff;
}
#navBarMain {
	background-color: #004991 !important;
	margin-bottom: 1rem;
}
#wrapNav.scroll #navBarMain { margin-bottom: 0 }
#navBarMain .navbar-nav {
	--bs-nav-link-color: rgba(255,255,255,.8);
}
#navBarMain .navbar-nav .nav-link.active {
	color: #FFED00;
}
[data-bs-theme="dark"] #navBarMain .navbar-nav .nav-link.active {
	color: #eee562;
}
.navbar {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme="dark"] .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(32, 34, 37, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler {
	background-color: var(--c1);
}
.navbar-toggler:focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 40, 40, .15);
}
#navBarMain .dropdown-menu {
	background-color: #00386f;
	border: 0;
}
.dropdown-item {
	font-size: .95rem;
	font-weight: 500;
	min-width: 240px;
	white-space: initial;
}
.dropdown-item:hover {
	background-color: #004080;
}
[data-bs-theme="dark"] #navBarMain .link-light {
	color: #d1d6da !important;
}
[data-bs-theme="dark"] #navBarMain .link-light:hover {
	color: #fff !important;
}
@media (max-width:1200px) {
	#wrapNav.scroll { background-color: transparent }
	#wrapNav.scroll #navBarMain { margin-bottom: 1rem }
	#navBarMain .nav-link { padding: var(--bs-nav-link-padding-y) .5rem }
	#navBarMain .dropdown-toggle::after {
		position: absolute;
		right: .5rem;
		top: 1rem;
	}
}


/* ------ backgrounds ------ */
.blueBg {
	background: linear-gradient(90deg, rgba(26,69,147,1) 0%, rgba(16,58,133,1) 100%);
}
.greenBg {
	background: linear-gradient(60deg, rgba(56,139,43,1) 0%, rgba(40,131,26,1) 100%);
	background: linear-gradient(60deg, rgba(0,176,79,1) 0%, rgba(0,152,68,1) 100%);
}
.bgBeige {
	background-color: #f3ede7;
}


/* ------ btn ------ */
.btn-primary {
  --bs-btn-bg: var(--c1);
  --bs-btn-border-color: var(--c1);
  --bs-btn-hover-bg: #005ab3;
  --bs-btn-hover-border-color: #005ab3;
  --bs-btn-active-bg: #005ab3;
  --bs-btn-active-border-color: #005ab3;
}
[data-bs-theme="dark"] .btn-primary {
	--bs-btn-color: #2c2c2c;
}
.btn-outline-primary {
  --bs-btn-color: var(--c1);
  --bs-btn-border-color: var(--c1);
  --bs-btn-hover-bg: var(--c1);
  --bs-btn-hover-border-color: var(--c1);
  --bs-btn-active-bg: var(--c1);
  --bs-btn-active-border-color: var(--c1);
  --bs-btn-disabled-color: var(--c1);
  --bs-btn-disabled-border-color: var(--c1);
}
.btn-outline-info {
  --bs-btn-color: #65c0ec;
  --bs-btn-border-color: #65c0ec;
  --bs-btn-hover-bg: #65c0ec;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-border-color: #65c0ec;
  --bs-btn-active-bg: #65c0ec;
  --bs-btn-active-border-color: #65c0ec;
  --bs-btn-disabled-color: #65c0ec;
  --bs-btn-disabled-border-color: #65c0ec;
}
.btn-outline-success {
  --bs-btn-color: var(--c2);
  --bs-btn-border-color: var(--c2);
  --bs-btn-hover-bg: var(--c2);
  --bs-btn-hover-border-color: var(--c2);
  --bs-btn-active-bg: var(--c2);
  --bs-btn-active-border-color: var(--c2);
  --bs-btn-disabled-color: var(--c2);
  --bs-btn-disabled-border-color: var(--c2);
}
.btn-success {
	--bs-btn-bg: var(--c2);
	--bs-btn-border-color: var(--c2);
	--bs-btn-hover-bg: #005ab3;
	--bs-btn-hover-border-color: #005ab3;
	--bs-btn-active-bg: #005ab3;
	--bs-btn-active-border-color: #005ab3;
}
[data-bs-theme="dark"] .btn-success {
	--bs-btn-color: #252525;
}
.btn-link:hover {
	background-color: #f3f3f3;
}
[data-bs-theme="dark"] .btn-secondary {
	--bs-btn-bg: #35393d;
	--bs-btn-border-color: #35393d;
}
[data-bs-theme="dark"] .btn-link:hover {
	background-color: #32353a;
}


/* ------ shadow ------ */
.shadow {
	box-shadow: 0 0 60px rgba(100,100,100,.15) !important;
}
.shadow2 {
	box-shadow: 0 0 30px rgba(100,100,100,.1) !important;
}
.shadowFcc::before {
	filter: drop-shadow(0 0 30px rgba(100, 100, 100, 0.2));
}


/* ------ card ------ */
.card {
	--bs-card-border-radius: 0;
}


/* ------ pills ------ */
.nav-pills .nav-link {
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	border-radius: 0;
	color: rgba(40,40,40,.6);
	font-weight: 600;
	font-size: 1.2rem;
}
[data-bs-theme="dark"] .nav-pills .nav-link {
	color: #949ba3;
}
.nav-pills .nav-link:hover {
	border-color:#dbdbdb;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background-color: transparent;
	border-color: #FFED00;
	color: rgba(40,40,40,.8);
	font-weight: 800;
}
[data-bs-theme="dark"] .nav-pills .nav-link.active,
[data-bs-theme="dark"] .nav-pills .show > .nav-link {
	border-color: #eee562;
	color: #d1d6de;
}
@media (max-width:992px) {
	.nav-pills .nav-link { font-size: 1.05rem }
}


/* ------ misc ------ */
.fs-5b {
	font-size: 1.15rem;
}
.fw-800 {
	font-weight:800 !important;
}
.cantonImg {
	border-radius: 2rem;
}
.cantonBlock {
	border-radius: 2rem 0 0 0;
	bottom: 0;
	position: absolute;
	right: 0;
	width: 50%;
}
[data-bs-theme="dark"] .cantonBlock.text-white {
	color: #1d1f22 !important;
}
.smallFc {
	font-size: .6rem;
	font-weight: 600;
}
.facebook {
	color: #4267B2;
}
[data-bs-theme="dark"] .facebook {
	color: #5279c7;
}
.whatsapp {
	color: #25D366;
}
.borderSimple {
	border-color: #e4e4e4 !important;
}
[data-bs-theme="dark"] .borderSimple {
	border-color: #33363a !important;
}
.wEvent {
	width: 110px;
}
.opacity-90 {
	opacity: .9;
}
.wBadge {
	margin-top: -37px;
	position: relative;
}
.pbadge {
	font-size: .85em;
	font-weight: 600;
	padding: .4em .7em;
}
[data-bs-theme="dark"] .pbadge.text-white {
	color: #202225 !important;
}
.embed-container {
	height: 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
}
@media (max-width:1200px) {
	.cantonImg { border-radius: 2rem 2rem 0 0 }
	.cantonBlock {
		border-radius: 0 0 2rem 2rem;
		position: static;
		width: 100%;
	}
}
@media (max-width:768px) {
	.cantonImg { height: 240px }
}


/* ------ profile ------ */
#profileWrap {
	border-radius: 0 4rem 4rem 0;
	padding: 4rem 3rem;
}
#profileWrap::before {
	box-shadow: 0 0 100px rgba(100,100,100,.15) !important;
	border-radius: 0 4rem 4rem 0;
	content: "";
	height: 100%;
	right: 0;
	position: absolute;
	top: 0;
	width: 150%;
	z-index: -1;
}
#profileLinks a {
	color: var(--bs-body-color);
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}
#profileLinks a:hover {
	color: var(--c2);
}
#profileLinks a i {
	color: #fff;
	font-size: 3.2rem;
	margin: auto;
}
[data-bs-theme="dark"] #profileLinks a i {
	color: #1d1f22;
}
#profileLinks .wrapIcon {
	border-radius: 50%;
	display: flex;
	height: 110px;
	margin: auto;
	width: 110px;
}
#profileLinks a:hover .wrapIcon {
	background: none;
	background-color: #00965f !important;
}
[data-bs-theme="dark"] #profileLinks a:hover .wrapIcon {
	background-color: #55b894 !important;
}
@media (max-width:768px) {
	#profileWrap { padding: 3rem .5rem }
	#profileLinks a { font-size: 1.05rem }
	#profileLinks a i { font-size: 2.5rem }
	#profileLinks .wrapIcon { height: 85px; width: 85px }
	#profileWrap::before { right: -4px }
}
@media (max-width:576px) {
	#profileWrap { padding: 1.7rem .5rem 1rem .5rem }
}


/* ------ mayor ------ */
#wrapMayor {
	background-image: url(../img/background2.png);
	background-position: center top;
	background-repeat: no-repeat;
}
[data-bs-theme="dark"] #wrapMayor {
	background-color: #292b2e;
	background-image: none;
}
[data-bs-theme="dark"] #mayor .text-white {
	color: #1d1f22 !important;
}
.mayorImg {
	border-radius: 0 2rem 2rem 0;
}
.mayorBlock {
	border-radius: 2rem 0 0 2rem;
}
@media (max-width:1200px) {
	.mayorImg { border-radius: 2rem 2rem 0 0 }
	.mayorBlock { border-radius: 0 0 2rem 2rem }
}


/* ------ footer ------ */
#footer {
	background-image: url(../img/footer.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 80px;
}
#footer .link-dark:focus,
#footer .link-dark:hover {
	color: var(--c2) !important;
}
[data-bs-theme="dark"] #footer {
	background-image: none;
}
#policy .link-dark {
	color: var(--c1) !important;
}
#policy .link-dark:hover {
	color: #0063c4 !important;
}
[data-bs-theme="dark"] #policy .link-dark:hover {
	color: #8fc7ff !important;
}
@media (max-width:576px) {
	#footer {
		background-position: bottom;
		padding-top: 20px;
	}
}


/* ------ eventsMain ------ */
#eventsMain {
	padding-bottom: 4rem;
	padding-top: 4rem;
}
.eventBtn {
	background-color: var(--c1);
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 1.35rem;
	height: 60px;
	width: 60px;
}
[data-bs-theme="dark"] .eventBtn {
	color: #202225;
}
.eventBtn:hover {
	background-color: #005ab3;
}
[data-bs-theme="dark"] .eventBtn:hover {
	background-color: #81c0ff;
}
.dateWidth {
	width: 90px;
}
@media (max-width:992px) {
	.eventImg { width: 220px !important }
}
@media (max-width:768px) {
	#eventsMain { padding-bottom: 1rem; padding-top: 2rem }
	.eventBtn { font-size: 1.2rem; height: 40px; width: 40px }
}
@media (max-width:576px) {
	.dateWidth { width: 40px }
	.dateWidth .fs-6 {
		font-size: .9rem !important;
		overflow: hidden;
    	text-overflow: "";
		width: 3ch;
	}
	.eventImg { width: 180px !important }
}


/* ------ wrapProject ------ */
#wrapProject {
	padding-bottom: 4rem;
	padding-top: 4rem;
}
@media (max-width:768px) {
	#wrapProject { padding-bottom: 2rem; padding-top: 1.5rem }
}


/* ------ form-control ------ */
.form-label {
	font-weight: 500;
	font-size: .95rem;
	margin-bottom: .3rem;
}
.form-control {
	padding: .7rem 1rem;
}
.form-control-sm {
	padding: .375rem .75rem;
}
.form-control::placeholder {
	color: #828282;
	font-weight: 400;
}
.form-control:focus,
.form-select:focus {
	border-color: var(--c1);
	box-shadow: 0 0 0 .25rem rgba(0,73,145,.18);
}
[data-bs-theme="dark"] .form-control:focus {
	border-color: #509de9;
	box-shadow: 0 0 0 .25rem rgba(80,157,233,.25);
}
.form-select {
	padding: .7rem 2.25rem .7rem 1rem;
}
.form-check-input {
	border: 1px solid #c1c2be;
}
.form-check-input:checked {
	background-color:var(--c1);
	border-color:var(--c1)
}
.form-check-input:focus {
	border-color: var(--c1);
	box-shadow: 0 0 0 .25rem rgba(123,142,68,.25);
}
[data-bs-theme="dark"] .form-check-input:focus {
	box-shadow: 0 0 0 .25rem rgba(152,174,87,.25);
}


/* ------ btTop ------ */
.btTop {
	background-color: var(--c1);
	border: none;
	border-radius: 6px 0 0 6px;
	bottom: 30px;
	box-shadow: 0 0 0 2px rgba(255,255,255,.5);
	color: #fff;
	display: none;
	font-size: 1rem;
	height: 36px;
	line-height: 35px;
	outline: none;
	position: fixed;
	right: 0;
	text-align: center;
	transition:all 0.3s ease;
	width: 36px;
	z-index: 1040;
}
.btTop:hover {
	background-color: var(--c2);
	color: #fff;
}
[data-bs-theme="dark"] .btTop {
	background-color: var(--c1);
	box-shadow: 0 0 0 2px rgba(101,108,118,.5);
	color: #202225;
}
[data-bs-theme="dark"] .btTop:hover {
	background-color: var(--c2);
}


/* ------ hover ------ */
.hover1:hover {
	box-shadow: 0 0 0 4px #AEE1F9;
}
[data-bs-theme="dark"] .hover1:hover {
	box-shadow: 0 0 0 4px rgb(50, 71, 82);
}
.hover2:hover {
	border-color: var(--c1) !important;
}
.hover3:hover {
	border-color: var(--c4) !important;
}
.hover4:hover {
	box-shadow: 0 0 0 4px #a7dcc9;
}
[data-bs-theme="dark"] .hover4:hover {
	box-shadow: 0 0 0 4px #4ea988;
}


/* ------ mainText ------ */
.mainText {
	font-size: 1.05rem;
}
.mainText p + h2,
.mainText p + h3,
.mainText ul + h2,
.mainText table + h2 {
	margin-top: 2rem;
}
.mainText figure img {
	border-radius: 1rem;
	height: auto;
	width: 100%;
}
.mainText figcaption {
	font-size: .875em;
	font-style: italic;
	margin-top: .3rem;
}
.mainText .embed-container {
	margin-bottom: 1rem;
}
.mainText .embed-container + h2,
.mainText .embed-container + h3 {
	margin-top: 2rem;
}
.mainText a {
	color: var(--bs-body-color);
}
.mainText a:hover {
	color: var(--c3);
}
[data-bs-theme="dark"] .mainText a {
	color: #dee2e6;
}
[data-bs-theme="dark"] .mainText a:hover {
	color: #96cffa;
}
@media (max-width:768px) {
	.mainText { font-size: 1.05rem }
	.mainText .w-50 { width: 100% !important }
}


/* ------ breadcrumb ------ */
.breadcrumb {
	font-size: .9rem;
}
.breadcrumb a {
	color: var(--bs-body-color);
}
[data-bs-theme="dark"] .breadcrumb a {
	color: #dee2e6;
}
.breadcrumb a:hover {
	color: var(--c2);
}
[data-bs-theme="dark"] .breadcrumb a:hover {
	color: var(--c1);
}
.w-bread {
	max-width: 40%;
}


/* ------ subMenu y btn-toggle ------ */
#toggleSubmenuBtn {
	position: relative;
	z-index: 100;
}
#wrapSubmenu {
	top: 100px;
	width: 290px;
	z-index: 1;
}
.btn-toggle {
	background-color: transparent;
	color: var(--c2);
	font-size: .92rem;
	font-weight: 600;
	padding: .25rem .5rem;
	text-align: left;
}
.subLink {
	color: var(--bs-body-color);
	font-size: .92rem;
	font-weight: 600;
	padding: .737rem 0;
	text-decoration: none;
}
.subLink:hover {
	color: #808080;
}
.btn-toggle:hover,
.btn-toggle:focus {
	color: #808080;
}
.btn-toggle::after {
	line-height: 0;
	color: var(--c5);
	content: "\f078";
	font: var(--fa-font-solid);
	font-size: .9rem;
	height: 30px;
	padding-top: 7px;
	position: relative;
	text-align: center;
	top: 3px;
	transition: transform .35s ease;
	transform-origin: 14px 50%;
	width: 30px;
}
[data-bs-theme="dark"] .btn-toggle::after {
	color: var(--c2);
}
.btn-toggle[aria-expanded="true"] + .subLink {
	color: var(--bs-body-color);
	text-decoration: underline;
}
.btn-toggle[aria-expanded="true"]::after {
	transform: rotate(-180deg);
}
.btn-toggle-nav a {
	color: var(--bs-body-color);
	font-size: .92rem;
	font-weight: 500;
	margin-top: .125rem;
	margin-left: 4px;
	padding: .25rem .5rem;
	text-decoration: none;
	user-select: none;
}
.btn-toggle-nav a:hover {
	color: #808080;
}
.btn-toggle-nav a.active {
	color: var(--c2);
	text-decoration: underline !important;
}
[data-bs-theme="dark"] .btn-toggle-nav a.active {
	color: var(--c2);
}
#subMenu > li > a {
	color: var(--bs-body-color);
	font-size: .92rem;
	font-weight: 600;
	padding: .7rem;
}
#subMenu > li > a:hover {
	color: #808080;
}
[data-bs-theme="dark"] #subMenu > li > a:hover {
	color: #a9aab1;
}
#subMenu > li > .active {
	color: var(--c2) !important;
}
[data-bs-theme="dark"] #subMenu > li > .active {
	color: var(--c2) !important;
}
@media (max-width:992px) {
	#wrapSubmenu { width: initial }
}


/* ------ share ------ */
#wrapShare {
	top: 100px;
	width: 62px;
}
@media (max-width:992px) {
	#wrapShare { width: auto }
}


/* ------ accordion ------ */
.accordion {
	--bs-accordion-active-color: var(--c1);
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(222, 229, 202, 0.2);
}
[data-bs-theme="dark"] .accordion {
	--bs-accordion-active-color: #8bcaf7;
}
.accordion-button:not(.collapsed) {
	background-color: #eaf6fe;
	background-color: #e8f0f8;
	font-weight: 600;
}
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
	background-color: #283139;
}
#documents .accordion-button:not(.collapsed) {
	background-color: transparent;
}
[data-bs-theme="dark"] .accordion {
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(77, 153, 251, 0.2);
}
[data-bs-theme="dark"] #documents .accordion-button:not(.collapsed) {
	background-color: #202225;
}
#documents .accordion {
	--bs-accordion-bg: transparent;
	--bs-accordion-border-color: #e4e4e4;
	--bs-accordion-active-bg: transparent;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(170, 170, 170, 0.25);
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
}
[data-bs-theme="dark"] #documents .accordion {
	--bs-accordion-border-color: #33363a;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(46, 77, 115, 0.2);
	border-bottom: 1px solid #33363a;
	border-top: 1px solid #33363a;
}
#documents .accordion-button {
	font-size: .95rem;
	font-weight: 600;
}
.accordion-button::after {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23004991'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238a8e99'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion.sub {
	position: relative;
	top: -1px;
}
#documents .list-group-item {
	background-color: transparent;
	border-color: #e4e4e4;
	font-size: .95rem;
	padding-bottom: .85rem;
	padding-top: .85rem;
}
#documents .doc-list a {
	font-size: .95rem;
}
#documents .accordion.sub {
	border-bottom: 0;
}
#documents .accordion.sub + .list-group {
	border-top: 1px solid #e4e4e4;
}
[data-bs-theme="dark"] #documents .accordion.sub + .list-group {
	border-top: 1px solid #33363a;
}
[data-bs-theme="dark"] #documents .list-group-item {
	border-color: #33363a;
}


/* ------ pagination ------ */
.paginationInside .page-link {
	color: var(--bs-body-color);
	min-width: 36px !important;
}
.active > .page-link, .page-link.active {
	background-color: var(--c1);
	border-color: var(--c1);
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.page-link:focus {
	box-shadow: var(--bs-pagination-focus-box-shadow);
	box-shadow: 0 0 0 .25rem rgba(186,186,186,.2);
}
[data-bs-theme="dark"] .active > .page-link, 
[data-bs-theme="dark"] .page-link.active {
	color: #202225;
}


/* ------ eventDate ------ */
.eventBox {
	background-color: rgba(255,255,255,.85);
}
[data-bs-theme="dark"] .eventBox {
	background-color: rgba(32,34,37,.85);
}
.eventDate {
	background-color: var(--c4);
	padding: 8px 10px;
}
[data-bs-theme="dark"] .eventDate {
	color: #202225 !important;
}
.eventDate span {
	width: 50px;
}
@media (max-width:576px) {
	.eventDate { padding: 6px 8px }
	.eventDate span { width: 42px }
}


/* ------ siteMap ------ */
#siteMap > ul {
	columns: 2;
	column-gap: 86px;
	column-rule: 1px solid #dee2e6;
	list-style: none;
	margin: 0;
	padding: 0;
}
#siteMap > ul > li {
	font-weight: 500;
	line-height: 1.5em;
	padding: 7px 0;
}
#siteMap > ul > li > a,
#siteMap .firstLevel {
	color: var(--c3);
	font-size: 1.05rem;
	font-weight: 600;
	text-decoration: none;
}
#siteMap .firstLevel:hover { color: var(--c3) }
#siteMap > ul > li > a:hover { color: var(--c1) }
#siteMap > ul > li > ul {
	list-style: none;
	margin: 0;
	padding: 6px 0 0 0;
}
#siteMap > ul > li > ul > li {
	padding: 3px 0 3px 24px;
	position: relative;
}
#siteMap > ul > li > ul > li a {
	color: var(--bs-body-color);
	font-size: .96rem;
	font-weight: 400;
	text-decoration: none;
	transition:all 0.3s ease;
}
#siteMap > ul > li > ul > li > a:before {
	background-color: var(--c3);
	content: "";
	display: block;
	left: 6px;
	height: 1px;
	position: absolute;
	top: 14px;
	transition:all 0.3s ease;
	width: 8px;
}
#siteMap > ul > li > ul > li a:hover {
	text-decoration: underline;
}
[data-bs-theme="dark"] #siteMap > ul {
	column-rule: 1px solid #484a4d;
}
[data-bs-theme="dark"] #siteMap > ul > li > ul > li a {
	color: #dee2e6;
}
@media (max-width:768px) {
	#siteMap ul { columns: 1 }
}


/*----------- orgChart -----------*/
.orgChart {
	overflow-x: scroll;
	padding-bottom: 26px;
}

/*
 * jQuery OrgChart Plugin
 * https://github.com/dabeng/OrgChart
 *
 * Copyright 2016, dabeng
 * https://github.com/dabeng
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.orgchart {
	font-size: .9em;
	min-height: 202px;
	min-width: 202px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x: auto;
	position: relative;
	margin: auto;
	max-width: 860px;
}
.orgchart .hidden, .orgchart~.hidden { display: none }
.orgchart.b2t { transform: rotate(180deg) }
.orgchart.l2r {
	position: absolute;
	transform: rotate(-90deg) rotateY(180deg);
	transform-origin: left top;
}
.orgchart .verticalNodes ul {
	list-style: none;
	margin: 0;
	padding-left: 18px;
	text-align: left;
}
.orgchart .verticalNodes ul:first-child { margin-top: 5px }
.orgchart .verticalNodes>td::before {
	border: 1px solid #c7c7c7;
	content: '';
	line-height: 22px !important;
}
.orgchart .verticalNodes>td>ul>li:first-child::before {
	border-width: 2px 0 0 2px;
	box-sizing: border-box;
	height: 32px; /*fcc*/
	margin-top: -2px;
	top: -4px;
	width: calc(50% - 2px);
}
.orgchart .verticalNodes ul>li { position: relative }
.orgchart .verticalNodes ul>li::before,
.orgchart .verticalNodes ul>li::after {
	box-sizing: border-box;
	border-color: #c7c7c7;
	border-style: solid;
	border-width: 0 0 2px 2px;
	content: '';
	left: -6px;
	position: absolute;
}
.orgchart .verticalNodes ul>li::before {
	height: 27px; /*fcc*/
	top: 0;
	width: 15px; /*fcc*/
}
.orgchart .verticalNodes ul>li::after {
	height: 100%;
	top: 1px;
}
.orgchart .verticalNodes ul>li:first-child::after {
	border-width: 2px 0 0 2px;
	box-sizing: border-box;
	top: 25px; /*fcc*/
	width: 15px; /*fcc*/
}
.orgchart .verticalNodes ul>li:last-child::after {
	box-sizing: border-box;
	border-width: 2px 0 0;
}

.orgchart.r2l {
	position: absolute;
	transform: rotate(90deg);
	transform-origin: left top;
}
.orgchart>.spinner {
	color: rgba(68, 157, 68, 0.8);
	font-size: 100px;
	margin-top: 30px;
}
.orgchart table {
	border-spacing: 0;
	border-collapse: separate;
}
.orgchart>table:first-child { margin: 0 auto }
.orgchart td {
	text-align: center;
	vertical-align: top;
	padding: 0;
}
.orgchart .lines:nth-child(3) td {
	box-sizing: border-box;
	height: 20px;
}
.orgchart .lines .topLine { border-top: 2px solid #c7c7c7 }
.orgchart .lines .rightLine {
	border-right: 1px solid #c7c7c7;
	float: none;
	border-radius: 0;
}
.orgchart .lines .leftLine {
	border-left: 1px solid #c7c7c7;
	float: none;
	border-radius: 0;
}
.orgchart .lines .downLine {
	background-color: #c7c7c7;
	margin: 0 auto;
	height: 20px;
	width: 2px;
	float: none;
}

/* node styling */
.orgchart .node {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 5px;
	border: 2px dashed transparent;
	text-align: center;
}
.orgchart.l2r .node, .orgchart.r2l .node {
	width: 50px;
	height: 130px;
}
.orgchart .node>.spinner {
	color: rgba(68, 157, 68, 0.8);
	font-size: 30px;
	left: calc(50% - 15px);
	position: absolute;
	top: calc(50% - 15px);
	vertical-align: middle;
}
.orgchart .node:hover {
	cursor: default;
	transition: .5s;
	z-index: 20;
}
.orgchart .ghost-node {
	position: fixed;
	left: -10000px;
	top: -10000px;
}
.orgchart .ghost-node rect {
	fill: #ffffff;
	stroke: #bf0000;
}
.orgchart .node.allowedDrop { border-color: rgba(68, 157, 68, 0.9) }

.orgchart .node .title {
	background-color: var(--c3);
	border-radius: 3px;
	color: #fff;
	font-size: .92em;
	font-weight: 600;
	line-height: 17px;
	overflow: hidden;
	padding: 7px 16px;
	text-align: center;
	text-overflow: ellipsis;
	margin-left: 4px;
}
[data-bs-theme="dark"] .orgchart .node .title {
	color: #202225;
}
.orgchart .node .title a {
	color: #424244;
	display: block;
}
.orgchart .node .title i { display: none }
.orgchart .node .title a:focus {
	outline: 1px dashed #fff;
	outline-offset: 2px;
}
.orgchart .node .title a:hover {
	text-decoration: underline;
}

.orgchart > table .nodes .node .title {
	background-color: #fff;
	border: 2px solid var(--c3);
	color: var(--c3);
}
[data-bs-theme="dark"] .orgchart > table .nodes .node .title {
	background-color: #202225;
}
.orgchart .l01 .title {
	border-color: var(--c4) !important;
	font-weight: 500;
}
.orgchart .l01 .title a { color: #474749 !important }
[data-bs-theme="dark"] .orgchart .l01 .title a { color: #dee2e6 !important }
.orgchart .l02 .title {
	border-color: #c7c7c7 !important;
	font-weight: 500;
}
.orgchart .l02 .title a {
	color: #5e6061 !important;
}
.orgchart .l03 .title {
	background-color: #fff !important;
	border-color: #e6e6e6 !important;
}
[data-bs-theme="dark"] .orgchart .l03 .title {
	background-color: #202225 !important;
	border-color: #e6e6e6 !important;
}
.orgchart .l03 .title a {
	color: var(--c3) !important;
}
.orgchart.b2t .node .title {
	transform: rotate(-80deg);
	transform-origin: center bottom;
}
.orgchart.l2r .node .title {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart.r2l .node .title {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart .node .title .symbol {
	float: left;
	margin-top: 4px;
	margin-left: 2px;
}
.orgchart .node .content {
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	font-size: 11px;
	line-height: 18px;
	border: 1px solid rgba(217, 83, 79, 0.8);
	border-radius: 0 0 4px 4px;
	text-align: center;
	background-color: #fff;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.orgchart.b2t .node .content {
	transform: rotate(180deg);
	transform-origin: center top;
}
.orgchart.l2r .node .content {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: top center;
	width: 120px;
}
.orgchart.r2l .node .content {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: top center;
	width: 120px;
}
.orgchart .node .edge {
	font-size: 15px;
	position: absolute;
	color: rgba(68, 157, 68, 0.5);
	cursor: default;
	transition: .2s;
}
.orgchart.noncollapsable .node .edge { display: none }
.orgchart .edge:hover {
	color: #449d44;
	cursor: pointer;
}
.orgchart .node .verticalEdge {
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	left: 5px;
}
.orgchart .node .topEdge { top: -4px }
.orgchart .node .bottomEdge { bottom: -4px }
.orgchart .node .horizontalEdge {
	width: 15px;
	height: calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: -moz-calc(100% - 10px);
	top: 5px;
}
.orgchart .node .rightEdge { right: -4px }
.orgchart .node .leftEdge { left: -4px }
.orgchart .node .horizontalEdge::before {
	position: absolute;
	top: calc(50% - 7px);
}
.orgchart .node .rightEdge::before { right: 3px }
.orgchart .node .leftEdge::before { left: 3px }
.orgchart .node .topEdge,
.orgchart .node .bottomEdge,
.orgchart .node .rightEdge,
.orgchart .node .leftEdge { display: none }

.orgchart .node .toggleBtn {
	background-color: #fff;
	color: var(--c3);
	display: block;
	line-height: .92em;
	position: absolute;
	left: 4px;
	top: 15px;
	z-index: 1000;
}
[data-bs-theme="dark"] .orgchart .node .toggleBtn {
	background-color: #202225;
}
.orgchart .node .toggleBtn:hover { color: var(--c4) }

.oc-export-btn {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	color: #fff;
	background-color: #5cb85c;
	border: 1px solid transparent;
	border-color: #4cae4c;
	border-radius: 4px;
}
.oc-export-btn[disabled] {
	cursor: not-allowed;
	box-shadow: none;
	opacity: 0.3;
}
.oc-export-btn:hover,.oc-export-btn:focus,.oc-export-btn:active  {
	background-color: #449d44;
	border-color: #347a34;
}
.orgchart~.mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}
.orgchart~.mask .spinner {
	position: absolute;
	top: calc(50% - 54px);
	left: calc(50% - 54px);
	color: rgba(255,255,255,0.8);
	font-size: 108px;
}
.orgchart .node { transition: transform 0.3s, opacity 0.3s }
.orgchart .slide-down {
	opacity: 0;
	transform: translateY(40px);
}
.orgchart.l2r .node.slide-down, .orgchart.r2l .node.slide-down {
	transform: translateY(130px)
}
.orgchart .slide-up {
	opacity: 0;
	transform: translateY(-40px);
}
.orgchart.l2r .node.slide-up, .orgchart.r2l .node.slide-up {
	transform: translateY(-130px)
}
.orgchart .slide-right {
	opacity: 0;
	transform: translateX(130px);
}
.orgchart.l2r .node.slide-right, .orgchart.r2l .node.slide-right {
	transform: translateX(40px);
}
.orgchart .slide-left {
	opacity: 0;
	transform: translateX(-130px);
}
.orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
	transform: translateX(-40px);
}
@media only screen and (max-width:800px) {
	.orgchart .l01 .title {
		background-color: #fff !important;
		border: 2px solid var(--c3) !important;
		color: var(--c3) !important;
	}
	[data-bs-theme="dark"] .orgchart .l01 .title {
		background-color: #202225 !important;
		color: #dee2e6 !important;
	}
	.orgchart .l02 .title {
		border-color: var(--c4) !important;
		font-weight: 400;
	}
	.orgchart .l02 .title a {
		color: #3a3d4f !important;
	}
	.orgchart .l03 .title {
		border-color: #c7c7c7 !important;
		font-weight: 300;
	}
	.orgchart .l03 .title a {
		color: #5f6365 !important;
	}
	.orgchart .l04 .title a {
		color: var(--c3) !important;
	}
	.orgchart .l04 .title {
		background-color: #fff !important;
		border-color: #d8e8ee !important;
	}
}
@media only screen and (max-width:600px) {
	.orgchart .node .title { text-align: left; white-space: initial }
}


/* ----------- google -----------*/
iframe.skiptranslate {
	display: none !important;
}
#google_translate_element .goog-te-combo {
	background-color: #fff;
	border: 1px solid #acacac;
	border-radius: 4px;
	font-size: 1rem;
	padding: .7rem 1rem;
	text-transform: capitalize;
	width: 100%;
}
[data-bs-theme="dark"] #google_translate_element .goog-te-combo {
	background-color: #202225;
}
.transBt {
	text-decoration: none;
}
.transBt:hover {
	text-decoration: underline;
}


/* ------ accessBtn ------ */
#accessBtn {
	color: var(--c2);
	box-shadow: 0 0 0 2px rgba(255, 255, 255,.9);
	border: none;
	font-size: 3rem;
	height: 48px;
	line-height: 0;
	margin: 0;
	outline: none;
	padding: 0;
	position: fixed;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	transition:all 0.3s ease;
	width: 48px;
	z-index: 100001;
}
#accessBtn:hover {
	color: var(--c1);
}
[data-bs-theme="dark"] #accessBtn {
	box-shadow: 0 0 0 2px rgba(32, 34, 37,.9);
	color: var(--c2);
}
#optionsMenu {
	position: fixed;
	right: -470px;
	top: 50%;
	transform: translateZ(0) translateY(-50%);
	transition:all 0.3s ease;
	width: 310px;
	z-index: 1000000;
}
#optionsMenu .list-group-item:hover {
	background-color: #f7f7f7;
}
[data-bs-theme="dark"] #optionsMenu .list-group-item:hover {
	background-color: #2c3033;
}
#optionsMenu .bg-white {
	box-shadow: 0 0 15px rgba(52,52,52,.2);
}
[data-bs-theme="dark"] #optionsMenu {
	background-color: #202225;
	box-shadow: 0 0 15px rgba(36,36,36,.7);
}
[data-bs-theme="dark"] .bg-white {
	background-color: #202225 !important;
}
[data-bs-theme="dark"] #optionsMenu a.list-group-item:hover {
	color: #78d5dd;
}
#optionsMenu .list-group-item.active {
	--bs-list-group-active-bg: #f0f0f0;
	--bs-list-group-active-color: var(--c1);
	--bs-list-group-active-border-color: #c3c7ca;
	font-weight: 600;
}
[data-bs-theme="dark"] #optionsMenu .list-group-item.active {
	--bs-list-group-active-bg: #2c3033;
	--bs-list-group-active-border-color: #767a7c;
}
#optionsMenu .list-group-item.active:hover {
	background-color: #f0f0f0;
}
[data-bs-theme="dark"] #optionsMenu .list-group-item.active:hover {
	background-color: #17191b;
}
@media (max-width:1200px) {
	#accessBtn {
		bottom: 12px;
		top: initial;
		transform: initial;
	}
	#optionsMenu {
		bottom: 12px;
		top: initial;
		transform: initial;
	}
}