@import url('https://fonts.googleapis.com/css?family=Rajdhani:500,700'); 
@import url('font-awesome.min.css'); 
/* PROBATION INTERNET CUSTOM CSS */


/* Ensure task cards are visible and properly displayed on all screen sizes */
.task-card {
	display: block !important;
	width: 100% !important;
	visibility: visible !important;
}

.col-12.col-xl.task-card,
.col-xl.task-card {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
}

/* Override any hidden attributes */
.task-card[hidden],
.panel-body[hidden],
.panel-collapse[hidden] {
	display: block !important;
}

/* Ensure panel-body and containers are visible */
.panel-body,
.container-fluid,
.container-area {
	display: block !important;
	visibility: visible !important;
}

/* Force task card rows to display on mobile */
@media (max-width: 767px) {
	.row > .col-12.task-card,
	.row > .col-xl.task-card,
	.row > .col-12.col-xl.task-card {
		display: block !important;
		visibility: visible !important;
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}


/* Override Bootstrap collapse on mobile */
	.panel-collapse.collapse {
		display: block !important;
		height: auto !important;
	}
	
	/* Ensure accordion content is visible when expanded */
	.panel-collapse.collapse.in,
	.panel-collapse.collapse.show {
		display: block !important;
		visibility: visible !important;
		height: auto !important;
	}
}


:focus {
	outline: none;
}

.wrapper {
	margin: 0 auto;
	position: relative;
	padding: 0;
}

.ls-canvas {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
	min-width: 320px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.ls-canvas .ls-area, .ls-canvas .ls-area-body {
	overflow: visible!important;
	width: 100%;
}

.ls-canvas .ls-area {
	width: auto;
}

.ls-fxr {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.ls-fxr:after,.ls-fxr:before {
	content: " ";
	display: table;
}

.ls-fxr:after {
	clear: both;
}

.home-content-wrapper .ls-fxr {
	padding: 0;
}

.home-content-wrapper .ls-area {
	margin: 0;
}

body {
	color: #17175D;
	font-family: 'Rajdhani', sans-serif;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .04em;
	line-height: 1.7;
}

a {
	color: #17175D;
}

p {
	letter-spacing: 0;
}

a:hover {
	color: #161671;
	text-decoration: none;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.row-wrapper {
	padding-bottom: 10px;
	width: 100%;
}

.row-wrapper.heading-wrapper {
	padding-bottom: 0px;
}

.dark-bg, .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg a {
	color: #fff;
}

.dark-bg.section-spacing {
	background-color: #17175D;
}

.light-bg.section-spacing {
	background-color: #fff;
}

.sectiontitle {
	font-size: 50px;
	font-weight: bold;
	letter-spacing: 0;
	margin-bottom: 10px;
	padding-bottom: 50px;
	text-transform: uppercase;
}

h2, h3, .banner-title {
	font-size: 28px;
	letter-spacing: .05em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

.tag-line {
	font-size: 70px;
	font-weight: bold;
	letter-spacing: 0em;
	margin-bottom: 10px;
	text-transform: uppercase;
	display: block;
}

.site-heading {
	margin-bottom: 18px;
}

h1.site-title {
	font-size: 36px;
	letter-spacing: 0;
	line-height: 1.25;
	margin-bottom: 8px;
	text-transform: none;
}

h2.site-title {
	font-size: 27px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: .963em;
	margin-bottom: 17px;
	text-transform: none;
}

img {
	max-width: 100%;
}

img.image-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.image-right {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

iframe {
	border: none;
}

.default-btn, .button {
	border: 1px solid #E8BA84;
	box-sizing: border-box;
	color: #fff;
	display: block;
	min-width: 221px;
	padding: 13px 35px;
	text-align: center;
	transition: all .3s ease-out;
}

.default-btn {
	background-color: transparent;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .03em;
	line-height: 1.223em;
	margin-top: 21px;
	padding: 20px 35px 15px;
	text-transform: capitalize;
}

.light-bg .default-btn {
	color: #17175D;
}

.dark-bg .default-btn {
	color: #fff;
}

.dark-btn.default-btn {
	background-color: #17175D;
	color: #fff;
}

.button {
	width: auto;
	display: inline-block;
	max-width: 221px;
	padding: 10px 35px;
	text-align: center;
}

#mobile-menu .button {
	width: 100%;
	max-width: 350px;
}

.default-btn:hover, .botton:hover, .default-btn:active, .botton:active {
	background-color: #E8BA84;
	color: #17175D;
}

.center-mode {
	text-align: center;
	margin: auto;
}

.clear-fix:after {
	content: "";
	clear: both;
	display: block;
}

.no-gutter {
	padding: 0;
}

.call-us a, .send-a-fax a {
	border-bottom: 1px solid #D8B677;
	display: inline-block;
}

/*spacing*/
.section-spacing {
	padding-top: 70px;
	padding-bottom: 70px;
}

.section-spacing-35 {
	padding-top: 35px;
	padding-bottom: 50px;
}

.padding-top-50 {
	padding-top: 50px;
}

.padding-top-65 {
	padding-top: 65px;
}

.mb-30 {
	margin-bottom: 30px;
}

/* HEADER */
header {
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
}

.site-logo img {
	width: 200px;
}

.w-155 img {
	width: 155px;
}

.acpd-header .container, .acpd-header .container-fluid {
	align-items: flex-start;
	padding-top: 20px;
	position: relative;
}

.header-left, .header-right {
	padding-top: 50px;
	padding-left: 0;
	display: flex;
}

.header-right {
	justify-content: flex-end;
}

header ul {
	list-style: none;
}

.header-left li, .header-right li {
	margin-right: 2.5em;
}

.header-right li:last-child, .header-left li:last-child {
	margin: 0;
}

header li, header li a {
	font-weight: bold;
}

header, header a {
	color: #fff;
	font-size: 20px;
	letter-spacing: .05em;
}

header a:hover, header a:active {
	color: #D8B677;
}

.search-button {
	display: block;
	position: relative;
	margin-top: 6px;
}

.search-button:after {
	content: url('/probation-resources/images/noun_950829.svg');
	cursor: pointer;
	width: 21px;
	height: 21px;
	display: block;
}

.search-button+.header-left {
	padding-left: calc(2.5em + 28px);
}

.acpd-header .site-lang, .acpd-header .site-home, .acpd-header .site-contact, .acpd-header .site-pay, .calender {
	position: relative;
	padding-left: 35px;
}

.acpd-header .calender {
	position: absolute;
	left: 50px;
	top: 50px;
}

.acpd-header .site-contact {
	padding-left: 28px;
}

.acpd-header .site-pay {
	padding-left: 37px;
}

.acpd-header .search-button:before, .acpd-header .site-lang:before, .acpd-header .site-home:before, .acpd-header .site-contact:before, .acpd-header .site-pay:before {
	width: 25px;
	line-height: 0;
	display: inline-block;
}

.acpd-header .search-button:before, .acpd-header .site-lang:not(.button):before, .acpd-header .site-home:not(.button):before, .acpd-header .site-contact:not(.button):before, .acpd-header .site-pay:not(.button):before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-55%);
	display: block;
}

.acpd-header .site-home:before {
	content: url('/probation-resources/images/home-icon.svg');
}

.acpd-header .site-lang:before {
	content: url('/probation-resources/images/noun_Translation_41100_000000.svg');
}

.acpd-header .site-contact:before {
	content: url('/probation-resources/images/noun_993747.svg');
}

.acpd-header .site-pay:before {
	content: url('/probation-resources/images/noun_payment_402699_000000.svg');
	width: 30px;
}

.calender:before {
	content: url('/probation-resources/images/calendar.svg');
	display: inline-block;
	width: 16px!important;
}

.acpd-header {
	display: flex;
	flex-direction: row;
	padding: .5rem 1rem;
	padding-top: 20px !important;
	position: relative;
}

.acpd-header .navbar {
	padding: 0;
	align-items: flex-start;
	/* width: calc(100% - 225px); */
	width: calc(100% - 25px);
}

.acpd-header .navbar .container {
	padding-top: 0;
}

#home, #lang {
	margin-right: 2em;
}

/* MENU ICON */
#menu-icon {
	margin-left: .8em;
	cursor: pointer;
}

