body, html {
	background-color: #f6f4e1;
	color: #3a3d4f;
	font-family: 'Assistant', sans-serif;
	font-size: 14px;
	font-weight: 400;
	margin:0px;
	padding:0px;
	top: 0 !important;

	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body, html {
	overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, label, hgroup, nav, section, img { display:block }
table { border:none; border-collapse:collapse }
a {
	cursor:pointer;
	text-decoration:none;
	outline:none;
}
p, form, input, ul, ol, h1, h2, h3, h4, h5, h6, figure, hr, span, blockquote, fieldset {
	margin:0px;
	padding:0px;
}
ul li { list-style-type:none; list-style-position:outside }
ol li { list-style-position: inside }
img { border:0px; display:inline-block }
input, textarea, select, button {
	border-radius:0px;
	color:#3a3d4f;
	font-family: 'Assistant', sans-serif;
	font-size: 14px;
	font-weight: 300;
	border:none;
	outline: none;
	resize:none;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position: relative;
}
@-moz-document url-prefix() {
	body { font-weight: lighter !important }
}

strong { font-weight: 600 }
hr {
	background: #e1e1e1;
	border: 0;
	height: 2px;
	margin-bottom: 20px;
}
.generalWrap {
	margin:auto;
	max-width:1216px;
}
.internalWrap {
	margin:auto;
	max-width:1090px;
}
@media only screen and (max-width:1268px) {
	.generalWrap { margin: 0 26px }
}
@media only screen and (max-width:1130px) {
	.internalWrap { margin: 0 20px }
}


/*-----------header-----------*/
header {
	background-color: #fff;
	height: 120px;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
}
header #topMenu {
	display: grid;
	font-size: 1.4em;
	grid-gap: 22px;
	grid-template-columns: repeat(4,auto);
	position: absolute;
	right: 0;
	top: 48px;
}
header #topMenu a i {
	color: #6d6f7b;
	transition:all 0.3s ease;
}
header #topMenu a:hover i {
	color: #1e7547;
}

#logo {
	align-items: center;
	background-color: #fff;
	color: #3a3d4f;
	display: grid;
	grid-gap: 14px;
	grid-template-columns: 65px auto;
	left: 0;
	position: absolute;
	top: 18px;
}
#logo img {
	height: 84px;
}
#logo p {
	color: #1e7547;
	font-size: 1.24em;
	font-weight: 700;
	line-height: 1.55em;
	text-align: center;
	white-space: nowrap;
}
#logo p span {
	display: block;
	font-size: 1.9em;
	letter-spacing: 3px;
}

header .searchHead {
	left: 50%;
	position: absolute;
	top: 40px;
	transform: translateX(-50%);
}
header .searchHead input {
	border: 1px solid #d0d0d0;
	font-size: 1.1em;
	font-weight: 400;
	padding: 9px 12px 9px 35px;
	width: 400px;
}
header .searchHead input:focus {
	border-color: #e5d22d;
}
header .searchHead button {
	background-color: #e5d22d;
	color: #3a3d4f;
	cursor: pointer;
	font-size: 1.15em;
	font-weight: 600;
	height: 100%;
	padding: 0 14px;
	position: absolute;
	right: 0;
	transition:all 0.3s ease;
}
header .searchHead button:hover {
	color: #6d6f7b;
}
header .searchHead i {
	color: #989db0;
	left: 14px;
	position: absolute;
	top: 14px;
}
header #navButton {
	background-color: #1e7547;
	box-shadow: 0 0 0 1px #fff;
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 1.7em;
	left: 10px;
	padding: 6px 10px;
	position: fixed;
	text-align: center;
	top: 10px;
	z-index: 100000;
}
@media only screen and (max-width:1350px) {
	header #topMenu { margin-right: 40px }
}
@media only screen and (max-width:1020px) {
	header { height: auto; padding: 16px 0 }
	header #navButton { display: block }
	#logo {
		grid-template-columns: 60px auto;
		left: 0;
		margin: auto;
		position: relative;
		top: initial;
		width: 212px;
	}
	header .searchHead {
		left: initial;
		margin: 16px 0;
		position: relative;
		top: initial;
		transform: initial;
	}
	header .searchHead input {
		width: 100%;
	}
	header #topMenu {
		justify-content: center;
		margin-right: 0;
		position: relative;
		top: initial;
	}
}
@media only screen and (max-width:800px) {
	#logo { grid-gap: 8px; grid-template-columns: 48px auto; width: 178px }
	#logo p { font-size: 1.1em }
	#logo img { height: 64px }
}


/*-----------nav-----------*/
nav {
	background-color: #1e7547;
	top: 0;
	z-index: 100000;
}
nav .generalWrap {
	display: grid;
	grid-template-columns: repeat(7,auto);
	z-index: 110;
}
nav > ul > li > a {
	border-right: 1px solid rgba(255,255,255,.15);
	color: #fff;
	display: block;
	font-size: 1.18em;
	font-weight: 600;
	height: 62px;
	padding: 19px 0 0 0;
	text-align: center;
	transition:all 0.3s ease;
}
nav > ul > li:nth-child(1) > a {
	border-left: 1px solid rgba(255,255,255,.15);
}
nav > ul > li > a[href$="javascript:void(0);"] { cursor: default }
nav > ul > li > a:hover,
nav > ul > li > a.current:hover,
nav > ul > li > a:focus,
nav > ul > li:hover > a,
nav > ul > li:hover > a.current,
nav > ul > li:focus-within > a {
	background-color: rgba(0,0,0,0.2);
	color: #fff;
	outline: none;
}
nav .generalWrap a i {
	color: #42976a;
	margin: 1px 0 0 9px;
}
nav > ul > li > a.current {
	background-color: rgba(0,0,0,0.1);
	color: #e5d22d;
}
nav .generalWrap .search {
	color: #fff;
}
nav > ul > li > ul {
	background-color: #185e39;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 8px 16px -4px rgba(40,40,40,.2);
	left: 0px;
	min-width: 210px;
	position: absolute;
	opacity: 0;
	top: 62px;
	transition:all 0.3s ease;
	visibility: hidden;
	z-index: 1000;
}
nav > ul > li:nth-child(7) > ul {
	left: initial;
	right: 0;
}
nav > ul > li.openLi:hover ul,
nav > ul > li.focusLi:focus-within ul {
	transition-delay:.2s;
	opacity: 1;
	visibility: visible;
}
nav > ul > li > ul > li > a {
	border-top: 1px solid #25734a;
	color: #fff;
	display: block;
	font-size: 1.08em;
	font-weight: 500;
	padding: 12px 17px 12px 32px;
	text-align: left;
	transition:all 0.3s ease;
	white-space: nowrap;
}
nav > ul > li > ul > li > a:hover {
	background-color: #196c40;
}
nav > ul > li > ul > li:first-of-type > a { border-top: none }
nav > ul > li > ul > li > a:before {
	background-color: #b7a717;
	content: "";
	display: inline-block;
	height: 6px;
	left: 17px;
	margin-right: 9px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
}

nav #closeMenu {
	background-color: #185e39;
	color: #e5d22d;
	cursor: pointer;
	display: none;
	font-size: 1.3em;
	height: 42px;
	left: 10px;
	line-height: 42px;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 42px;
	z-index: 999999;
}
#searchBt { cursor: pointer }

@media only screen and (max-width:1020px) {
	nav {
		background-color: rgba(30,117,71,.96);
		display: none;
		height: 100vh;
		left:0;
		overflow-y: auto;
		padding: 84px 36px 44px 36px;
		position:fixed;
		top: 0;
		transform: initial;
		transition: initial;
		width:100%;
		z-index: 100002;
	}
	nav .generalWrap {
		display: initial;
	}
	nav > ul > li > a {
		border-top: 1px solid rgba(255,255,255,.2);
		border-right: none;
		font-size: 1.3em;
		padding: 18px 0 0 0;
		text-align: left;
	}
	nav > ul > li:nth-child(1) > a {
		border-left: none;
	}
	nav .generalWrap a i { display: none }
	nav > ul > li > a.current {
		background-color: transparent;
		color: #f7d93d !important;
	}
	nav > ul > li > a:hover,
	nav > ul > li > a.current:hover,
	nav > ul > li > a:focus,
	nav > ul > li:hover > a,
	nav > ul > li:hover > a.current,
	nav > ul > li:focus-within > a {
		background-color: transparent;
	}
	nav > ul > li .subArrow {
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 55px;
		z-index: 100;
	}
	nav > ul > li .subArrow:after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f107";
		color: #fff;
		display: block;
		font-size: 1.3em;
		height: 100%;
		padding-top: 22px;
		text-align: center;
		width: 100%;
	}
	nav > ul > li .subArrow.symbol:after {
		content: "\f106";
		color: #f7d93d;
	}
	nav > ul > li > ul {
		background-color: rgba(24,94,57,.8);
		border-top: none;
		box-shadow: none;
		display: none;
		margin-bottom: 20px;
		opacity: 1;
		padding: 4px 0;
		position: initial;
		transition: initial;
		visibility: visible;
	}
	nav > ul > li:hover ul,
	nav > ul > li:focus-within ul {
		transition-delay: initial;
	}
	nav > ul > li > ul > li > a {
		border-top: none;
		color: #fff;
		font-size: 1.2em;
		line-height: 1.45em;
		padding: 8px 0 8px 34px;
		white-space: initial;
	}
	nav > ul > li > ul > li > a:hover {
		background-color: transparent;
	}
	nav > ul > li > ul > li > a:before {
		top: 18px;
		transform: initial;
	}
	nav #closeMenu { display: block }
}
@media only screen and (max-width:900px) {
	nav { padding: 74px 36px 44px 36px }
}
@media only screen and (max-width:550px) {
	nav { padding: 65px 36px 44px 36px }
}


/*-----------mainContent-----------*/
#mainContent {
	display: grid;
	grid-gap: 110px;
	grid-template-columns: 810px auto;
	margin: 50px 0;
}
.mainGrad {
	background-image: url(../img/main.jpg);
	background-position: center;
	border-bottom: 7px solid #e5d22d;
	color: #fff;
	height: 207px;
	left: 0;
	position: absolute;
	top: 182px;
	width: 100%;
}
.mainGrad:before {
	background-color: #e4d32d;
	content: "";
	height: 100%;
	left: 0;
	opacity: .5;
	position: absolute;
	top: 0;
	width: 100%;
}
@media only screen and (max-width:1250px) {
	#mainContent { display: block }
}


/*-----------muniInfo-----------*/
.muniInfo {
	background-color: #fff;
	box-shadow: 0 0 12px rgba(40,40,40,.1);
	margin: 50px auto 0 auto;
	max-width: 810px;
	padding: 16px 32px;
}
.muniInfo p {
	border-bottom: 1px solid #e1e1e1;
	color: #6d6f7b;
	font-size: 1.15em;
	font-weight: 600;
	margin: 0 0 0 40px;
	padding: 16px 0;
}
.muniInfo p i {
	color: #e5d22d;
	font-size: 1.3em;
	left: -40px;
	position: absolute;
	top: 17px;
}
.muniInfo .weather {
	font-size: 1.2em;
	font-weight: 700;
}

.muniInfo .social {
	display: grid;
	font-size: 1.4em;
	grid-gap: 1px;
	grid-template-columns: repeat(4,auto);
	justify-content: start;
	margin-bottom: 7px;
	padding: 0 0 0 30px;
}
.muniInfo .social a {
	color: #6d6f7b;
	padding: 18px 5px 0 5px;
	transition:all 0.3s ease;
	color: #6d6f7b;
}
.muniInfo .social a:hover {
	color: #1e7547;
}