.menu-icon-inner {
	border-bottom: 1px solid;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 1.24em;
	height: .95em;
	overflow: hidden;
	vertical-align: middle;
	color: #D8B677;
	margin-right: 10px;
	margin-top: -3px;
}

.menu-icon-inner:before {
	top: 0;
}

.menu-icon-inner:after {
	top: 50%;
}

.menu-icon-inner:before, .menu-icon-inner:after {
	content: '';
	display: block;
	border-top: 1px solid;
	position: absolute;
	left: 0;
	width: 100%;
	transition: all .7s ease;
	transition-property: transform;
}

/* MAIN MENU */
.overlay-menu {
	height: 0;
	position: fixed;
	transition: all .7s ease;
	background-color: #17175D;
	color: #fff;
	padding: 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 9;
	visibility: hidden;
}

.overlay-menu ul, #search-lightbox #searchform-wrap, #search-lightbox #mobile-searchform-wrap {
	transition: all .2s ease;
}

body:not(.menu-visible) .overlay-menu ul {
	opacity: 0;
}

.close, .search-close {
	position: absolute !important;
	right: 80px;
	top: 50px;
	color: #fff;
	text-shadow: none;
	opacity: 1;
	cursor: pointer;
	z-index: 9;
}

.close:before, .search-close:before {
	content: url('/probation-resources/images/noun_close.svg');
	margin-left: 7px;
	width: 25px;
	display: block;
}

.close:hover {
	color: #fff;
	opacity: 1;
}

.menu-visible {
	overflow: hidden;
}

.menu-visible .overlay-menu {
	min-height: 100vh;
	opacity: 1;
	z-index: 9;
	overflow-y: scroll;
	visibility: visible;
}

.navbar-nav .child-arrow.has-submenu{
	cursor: pointer;
}

.overlay-menu .navbar-nav li {
	text-align: center;
}

.child-arrow {
	position: relative;
	padding-right: 35px;
	box-sizing: border-box;
}

.child-arrow:after {
	content: url('/probation-resources/images/noun_Plus_834817_000000.svg');
	display: inline-block;
	line-height: 1;
	cursor: pointer;
	position: absolute;
	top: .25em;
	width: 14px;
	right: 0;
	text-align: center;
	transition: transform .3s ease-in-out;
}

.child-arrow.toggle-on:after {
	content: url('/probation-resources/images/noun_minus_834817_000000.svg');
}

.has-submenu:not(.toggle-on) + .sub-menu {
	border: none;
	background: 0 0;
	position: static;
	padding: .5em 0;
	display: none;
	opacity: 1;
	overflow: inherit;
	box-shadow: none;
}

.overlay-menu ul.sub-menu {
	padding: 10px 0;
}

header .overlay-menu ul.sub-menu li a {
	font-weight: normal;
	font-size: 85%;
}

.copy-rights {
	text-align: right !important;
	color: #D8B677 !important;
	font-size: 19px;
	margin-top: auto;
}

/* SEARCH FORM */
#search-lightbox {
	height: 0;
	position: fixed;
	transition: all .7s ease;
	background-color: #17175D;
	color: #fff;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	padding: 50px 80px;
	opacity: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	visibility: hidden;
}

.searchform-wrap input {
	background-color: transparent;
	border: none;
	margin: 0;
	box-shadow: none;
	border-radius: 0;
	color: #fff;
	font-size: 30px;
	width: 100%;
}

.searchform-wrap input::placeholder {
	text-transform: uppercase;
	color: #fff;
}

.searchform-wrap input:focus {
	outline-color: #fff;
}

.searchform-wrap {
	width: 100%;
	max-width: 500px;
}

.searchform-wrap #searchform, .searchform-wrap #mobile-searchform {
	border-bottom: 1px solid #D8B677;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0;
}

#search-lightbox.search-visible {
	min-height: 100vh;
	opacity: 1;
	visibility: visible;
}

.searchform-wrap button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	position: relative;
	height: 34px;
	overflow: hidden;
	color: #fff;
	padding: 0;
	width: 42px;
}

.icon-search {
	height: 37px;
	width: 42px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #17175d;
}

.icon-search:before {
	content: url('/probation-resources/images/noun_950829.svg');
	width: 20px;
	display: inline-block;
	margin: 5px auto;
}

/* MOBILE MENU */
.acpd-header .button {
	font-size: 18px;
	font-weight: bold;
}

.acpd-header .button:before {
	width: 23px;
	margin-right: 8px;
}

.acpd-header .site-pay.button:before, .acpd-header .site-contact.button:before {
	transform: translateY(4px);
}

#mobile-menu {
	padding-top: 100px;
}

#mobile-menu .searchform-wrap, #mobile-menu .button {
	margin: 0 auto 50px;
}

#mobile-searchform {
	position: relative;
}

#mobile-menu .icon-search {
	width: 42px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

#mobile-menu .copy-rights {
	margin-top: 30px;
	text-align: left;
}
#mobile-menu .calender {
	position: relative;
	left: auto;
	top: auto;
}

/* OTHER HEADER */
.blue-bg {
	position: relative;
}

.blue-bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: calc(50% + 16px);
	background-color: #17175D;
}

.blue-bg .header-left, .blue-bg .header-right {
	padding-top: 25px;
	padding-bottom: 25px;
}

.blue-bg .header-left a, .blue-bg .header-right a {
	background-color: #17175D;
}

.blue-bg .container {
	padding-top: 10px
}

/*sidebar menu*/
.menu-title {
	text-transform: uppercase;
	font-size: 17px;
	letter-spacing: -.02em;
	margin-bottom: 15px;
	display: block;
}

.sidebar-menu .child-arrow:after {
	content: url('/probation-resources/images/plus-gray.svg');
}

.sidebar-menu .child-arrow.toggle-on:after {
	content: url('/probation-resources/images/minus-gray.svg');
}

.sidebar-menu ul {
	list-style: none;
	font-size: 17px;
	/* width: 172px; */
	padding-left: 0;
	padding-top: 5px;
}

.sidebar-menu li {
	padding-bottom: 5px;
	line-height: 150%;
	width: 90%;
	position: relative;
}

.sidebar-menu li .child-arrow {
	right: 10%;
	position: absolute;
}

.sidebar-menu a {
	color: #17175D;
	letter-spacing: 0;
}

.sidebar-menu a:hover {
	/* text-decoration:underline; */
	border-bottom: 1px solid #D8B677;
}

.sidebar-menu .menu-title a.active, .sidebar-menu li a.active, .sidebar-menu a:hover {
	font-weight: bold;
}

ul.sub-menu {
	padding-left: 20px;
}

/* CONTENT AREA*/
.banner-section {
	padding-top: 287px;
	padding-bottom: 120px;
	background-image: url('/probation-resources/images/shutterstock_483906967.jpg');
	position: relative;
	background-color: #161671;
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
}

.banner {
	padding-top: 225px;
	padding-bottom: 225px;
	background-color: #161671;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.banner-section:before, .banner:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #161671;
	opacity: .79;
}

.banner:before {
	background: linear-gradient(180deg, rgba(23, 23, 93,.9) 20%, rgba(0,0,0,.9) 100%);
}

.banner-overlay-txt {
	color: #fff;
	text-transform: none;
	text-align: center;
	margin: 0 auto;
	z-index: 1;
	font-size: 55px;
	font-weight: 800;
	letter-spacing: .05em;
	position: relative;
	top: 40px;
}

.feature {
	height: 355px;
	width: 100%;
	background-color: #161671;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 35px;
	position: relative;
	background-size: cover;
	/*background-position: top;*/
	background-position: 50% 50%;
	background-repeat: no-repeat;
	z-index: 1;
}

.feature:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(22,22,78,0.15) 0%, rgba(23,23,93,0.15) 100%);
	opacity: .64;
	z-index: -1;
	transition: background .3s ease-in-out;
}

.feature:hover:before {
	background: linear-gradient(180deg, rgba(22,22,113,1) 0%, rgba(22,22,113,1) 100%);
	opacity: .47;
}

.feature-1 {
	background-image: url('/probation-resources/images/feature-1.jpg');
}

.feature-2 {
	background-image: url('/probation-resources/images/feature-2.jpg');
}

.feature-3 {
	background-image: url('/probation-resources/images/feature-3.jpg');
}

.feature-4 {
	background-image: url('/probation-resources/images/feature-4.jpg');
}

.feature-5 {
	background-image: url('/probation-resources/images/feature-5.jpg');
}

.feature a {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	font-size: 20px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.2em;
}

.feature a:hover {
	text-decoration: underline;
	/* border-bottom: 1px solid #D8B677; */
}

/* Partners */
.partners-section .f-30 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.167;
	word-break: break-word;
}

.partners-section {
	background-color: #f7f7f7;
}

.partner-credits {
	padding-top: 30px
}

.partner-credits a {
	color: #17175D;
	margin-right: .7em;
}

.partner-credits a:last-child {
	margin-right: 0;
}

/* Achievements */
.counting {
	font-size: 71px;
	font-weight: bold
}

.achieve p {
	font-size: 20px;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.087em;
	margin-bottom: 13px;
}

.owl-carousel .owl-stage:focus {
	outline: 0;
}

.owl-dots .owl-dot {
	display: inline-block;
}

.owl-dots .owl-dot:focus {
	outline: 0;
}

.owl-dots .owl-dot button {
	width: 17px;
	height: 17px;
	border: 1px solid #17175D !important;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
	overflow: hidden;
	color: transparent !important;
}

.owl-dot.active button {
	background-color: #17175D !important;
}

.toggle-list-item {
	list-style: none;
	padding: 0;
}

.toggle-list-item a {
	position: relative
}

.toggle-list-item a:hover {
	color: #D8B677;
}

.toggle {
	border: 1px solid rgba(255,255,255,.21);
	padding: 30px;
	position: relative;
}
.find-assistance-section .panel-title a:hover h2, .find-assistance-section .panel-title a:hover h3{
	color: #D8B677;
}
.padding-bottom-30 {
	padding-bottom: 30px!important;
}

.normal {
	font-size: 17px;
	font-weight: 500;
	letter-spacing: .04em;
	line-height: 1.7;
	text-transform: none
}

.toggle h3 {
	margin: 0;
}

.collapsed {
	display: block;
}

.collapsed:after {
	content: "";
	display: block;
	clear: none;
}

.panel-body {
	padding: 20px 0 0;
}

.panel-body a {
	border-bottom: 1px solid #D8B677;
}

.toggle-button {
	width: 38px;
	height: 38px;
	background-color: rgba(255,255,255,.11);
	display: inline-block;
	border-radius: 509%;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.collapsed .toggle-button:before {
	transform: translateY(-60%) rotate(45deg);
}

.toggle-button:before {
	content: "";
	border: 1px solid;
	width: 10px;
	height: 10px;
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-30%) rotate(-135deg);
	border-top-color: transparent;
	border-left-color: transparent;
}

.slider-content {
	background-color: #fff;
	padding: 40px;
	font-size: 18px;
	width: 90%;
	margin: 0 auto 0;
	position: relative;
}

.slider-carousel h4 {
	letter-spacing: 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 20px;
}

.slider-carousel .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
}

.slider-carousel .owl-prev, .slider-carousel .owl-next {
	color: #12124A !important;
	font-size: 50px !important;
	position: absolute;
}

.owl-prev {
	left: -40px;
	; }

.owl-next {
	right: -40px;
}

.owl-prev:focus, .owl-prev span:focus, .owl-next:focus, .owl-next span:focus {
	outline: 0;
	color: #000 !important;
}

/* other page */
.generic-article a {
	border-bottom: 1px solid #D8B677;
}

.acpd-tab {
	margin-bottom: 65px;
}

.nav.tab {
	border-bottom: 2px solid #17175D;
}

.nav.tab li button {
	display: inline-block;
	padding: 0px 28px;
	color: #17175D;
	line-height: 2.353em;
	min-width: 134px;
	min-width: fit-content;
	text-align: center;
	transition: all .4s ease;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.nav.tab li:hover button, .nav.tab button.active {
	background-color: #17175D;
	color: #fff;
	border-color: #17175D;
}

.nav-tabs .nav-link {
	border: none;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}

.tab-content h2, .tab-content h2 a {
	font-size: 28px;
	text-transform: none;
	letter-spacing: -.02em;
	line-height: 1.3em;
	margin-bottom: 20px;
}

.tab-content h1, .tab-content h1 a, .tab-content h2, .tab-content h2 a, .tab-content h3, .tab-content h3 a, .tab-content h4, .tab-content h4 a, .tab-content h5, .tab-content h5 a, .tab-content h6, .tab-content h6 a {
	font-weight: bold;
	color: #17175D;
	text-transform: none;
	margin-bottom: 20px;
}

.tab-content p a {
	/* font-weight:bold; */
	border-bottom: 1px solid #D8B677;
}

.tab-content q, .tab-content blockquote {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.32em;
	margin: 20px auto;
	display: block;
	width: 75%;
	letter-spacing: 0em;
}

.acpd-accordion {
	margin-bottom: 50px;
}

.acpd-accordion button {
	border: none;
	background-color: transparent;
	width: 100%;
	text-align: left;
	padding: 0;
	position: relative;
	cursor: pointer;
}

.acpd-accordion .visited.collapsed * {
}

.acpd-accordion button:active *, .acpd-accordion button:focus *, .acpd-accordion button:hover * {
	color: #161671;
}

.acpd-accordion .panel-title .accordion-title {
	font-size: 22px;
}

.acpd-accordion .panel-group {
	width: 100%;
	/* max-width:780px;
	*/
}

/* .acpd-accordion .panel-group .toggle-border {
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 2px solid #D8B677;
} */

/* bg color added */
.container-fluid.padding-70.full-width {
	background-color: #ffffff;
}

.acpd-accordion h2, .acpd-accordion h3, .acpd-accordion h4, .acpd-accordion h5, .acpd-accordion h6, .acpd-accordion button strong {
	margin-bottom: 0;
	/*font-weight: bold;*/
	color: #17175D;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.3em;
}

.acpd-accordion h2, .acpd-accordion h3, .acpd-accordion h4, .acpd-accordion h5, .acpd-accordion h6, .acpd-accordion button strong {
	width: calc(100% - 30px);
	float: left;
}

.acpd-accordion .panel-body a {
	text-decoration: none!important;
}

.toggle-icon {
	width: 20px;
}

.toggle-icon:before {
	content: url('/probation-resources/images/minus-dark.svg');
	display: inline-block;
	line-height: 1;
	cursor: pointer;
	width: 20px;
	text-align: center;
	transition: transform .3s ease-in-out;
	border-radius: 100%;
}

.acpd-accordion button.collapsed .toggle-icon:before {
	content: url('/probation-resources/images/plus-dark.svg');
}

/*post page*/
.current-post .post {
	border-top: .5px solid #eaeaea;
	padding: 28.5px 0 26px;
}

.featured-image {
	margin-bottom: 25px;
	position: relative;
}

.featured-image:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* background: linear-gradient(180deg, rgba(22,22,78,1) 0%, rgba(23,23,93,1) 100%); */
	opacity: 0;
	transition: opacity .3s ease-in-out;
	pointer-events: none;
}