/*-----------poll-----------*/
.poll {
	background-color: #fff;
	box-shadow: 0 0 12px rgba(40,40,40,.1);
	margin: 36px auto 0 auto;
	max-width: 810px;
	padding: 20px 30px 26px 30px;
}
.poll.v2 { margin: 50px auto 0 auto }
.poll h3 {
	color: #1e7547;
	font-size: 1.7em;
	font-weight: 700;
	line-height: 1.4em;
}
.poll p {
	color: #3a3d4f;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.4em;
	margin-bottom: 16px;
}
.poll .line {
	background-color: #e5d22d;
	display: table;
	height: 3px;
	margin: 10px 0;
	width: 50px;
}
.poll .generalForm input[type="submit"],
.poll .generalForm button[type="submit"],
.poll .generalForm .floatBtn {
	font-size: 1.1em;
	margin: 12px 0 0 0;
	padding: 6px 16px 8px 16px;
}
@media only screen and (max-width:1030px) {
	.poll.v2 { margin: 30px auto 0 auto }
}


/*-----------colorBoxes-----------*/
.colorBoxes {
	display: grid;
	grid-gap: 50px;
	grid-template-columns: repeat(3,1fr);
	margin: 50px auto 0 auto;
	max-width: 810px;
}
.colorBoxes a {
	background-color: #fff;
	box-shadow: 0 0 12px rgba(40,40,40,.1);
	transition:all 0.3s ease;
}
.colorBoxes a:nth-child(1) {
	background-color: #1e7547;
	color: #fff;
}
.colorBoxes a:nth-child(1):hover { background-color: #2c8656 }
.colorBoxes a:nth-child(2) {
	background-color: #6d6f7b;
	color: #fff;
}
.colorBoxes a:nth-child(2):hover { background-color: #80828d }
.colorBoxes a:nth-child(3) {
	background-color: #e5d22d;
	color: #3a3d4f;
}
.colorBoxes a:nth-child(3):hover { background-color: #eedc3f }
.colorBoxes img {
	width: 100%;
}
.colorBoxes p {
	font-size: 1.4em;
	font-weight: 600;
	padding: 10px 20px 14px 20px;
}
@media only screen and (max-width:780px) {
	.colorBoxes { grid-gap: 30px; grid-template-columns: repeat(1,1fr) }
	.colorBoxes a { margin: auto; max-width: 380px; width: 100% }
}


/*-----------mainSlider-----------*/
#mainSlider {
	box-shadow: 0 0 12px rgba(40,40,40,.1);
	overflow: hidden;
}
#mainSlider .item {
	grid-template-columns: 264px auto;
}

#mainSlider .img {
	background-size: cover;
	background-position: center center;
}
#mainSlider .txtBox {
	background-color: #fff;
	padding: 22px 32px 26px 32px;
	min-height: 387px;
	z-index: 100;
}
#mainSlider .txtBox h1 {
	color: #6d6f7b;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.2em;
}
#mainSlider .txtBox .line {
	background-color: #e5d22d;
	display: table;
	height: 3px;
	margin: 20px 0;
	width: 70px;
}
#mainSlider .txtBox p {
	font-size: 1.14em;
	line-height: 1.4em;
	margin-top: 4px;
}
#mainSlider .txtBox a {
	color: #6d6f7b;
	display: table;
	font-size: 1.15em;
	font-weight: 700;
	margin-top: 20px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
#mainSlider .txtBox a:hover {
	color: #1e7547;
}
@media only screen and (max-width:1250px) {
	#mainSlider { background-color: #fff; margin: auto; max-width: 810px }
}

@media only screen and (max-width:740px) {
	#mainSlider .item { grid-template-columns: 1fr }
	#mainSlider .img { grid-row: 1; padding-bottom: 58% }
	#mainSlider .txtBox {
		min-height: auto;
	}
}


/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus { outline: none }
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide { float: right }
.slick-slide img { display: block !important }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: grid }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide {
	display: grid;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden { display: none }

/* fcc */
.slick-dots { bottom: 34px !important }
.slick-dots li { margin: 0 6px !important }
.slick-dots li button:before {
	color: #fff !important;
	font-size: 19px !important;
	opacity: 1 !important;
	-webkit-text-stroke-width: 4px;
	-webkit-text-stroke-color: #fff;
}
.slick-dots li.slick-active button:before { color: #00a54f !important }
.slick-dotted.slick-slider { margin-bottom: 0 !important }

.slick-next:before, .slick-prev:before {
	color: #fff !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	font-size: 20px !important;
	opacity: 1 !important;
}
.slick-prev:before { content: "\f053" !important; margin-right: 3px }
.slick-next:before { content: "\f054" !important; margin-left: 3px }
.slick-next, .slick-prev {
	background-color: #1e7547 !important;
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(255,255,255,.3);
	bottom: 0 !important;
	height: 40px !important;
	text-shadow: 1px 1px 2px rgba(173,146,3,0.6);
	top: initial !important;
	width: 40px !important;
	z-index: 10;
}
.slick-prev { left: initial !important; right: 78px !important }
.slick-next { right: 27px !important }


/*-----------footer-----------*/
footer {
	background-color: #1e7547;
	padding: 34px 24px;
}
footer.v2 {
	background-color: #fff;
	border-top: 7px solid #1e7547;
	padding: 44px 0 16px 0;
}
footer .novaq {
	color: #b7efd1;
	padding-left: 6px;
}
footer .novaq:hover { text-decoration: underline }
footer.v2 .novaq {
	color: #6d6f7b;
	font-weight: 600;
	text-decoration: underline;
}
footer.v2 .novaq:hover { color: #1e7547 }
#policy {
	background-color: #fff;
	box-shadow: 0 0 16px rgba(40,40,40,.1);
	color: #6d6f7b;
	font-size: 1.1em;
	font-weight: 400;
	padding: 26px;
	text-align: center;
}
#policy a {
	color: #1e7547;
	font-weight: 500;
	text-decoration: underline;
	transition:all 0.3s ease;
}
#policy a:hover { color: #fff }

footer .generalWrap {
	border-bottom: 1px solid #e1e1e1;
	display: grid;
	grid-template-columns: repeat(6,auto);
	justify-content: center;
	padding: 0 0 30px 0;
}
footer .generalWrap > div {
	border-right: 1px solid #e1e1e1;
	color: #6d6f7b;
	font-size: 1.14em;
	padding: 0 36px;
	text-align: center;
}
footer .generalWrap > div:nth-child(6) {
	border-right: none;
}
footer .social {
	padding-top: 27px !important;
}
footer .social a {
	margin: 0 4px;
}
footer .social a i {
	color: #6d6f7b;
	font-size: 1.4em;
	transition:all 0.3s ease;
}
footer .social a:hover i {
	color: #1e7547;
}
footer .generalWrap div > i {
	color: #e5d22d;
	font-size: 1.5em;
}
footer span {
	display: block;
	font-weight: 600;
	margin-top: 6px;
	line-height: 1.4em;
}
footer a {
	color: #6d6f7b;
	transition:all 0.3s ease;
}
footer a:hover {
	color: #1e7547;
}
footer .counter {
	color: #6d6f7b;
	display: table;
	font-size: .92em;
	font-weight: 500;
	margin: auto;
	padding-top: 15px;
	transition:all 0.3s ease;
}
footer .counter:hover {
	color: #1e7547;
}
footer .counter p {
	color: #1e7547;
	font-weight: 600;
	font-size: 1.5em;
}
footer .footNav {
	display: grid;
	font-size: 1.15em;
	font-weight: 600;
	grid-gap: 40px;
	grid-template-columns: repeat(2,auto);
	justify-content: center;
	margin-top: 13px;
}
footer .footNav a {
	color: #1e7547;
	padding: 14px 0;
	transition:all 0.3s ease;
}
footer .footNav i { margin-right: 10px }
footer .footNav a:hover {
	color: #d3c129;
}

@media only screen and (max-width:1100px) {
	footer .generalWrap { grid-template-columns: repeat(2,1fr) }
	footer .generalWrap > div { border-right: none; padding: 0 20px 40px 20px }
	footer .generalWrap > div:nth-child(odd) { border-right: 1px solid #e1e1e1 }
	footer .social { padding-top: 0 !important }
	footer .counter { padding-top: 0 }
}
@media only screen and (max-width:640px) {
	footer .generalWrap { grid-gap: 24px; grid-template-columns: repeat(1,1fr); padding: 0 }
	footer .generalWrap > div { border-bottom: 1px solid #e1e1e1; padding: 0 0 24px 0 }
	footer .generalWrap > div:nth-child(odd) { border-right: none }
	footer .generalWrap > div:last-of-type { border-bottom: none }
}
@media only screen and (max-width:530px) {
	footer .footNav { grid-gap: 0; grid-template-columns: repeat(1,1fr); text-align: center }
	footer .footNav a { padding: 8px 0; }
}


/*-----------calendar-----------*/
#calendar {
	background-color: #fff;
	box-shadow: 0 0 14px rgba(40,40,40,.1);
	padding: 50px 0;
	z-index: 200;
}
#calendar h2 {
	color: #1e7547;
	display: table;
	font-size: 1.7em;
	font-weight: 700;
	margin: 0 auto 26px auto;
	text-align: center;
	z-index: 100;
}
#calendar h2:before {
	background-color: #e5d22d;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	top: 16px;
	transform: translateX(-50%);
	width: 140%;
	z-index: -1;
}
#calendar h2 span {
	background-color: #fff;
	padding: 0 18px;
}
#calendar .linkmore {
	color: #6d6f7b;
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	margin-top: 12px;
	line-height: 2.8em;
	text-align: center;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
#calendar .linkmore:hover {
	color: #1e7547;
}

.calendarList {
	display: grid;
	grid-template-columns: repeat(4,1fr);
}
.calendarList a {
	align-items: start;
	border-right: 1px solid #e1e1e1;
	color: #3a3d4f;
	display: grid;
	grid-gap: 18px;
	grid-template-columns: 60px auto;
	padding: 0 30px;
	transition:all 0.3s ease;
}
.calendarList a:last-of-type {
	border-right: none;
}
.calendarList i {
	color: #f7d93d;
	font-size: 2.1em;
	margin-top: 2px;
}
.calendarList .title {
	color: #6d6f7b;
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 6px;
	transition:all 0.3s ease;
}
.calendarList a:hover .title {
	color: #1e7547;
}
.calendarList .date {
	background-color: #e5d22d;
	font-size: 2.1em;
	font-weight: 600;
	line-height: .85em;
	text-align: center;
	padding: 8px 0;
}
.calendarList .date span {
	font-size: .6em;
	font-weight: 500;
	display: block;
	line-height: 1.14em;
}
@media only screen and (max-width:1080px) {
	.calendarList { grid-gap: 30px 0; grid-template-columns: repeat(2,1fr) }
	.calendarList a { border-right: none }
}
@media only screen and (max-width:650px) {
	.calendarList { grid-gap: 30px 0; grid-template-columns: repeat(1,1fr) }
	.calendarList a { border-bottom: 1px solid #e1e1e1; border-right: none; padding-bottom: 30px }
}


/*-----------mayorLinks-----------*/
#mayorLinks {
	padding: 60px 0 60px 0;
}
#mayorLinks h2 {
	color: #e5d22d;
	display: table;
	font-size: 1.7em;
	font-weight: 700;
	margin: 0 auto 30px auto;
	text-align: center;
	z-index: 100;
}
#mayorLinks h2:before {
	background-color: #42976a;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	top: 16px;
	transform: translateX(-50%);
	width: 140%;
	z-index: -1;
}
#mayorLinks h2 span {
	background-color: #21784b;
	padding: 0 18px;
}
#mayorLinks:before {
	background-color: #1e7547;
	background-image: url(../img/banner.jpg);
	color: #fff;
	content: "";
	height: 430px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#mayorLinks .generalWrap {
	display: grid;
	grid-gap: 50px;
	grid-template-columns: repeat(3,1fr);
}
#mayorLinks .generalWrap a {
	background-color: #fff;
	background-position: center center;
	background-size: cover;
	box-shadow: 0 0 12px rgba(40,40,40,.1);
}
#mayorLinks .generalWrap a figure {
	background-position: center center;
	background-size: cover;
	box-shadow: 0 0 12px rgba(40,40,40,.1);
	overflow: hidden;
	padding-bottom: 66%;
}
#mayorLinks .generalWrap a p.title {
	color: #6d6f7b;
	font-size: 1.5em;
	font-weight: 700;
	margin-top: 12px;
	padding: 4px 28px 0 28px;
	transition:all 0.3s ease;
}
#mayorLinks .generalWrap a:hover p.title {
	color: #1e7547;
}
#mayorLinks .generalWrap a p {
	color: #3a3d4f;
	font-size: 1.14em;
	line-height: 1.4em;
	margin-top: 5px;
	padding: 8px 28px 14px 28px;
}
#mayorLinks .line {
	background-color: #e5d22d;
	display: table;
	height: 3px;
	margin: 10px 0 0 26px;
	width: 50px;
}
#mayorLinks .link {
	color: #1e7547;
	display: table;
	font-size: 1.15em;
	font-weight: 700;
	margin: 0 0 16px 26px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
#mayorLinks a:hover .link {
	color: #6d6f7b;
}
#mayorLinks .linkmore {
	color: #6d6f7b;
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	margin-top: 12px;
	line-height: 2.8em;
	text-align: center;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
#mayorLinks .linkmore:hover {
	color: #68b08a;
}
@media only screen and (max-width:1020px) {
	#mayorLinks .generalWrap { grid-template-columns: repeat(1,1fr) }
	#mayorLinks .generalWrap a { margin: auto; max-width: 480px }
}
@media only screen and (max-width:600px) {
	#mayorLinks .generalWrap { grid-gap: 30px }
}


/*-----------Links-----------*/
#Links {
	padding: 10px 0 58px 0;
}
#Links h2 {
	color: #6d6f7b;
	display: table;
	font-size: 1.7em;
	font-weight: 700;
	margin: 0 auto 28px auto;
	text-align: center;
	z-index: 100;
}
#Links h2:before {
	background-color: #e5d22d;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	top: 16px;
	transform: translateX(-50%);
	width: 140%;
	z-index: -1;
}
#Links h2 span {
	background-color: #f6f4e1;
	padding: 0 18px;
}
#Links .generalWrap {
	display: grid;
	grid-gap: 34px;
	grid-template-columns: repeat(5,1fr);
}
#Links .generalWrap a {
	background-color: #fff;
	box-shadow: 0 0 12px rgba(40,40,40,.1);
	color: #3a3d4f;
	padding: 32px 34px 26px 34px;
	text-align: center;
	transition:all 0.3s ease;
}
#Links .generalWrap a i {
	color: #e5d22d;
	font-size: 2.9em;
	margin-bottom: 10px;
	transition:all 0.3s ease;
}
#Links .generalWrap a:hover i {
	color: #1e7547;
}
#Links .generalWrap a p {
	font-size: 1.4em;
	font-weight: 600;
}
#Links .line {
    background-color: #e1e1e1;
    display: table;
    height: 3px;
    margin: 10px auto 14px auto;
    width: 36px;
}
@media only screen and (max-width:1230px) {
	#Links .generalWrap { grid-template-columns: repeat(2,1fr) }
}
@media only screen and (max-width:640px) {
	#Links .generalWrap { grid-gap: 24px; grid-template-columns: repeat(1,1fr) }
}


/*-----------misc-----------*/
.embedContainer {
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embedContainer.map {
	padding-bottom: 70%;
}
.embedContainer iframe,
.embedContainer object,
.embedContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.lButton {
	background-color: #1e7547;
	border-radius: 4px;
	color: #fff !important;
	cursor: pointer;
	display: table;
	font-size: 1.25em;
	font-weight: 600;
	margin-top: 26px;
	padding: 8px 24px 9px 24px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.lButton:hover { background-color: #308759 }
.lButton + h2 { margin-top: 46px }

.msjError,
.msjSuccess {
	font-size: 1em;
	font-weight: 500;
	margin-top: 30px;
	padding: 14px 18px;
	text-align: center;
}
.transaction .msjError,
.transaction .msjSuccess {
	margin-bottom: 28px;
	margin-top: 0;
}
.msjError i,
.msjSuccess i { margin-right: 10px }
.msjError {
	background-color: #cc664a;
	color: #fff;
}
.msjSuccess {
	background-color: #259057;
	color: #fff;
}
.msjError p,
.msjSuccess p {
	margin-top: 0 !important;
	line-height: 1.5em !important;
}
.transaction .msjError p,
.transaction .msjSuccess p {
	margin-bottom: 0;
}

.backLink2 {
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	color: #303030;
	display: table;
	font-size: 14px;
	font-weight: 400;
	margin: 0 auto 6px auto;
	padding: 6px 14px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.backLink2:hover {
	background-color: #f5f5f5;
	color: #1e7447;
}
.backLink2 i {
	color: #1e7447;
	margin-right: 6px;
}
.clearBoth {
	clear: both;
	display: block;
}
.aCenter {
	text-align: center !important;
}
.aRight {
	text-align: right !important;
}
.save { color: #d6c21a !important }
.process { color: #cc664a !important }
.col50,
.col33,
.col25 {
	display: grid;
	grid-gap: 0 26px;
}
.col50 { grid-template-columns: repeat(2,1fr) }
.col33 { grid-template-columns: repeat(3,1fr) }
.col25 { grid-template-columns: repeat(4,1fr) }

.lastDeclaration {
	font-size: 1.1em !important;
	font-weight: 500;
	text-align: right !important;
}
.lastDeclaration i {
	color: #259057;
	margin-right: 8px;
}

.deleteCon {
	color:#cc664a !important;
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	margin: 20px 0px;
	padding: 5px;
	position: relative;
	text-align: right;
}
.deleteCon i { margin-right: 6px }
.deleteCon:before {
	background-color: #dfe1ec;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 16px;
	width: 87.5%;
}
.linkF {
	background-color: #e9d84b;
	border-radius: 4px;
	color: #3a3d4f !important;
	display: inline-block;
	font-size: 1em;
	font-weight: 500;
	margin: 0 8px 15px 0;
	padding: 8px 14px;
	transition:all 0.3s ease;
	z-index: 100;
}
.linkF i { margin-right: 9px }
.linkF:hover {
	background-color: #999aa4;
	color: #fff !important;
}
.newAdd {
	background-color: #e9d84b;
	border-radius: 4px;
	color: #3a3d4f !important;
	display: inline-block;
	font-size: 1em;
	font-weight: 600;
	padding: 8px 14px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 6px;
	transition:all 0.3s ease;
	z-index: 100;
}
.newAdd i { margin-right: 8px }
.newAdd:hover {
	background-color: #999aa4;
	color: #fff !important;
}
.messageTxt {
	color: #898f93;
	display: block;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.4em;
	margin-bottom: 5px;
	text-align: center;
	top: -21px;
}

@media only screen and (max-width:880px) {
	.col50, .col33, .col25 { grid-template-columns: repeat(1,1fr) }
}
@media only screen and (max-width:650px) {
	.embedContainer.map { padding-bottom: 90% }
}
@media only screen and (max-width:540px) {
	.linkF { margin: 0 8px 15px 0; width: 100% }
	.newAdd { margin: 6px 0 10px 0; position: relative; right: initial; top: initial }
}


/*-----------titleBar-----------*/
.titleBar {
	border-bottom: 1px solid #edebd8;
}
.titleBar.grey {
	background: initial;
	background-color: #607173;
	background-color: rgba(78,96,98,.74);
	border-bottom: none;
	text-align: center;
}
.titleBar h1 {
	color: #6d6f7b;
	font-size: 2.6em;
	font-weight: 600;
	padding: 20px 50px 0 50px;
}
.titleBar.grey h1 {
	color: #fff;
}
.titleBar .line {
	background-color: #e5d22d;
	display: table;
	height: 4px;
	margin: 8px 0 8px 50px;
	width: 70px;
}
.titleBar.grey .line { margin: 16px auto 8px auto }
.barBack {
	border-top: 1px solid #408a62;
}
.barBack span {
	background-size: cover;
	background-position: center center;
	border-bottom: 7px solid #e5d22d;
	content: "";
	height: 266px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.barBack span:before {
	background-color: #e4d32d;
	content: "";
	height: 100%;
	left: 0;
	opacity: .5;
	position: absolute;
	top: 0;
	width: 100%;
}
.barBack.v2 span { height: 173px }
@media only screen and (max-width:630px) {
	.titleBar h1 { font-size: 2.2em; line-height: 1.1em; padding: 18px 26px 0 26px }
	.titleBar .line { margin: 12px 0 8px 28px }
}


/*-----------breadcrumb-----------*/
#breadcrumb {
	padding: 7px 50px 30px 50px;
	z-index: 100;
}
#breadcrumb.v2 {
	text-align: center;
}
#breadcrumb i {
	color: #c5c6d0;
	font-size: .8em;
	padding: 0 8px;
}
#breadcrumb a {
	color: #6d6f7b;
	font-size: 1.1em;
	font-weight: 500;
}
#breadcrumb a:hover,
#breadcrumb .current {
	text-decoration: underline;
}
.titleBar.grey #breadcrumb a {
	color: #fff;
}
@media only screen and (max-width:1130px) {
	#breadcrumb { padding: 7px 30px 30px 30px }
	#breadcrumb.v3 { padding: 7px 50px 30px 50px }
}
@media only screen and (max-width:630px) {
	#breadcrumb { padding: 7px 8px 20px 8px }
	#breadcrumb.v3 { padding: 7px 27px 20px 27px }
}


/*-----------articleLayout-----------*/
.articleLayout {
	align-items: start;
	display: grid;
	grid-gap: 50px;
	grid-template-columns: 270px auto;
	margin-bottom: 60px;
	margin-top: 34px;
	z-index: 100;
}
.articleLayout.tran {
	grid-template-columns: 180px auto;
}
.articleLayout.one {
	display: block;
}
.articleLayout .mainText {
	padding: 0 50px 42px 50px;
}
.share {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(4,auto);
	justify-content: end;
	padding: 0 0 12px 0;
	text-align: center;
	z-index: 2000;
}
.share.i1 { grid-template-columns: repeat(1,auto) }
.share a {
	background-color: #fff;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 1.2em;
	padding: 5px 6px;
	transition:all 0.3s ease;
}
.share a.face { color: #d6c21a }
.share a.twitter { color: #beb062 }
.share a.mail { color: #289e60 }
.share a.sound { color: #6d6f7b }
.share a:hover.face,
.share a:hover.twitter,
.share a:hover.mail,
.share a:hover.sound {
	background-color: #e5d22d;
	color: #3a3d4f;
}

@media only screen and (max-width:1030px) {
	.articleLayout,
	.articleLayout.tran { grid-gap: 0; grid-template-columns: repeat(1, minmax(0, 1fr)); margin-top: 0; margin-bottom: 30px }
	.share { padding: 20px 0 12px 0 }
	.leftCol { grid-row: 2 }
}
@media only screen and (max-width:630px) {
	.articleLayout .mainText { padding: 0 26px 18px 26px }
}


/*-----------subMenu-----------*/
#submenu {
	background-color: #fff;
	box-shadow: 0 0 12px rgba(40,40,40,.1);
	margin-top: 64px;
	padding: 0 18px;
}
#submenu .title {
	background-color: #005688;
	background: linear-gradient(90deg, rgba(0,78,123,1) 0%, rgba(0,86,136,1) 100%);
	color: #fff;
	font-size: 1.1em;
	font-weight: 400;
	padding: 11px 18px;
	text-align: center;
	text-transform: uppercase;
}
#submenu > ul > li > a {
	border-bottom: 1px solid #e9e8dc;
	color: #3a3d4f;
	display: block;
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.4em;
	padding: 12px 0;
	transition:all 0.3s ease;
}
#submenu > ul > li:last-child > a {
	border-bottom: none;
}
#submenu > ul > li:hover > a {
	color: #1e7547;
}
#submenu > ul > li > a.current {
	background-color: #e5d22d;
	border: 1px solid #fff;
	color: #3a3d4f;
	left: -18px;
	padding: 12px 18px;
	top: -1px;
	width: calc(100% + 36px);
}
@media only screen and (max-width:1020px) {
	#submenu { display: none }
}