.post:hover .featured-image-linked:before {
	opacity: .54;
}

.featured-image img {
	width: 100%;
}

.fixed-pod-image-wrapper {
	/* height: 152px; */
	overflow: hidden;
	background: #FFF;
}

.post-meta {
	color: #4B4B4B;
	font-size: 12px;
	margin-bottom: 6px;
	letter-spacing: 0;
}

.post h3, .post h3 a, .post h2, .post h2 a {
	letter-spacing: -.02em;
	font-size: 28px;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 7px;
	color: #17175D;
}

.dark-bg .post a, .dark-bg .post h2 {
	color: #fff;
}

.sub-title {
	font-size: 23px;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.087em;
	margin-bottom: 13px;
	font-weight: normal;
	display: block;
}

.readmore {
	font-size: 18px;
	font-weight: bold;
	color: #17175D;
	position: relative;
	display: inline-block;
	margin-top: 14px;
}

.post-content p, .post-content li {
	/* line-height:1.412em; */
	margin-bottom: 14px;
}

.readmore:after {
	content: "";
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #D8B677;
	bottom: 2px;
	left: 0;
	transition: all .4s ease;
}

.post-content .readmore:after {
	border-bottom: none;
}

/*recent-post*/
.border-top-75 {
	border-top: .5px solid #eaeaea;
	padding: 75px 0 0;
}

.recent-post>.col-lg-4 {
	margin-bottom: 25px;
}

.recent-post .post {
	background-color: #17175D;
	padding: 30px 20px;
	/* height: 100%; */
}

.recent-post.sidebar .post {
	height: auto;
}

.recent-post .post h2, .recent-post .post h2 a {
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.353em;
	margin-bottom: 0;
	margin-top: 50px;
	border: none;
}

.recent-post .post .post-content {
	margin-top: 13px;
}

.recent-post .featured-image {
	margin: -30px -20px;
}

/*sidebar*/
.sidebar .post {
	margin-bottom: 25px;
}

.recent-post.sidebar .post h2, .recent-post.sidebar .post h2 a, .recent-post.bottom-pod .post h2, .recent-post.bottom-pod .post h2 a {
	margin-top: 0;
}

.recent-post.sidebar .post h2.has-image, .recent-post.sidebar .post h2.has-image a {
	margin-top: 50px;
}

.site-heading {
	line-height: 1.412em;
}

.webform {
	background-color: #17175D;
	padding: 30px 20px;
}

.webform {
	line-height: 1.412em;
}

.form-description {
	margin-bottom: 20px;
}

.webform h2 {
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.353em;
	margin-bottom: 13px;
	font-weight: bold;
}

.webform input, .webform textarea {
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.55em;
	padding: 12px;
	letter-spacing: 0;
	min-width: auto;
}

label {
	display: none;
}

.webform label {
	display: inline;
}

.year {
	font-size: 32px;
	letter-spacing: 0;
	line-height: 1.25;
	margin-bottom: 15px;
	text-transform: none;
}

.bold.menu-title {
	font-weight: bold;
	text-transform: none;
	font-size: 20px;
}

.month {
	font-size: 26px;
	letter-spacing: 0;
	line-height: 1.25;
	margin-bottom: 8px;
	font-weight: bold;
	text-transform: uppercase;
}

.grey {
	background-color: #f4f4f4;
}

.event {
	padding: 25px;
	font-size: 20px;
	margin-bottom: 25px;
	font-weight: bold;
}

.e-date {
	line-height: 1.2em;
}

.e-day, .e-time {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
}

.event-title a {
	color: #17175D;
}

.event-menu ul {
	list-style: none;
	font-size: 17px;
}

.event-menu, .event-menu a {
	color: #17175D;
	letter-spacing: 0;
}

.event-menu li {
	margin-bottom: 11px;
}

.event-detail .row {
	margin-bottom: 50px;
}

.event-meta {
	font-weight: bold;
	margin-bottom: 15px;
}

.event-detail a {
	color: #17175D;
}

.e-pdf a, .meta-content a {
	/* text-decoration: underline; */
	border-bottom: 1px solid #D8B677;
}

.e-pdf a:before, .meta-content a:before {
	display: none;
}

.meta-title {
	width: 80px;
	float: left;
}

.meta-content {
	width: calc(100% - 80px);
	margin-left: auto;
}

.event-description {
	padding: 35px 30px 50px 0;
}

.event-detail a {
	position: relative;
}

.event-detail a:before {
	content: "";
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #D8B677;
	bottom: 2px;
	left: 0;
	transition: all .4s ease;
}

a.skip-main {
	left: -999px;
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -999;
	font-size: 15px !important;
}

a.skip-main:focus, a.skip-main:active {
	color: #000;
	background-color: #eee;
	left: 5px;
	top: auto;
	width: auto;
	height: auto;
	overflow: auto;
	margin: 10px 0;
	padding: 5px 10px;
	border-radius: 2px;
	text-align: center;
	font-size: 1.2em;
	z-index: 9999;
	outline: 0;
}

/*staff list*/
.staff-list {
	width: 100%;
}

.staff-list th {
	background-color: #17175D;
	color: #fff;
	padding: 12px 0 ;
	font-size: 17px;
}

.staff-list td {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 17px;
}

.staff-list td:nth-child(1) {
	width: 66%;
}

.staff-list td:nth-child(2) {
	width: 18%;
}

.staff-list td:nth-child(3) {
	width: 16%;
}

/*TABLE*/
table>caption {
	caption-side: top;
	padding-bottom: 0;
}

table>caption h3 {
	letter-spacing: -.02em;
	font-size: 28px;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 7px;
	color: #17175D;
}

table.container-table th, table.container-table td {
	padding: 12px;
	border: 1px solid #fff;
}

table.container-table th {
	background-color: #17175D;
	color: #fff;
}

table.container-table td {
	background-color: #E6E6E6;
}

table.container-table td a {
	color: #17175D;
}

table td {
	vertical-align: top;
	font-size: 17px;
}

table td, table td p {
	font-weight: 500;
	line-height: 1.4;
}

/*careers*/
table.career-job-listing-table th, table.career-job-listing-table td {
	padding: 12px;
	border: 1px solid #fff;
}

table.career-job-listing-table th {
	background-color: #17175D;
	color: #fff;
}

table.career-job-listing-table td {
	background-color: #E6E6E6;
}

table.career-job-listing-table td a {
	color: #17175D;
}

/*acpd-list*/
.acpd-list {
	margin-bottom: 50px;
}

.acpd-list h2, .acpd-list h3, .acpd-list h4, .acpd-list h5, .acpd-list h6 {
	text-transform: none;
}

.acpd-list .list-title * {
	font-size: 20px;
}

.acpd-list ul {
	list-style: none;
}

.acpd-list li {
	line-height: 1.412em;
	margin-bottom: 20px;
	list-style-position: inside;
	text-indent: -1.4em;
	font-weight: 800;
}

.acpd-list li.non-link-list {
	text-indent: unset;
}

.acpd-list li a {
	border-bottom: 1px solid #D8B677;
}

.acpd-list li a:before, .acpd-list li a.pdf-link:before {
	content: "";
	display: inline-block;
	height: 25px;
	width: 25px;
	background-size: 25px 25px;
	border-bottom: 1px solid white;
	position: relative;
	top: 5px;
}

.acpd-list li a.pdf-link:before {
	background-image: url('/probation-resources/images/pdf-icon.svg');
	background-repeat: no-repeat;
}

/*contact*/
.contact-content .post:not(:first-child), .pra-requests {
	margin-top: 2rem;
}

.post a {
	color: #17175D;
	border-bottom: 1px solid #D8B677;
}