/*-----------mainText-----------*/
.wrapContent {
	background-color: #fff;
	box-shadow: 0 0 12px rgba(40,40,40,.1);
}
.wrapContent.noColor {
	background-color: transparent;
}
.mainText {
	text-align: justify;
}
.mainText h2 {
	border-top: 2px solid #d9d6b9;
	color: #1e7547;
	font-size: 2.1em;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 4px;
	padding-top: 30px;
	text-align: left !important;
}
.mainText h2:first-child {
	border-top: none;
	margin-top: 42px;
	padding-top: 0;
}
.mainText h2 + .sideImg,
.mainText h2 + h3 {
	margin-top: 30px
}
.mainText .sideImg + h2 {
	border-top: none;
	padding-top: 0;
}
.mainText h2 + .sideImg.imgLeft,
.mainText h2 + .sideImg.imgRight {
	margin-top: 20px !important;
}

.mainText h3 {
	color: #837815;
	display: table;
	font-size: 1.7em;
	font-weight: 600;
	line-height: 1.45em;
	margin-bottom: 4px;
	text-align: left !important;
}
.mainText h3:first-child { margin-top: 38px }
.mainText h4 {
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.45em;
	margin-bottom: 6px;
	text-align: left !important;
	text-transform: uppercase;
}
.mainText > p,
.mainText > blockquote > p {
	font-size: 1.2em;
	hyphens: auto;
	line-height: calc(1.5em + .2vw);
	margin-bottom: 24px;
}
.mainText > p:first-child {
	margin-top: 40px;
}
.mainText > p:last-of-type,
.mainText > blockquote p:last-of-type {
	margin-bottom: 0
}
.mainText > p:last-of-type + .sideImg,
.mainText > blockquote p:last-of-type + .sideImg {
	margin-top: 36px
}
.mainText form > p {
	font-size: 1.1em;
	font-weight: 400;
	hyphens: auto;
	line-height: 1.45em;
	margin-bottom: 24px;
}
.mainText > p:last-of-type + form {
	margin-top: 20px;
}
.mainText > p.lastDeclaration + form {
	margin-top: 0;
}
.mainText > p:last-of-type + ul,
.mainText > p:last-of-type + ol,
.mainText > blockquote > p:last-of-type + ul,
.mainText > blockquote > p:last-of-type + ol,
.mainText > p:last-of-type + .embedContainer,
.mainText > p:last-of-type + h3 {
	margin-top: 24px
}
.mainText > p:last-of-type + .sideImg,
.mainText > p:last-of-type + h6,
.mainText > p + h2,
.mainText .sideImg + h2 {
	margin-top: 46px;
}
.mainText > p a,
.mainText > blockquote > p a {
	color: #1e7547;
	font-weight: 500;
	text-decoration: underline;
	transition:all 0.3s ease;
}
.mainText > p a:hover,
.mainText > blockquote > p a:hover { color: #6d6f7b }

.mainText > ul,
.mainText > ol,
.mainText > blockquote > ul,
.mainText > blockquote > ol {
	counter-reset: myCounter;
	margin-bottom: 24px;
}
.mainText > h2 + ul,
.mainText > h2 + ol {
	margin-top: 16px;
}
.mainText > h3 + ul,
.mainText > h3 + ol,
.mainText > blockquote > h3 + ul,
.mainText > blockquote > h3 + ol {
	margin-top: 12px;
}
.mainText > ul:last-of-type,
.mainText > ol:last-of-type,
.mainText > blockquote > ul:last-of-type,
.mainText > blockquote > ol:last-of-type {
	margin-bottom: 0
}
.mainText > ul:last-of-type + p,
.mainText > ol:last-of-type + p,
.mainText > blockquote > ul:last-of-type + p,
.mainText > blockquote > ol:last-of-type + p,
.mainText > ul:last-of-type + h6 {
	margin-top: 24px
}
.mainText > ul:last-of-type + .sideImg,
.mainText > ol:last-of-type + .sideImg {
	margin-top: 36px
}
.mainText > ul:last-of-type + h2,
.mainText > ol:last-of-type + h2,
.mainText > ul:last-of-type + h3,
.mainText > ol:last-of-type + h3,
.embedContainer + h2 {
	margin-top: 46px
}
.mainText > ul:last-of-type + .embedContainer,
.mainText > ol:last-of-type + .embedContainer {
	margin-top: 24px
}
.mainText > ul > li,
.mainText > blockquote > ul > li {
	font-size: 1.2em;
	hyphens: auto;
	line-height: calc(1.5em + .2vw);
	padding: 0 0 5px 22px;
}
.mainText > ul > li a,
.mainText > blockquote > ul > li a {
	color: #1e7547;
	font-weight: 400;
	text-decoration: underline;
	transition:all 0.3s ease;
}
.mainText > ul > li a:hover,
.mainText > blockquote > ul > li a:hover { color: #6d6f7b }
.mainText > ul > li p,
.mainText > blockquote > ul > li p {
	font-size: 1.2em;
}
.mainText > ul > li:before,
.mainText > blockquote > ul > li:before {
	background-color: #e5d22d;
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	top: 10px;
	width: 8px;
}
.mainText > ol > li,
.mainText > blockquote > ol > li {
	counter-increment: myCounter;
	font-size: 1.15em;
	hyphens: auto;
	line-height: calc(1.5em + .2vw);
	list-style: none;
	padding: 0 0 10px 32px;
}
.mainText > ol > li:before,
.mainText > blockquote > ol > li:before {
	content: counter(myCounter)".";
	left: 0;
	position: absolute;
	text-align: right;
	top: 0;
	width: 22px;
}
.mainText > ol > li a,
.mainText > blockquote > ol > li a {
	color: #005688;
	font-weight: 400;
	text-decoration: underline;
	transition:all 0.3s ease;
}
.mainText > ol > li a:hover,
.mainText > blockquote > ol > li:hover { color: #33a6e8 }
.mainText > ol > li > ul,
.mainText > blockquote > ol > li > ul {
	margin-top: 12px;
}
.mainText > ol > li > ul > li,
.mainText > blockquote > ol > li > ul > li {
	font-size: 1.2em;
}
.mainText .embedContainer {
	margin-bottom: 24px;
	width: 100%;
}
.mainText iframe {
	width: 100%;
}

.sideImg {
	left: -50px;
	width: calc(100% + 100px);
}
.sideImg + .sideImg {
	margin-top: 40px;
}
blockquote .sideImg {
	left: 0;
	width: 100%;
}
.mainText .sideImg:first-child {
	margin-top: 0 !important;
}
.sideImg + p,
.sideImg + .sideImg.imgLeft,
.sideImg + .sideImg.imgRight {
	margin-top: 20px;
}
.sideImg.imgLeft,
.sideImg.imgRight {
	border: none;
	width: 48%;
}
.sideImg.imgLeft {
	float: left;
	left: 0;
	margin: 6px 24px 10px 0;
}
.sideImg.imgRight {
	float: right;
	left: 0;
	margin: 14px 0 10px 24px;
}
.sideImg.imgLeft + p:after,
.sideImg.imgRight + p:after {
	content: "";
	clear: both;
	display: block;
}

.sideImg a {
	display: block;
	z-index: 20;
}
.sideImg a:after {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
}
.sideImg a:hover:after {
	background-color: rgba(40,40,40,0.2);
}
.sideImg.imgLeft a:after,
.sideImg.imgRight a:after {
	display: none;
}

.sideImg img {
	display: block;
	width: 100%;
}
.sideImg.imgLeft img,
.sideImg.imgRight img {
	left: 0;
	top: 0;
}

.mainText h6 {
	border-top: 1px dashed #d9d6b9;
	cursor: pointer;
	font-size: 1.42em;
	font-weight: 600;
	line-height: 1.36em;
	padding: 17px 42px 17px 10px;
	text-align: left !important;
	transition:all 0.3s ease;
}
.mainText h6:first-child { margin-top: 38px }
.mainText h6 a {
	color: #3a3d4f;
	transition:all 0.3s ease;
}
.mainText h6:hover a {
	color: #1e7547;
	text-decoration: none;
}
.mainText h2 + h6,
.mainText h3 + h6 { margin-top: 16px }
.mainText h6:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	color: #6d6f7b;
	font-size: 1em;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.mainText h6.symbol:before {
	content: "\f106";
	color: #e5d22d;
}
.mainText h6.symbol a { color:#1e7547 }
.mainText blockquote {
	border-left: 1px solid #e5d22d;
	display: none;
	margin: 0 0 24px 18px;
	padding: 0 0 0 22px;
}
.mainText blockquote p:first-child {
	margin-top: 0;
}
.mainText .h6line {
	border-bottom: 1px dashed #e1e1e1;
	display: block;
	height: 1px;
}
.mainText .h6line:last-child {
	margin-bottom: 10px
}
#author {
	border-top: 1px solid #edebd8;
	color: #6d6f7b;
	line-height: 1.5em;
	padding: 16px 20px;
	text-align: center;
}
#author span { font-weight: 500 }
#author i { margin-right: 7px }

.mainText .wrapTable {
	margin-top: 12px;
}
.mainText table {
	/*border: 1px solid #1e7547;*/
	margin-bottom: 24px;
	text-align: left;
	width: 100%;
}
.mainText table th {
	background-color: #1e7547;
	color: #fff;
	padding: 10px 12px;
}
.mainText table td {
	border-bottom: 1px solid #1e7547;
	border-top: 1px solid #1e7547;
	font-weight: 500;
	padding: 10px 12px;
}
.mainText table .total td {
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
	font-weight: 700;
}
.mainText table .total:last-of-type td {
	border-bottom: none;
	color: #1e7547;
}
.mainText table .total span {
	margin-right: 7px;
}
.mainText table .totalFinal td {
	background-color: #6d6f7b;
	background-clip: padding-box;
	border-color: #aeb1bf;
	color: #fff;
	font-weight: 700;
}
.mainText table .totalFinal span {
	margin-right: 7px;
}
@media only screen and (max-width:860px) {
	.mainText .wrapTable { overflow-x: auto }
}
@media only screen and (max-width:630px) {
	.mainText { text-align: left }
	.mainText h2 { font-size: 1.9em; padding-top: 20px }
	.mainText > p { hyphens: initial; text-align: left !important }
	.mainText ul > li { hyphens: initial; text-align: left !important }
	.mainText ol > li { hyphens: initial; text-align: left !important }
	.mainText h6 { font-size: 1.4em }
	.sideImg { left: -26px; width: calc(100% + 52px) }
	.sideImg.imgLeft,
	.sideImg.imgRight { width: 100% }
	.sideImg.imgLeft { float: initial; margin: 6px 0 24px 0 }
	.sideImg.imgRight { float: initial; margin: 6px 0 24px 0 }
	.mainText h2:first-child { margin-top: 16px }
	.mainText h3:first-child { margin-top: 20px }
	.mainText h2 + .sideImg.imgLeft,
	.mainText h2 + .sideImg.imgRight { margin-top: 30px }

	.mainText > p:last-of-type + .sideImg,
	.mainText > p:last-of-type + h6,
	.mainText > p + h2,
	.mainText .sideImg + h2 {
		margin-top: 18px;
	}
	.sideImg + p { margin-top: 18px }
	.mainText > p:first-child { margin-top: 23px }
}
@media only screen and (max-width:490px) {
	.mainText blockquote { margin: 0 0 24px 0 }
}


/*-----------Magnific-----------*/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200000;
	overflow: hidden;
	position: fixed;
	background-color: #10271b;
	opacity: 0.65;
	filter: alpha(opacity=65);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200002;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow {
	background-color: transparent;
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#modalBox2 button.mfp-close {
	background-color: rgba(255,255,255,0.9);
	border-radius: 0 0 0 14px;
}
button::-moz-focus-inner { padding: 0; border: 0 }
.mfp-close {
	cursor: pointer;
	font-size: 13px;
	height: 34px;
	line-height: 33px !important;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	width: 34px;
}
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close-btn-in .mfp-close { color: #a8b1b6 }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	width: 100%;
}
.mfp-counter {
	color: #fff;
	font-size: 12px;
	position: absolute;
	top: 7px;
	right: 10px;
	line-height: 18px;
	white-space: nowrap;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	padding: 40px 0 40px;
	margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
	background: #444;
}
.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar {
	margin-top: -40px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	min-height: 34px;
	text-align: left;
	line-height: 18px;
	word-wrap: break-word;
	padding: 8px 0 10px 0;
}
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; }
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
	.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
	.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
	.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
	.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
	.mfp-container { padding-left: 14px; padding-right: 14px; }
}


/* ----------- cdtop -----------*/
.cdTop {
	background-color: #e5d22d;
	box-shadow: 0 0 0 2px rgba(255,255,255,1);
	border-radius: 50%;
	bottom: 72px;
	color: #3a3d4f;
	font-size: 1.5em;
	height: 40px;
	line-height: 38px;
	opacity: 0;
	position: fixed;
	right: 15px;
	text-align: center;
	transition: opacity .3s 0s, visibility 0s .3s;
	visibility: hidden;
	width: 40px;
	z-index: 9988;
}
.cdTop:hover {
	background-color: #6d6f7b;
	color: #fff;
}
.cdTop.cd-is-visible, .cdTop.cd-fade-out, .no-touch .cdTop:hover { transition: opacity .3s 0s, visibility 0s 0s }
.cdTop.cd-is-visible {
	visibility: visible;
	opacity: 1;
}
.no-touch .cdTop:hover {
	background-color: #eb5041;
	opacity: 1;
}
.cdTop.cd-is-visible:focus {
	background-color: #6d6f7b;
	color: #fff;
}


/*----------- google translate -----------*/
.goog-te-banner-frame.skiptranslate { display: none !important }
#google_translate_element .goog-te-gadget { font-size: 0px; text-align: center }
#google_translate_element .goog-te-gadget > div > div { display: none }
#google_translate_element .goog-te-gadget span { display: none }
#google_translate_element .goog-te-combo {
	background-color: #fff;
	background-image: url(../img/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 24px;
	border: 1px solid #1e7547;
	border-radius: 0;
	color: #3a3d4f;
	cursor: pointer;
	font-family: 'Assistant', sans-serif;
	font-size: 15px;
	font-weight: 500;
	padding: 8px 16px;
	width: 100%;

	-webkit-appearance: none;
	-moz-appearance: none;
}


/*----------- modalBox -----------*/
.modalWindow {
	background: #fff;
	border-radius: 3px;
	margin: 26px auto;
	max-width: 540px;
	padding: 52px 58px;
}
.modalWindow.v2 { max-width: 380px }
.modalWindow.v3 { max-width: 800px }
.modalWindow h2 {
	color: #6d6f7b;
	font-size: 2.1em;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 20px;
	text-align: center;
}
.modalWindow h2.green { color: #1e7547 }
.modalWindow p {
	font-size: 1.2em;
	hyphens: auto;
	line-height: calc(1.5em + .2vw);
	margin-bottom: 24px;
}
.modalWindow p:first-child {
	margin-top: 40px;
}
.modalWindow p:last-of-type {
	margin-bottom: 0
}
@media only screen and (max-width:700px) {
	.modalWindow { padding: 28px 24px }
	.modalWindow h2 { font-size: 1.6em }
}


/*-----------pollResult-----------*/
#pollResult {
	font-size: 1.1em;
	margin-top: 20px;
}
#pollResult .pTitle { font-weight: 500 }
#pollResult .pTitle span {
	color: #7f7f7f;
	font-weight: 400;
}
#pollResult .pRow {
	font-weight: 400;
	margin-bottom: 14px;
	text-align: right;
}
#pollResult .pRow span {
	background-color: #eee;
	height: 11px;
	position: absolute;
	left: 0px;
	top: 5px;
	width: calc(100% - 56px);
}
#pollResult .pRow span em {
	background-color: #e5d22d;
	height: 11px;
	left: 0px;
	position: absolute;
	top: 0px;
}


/*-----------subsubmenu-----------*/
.mainText #subsubmenu:first-child {
	margin-top: 40px;
}
#subsubmenu {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 30px;
	margin-top: 24px;
}
#subsubmenu a {
	align-items: center;
	border: 1px solid #e1e1e1;
	color: #3a3d4f;
	display: grid;
	font-weight: 600;
	padding: 26px 20px;
	text-align: center;
	transition:all 0.3s ease;
}
#subsubmenu a p {
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center !important;
}
#subsubmenu a i {
	color: #e5d22d;
	font-size: 2.8em;
	margin-bottom: 12px;
	transition:all 0.3s ease;
}
#subsubmenu a:hover i { color: #1e7547 }
#subsubmenu a:hover { border-color: #1e7547 }
@media only screen and (max-width:760px) {
	#subsubmenu { grid-template-columns: repeat(2,1fr) }
	#subsubmenu a p { font-size: 1.1em }
	#subsubmenu a i { font-size: 2.4em }
}
@media only screen and (max-width:490px) {
	#subsubmenu { grid-gap: 20px; grid-template-columns: repeat(1,1fr) }
}


/*-----------docBox-----------*/
#docBox {
	padding: 0 50px 44px 50px;
}
#docBox .title {
	color: #6d6f7b;
	display: table;
	font-size: 1.7em;
	font-weight: 700;
	margin: 0 auto 16px auto;
	text-align: center;
	z-index: 100;
}
#docBox .title span {
	background-color: #fff;
	padding: 0 18px;
}
#docBox .title:before {
	background-color: #e5d22d;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	top: 16px;
	transform: translateX(-50%);
	width: 140%;
	z-index: -1;
}

.fileTree {
	font-size: 1.15em;
}
.file-list, .file-list ul {
	border-left:1px solid #d7d7d7;
	margin-left:8px;
	padding-left:19px;
}
.fileTree ul { margin-left: -20px }
.file-list li {
	padding: 6px 0 6px 33px;
	position: relative;
}
.file-list li a {
	color:#3a3d4f;
	font-weight: 400;
	line-height: 1em;
	position: initial;
	transition:all 0.3s ease;
}
.file-list li a:hover {
	color: #1e7547;
}
.file-list li a:before {
	border-bottom:1px solid #d7d7d7;
	content: " ";
	display:block;
	height:1px;
	left:-14px;
	position:absolute;
	top:14px;
	width:10px;
}
.file-list li:before{
	color:#e5d22d;
	content:'\f15b';
	display:block;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	height:20px;
	left:2px;
	list-style-type: none;
	position:absolute;
	text-align: center;
	top:6px;
	width:20px;
}
.file-list li.doc:before { content:'\f1c2' }
.file-list li.power:before { content:'\f1c4' }
.file-list li.pdf:before { content:'\f1c1' }
.file-list li.img:before { content:'\f1c5' }
.file-list li.excel:before { content:'\f1c3' }
.file-list li.csv:before { content:'\f6dd' }
.file-list li.code:before { content:'\f1c9' }
.file-list .folder-root:before{
	color:#e5d22d;
	content: "\f07b";
	font-weight: 900;
}
.file-list .folder-root.open > a {
	font-weight: 500
}
.file-list .folder-root.open:before{
	content: "\f07c"
}
li.folder-root ul{
	overflow:hidden;
	transition: all .3s ease-in-out;
}
li.folder-root.closed > ul {
	max-height:0px;
	opacity:0;
}
li.folder-root.open > ul {
	display:block;
	opacity:1;
	padding-top: 6px;
}
@media only screen and (max-width:630px) {
	#docBox { padding: 0 26px 22px 26px }
}


/*-----------singleLayout-----------*/
.singleLayout {
	background-color: #fff;
	box-shadow: 0 0 12px rgba(40,40,40,.1);
	margin: 50px auto;
	max-width: 868px;
}
.singleLayout .titleBar {
	padding-bottom: 24px;
}
.singleLayout .titleBar.v2 {
	padding-bottom: 0;
}
.singleLayout .titleBar h1 {
	text-align: center;
}
.singleLayout .titleBar .line {
	margin: 8px auto 8px auto;
}
@media only screen and (max-width:908px) {
	.singleLayout { margin: 20px }
	.singleLayout .titleBar { padding-bottom: 17px }
}


/*-----------searchResults-----------*/
#searchTitle h2 {
	color: #1e7547;
	font-size: 2em;
	font-weight: 500;
	line-height: 1.3em;
	margin: 40px 0 26px 0;
	text-align: center;
}

#searchResults {
	padding: 0 42px 42px 42px;
}
#searchResults a {
	border-top: 1px solid #e6e6e6;
	color: #3a3d4f;
	display: block;
	padding: 30px 18px 30px 36px;
	transition:all 0.3s ease;
}
#searchResults a:hover { background-color: #fdfcf1 }
#searchResults a:last-of-type { border-bottom: 1px solid #e6e6e6; }
#searchResults a:before {
	background-color: #e5d22d;
	content: "";
	height: 2px;
	left: 16px;
	position: absolute;
	top: 42px;
	width: 8px;
}
#searchResults .title {
	font-size: 1.3em;
	font-weight: 500;
	text-align: left;
}
#searchResults .url {
	color: #9d9d9d;
	font-size: 1.05em;
	font-style: italic;
	margin: 3px 0 5px 0;
}
#searchResults .descrip {
	font-size: 1.1em;
	line-height: 1.5em;
}
@media only screen and (max-width:600px) {
	#searchTitle h2 { font-size: 1.8em }
	#searchResults { padding: 0 14px 26px 14px }
	#searchResults a {
		background-color: #fff !important;
		padding: 30px 0 30px 18px;
	}
	#searchResults a:before { left: 0 }
	#searchResults .title { font-size: 1.2em }
}


/*-----------pagination-----------*/
#pagination {
	background-color: #fff;
	display: flex;
	justify-content: center;
	padding: 0 0 40px 0;
}
#pagination a {
	background-color: #fff;
	color: #3a3d4f;
	display: block;
	font-size: 1.1em;
	margin-right: 2px;
	min-width: 34px;
	padding: 6px 12px;
	text-align: center;
	transition:all 0.3s ease;
}
#pagination a:hover {
	background-color: #f5f5f5;
	color: #1e7547;
}
#pagination .active a {
	background-color: #1e7547;
	color: #fff;
	font-weight: 600;
}
@media only screen and (max-width:620px) {
	#pagination { padding: 0 0 20px 0 }
}