.map-image {
	background-color: #17175D;
	padding: 1px;
	/* height: 100%; */
}

.map-image img {
	width: 100%;
}

.contact-form {
	border-top: 2px solid #ccc;
	margin-top: 2em;
	background-color: #fff;
}

.contact-form label {
	margin-top: 2rem;
	display: inline-block;
}

/*team member thumbnails*/
.department-team-container .dark-bg {
	background-color: #17175D;
}

.department-team-container .team-member-profile {
	border: 1px solid #ccc;
	margin-bottom: 3rem;
}

.department-team-container .team-member-thumbnail {
	width: 100%;
}

.department-team-container .post {
	margin: 1rem;
}

.department-team-container .fa-svg {
	width: 20px;
	margin-right: 10px;
}

/*strategic-plan-2023*/
.logo-left-header .navbar {
	justify-content: flex-start;
	padding: 0;
}

.logo-left .navbar-header img {
	width: 150px;
}

.logo-left #menu-icon {
	position: relative;
	right: auto;
	top: auto;
}

.h-right {
	padding: 0;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.logo-left .search-button {
	position: relative;
	top: auto;
	left: auto;
}

.logo-left-header .dark-bg {
	/*background-color: #17175D;*/
	padding: 0;
}

.logo-left-header .site-description {
	font-size: 36px;
	font-weight: bold;
}

.strategic-plan-header .site-description {
	font-size: 32px;
}

.acpd-banner-1 {
	position: relative;
	min-height: 400px;
	padding-top: 80px;
	padding-bottom: 80px;
	overflow: visible;
}

.acpd-banner-1:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(23, 23, 93,.3) 0%, rgb(23, 23, 93) 100%);
	z-index: 1;
	pointer-events: none;
}

.acpd-banner-1 .row {
	position: relative;
	z-index: 2;
}

.n-spotlights {
	display: block;
	width: 100%;
}

.spotlight {
	position: relative;
}

.spotlight .featured-image a {
	display: block;
}

.spotlight .post-description {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	text-align: center;
	padding: 10px;
}

.spotlight .post-description {
	color: #fff !important;
	font-weight: bold;
	font-size: 36px
}

.spotlight .featured-image {
	margin-bottom: 0;
}

.spotlight .featured-image:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* background-color: #161671; */
	opacity: .9;
	/* background: linear-gradient(180deg, rgba(23, 23, 93,.0) 20%, rgb(23, 23, 93) 100%); */
}

.spotlight .featured-image img {
	min-height: 300px;
	object-fit: cover;
	width: 100%;
}

.spotlights .owl-dots {
	display: block;
	margin-top: -31px;
	z-index: 9;
	position: relative;
	text-align: center;
}

.spotlights .owl-dots .owl-dot button {
	width: 17px;
	height: 17px;
	border: 2px solid #FFFFFF !important;
	border-radius: 50%;
	display: block;
	margin: 15px;
	overflow: hidden;
	color: #fff !important;
	box-sizing: border-box;
	background-color: #17175D;
	position: relative;
}

.spotlights .owl-dots .owl-dot button:before {
	content: "";
	width: 17px;
	height: 17px;
	border: 2px solid #ffffff !important;
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
	color: transparent !important;
	box-sizing: border-box;
	position: absolute;
	background: #17175d;
	left: -2px;
	top: -2px;
	z-index: 2;
}

.spotlights .owl-dots .owl-dot.active button:before, .spotlights .owl-dot.active button {
	background-color: #FFFFFF !important;
	color: #17175D !important;
}

.map-bg {
	padding-top: 70px;
	padding-bottom: 70px;
	position: relative;
	overflow: hidden;
}

.map-bg .container .row {
	margin: 0 auto;
}

.acpd-features {
	font-size: 17px;
}

.acpd-features .feature-title {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: bold;
}

.acpd-features figure {
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	pointer-events: none;
}

.acpd-features figure i {
	color: #d4af37;
}

.acpd-features figure:after {
	content: "";
	border: 12px solid #fbc040;
	display: block;
	width: 0;
	margin: 20px auto 0;
	border-radius: 50%;
	z-index: 2;
}

  background-color: rgb(23, 23, 93);


.acpd-features .acpd-feature.orange figure:after {
	border-color: #fbc040;
}

.acpd-features .acpd-feature.light-green figure:after {
	border-color: #b1bf81;
}

.acpd-features .acpd-feature.blue figure:after {
	border-color: #2a84d2;
}

.acpd-features .acpd-feature.green figure:after {
	border-color: #8bc54d;
}

.acpd-features .acpd-feature.red figure:after {
	border-color: #de352e;
}

.acpd-features .acpd-feature.yellow figure:after {
	border-color: #ff0;
}

.acpd-features .acpd-feature.victoria figure:after {
	border-color: #704d78;
}

.acpd-features .acpd-feature.cadet figure:after {
	border-color: #17175D;
}

.acpd-features .owl-item.active figure:before, .acpd-features figure:before {
	content: "";
	position: absolute;
	width: calc(100% + 70px);
	border-bottom: 2px solid;
	bottom: 10px;
	left: calc(50% + 17px);
	z-index: -1;
	display: block !important;
}

.acpd-features .acpd-feature:last-child figure:before {
	display: none !important;
}

.acpd-features .owl-carousel .acpd-feature {
	margin: 0 auto;
	width: auto;
	max-width: none;
	padding: 0;
}

.acpd-features .owl-carousel .acpd-feature img, .acpd-feature img {
	width: auto !important;
	margin: 0 auto;
}

.acpd-features .owl-dots .owl-dot {
	display: inline-block;
}

.acpd-features .owl-dots .owl-dot:focus {
	outline: 0;
}

.acpd-features .owl-dots .owl-dot button {
	width: 17px;
	height: 17px;
	border: 1px solid #17175D !important;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
	overflow: hidden;
	color: transparent !important;
	box-sizing: border-box;
}

.acpd-features .owl-dot.active button {
	background-color: #17175D !important;
}

.acpd-features .owl-nav.disabled {
	display: none;
}

.chief-bio {
	font-size: 23px;
}

.bio-name {
	display: block;
	margin: 20px 0 0;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 23px
}

.chiefs-letter {
	padding-top: 50px;
}

.chiefs-letter h1 {
	font-weight: bold;
	margin-bottom: 20px
}

.accordions .acpd-accordion .panel-group {
	max-width: none;
}

.single-feature-carousel .owl-dots {
	display: block;
}

.single-feature-carousel .acpd-feature {
	margin: 0 auto;
}

{
	padding-left: 150px;
}

.container-area {
	text-align: left;
}

.content-heading {
	margin-right: 14px;
}

.content-heading a {
	/* text-decoration:underline; */
	border-bottom: 1px solid #D8B677;
	color: blue;
}

.container-area span {
	display: block;
}

.content-title {
	color: red;
	padding-left: 10px;
}

.container-area ul {
	list-style: none;
	padding-left: 20px;
}

.container-area ul li:before {
	content: '\2666';
	margin-right: 12px;
}

.acpd-feature h3, .accordions h3 {
	display: block;
	padding-left: 30px;
	width: calc(100% - 35px);
	float: none;
	text-align: left;
}

.objective {
	display: inline-block;
}

.training-icon, .implement-icon {
	position: relative;
	width: 35px;
}

.training-icon:before {
	content: url('../images/play-icon.svg');
}

.implement-icon:before {
	content: url('../images/clipboard.svg');
}

.acpd-feature .panel-title button, .accordions .panel-title button {
	display: flex;
	align-items: center;
}

.video-post {
	border-top: .5px solid #eaeaea;
	padding: 28.5px 0 26px;
}

.video-image {
	background-color: #17175D;
	padding: 30px 20px;
	height: auto;
}

.video-image button.btn-video {
	padding: 0;
	border: none;
}