/*-----------Places-----------*/
#places {
	background-color: #fff;
	display: grid;
	grid-gap: 50px 72px;
	grid-template-columns: repeat(3,1fr);
	padding: 42px;
}
#places a {
	color: #3a3d4f;
	transition:all 0.3s ease;
}
#places a:nth-child(3n+1):before,
#places a:nth-child(3n+2):before {
	background-color: #e6e6e6;
	content: "";
	height: 100%;
	position: absolute;
	right: -36px;
	top: 0;
	width: 1px;
}
#places a figure {
	background-color: #f2f2f2;
	background-position: center center;
	background-size: cover;
	padding-bottom: 100%;
	transition:all 0.3s ease;
}
#places a > div {
	padding: 12px 0 0 0;
}
#places a h2 {
	color: #6d6f7b;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 12px;
	transition:all 0.3s ease;
}
#places a:hover h2 { color: #1e7547 }
#places a p {
	font-size: 1.2em;
	line-height: 1.45em;
	margin-top: 4px;
}
#places a .line {
    background-color: #e5d22d;
    display: table;
    height: 3px;
    margin: 10px 0;
    width: 70px;
}
#places a span {
	color: #d6c21a;
	display: table;
	font-size: 1.15em;
	font-weight: 700;
	margin-top: 12px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
#places a:hover span { color: #6d6f7b }
@media only screen and (max-width:950px) {
	#places { grid-template-columns: repeat(2,1fr) }
	#places a:nth-child(3n+1):before,
	#places a:nth-child(3n+2):before {
		display: none;
	}
	#places a:nth-child(2n+1):before {
		background-color: #e6e6e6;
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		right: -36px;
		top: 0;
		width: 1px;
	}
}
@media only screen and (max-width:660px) {
	#places { grid-template-columns: 1fr; padding: 26px }
	#places a:nth-child(2n+1):before { display: none }
}


/*-----------insideGallery-----------*/
.wrapGallery {
	background-color: #fff;
	padding: 0 50px 46px 50px;
}
.wrapGallery .title {
	color: #6d6f7b;
	display: table;
	font-size: 1.7em;
	font-weight: 700;
	margin: 0 auto 16px auto;
	text-align: center;
	z-index: 100;
}
.wrapGallery .title span {
	background-color: #fff;
	padding: 0 18px;
}
.wrapGallery .title:before {
	background-color: #e5d22d;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	top: 16px;
	transform: translateX(-50%);
	width: 154%;
	z-index: -1;
}

.insideGallery {
	display: grid;
	grid-gap: 1px;
	grid-template-columns: repeat(3,1fr);
}
.insideGallery a {
	background-size: cover;
	background-position: center center;
	padding-bottom: 80%;
}
.insideGallery a:after {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
}
.insideGallery a:hover:after {
	background-color: rgba(229,210,45,0.5);
}
@media only screen and (max-width:1000px) {
	.wrapGallery { padding: 0 30px 46px 30px }
	.insideGallery { grid-template-columns: repeat(3,1fr) }
}
@media only screen and (max-width:580px) {
	.wrapGallery { padding: 0 6px 26px 6px }
	.insideGallery { grid-template-columns: repeat(2,1fr) }
}


/*-----------newsBox-----------*/
.newsBox {
	background-color: #fff;
	display: grid;
	grid-template-columns: repeat(1,1fr);
	padding: 0 42px 24px 42px;
}
.newsBox a {
	align-items: start;
	border-bottom: 1px solid #e1e1e1;
	display: grid;
	grid-gap: 34px;
	grid-template-columns: 300px auto;
	padding: 32px 0;
	transition:all 0.3s ease;
}
.newsBox a:first-of-type {
	border-top: 1px solid #e1e1e1;
	padding-top: 32px;
}
.newsBox a figure {
	background-position: center center;
	background-size: cover;
	padding-bottom: 70%;
}
.newsBox a .title {
	color: #6d6f7b;
	font-size: 1.7em;
	font-weight: 700;
	transition: all 0.3s ease;
}
.newsBox a:hover .title {
	color: #68b08a;
}
.newsBox .line {
    background-color: #9ad5b6;
    display: table;
    height: 3px;
    margin: 7px 0 10px 0;
    width: 60px;
}
.newsBox .date {
	color: #9497a6;
	font-weight: 600;
	margin-bottom: 10px;
}
.newsBox a p {
	color: #3a3d4f;
	font-size: 1.2em;
	line-height: 1.5em;
}
.newsBox a .more {
	color: #68b08a;
	display: table;
	font-size: 1.15em;
	font-weight: 700;
	margin-top: 12px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.newsBox a:hover .more {
	color: #6d6f7b;
}
@media only screen and (max-width:900px) {
	.newsBox a { grid-template-columns: 220px auto }
}
@media only screen and (max-width:680px) {
	.newsBox { padding: 0 36px }
	.newsBox a { grid-gap: 14px; grid-template-columns: 1fr; padding: 32px 0 22px 0 }
}
@media only screen and (max-width:500px) {
	.newsBox { padding: 0 26px }
	.newsBox a { padding: 26px 0 20px 0 }
	.newsBox a:first-of-type { padding-top: 26px }
}


/*-----------wrapEvents-----------*/
.wrapEvents {
	background-color: #fff;
	display: grid;
	grid-gap: 0 46px;
	grid-template-columns: repeat(2,1fr);
	padding: 14px 42px 26px 42px;
}
.wrapEvents a {
	align-items: start;
	border-bottom: 1px solid #e1e1e1;
	color: #3a3d4f;
	display: grid;
	grid-gap: 24px;
	grid-template-columns: 64px auto;
	padding: 26px 0 28px 0;
	transition:all 0.3s ease;
}
.wrapEvents .date {
	background-color: #e5d22d;
	font-size: 2.1em;
	font-weight: 600;
	line-height: .85em;
	margin-top: 4px;
	text-align: center;
	padding: 8px 0 10px 0;
}
.wrapEvents .date span {
	font-size: .6em;
	font-weight: 500;
	display: block;
	line-height: 1.14em;
}
.wrapEvents .title {
	color: #6d6f7b;
	font-size: 1.6em;
	font-weight: 600;
	margin-bottom: 1px;
	line-height: 1.2em;
	transition:all 0.3s ease;
}
.wrapEvents a:hover .title {
	color: #1e7547;
}
.wrapEvents .category {
	color: #6d6f7b;
	font-size: 1.15em;
	font-weight: 400;
}
.activityFilter {
	background-color: #fff;
	padding: 36px 42px 0 42px;
}
.activityFilter .generalForm select {
	margin-bottom: 0;
}
@media only screen and (max-width:730px) {
	.wrapEvents { grid-template-columns: 1fr }
}
@media only screen and (max-width:580px) {
	.wrapEvents { padding: 14px 26px 26px 26px }
	.activityFilter { padding: 26px 26px 0 26px }
	.wrapEvents a { grid-gap: 19px }
}


/*-----------dataEvents-----------*/
.dataEvents {
	border-bottom: 1px solid #e1e1e1;
	display: grid;
	grid-gap: 12px 24px;
	grid-template-columns: repeat(2,1fr);
	margin: 0 50px;
	padding: 26px 0;
}
.dataEvents p {
	font-size: 1.15em;
	line-height: 1.4em;
	padding: 0 0 0 28px;
}
.dataEvents p i {
	color: #68b08a;
	left: 0;
	position: absolute;
	top: 3px;
}
.dataEvents p span {
	color: #68b08a;
	font-weight: 600;
	padding-right: 4px;
}
.dataEvents + .mainText > .sideImg {
	margin-top: 38px;
}
@media only screen and (max-width:780px) {
	.dataEvents { grid-template-columns: 1fr }
}
@media only screen and (max-width:630px) {
	.dataEvents { margin: 0 26px }
}


/*-----------generalForm-----------*/
.generalForm fieldset {
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	margin: 46px 0;
	padding: 34px;
}
.generalForm fieldset:last-of-type {
	margin: 46px 0 0 0;
}
.generalForm fieldset.transaction {
	border: none;
	border-radius: 0;
	display: none;
	margin: 0 0 26px 0;
	padding: 0 0 10px 0;
}
.generalForm fieldset.transaction.v2 {
	display: block;
	margin: 10px 0 0 0;
}
.generalForm fieldset.transaction:after {
	background-color: #259057;
	content: "";
	display: block;
	height: 3px;
	left: -50px;
	position: relative;
	width: calc(100% + 100px);
}
.generalForm fieldset.transaction.v2:after { display: none }
.generalForm fieldset.transaction:last-of-type {
	margin: 0 0 26px 0;
	padding: 0;
}
.generalForm fieldset.transaction input[type="submit"],
.generalForm fieldset.transaction button[type="submit"],
.generalForm fieldset.transaction .floatBtn {
	font-size: 1.1em;
	margin: 0 0 20px 0;
	padding: 6px 16px 8px 16px;
}

.generalForm fieldset.transaction h3 {
    color: #6d6f7b;
    display: table;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.45em;
    margin-bottom: 8px;
    margin-top: 0;
    text-align: left !important;
}
.generalForm fieldset.transaction > p {
	font-size: 1.1em;
	font-weight: 400;
	hyphens: auto;
	line-height: 1.45em;
	margin-bottom: 18px;
}
.generalForm fieldset.transaction ul { margin-bottom: 14px }
.generalForm fieldset.transaction ul > li {
	font-size: 1.1em;
	font-weight: 400;
	hyphens: auto;
	line-height: 1.45em;
	padding: 0 0 4px 20px;
}
.generalForm fieldset.transaction ul > li:before {
	background-color: #e5d22d;
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	top: 7px;
	width: 8px;
}
.generalForm fieldset legend {
	color: #6d6f7b;
	display: table;
	font-size: 1.7em;
	font-weight: 700;
	margin: auto;
	padding: 0 15px;
	z-index: 100;
}

.generalForm .title {
	color: #1e7547;
	display: block;
	font-size: 1.12em;
	font-weight: 600;
	margin-bottom: 6px;
	user-select: none;
	text-align: left;
}
.generalForm .title > i {
	color: #e5d22d;
	display: inline-block;
	font-size: 1.2em;
	font-style: normal;
	font-weight: 700;
	margin: -1px 0 0 6px;
	transition: all 0.3s ease;
}
.generalForm input[type="text"],
.generalForm input[type="date"],
.generalForm input[type="password"],
.generalForm input[type="file"],
.generalForm select,
.generalForm textarea {
	border: 1px solid #6d6f7b;
	font-size: 1.2em;
	font-weight: 500;
	margin-bottom: 28px;
	outline: none;
	padding: 10px 14px;
	width: 100%;
}
.generalForm input[type="text"].money {
	padding: 10px 14px 10px 34px;
}
.generalForm textarea {
	overflow: hidden;
	overflow-y: auto;
}
.generalForm input[type="text"].error,
.generalForm input[type="password"].error,
.generalForm input[type="file"].error,
.generalForm select.error,
.generalForm textarea.error {
	box-shadow: 0 0 0 3px #f5e1dc;
	border-color: #cc664a;
}

.generalForm input[type="text"][readonly],
.generalForm input[type="date"][readonly],
.generalForm input[type="password"][readonly],
.generalForm input[type="file"][readonly],
.generalForm select[readonly],
.generalForm textarea[readonly] {
	border-color: #d8d8d8 !important;
	color: #6d6f7b;
	cursor: default;
}
.generalForm input[type="text"][disabled],
.generalForm input[type="date"][disabled],
.generalForm input[type="password"][disabled],
.generalForm input[type="file"][disabled],
.generalForm select[disabled],
.generalForm textarea[disabled] {
	background-color: #fff;
	border-color: #d8d8d8 !important;
	color: #6d6f7b;
	cursor: default;
}

.generalForm select {
	background-color: #fff;
	background-image: url(../img/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 24px;
	margin-bottom: 30px;
	padding: 10px 24px 10px 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.generalForm input[type="text"]:focus,
.generalForm textarea:focus,
.generalForm select:focus {
	border-color: #e5d22d;
	box-shadow: 0 0 10px rgba(250,249,236,.95);
}

.generalForm input[type="radio"] {
	background-color: transparent;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #1e7547;
	cursor: pointer;
	height: 14px;
	margin-right: 10px;
	outline: none;
	top: 2px;
	width: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.generalForm input[type="radio"]:hover { background-color: #efefef }
.generalForm input[type="radio"]:checked {
	background-color: #1e7547;
	border:3px solid #fff;
	box-shadow: 0 0 0 1px #1e7547 !important;
}

.generalForm input[type="checkbox"] {
	background-color: transparent;
	box-shadow: 0 0 0 1px #259057;
	cursor: pointer;
	height: 14px;
	margin-right: 10px;
	top: 2px;
	width: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.transaction input[type="checkbox"] {
	margin-left: 1px;
}
.generalForm input[type="checkbox"]:checked {
	background-color: #1e7547;
	border:3px solid #fff;
	box-shadow: 0 0 0 1px #1e7547 !important;
}
.generalForm input[type="radio"].error,
.generalForm input[type="checkbox"].error {
	box-shadow: 0 0 0 1px #cc664a;
}

.generalForm .mChoice {
	color: #3a3d4f;
	cursor: pointer;
	display: block;
	font-size: 1.14em;
	font-weight: 400;
	margin: 6px 0 5px 2px;
	user-select: none;
}
.generalForm .mChoice:last-of-type {
	margin: 6px 0 28px 2px;
}
.poll .generalForm .mChoice:last-of-type {
	margin: 6px 0 12px 2px;
}
.generalForm .mChoice strong { font-weight: 600 }
.generalForm .captcha {
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
}
.generalForm .fBlock > .cr {
	bottom: 37px;
	color: #3a3d4f;
	font-size: 1.5em;
	font-weight: 500;
	left: 17px;
	position: absolute;
	z-index: 100;
}

.generalForm input[type="submit"],
.generalForm button[type="submit"],
.generalForm .floatBtn {
	background-color: #1e7547;
	border-radius: 4px;
	box-shadow: 0 0 0 3px transparent;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.25em;
	font-weight: 600;
	outline: none;
	padding: 10px 26px;
	transition:all 0.3s ease;
}
.generalForm .floatBtn { margin-right: 5px !important }
.generalForm input[type="submit"]:hover,
.generalForm button[type="submit"]:hover,
.generalForm .floatBtn:hover {
	background-color: #2c8656;
}
.generalForm .floatBtn.grey {
	background-color: #6d6f7b;
}
.generalForm .floatBtn.grey:hover {
	background-color: #80828d;
}

@media only screen and (max-width:670px) {
	.generalForm input[type="submit"],
	.generalForm button[type="submit"],
	.generalForm .floatBtn {
		display: block;
		margin-bottom: 12px;
		padding: 10px 20px;
		text-align: center;
		width: 100%;
	}
}
@media only screen and (max-width:630px) {
	.generalForm fieldset.transaction:after { left: -26px; width: calc(100% + 52px) }
}
@media only screen and (max-width:600px) {
	.generalForm fieldset {
		border: none;
		border-bottom: 1px solid #e6e6e6;
		margin: 46px 0 4px 0;
		padding: 26px 0;
	}
	.generalForm fieldset legend {
		border-top: 1px solid #e6e6e6;
		padding: 26px 0 0 0;
		width: 100%;
	}
}
@media only screen and (max-width:440px) {
	.generalForm input[type="submit"],
	.generalForm button[type="submit"],
	.generalForm .floatBtn {
		font-size: 1.2em;
	}
}


/*-----------blogBox-----------*/
.blogBox {
	background-color: #fff;
	display: grid;
	grid-gap: 42px;
	grid-template-columns: repeat(2,1fr);
	padding: 42px;
}
.blogBox a {
	background-position: center center;
	background-size: cover;
}
.blogBox a figure {
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 66%;
	position: relative;
	transition:all 0.3s ease;
}
.blogBox a:hover figure { border-color: #60c5ff }

.blogBox a p.title {
	border-top: 3px solid #68b08a;
	color: #6d6f7b;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.25em;
	margin: 0 0 12px 0;
	padding-top: 16px;
	transition:all 0.3s ease;
}
.blogBox a:hover p.title { color: #68b08a }
.blogBox a .line {
	background-color: #68b08a;
	display: table;
	height: 3px;
	margin: 16px 0;
	width: 90px;
}
.blogBox a p {
	color: #3a3d4f;
	font-size: 1.2em;
	line-height: 1.45em;
}
.blogBox a span {
	color: #68b08a;
	display: table;
	font-size: 1.15em;
	font-weight: 700;
	margin-top: 12px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.blogBox a:hover span { color: #6d6f7b }
.blogBox a span i {
	margin-left: 10px;
}
@media only screen and (max-width:730px) {
	.blogBox { grid-template-columns: 1fr }
}
@media only screen and (max-width:600px) {
	.blogBox { padding: 26px }
}


/*-----------commentsBox-----------*/
.commentsBox {
	padding: 0 50px 48px 50px;
}
.commentsBox .title {
	color: #6d6f7b;
	display: table;
	font-size: 1.7em;
	font-weight: 700;
	margin: 0 auto 16px auto;
	text-align: center;
	z-index: 100;
}
.commentsBox .title span {
	background-color: #fff;
	padding: 0 18px;
}
.commentsBox .title span em {
	font-weight: 400;
	font-style: normal;
}
.commentsBox .title:before {
	background-color: #e5d22d;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	top: 16px;
	transform: translateX(-50%);
	width: 140%;
	z-index: -1;
}

.commentsBox .comment {
	border: 1px solid #e1e1e1;
	margin-bottom: 20px;
	padding: 26px 34px;
	position: relative;
	text-align: justify;
}
.commentsBox .comment:last-of-type {
	margin-bottom: 0;
}
.commentsBox .comment p {
	font-size: 1.15em;
	line-height: 1.5em;
}
.commentsBox .comment p strong {
	color: #1e7547;
}
.commentsBox .comment span {
	color: #6d6f7b;
	display: table;
	font-size: 1.1em;
	font-style: italic;
	margin-top: 12px;
}
@media only screen and (max-width:630px) {
	.commentsBox { padding: 8px 26px 26px 26px }
	.commentsBox .comment { text-align: left }
}
@media only screen and (max-width:460px) {
	.commentsBox .comment { padding: 18px 26px }
}


/*-----------orgChart-----------*/
.peopleOrg {
	border-top: 1px solid #e6e6e6;
	display: grid;
	grid-gap: 14px;
	grid-template-columns: 82px auto;
	padding: 22px 0;
}
.peopleOrg:last-of-type { border-bottom: 1px solid #e6e6e6 }
.peopleOrg.contact:first-of-type {
	border-top: none;
}
.peopleOrg.contact:last-of-type {
	border-bottom: none;
}
.peopleOrg figure{
    border-radius: 50%;
    background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 80px;
    width: 80px;
}

.peopleOrg .name {
	font-size: 1.3em;
	font-weight: 500;
	line-height: .96em;
	margin-bottom: 5px;
}
.peopleOrg .position {
	color: #7d7d7d;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.1em;
	margin-bottom: 0;
	text-transform: uppercase;
}
.peopleOrg .email {
	color: #3a3d4f;
	display: block;
	font-size: 1.1em;
	font-weight: 400;
	margin: 9px 0 7px 0;
	text-decoration: underline;
	transition:all 0.3s ease;
}
.peopleOrg .email:hover {
	color: #1e7547;
}
.peopleOrg .phone {
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.3em;
}
.peopleOrg .email i,
.peopleOrg .phone i {
	color: #d6c21a;
	margin-right: 10px;
}
@media only screen and (max-width:490px) {
	.peopleOrg {
		grid-gap: 12px;
		grid-template-columns: auto;
		text-align: center;
	}
	.peopleOrg figure{
		height: 60px;
   		width: 60px;
		margin: auto;
	}
	.peopleOrg div{
		margin-left: 0;
	}
	.peopleOrg p { text-align: center !important }
}


/*-----------wrapPoll-----------*/
#wrapPoll {
	background-color: #fff;
	display: grid;
	grid-gap: 30px 36px;
	grid-template-columns: repeat(2,1fr);
	padding: 32px 42px;
	position: relative;
}
#wrapPoll .pollBox {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 36px;
}
#wrapPoll p {
	color: #6d6f7b;
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.45em;
	margin-bottom: 18px;
}
#wrapPoll p:after {
	background-color: #f7d93d;
	content: "";
	display: block;
	height: 3px;
	margin-top: 10px;
	width: 60px;
}
#wrapPoll .floatBtn {
	font-size: 1em;
	font-weight: 500;
	margin-top: 8px;
	padding: 9px 14px 8px 14px;
}
#wrapPoll .generalForm .mChoice:last-of-type {
	margin: 6px 0 10px 2px;
}
@media only screen and (max-width:650px) {
	#wrapPoll { grid-template-columns: 1fr; padding: 18px 26px }
}


/*-----------projectBox-----------*/
.projectBox {
	display: grid;
	grid-gap: 36px;
	grid-template-columns: repeat(1,1fr);
	padding: 0 42px 30px 42px;
}
.projectBox a {
	background-position: center center;
	background-size: cover;
	border-bottom: 1px solid #e1e1e1;
	display: grid;
	grid-gap: 32px;
	grid-template-columns: 230px auto;
	padding-bottom: 32px;
	position: relative;
}
.projectBox a:first-of-type {
	padding-top: 32px;
}
.projectBox a figure {
	background-position: center center;
	background-size: cover;
	padding-bottom: 70%;
	transition:all 0.3s ease;
}
.projectBox a:hover figure { border-color: #60c5ff }
.projectBox a p.title {
	color: #6d6f7b;
	font-size: 1.7em;
	font-weight: 600;
	margin-bottom: 1px;
	line-height: 1.2em;
	transition:all 0.3s ease;
}
.projectBox a:hover p.title {
	color: #68b08a;
}
.projectBox a .cat {
	color: #9497a6;
	display: block;
	font-size: 1.15em;
	font-weight: 500;
	margin-bottom: 12px;
}
.projectBox a p {
	color: #3a3d4f;
	font-size: 1.2em;
	line-height: 1.5em;
}
.projectBox a .more {
	color: #68b08a;
	display: table;
	font-size: 1.15em;
	font-weight: 700;
	margin-top: 12px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.projectBox a:hover .more { color: #6d6f7b }
@media only screen and (max-width:700px) {
	.projectBox a { grid-gap: 16px; grid-template-columns: 1fr }
}
@media only screen and (max-width:580px) {
	.projectBox { padding: 0 26px 26px 26px }
	.projectBox a:first-of-type { padding-top: 26px }
}


/*-----------orgChart-----------*/
#orgMain {
	background-color: #fff;
	padding: 30px;
}

/*
 * 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: 1.05em;
	max-width: 1030px;
	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: scroll;
	position: relative;
	margin: auto;
}
.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: 2px }
.orgchart .verticalNodes>td::before {
	content: '';
	border: 1px solid #c7c7c7;
	line-height: 25px !important;
}
.orgchart .verticalNodes>td>ul>li:first-child::before {
	box-sizing: border-box;
	top: -4px;
	height: 32px; /*fcc*/
	width: calc(50% - 2px);
	border-width: 2px 0 0 2px;
	margin-top: -2px;
}
.orgchart .verticalNodes ul>li { position: relative }
.orgchart .verticalNodes ul>li::before,
.orgchart .verticalNodes ul>li::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: -6px;
	border-color: #c7c7c7;
	border-style: solid;
	border-width: 0 0 2px 2px;
}
.orgchart .verticalNodes ul>li::before {
	top: 0;
	height: 27px; /*fcc*/
	width: 15px; /*fcc*/
}
.orgchart .verticalNodes ul>li::after {
	top: 1px;
	height: 100%;
}
.orgchart .verticalNodes ul>li:first-child::after {
	box-sizing: border-box;
	top: 25px; /*fcc*/
	width: 15px; /*fcc*/
	border-width: 2px 0 0 2px;
}
.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 {
	font-size: 100px;
	margin-top: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.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 {
	position: absolute;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	vertical-align: middle;
	font-size: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart .node:hover {
	transition: .5s;
	cursor: default;
	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: #1e7547;
	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;
	/*white-space: nowrap;*/
	margin-left: 4px;
}
.orgchart .node .title a {
	color: #3a3d4f;
	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 #1e7547;
	color: #1e7547;
}
.orgchart .l01 .title {
	border-color: #e5d22d !important;
	font-weight: 400;
}
.orgchart .l01 .title a { color: #3a3d4f !important; }
.orgchart .l02 .title {
	border-color: #c7c7c7 !important;
	font-weight: 300;
}
.orgchart .l02 .title a {
	color: #5f6365 !important;
}
.orgchart .l03 .title {
	background-color: #f2f2f2 !important;
	border-color: #e7e6e6 !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;
	/*border:1px solid #aaaaaa;*/
	color: #aaaaaa;
	display: block;
	line-height: .92em;
	position: absolute;
	left: 4px;
	top: 18px;
	z-index: 99999;
}
.orgchart .node .toggleBtn:hover { color: #1e7547 }

.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 #1e7547 !important;
		color: #1e7547 !important;
	}
	.orgchart .l02 .title {
		border-color: #e5d22d !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 {
		background-color: #f2f2f2 !important;
		border-color: #e7e6e6 !important;
	}
}
@media only screen and (max-width:600px) {
	.orgchart .node .title { text-align: left; white-space: initial }
}


/*-----------optionsMenu-----------*/
#accessBtn {
	background-color: #e5d22d;
	border-radius: 4px 0 0 4px;
	box-shadow: 0 0 0 1px #fff;
	color: #3a3d4f;
	font-size: 1.7em;
	padding: 6px 10px;
	position: fixed;
	right: 0;
	top: 38px;
	z-index: 100001;
}
#optionsMenu {
	background-color: rgba(255,255,255,.98);
	box-shadow: 0 0 20px rgba(80,80,80,.2);
	height: 100vh;
	padding: 40px;
	position: fixed;
	right: -330px;
	top: 0;
	width: 310px;
	z-index: 1000000;
}
#optionsMenu .title {
	color: #21834f;
	font-size: 1.8em;
	font-weight: 600;
	margin-bottom: 26px;
	text-align: center;
}
#optionsMenu .subtitle {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 6px;
	margin-top: 26px;
	text-transform: uppercase;
}
#optionsMenu .subtitle:first-of-type {
	margin-top: 0;
}
#optionsMenu a {
	color: #3a3d4f;
	display: block;
	font-size: 1.05em;
	font-weight: 500;
	margin: 0 0 0 10px;
	padding: 7px 0 7px 28px;
	transition:all 0.3s ease;
}
#optionsMenu a:hover {
	color: #68b08a;
}
#optionsMenu a.current {
	text-decoration: underline;
}
#optionsMenu a i {
	color: #d6c21a;
	margin-right: 10px;
	left: 0;
	position: absolute;
	transition:all 0.3s ease;
	top: 10px;
}
#optionsMenu a:hover i {
	color: #68b08a;
}
#closeOptions {
	color: #6d6f7b;
	cursor: pointer;
	font-size: 1.1em;
	padding: 9px 14px;
	position: absolute;
	right: 4px;
	top: 4px;
}
@media only screen and (max-width:1020px) {
	#accessBtn { top: 10px }
}