.video-post .modal-content iframe {
	margin: 0 auto;
	display: block;
}

/*footer*/
#footer {
	background-color: #17175D;
	padding: 100px 20px 60px;
}

#footer h2 {
	font-weight: bold;
	text-transform: uppercase;
}

.footer-menu h2 {
	margin-bottom: 1.7em;
}

#footer h2, #footer {
	font-size: 17px;
}

#footer, #footer h2, #footer li a {
	color: #fff;
	transition: all .4s ease;
}

#footer li {
	margin-bottom: .8em;
}

#footer li a {
	position: relative;
}

#footer li a:after {
	content: "";
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #D8B677;
	bottom: 3px;
	left: 0;
	opacity: 0;
	transition: all .4s ease;
}

#footer li a:hover:after {
	opacity: 1;
}

#footer li a:hover {
	color: #fff;
}

#footer ul {
	list-style: none;
	padding-left: 0;
}

.footer-logo {
	margin-bottom: 1em;
}

.footer-site-logo img {
	width: 193.5px;
	display: block;
	margin: 0 auto;
}

.pre-footer {
	padding-top: 35px
}

.pre-footer {
	font-weight: bold;
	text-transform: uppercase;
}

.pre-footer a {
	letter-spacing: 0;
}

#footer .pre-footer a {
	color: #D8B677;
}

.pre-footer ul {
	margin-bottom: 0;
}

.pre-footer li {
	display: inline-block;
	margin-right: 2.4em;
}

.pre-footer .social-icons {
	display: flex;
	justify-content: flex-start;
}

.social-icons ul li {
	margin: 0 0 0 2em;
}

#footer .social-icons a:after {
	content: none;
}

#footer .social-icons .fa {
	font-size: 1.3em;
}

/* ANIMATION */
.fade {
	animation: fadein 2s;
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/*media quries*/
@media (max-width: 1007.5px) {
	.acpd-features {
		margin:0 auto !important;
	}

	.acpd-feature, .acpd-feature .acpd-accordion .panel-group {
		width: 100%;
		max-width: 100%;
	}

	.single-feature-carousel .owl-height {
		height: 100% !important;
	}
}

@media (min-width: 991px) and (max-width: 1256px) {
	.header-left li, .header-right li, #lang, #home {
		margin-right: 1.5em;
	}

	.container.acpd-header #home, .container.acpd-header #lang, .container.acpd-header .site-contact, .container.acpd-header .site-pay, .container.acpd-header span.menu {
		font-size: 85%;
	}
	
	.acpd-header .site-contact {
		margin-right: 3em;
	}
}

@media (max-width: 992px) {
	.overlay-menu .navbar-nav {
		display: block;
	}

	.mb-50 {
		margin-bottom: 50px;
	}

	.toggle {
		margin-bottom: 30px;
	}

	.toggle .panel-title {
		position: relative;
	}

	.pre-footer {
		padding-top: 0px;
	}

	h1 {
		font-size: 36px;
	}

	.acpd-header .site-lang:not(.button), .acpd-header .site-home:not(.button), .acpd-header .site-contact:not(.button), .acpd-header .site-pay:not(.button), nav:not(.logo-left) #main-menu, .menu, .tab-hidden, .slider-carousel .owl-nav {
		display: none;
	}
	
	#main-menu .menu-icon-inner {
		margin: 0
	}

	.acpd-header .container {
		width: 100%;
		max-width: none;
		flex-wrap: nowrap;
	}

	.search-button {
		position: absolute;
		top: 50%;
		z-index: 2;
		margin-top: 0;
	}

	#menu-icon {
		position: absolute;
		right: 5px;
		top: 50%;
		transform: translateY(-70%);
	}

	.blue-bg .search-button .blue-bg #menu-icon {
		top: 49px;
	}

	.search-button+.header-left {
		padding-left: 0;
	}

	.footer-site-logo img {
		margin-left: 0;
	}

	.tab-btn {
		max-width: 475px;
		border: 1px solid #E8BA84;
		color: #fff;
		padding: 13px 35px;
		box-sizing: border-box;
		display: block;
		transition: all .3s ease-out;
		margin: 30px auto 0 !important;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
	}

	.tab-btn:hover {
		background-color: #E8BA84;
		color: #17175D;
	}

	.dot-carousel.owl-carousel .owl-dots {
		display: block;
		margin: 30px 0 20px;
	}

	.slide button.default-btn {
		width: 100%;
	}

	.feature {
		height: 256px;
	}

	.slider-content {
		margin-top: -10%;
	}

	.header-left, .header-right {
		width: 0;
	}

	header.logo-left-header {
		background-color: #17175D;
		position: relative;
	}

	.logo-left-header .overlay-menu {
		position: fixed;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.acpd-header .navbar {
		flex: 0 0 100%;
	}

	.logo-left-header .container {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		padding-top: 0px;
	}

	.logo-left-header .site-description {
		padding: 20px 20px 0;
	}

	.feature a {
		font-size: 22px;
	}
}

@media (min-width: 767px) and (max-width: 992px) {
	.search-button, #menu-icon {
		top: 30%;
	}
}

@media (max-width: 768px) {
	.mob-hidden {
		display:none;
	}

	.banner-section .banner-title {
		font-size: 25px;
		font-weight: bold;
	}

	.site-logo, .site-logo img {
		width: 60%;
		max-width: 220px;
		margin: 0 auto;
	}

	.partners-section .mb-50 {
		margin-bottom: 0;
	}

	.owl-dots {
		text-align: center;
	}

	.nav.tab {
		display: block;
		border: none;
	}

	.nav.tab li {
		width: 100%;
		margin: 0 auto;
		display: block;
		border: 1px solid #17175D;
		margin-bottom: 5px;
	}

	.nav.tab li button {
		width: 100%;
	}

	#mobile-menu li, #mobile-menu li a {
		text-align: left;
		width: 100%;
	}

	#mobile-menu .child-arrow {
		right: -95%;
		top: -25px;
		padding-right: 0;
	}

	.search-button {
		top: 26%;
	}

	.sidebar-menu li {
		width: 100%;
	}

	.mmt-30 {
		margin-bottom: 0;
		margin-top: 30px;
	}

	.menu-icon-inner {
		margin-top: -45px;
	}

	#mobile-menu li a {
		display: block;
	}

	.container-area span {
		margin: 0 auto !important;
	}

	.content-title, .container-area ul {
		padding-left: 0;
	}

	#search-lightbox {
		padding: 50px 30px;
	}

	.close, .search-close {
		right: 30px;
	}

	.partners-section .center-tab-only .f-30 {
		text-align: center;
	}

	.partner-credits {
		padding-top: 0px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.center-tab-only {
		text-align: center;
	}

	.slider-carousel .owl-dots {
		width: 90%;
		margin-left: auto;
	}
}

@media (min-width: 993px) and (max-width: 1020px) {
	#home, #lang, .header-right li {
		margin-right: 1.5em;
	}

	.acpd-header .navbar {
		width: calc(100% - 200px);
	}
}

@media (min-width: 993px) and (max-width: 1080px) {
	.site-logo img {
		width: 150px;
	}
}

@media (min-width: 768px) {
	.social-icons span,.social-icons ul {
		display:inline-block;
	}

	.container {
		max-width: 90%;
		overflow: hidden;
	}

	.default-btn.large {
		min-width: 312px;
	}

	.container-area {
		display: flex;
	}

	.container-area {
		padding-left: 65px;
	}
}

@media (min-width: 992px) {
	header, header a {
		font-size: 24px;
	}

	.hb-site-nav>a {
		font-size: 30px;
	}
	.overlay-menu .navbar-nav {
		justify-content: center;
		align-items: center;
		margin-top: auto;
		width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.overlay-menu .navbar-nav.strategic-plan-nav {
		width: auto;
		width: 100%;
	}

	.overlay-menu .navbar-nav li {
		/* width:100%; */
		padding-bottom: 10px;
		line-height: 100%;
		padding-top: 2%;
	}

	#mobile-menu, .owl-dots {
		display: none;
	}

	.col-lg-2-4 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		display: flex;
	}

	.pre-footer .social-icons {
		justify-content: flex-end;
	}

	.right {
		text-align: right;
	}

	.center {
		text-align: center;
	}

	.mb-30 {
		margin-bottom: 30px;
	}

	.toggle h3 {
		font-weight: bold;
		font-size: 30px;
		margin: 10px 0;
	}

	.toggle {
		padding-bottom: 80px;
		padding-right: 0;
		padding-left: 0;
	}

	.toggle-button {
		margin: 0 auto;
		left: 0;
		bottom: 30px;
		top: auto;
		transform: translateY(0%)
	}

	.slider-carousel .slide {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.slider-carousel .owl-item img {
		width: 55% !important;
	}

	.slider-content {
		width: 55%;
		margin-left: -10%;
	}

	.plft-0 {
		padding-left: 0;
	}

	.margin-0 {
		margin: 0 auto;
	}

	.prit-0 {
		padding-right: 0;
	}

	.recent-post .col-lg-4 {
		padding: 0 10px;
	}

	.recent-post .col-lg-4:last-child {
		padding: 0 0 0 20px
	}

	.recent-post .col-lg-4:first-child {
		padding: 0 20px 0 0
	}

	.tab-visibility {
		display: none;
	}

	.logo-left .overlay-menu {
		height: auto;
		position: relative;
		transition: none;
		background-color: rgba(255,255,255,.8);
		color: #17175D !important;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		opacity: 1;
		z-index: 1;
		visibility: visible;
	}

	.logo-left .container, .full-width .container {
		max-width: none;
		width: 95%;
	}

	.logo-left .overlay-menu ul {
		opacity: 1 !important;
		display: inline-block;
		padding-left: 160px;
	}

	.logo-left .overlay-menu ul li {
		margin: 0;
		width: 33%;
		float: left;
		line-height: 125%;
	}

	.logo-left .dark-bg .container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.logo-left {
		padding-bottom: 0;
		padding-top: 0 !important;
	}

	.logo-left .navbar-header {
		margin: 0;
		margin-bottom: -65px;
		z-index: 9;
		position: relative;
	}

	.logo-left .navbar-header img {
		margin-right: 12px;
	}

	.logo-left .overlay-menu a {
		color: #17175D !important;
		font-size: 19px;
		padding: 0 5px;
		display: block;
	}

	.chiefs-msg {
		display: flex;
	}

	.chief-bio {
		margin-right: 40px;
		width: 300px;
	}

	.chief-news {
		width: calc(100% - 300px);
	}

	.spotlight {
		padding-top: 80px;
	}

	h1.site-description {
		position: absolute;
		top: 34px;
		left: 0;
		right: 0;
		margin: 0 auto;
		display: inline-block;
		z-index: 2;
		background-color: transparent !important;
		pointer-events: none;
		text-align: center;
		width: 490px;
	}

	.logo-left-header .container {
		overflow: visible;
	}

	.logo-left {
		z-index: 1
	}

	.partners-section .f-30 {
		font-size: 2.1vw;
	}
}

@media (min-width: 1007.5px) {
	.accordions {
		border-top:4px solid;
		padding-top: 15px;
	}

	.acpd-feature {
		position: relative;
	}

	.feature-tab-button.active a:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid;
		margin: 0 auto;
	}
}

/* LOGO POSITION FIX - TRANSLATION DROPDOWN*/

@media (min-width: 1200px) {
	.acpd-header .site-contact {
		margin-right: 3em;
	}
  
  	.navbar-header.offset {
  		padding-right:5rem;
	}
}