/*-----------siteMap-----------*/
#siteMap {
	columns: 2;
	column-gap: 86px;
	column-rule: 1px solid #e6e6e6;
	font-size: 1.2em;
	padding: 42px;
}
#siteMap > ul > li {
	font-weight: 600;
	line-height: 1.5em;
	padding: 8px 0;
}
#siteMap > ul > li > a {
	color: #1e7547;
	transition:all 0.3s ease;
}
#siteMap > ul > li > a:hover { color: #37a5e5 }
#siteMap > ul > li > ul { padding: 7px 0 6px 5px }
#siteMap > ul > li > ul > li {
	font-weight: 300;
	padding: 3px 0 3px 20px;
}
#siteMap > ul > li > ul > li a {
	color: #202020;
	transition:all 0.3s ease;
}
#siteMap > ul > li > ul > li a:hover { color: #1e7547 }
#siteMap > ul > li > ul > li:before {
	background-color: #e5d22d;
	content: "";
	display: block;
	height: 8px;
	left: 0px;
	position: absolute;
	top: 12px;
	transition:all 0.3s ease;
	width: 8px;
}
#siteMap > ul > li > ul > li > ul {
	padding: 7px 0 7px 0
}
#siteMap > ul > li > ul > li > ul > li {
	font-size: .96em;
	font-style: italic;
	padding: 1px 0 1px 17px;
}
#siteMap > ul > li > ul > li > ul > li a:before {
	background-color: #c8c9ca;
	border-radius: 50%;
	content: "";
	display: block;
	height: 1px;
	margin-right: 9px;
	left: 0;
	position: absolute;
	top: 13px;
	transition:all 0.3s ease;
	width: 7px;
}
@media only screen and (max-width:720px) {
	#siteMap { columns: 1 }
}
@media only screen and (max-width:600px) {
	#siteMap { padding: 20px 26px }
}


/*-----------userInfo-----------*/
.userInfo {
	border: 2px solid #1e7547;
	display: grid;
	grid-gap: 10px 20px;
	grid-template-columns: repeat(2, 1fr);
	margin: 12px 0 24px 0;
	padding: 12px 18px;
}
.userInfo.v2 { margin-top: 42px }
.userInfo p.c100 {
	grid-column: span 2;
}
.userInfo p {
	font-size: 1.1em;
	font-weight: 400;
	padding: 0 0 0 86px;
	position: relative;
	text-align: left;
}
.userInfo p strong {
	color: #1e7547;
	display: inline-block;
	font-weight: 700;
	left: 0;
	position: absolute;
	top: -1px;
}
.userInfo p .status {
	font-weight: 600;
}
.userInfo p .status.defaulter {
	color: #cc664a;
}
.userInfo p .status.good {
	color: #259057;
}
@media only screen and (max-width:740px) {
	.userInfo { grid-template-columns: repeat(1, 1fr) }
	.userInfo p.c100 { grid-column: span 1 }
}
@media only screen and (max-width:630px) {
	.userInfo.v2 { margin-top: 26px }
}


/*-----------options-----------*/
.options {
	margin: auto;
	text-align: center;
	width: 130px;
}
.options a {
	color: #259057;
	font-size: 1.1em;
	margin: 0 7px;
	transition:all 0.3s ease;
}
.options a:hover { color: #d6c21a }
.options a strong {
	background-color: #363636d2;
	border-radius: 4px;
	color: #fff;
	display: none;
	font-size: 12.5px;
	font-weight: 500;
	left: 50%;
	margin-left: -1px;
	padding: 4px 11px;
	position: absolute;
	transform: translateX(-50%);
	top: -34px;
	white-space: nowrap;
	z-index: 400;
}
.options a strong:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #363636d2;
	border-width: 5px;
	margin-left: -5px;
}
.options a:hover strong { display: block }


.legend {
	color: #a5a5a5;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(2, auto);
	font-weight: 500;
	justify-content: end;
	position: absolute;
	right: 0;
	top: 13px;
}
@media only screen and (max-width:550px) {
	.legend { justify-content: start; margin: 10px 0 16px 0; position: relative; right: initial; top: initial }
}


/*-----------ftab-----------*/
#ftab {
	border-bottom: 1px solid #259057;
	font-size: 0;
	margin-bottom: 22px;
	margin-top: 32px;
	padding-left: 10px;
}
#ftab > a {
	background-color: #f7f7f7;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	color: #878a9f;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 14px;
	transition:all 0.3s ease;
	vertical-align: bottom;
}
#ftab > a:last-child { border-right: 1px solid #dddddd }
#ftab > a:hover { background-color: #fff }
#ftab > a.current {
	background-color: #fff;
	border-right: 1px solid #259057;
	border-color: #259057;
	color: #259057;
	cursor: default;
	z-index: 2;
}
#ftab > a.current + a { border-left: none }
#ftab > a.current:before {
	background-color: #fff;
	bottom: -1px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}
#ftab > a span {
	color: #259057;
	margin-left: 6px;
}
#ftab > a.current span {
	color: #259057;
}
@media only screen and (max-width:670px) {
	#ftab { padding-left: 0 }
	#ftab > a { border-right: 1px solid #dddddd; display: block }
	#ftab > a:last-of-type { border-bottom: 1px solid #dddddd }
	#ftab > a.current { border: 1px solid #259057 }
}


/*-----------icons-----------*/
.icons {
	font-size: 1.35em;
	position: absolute;
	right: 0;
	top: 8px;
}
.icons a {
	color: #a5a5a5;
	display: inline-block;
	margin-right: 10px;
	transition:all 0.3s ease;
}
.icons a:last-child { margin-right: 0 }
.icons a:hover {
	color: #259057;
}
@media only screen and (max-width:480px) {
	.icons { margin: 6px 0 16px 0; position: relative; top: initial; }
}


/*-----------checkIcon-----------*/
.checkIcon {
	display: block;
	font-size: 2.2em;
	margin: 0 0 36px 0;
	text-align: center;
	transition:all 0.3s ease;
	z-index: 4;
}
.checkIcon:before {
	content: "\f111";
	color: #656565;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	position: relative;
	transition:all 0.3s ease;
	z-index: 5;
}
.checkIcon:hover:before,
.checkIcon.approved:before {
	color: #259057;
	content: "\f058";
}
.checkIcon:after {
	background-color: #dfe1ec;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: 18px;
	width: 100%;
	z-index: -1;
}
.checkIcon span {
	color: #8f8f8f;
	font-size: 12px;
	font-weight: 500;
	left: 50%;
	top: 39px;
	position: absolute;
	transform: translateX(-50%);
	white-space: nowrap;
}
.checkIcon .back {
	background-color: #fff;
	height: 38px;
	left: 50%;
	margin-left: -1px;
	position: absolute;
	transform: translateX(-50%);
	width: 50px;
	z-index: 0;
}


/*-----------h5-----------*/
.accordion h5 {
	border: 3px solid #dfe1ec;
	cursor: pointer;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.22em;
	margin-bottom: 20px;
	padding: 11px 16px 13px 16px;
	text-align: center;
}
.accordion h5:first-child {
	margin-top: 30px;
}
.accordion h5.open {
	background: linear-gradient(0deg, rgba(255,255,255,1) 33%, rgba(250,249,238,1) 100%);
	border-color: #259057;
	border-bottom: none;
	border-left: none;
	border-right: none;
	color: #259057;
	left: -50px;
	width: calc(100% + 100px);
}
.accordion h5:hover a {
	color: #1e7547;
	text-decoration: none;
}
.accordion h5 span:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	color: #259057;
	font-size: 1em;
	margin-left: 10px;
	position: relative;
	top: 2px;
}
.accordion h5.open span:after {
	content: "\f106";
	color: #e5d22d;
}
@media only screen and (max-width:630px) {
	.accordion h5 { font-size: 1.4em }
	.accordion h5.open { left: -26px; width: calc(100% + 52px) }
}


/*-----------counterList-----------*/
.counterList {
	display: table;
	margin: auto;
}
.counterList p {
	border-top: 1px solid #e6e6e6;
	font-size: 1.15em;
	line-height: calc(1.5em + .2vw);
	margin: 0 !important;
	padding: 8px 68px;
}
.counterList p span {
	display: inline-block;
	font-weight: 400;
	width: 90px;
}
.counterList p strong {
	color: #1e7547;
	display: inline-block;
	font-weight: 600;
}