@media (min-width: 1390px) {
	.container {
		max-width: 1366px!important;
		padding: 0 60px;
	}

	.partners-section .f-30 {
		font-size: 30px;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.video-post img {
		width: 100%;
	}
}

/* Calender */
.calender-controls {
	display: flex;
	justify-content: space-between;
	flex: 1;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.calender-controls ul {
	list-style-type: none;
	margin: 0;
}

.calender-controls ul, .calender-controls ul li {
	display: inline-block;
	padding: 0;
}

.calender-controls ul li {
	margin-right: 10px;
}

.calender-controls ul li a {
	padding: 10px 25px;
	background-color: #E8E8E8;
	color: #17175D;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.89;
	display: block;
	margin-top: 10px
}

.left-controls a:hover {
	background-color: #17175D;
	color: #fff;
}

.cal-icon {
	fill: #17175D;
}

.left-controls a:hover .cal-icon {
	fill: #fff;
}

.left-controls svg {
	width: 18px;
	margin-bottom: -3px;
	margin-right: 10px;
}

.right-controls a:hover {
	background-color: #D8B677;
}

.monthly-calender-main {
	background-color: #17175D;
	color: #fff;
	padding: 15px 20px;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
}

.calender-header {
	font-size: 20px;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.navigation-controls .c-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.navigation-controls .c-nav a {
	color: #fff;
	font-size: 15px;
}

.navigation-controls .prev {
	left: 20px;
}

.navigation-controls .next {
	right: 20px;
}

.weeks {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.days {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	padding: 0;
}

.weeks li, .days li {
	width: 14.28%;
	padding: 15px 5px;
	color: #000;
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid rgba(75, 75, 75,.2);
	text-align: center;
}

.days li {
	text-align: right;
	padding: 5px 5px 10px 0;
	min-height: 100px;
}

.days li:hover, .days li:nth-child(7n), .days li:nth-child(7n+1) {
	background-color: rgba(245, 245, 245,.79)
}

.acpd-event a {
	display: block;
	border: 1px solid #17175D;
	text-align: left;
	border-left: 5px solid #17175D;
	margin: 5px;
	width: 100%;
	padding: 5px;
	color: #17175D;
	font-weight: bold;
	font-size: 17px;
}

.day-calender-inner {
	padding: 15px 0;
}

.day-calender-inner .acpd-event {
	margin-bottom: 15px;
	display: block !important;
}

.day-calender-inner .acpd-event:last-child {
	margin-bottom: 0;
}

@media(max-width: 768px) {
	.days li {
		min-height:auto;
	}

	.acpd-event {
		display: none;
	}
}

/* Calendar CSS */
.cal-y .ui-widget {
	font-family: 'Rajdhani', sans-serif;
}

.cal-y .ui-datepicker.ui-datepicker-multi {
	border: none;
	width: 100% !important;
	padding: 0 !important;
}

.cal-y .week-picker {
	position: relative;
	padding-top: 70px !important;
}

.cal-y .week-picker:before {
	content: "";
	position: absolute;
	top: 0;
	background-color: #17175D;
	color: #fff;
	left: 0;
	right: 0;
	height: 60px;
}

.ui-datepicker .ui-datepicker-header {
	position: static !important;
	border-radius: 0;
	border: none;
	background-color: transparent;
	box-shadow: none;
	background: none;
}

.ui-datepicker-calendar tr {
	border-bottom: 1px solid rgba(75, 75, 75,.2);
}

.ui-state-default, .ui-widget-content .ui-state-default {
	border-radius: 0;
	border: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	background: none !important;
}

.ui-datepicker-year {
	display: none;
}

.ui-datepicker .ui-datepicker-group-first:first-child .ui-datepicker-header .ui-datepicker-year, .ui-datepicker-prev + a.c_year {
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 20px;
	width: 80%;
	margin: 0 auto;
}

.ui-datepicker-prev + a.c_year .ui-datepicker-year {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	display: block;
}

.ui-datepicker-prev span, .ui-datepicker-next span {
	background: none !important;
	position: relative !important;
	margin: 0 auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	width: auto !important;
	height: auto !important;
	text-indent: 0;
	cursor: pointer;
	display: inline !important;
	color: #fff;
}

.ui-datepicker-prev:before {
	content: "< "!important;
	display: inline;
}

.ui-datepicker-next:after {
	content: " >";
	display: inline;
	height: auto;
	visibility: visibility;
}

.ui-datepicker-prev, .ui-datepicker-next {
	position: absolute;
	width: auto !important;
	height: auto !important;
	top: 15px !important;
	z-index: 9;
	cursor: pointer;
	font-size: 15px;
	color: #fff !important;
}

.ui-datepicker-prev {
	left: 20px !important;
}

.ui-datepicker-next {
	right: 20px !important;
}

.ui-widget-content td.ui-datepicker-week-end {
	background-color: rgba(238, 238, 238,.35) !important;
	background: rgba(238, 238, 238,.35) !important;
}

.ui-widget-content .ui-datepicker-week-end.ui-datepicker-other-month {
	background-color: rgba(238, 238, 238,.35) !important;
	background: rgba(238, 238, 238,.35) !important;
	opacity: 1 !important;
}

.ui-datepicker-month {
	color: #17175D;
	/* font-size: 18px; */
}

.ui-datepicker-calendar {
	width: 98% !important;
}

.ui-datepicker-calendar th,.ui-datepicker-calendar td a {
	font-size: 15px;
	font-weight: bold !important;
	color: #17175D;
}

.ui-datepicker-current-day {
	background-color: #fafafa !important;
}

.ui-datepicker-calendar td a {
	line-height: 1.3em;
}

.ui-datepicker-other-month a {
	display: none !important;
}

.ui-datepicker-prev-hover, .ui-datepicker-next-hover {
	background: none !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	border: none !important;
	font-weight: bold !important
}

.monthly .ui-datepicker-calendar {
	width: 100% !important
}

.monthly .ui-widget {
	border-radius: 0;
	border: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	background: none !important;
	width: 100%;
	padding: 0 !important
}

.monthly .ui-datepicker-header {
	justify-content: center;
	display: flex;
	position: absolute !important;
	top: 15px;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 20px;
}

.monthly .ui-datepicker-month,.monthly .ui-datepicker-year {
	color: #fff;
	display: inline-block;
}

.monthly .ui-widget-content td {
	padding: 0;
}

.monthly .ui-state-default,.monthly .ui-widget-content .ui-state-default {
	padding: 10px 5px 10px 0;
	min-height: 100px;
}

.monthly .ui-state-default:hover {
	background-color: rgba(245, 245, 245,.79) !important;
}

.monthly .ui-datepicker .ui-datepicker-prev,.monthly .ui-datepicker .ui-datepicker-next {
	top: auto !important;
}

.day_header {
	background-color: #17175D;
	color: #fff;
	padding: 15px 20px;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}

.c_nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}

.d_nav a {
	color: #fff;
}

.c_nav:hover {
	color: #fff;
}

.prevday {
	left: 20px;
}

.nextday {
	right: 20px;
}

.day-events {
	padding: 15px 0;
	border: 1px solid;
}

.sr-only {
	padding: 0 !important;
}

@media(max-width: 980px) {
	.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 100% !important;
	}

	.ui-datepicker-multi-3 > .ui-datepicker-row-break {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.monthly .ui-state-default,.monthly .ui-widget-content .ui-state-default {
		min-height:auto;
	}

	.ui-datepicker-prev, .ui-datepicker-next {
		font-size: 30px
	}

	.ui-datepicker-prev span.mob-hidden,.ui-datepicker-next span.mob-hidden {
		visibility: hidden;
		text-indent: -15px;
	}

	.monthly .ui-datepicker .ui-datepicker-prev, .monthly .ui-datepicker .ui-datepicker-next {
		top: -7px !important;
	}

	.ui-datepicker-prev, .ui-datepicker-next {
		top: 7px !important;
	}
}

.locations-details div {
	margin-bottom: 15px;
}

.partners-details-list div {
	margin-bottom: 15px;
}

/* agency list */
.agency-container {
	background-color: #69696907;
	padding: 10px;
	border-bottom: 1px solid #6969696b;
	margin-bottom: 25px;
}

.agency-container a.map-icon {
	border-bottom: none!important;
}

.agency-container a.map-icon .fa {
	padding: 0 2px 0 5px;
}

.agency-container .fa-2x {
	padding-right: 10px;
	color: #343a40;
}

.agency-container td:not(:first-child) {
	padding-bottom: 25px;
}

.agency-title-address strong {
	font-size: 2rem;
}

/* CALENDAR WEEK */
.wc_nav {
	display: flex;
	list-style: none;
	flex-wrap: nowrap;
	justify-content: space-between;
	background-color: #17175D;
	color: #fff;
	padding: 15px 20px;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	align-items: center;
}

.wc_nav a {
	color: #fff;
}

.wc_nav a:before {
	content: none;
}

.wc_nav .week_of {
	width: 80%;
	text-align: center;
}

.week_calendar ul {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}

.week_calendar ul li {
	width: 14.28%;
	text-align: right;
	color: #000;
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid rgba(75, 75, 75, .2);
}

.week_calendar ul .ulweek_name {
	text-align: center;
}

.week_calendar ul li a {
	padding: 15px 5px;
	display: block;
	color: #000;
}

.week_calendar ul.ulweek li a {
	min-height: 100px;
	padding: 5px 5px 10px 0;
}

.week_calendar ul li a, .wc_nav a {
	text-decoration: none;
}

.week_calendar ul.ulweek li a:hover, .week_calendar ul.ulweek li:nth-child(7n) a, .week_calendar ul.ulweek li:nth-child(7n+1) a {
	background-color: rgba(245, 245, 245, .79);
}

@media (max-width: 768px) {
	.week_calendar ul.ulweek li a {
		min-height: auto;
	}

	.wc_nav a.prev_week, .wc_nav a.next_week {
		font-size: 30px;
		font-weight: bolder;
	}
	
	.slider-section a.default-btn {
		min-width: auto;
		width: 100%;
	}
}

@media (max-width: 600px) {
	.wc_nav a.prev_week, .wc_nav a.next_week {
		font-size: 20px;
		font-weight: bolder;
	}
}
/* CALENDAR WEEK END */

@media (max-width: 768px) {
	.strategic-plan-header .menu-icon-inner {
		margin-top: -14px;
	}
}

.strategic-plan-header h1.site-description a {
	pointer-events: auto;
}

/* IE FIX */
@media (min-width: 992px) {
	body.ie11 .overlay-menu .navbar-nav {
		width: 100%;
	}
	body.ie11 .overlay-menu .navbar-nav>li {
		padding-bottom: 1px;
		padding-top: 1%;
	}
	body.ie11 #main-menu {
		min-height: 100%;
		height: auto;
		height: 100vh;
		-ms-overflow-style: scrollbar;
		display: table-row;
	}
	body.ie11 #main-menu .copy-rights {
		float: right;
	}
	body.ie11 .tag-line {
		font-size: 55px;
	}
	body.ie11 .feature a {
		font-size: 18px;
	}
	body.ie11 .toggle h3 {
		font-size: 20px;
	}
	body.ie11 .calender:before {
		height: 16px!important;
	}
	body.ie11 .child-arrow:after {
		height: 16px!important;
	}
}


/* FOR RIGHT SIDE POD : FIXED WIDTH */
.right-sidebar .row-wrapper{
	padding-bottom: 10px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
}
.right-sidebar .fixed-pod-image-wrapper img {
	max-width: 319px;
	max-height: 319px;
}
.right-sidebar .post-has-image{
	width: 100%;
	max-width: 319px;
}
.right-sidebar .post{
	width: 100%;
	max-width: 319px;
}
