html {
	font-size: 10px
}
body {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.25em;
	color: #ffffff;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	background: #000000;
}

@media only screen and (min-width: 35.5em) {
body {
line-height: calc(1.25em + .2 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body {
	line-height: 1.45em
}
}
body #content {
	margin-bottom: 1em
}
:focus {
	outline: none
}
#skippy {
	background: #fff;
	color: #44c0c2;
	display: block;
	outline: 0 none;
	padding: 1em
}
#skippy .container {
	background: transparent
}
#skippy .skiplink-text {
	outline: 1px dotted;
	padding: 0.5em
}
#content {
	outline: 0 none
}

@media only screen and (min-width: 64em) {
#content {
	min-height: 50vh
}
}
.browserupgrade {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}
div.ccm-page .has-error .checkbox, div.ccm-page .has-error .checkbox-inline, div.ccm-page .has-error .control-label, div.ccm-page .has-error .help-block, div.ccm-page .has-error .radio, div.ccm-page .has-error .radio-inline, div.ccm-page .has-error.checkbox label, div.ccm-page .has-error.checkbox-inline label, div.ccm-page .has-error.radio label, div.ccm-page .has-error.radio-inline label {
	color: #b34646
}
div.ccm-page .btn {
	background: #005278;
	background-image: none;
	border-radius: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	/*	font-weight: 600;  */
	font-weight: 300;
	line-height: normal;
	margin-bottom: 0px;
	margin-top: 5px;
	padding: .4em 2em;
	position: relative;
	text-align: center;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	-ms-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
	zoom: 1
}
div.ccm-page .btn::-moz-focus-inner {
border: 0;
padding: 0
}
div.ccm-page .btn:active, div.ccm-page .btn .is-active, div.ccm-page .btn .active {
	box-shadow: 0 3px 5px rgba(0,0,0,0.125) inset;
	outline: 0 none
}
div.ccm-page .btn:hover, div.ccm-page .btn:focus {
	background: #342165;
	color: #fff;
	cursor: pointer
}
div.ccm-page .btn.is-disabled, div.ccm-page .btn[disabled] {
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.65
}
div.ccm-page .btn.mod-rounded {
	border-radius: 0.5em
}
div.ccm-page .btn.mod-circle {
	border-radius: 3em
}
div.ccm-page .btn.btn-default, div.ccm-page .btn.mod-ghost {
	background: none;
	border: 1px solid #005278;
	color: #005278
}
div.ccm-page .btn.btn-default:hover, div.ccm-page .btn.mod-ghost:hover, div.ccm-page .btn.btn-default:focus, div.ccm-page .btn.mod-ghost:focus {
	background: #005278;
	color: #fff
}
div.ccm-page .btn.mod-ghost-reverse {
	background: none;
	border: 1px solid #fff;
	color: #FFFFFF
}
div.ccm-page .btn.mod-ghost-reverse:hover, div.ccm-page .btn.mod-ghost-reverse:focus {
	background: #FFFFFF;
	color: #005278
}
div.ccm-page .btn.mod-reverse {
	background: #FFFFFF;
	border: 1px solid #eee;
	color: #191919
}
div.ccm-page .btn.mod-reverse:hover, div.ccm-page .btn.mod-reverse:focus {
	background: #e6e6e6
}
div.ccm-page .btn.mod-xs, div.ccm-page .btn.btn-xs {
	font-size: 11.1px;
	font-size: 1.11rem;
	padding: .2em 1em
}
div.ccm-page .btn.mod-sm, div.ccm-page .btn.btn-sm {
	font-size: 13.3px;
	font-size: 1.33rem;
padding: 0.3em 1.5em.
}
div.ccm-page .btn.mod-lg, div.ccm-page .btn.btn-lg {
	font-size: 19.2px;
	font-size: 1.92rem;
	font-weight: 700;
	padding: .5em 2.5em
}
div.ccm-page .btn.mod-xlg, div.ccm-page .btn.btn-xlg {
	font-size: 23.04px;
	font-size: 2.304rem;
	font-weight: 700;
	padding: 1em 3em
}
div.ccm-page .btn.mod-wide, div.ccm-page .btn.btn-block {
	display: block;
	width: 100%
}
div.ccm-page .btn.mod-link {
	background: none;
	color: #005278;
	padding: 0
}
div.ccm-page .btn.mod-link:hover, div.ccm-page .btn.mod-link:focus {
	background: none;
	color: #342165
}
div.ccm-page .btn.mod-follow {
	padding: .5em 2.5em
}
div.ccm-page .btn.mod-follow.mod-ghost {
	color: #fff;
	border-color: #fff
}
div.ccm-page .btn.mod-follow svg {
	display: inline-block;
	margin-right: 0.5em;
	margin-top: -0.2em;
	vertical-align: middle
}
div.ccm-page .btn.mod-follow svg g {
	stroke: #FFFFFF
}
div.ccm-page .btn.is-loading {
	color: transparent;
	pointer-events: none
}
div.ccm-page .btn.is-loading:after {
	animation: spin-around 500ms infinite linear;
	border: 2px solid #fff;
	border-radius: 100%;
	border-right-color: transparent;
	border-top-color: transparent;
	content: "";
	display: block;
	height: 16px;
	position: relative;
	width: 16px
}
div.ccm-page .btn.btn-default.is-loading:after, div.ccm-page .btn.mod-ghost.is-loading:after, div.ccm-page .btn.mod-ghost-reverse.is-loading:after, div.ccm-page .btn.mod-reverse.is-loading:after {
	border: 2px solid #005278
}
div.ccm-page .btn.is-loading:after {
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	position: absolute !important
}
div.ccm-page hr {
	border-color: #f7f7f7
}
div.ccm-page label {
	display: block
}
div.ccm-page input[type="text"], div.ccm-page input[type="email"], div.ccm-page input[type="password"], div.ccm-page input[type="url"], div.ccm-page input[type="tel"], div.ccm-page input[type="number"], div.ccm-page input[type="search"], div.ccm-page input[type="file"], div.ccm-page input[type="date"], div.ccm-page input[type="datetime-local"], div.ccm-page input[type="month"], div.ccm-page input[type="time"], div.ccm-page input[type="week"], div.ccm-page textarea, div.ccm-page select, div.ccm-page input.form-control {
	border: 1px solid #191919;
	border-radius: 0;
	box-shadow: none;
	box-sizing: border-box;
	color: #191919;
	display: block;
	margin: .2em 0;
	outline: medium none;
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem
}
div.ccm-page input[type="text"]:focus, div.ccm-page input[type="email"]:focus, div.ccm-page input[type="password"]:focus, div.ccm-page input[type="url"]:focus, div.ccm-page input[type="tel"]:focus, div.ccm-page input[type="number"]:focus, div.ccm-page input[type="search"]:focus, div.ccm-page input[type="file"]:focus, div.ccm-page input[type="date"]:focus, div.ccm-page input[type="datetime-local"]:focus, div.ccm-page input[type="month"]:focus, div.ccm-page input[type="time"]:focus, div.ccm-page input[type="week"]:focus, div.ccm-page textarea:focus, div.ccm-page select:focus, div.ccm-page input.form-control:focus {
	box-shadow: 0 0 3px #44c0c2, 0 0 7px #44c0c2
}
div.ccm-page input::-webkit-input-placeholder {
color: #999
}
div.ccm-page input:-moz-placeholder {
color: #999
}
div.ccm-page input::-moz-placeholder {
color: #999
}
div.ccm-page input:-ms-input-placeholder {
color: #999
}
div.ccm-page textarea::-webkit-input-placeholder {
color: #999
}
div.ccm-page textarea:-moz-placeholder {
color: #999
}
div.ccm-page textarea::-moz-placeholder {
color: #999
}
div.ccm-page textarea:-ms-input-placeholder {
color: #999
}
div.ccm-page textarea {
	height: 16rem;
	resize: none
}
div.ccm-page .redactor-box textarea {
	color: #757575
}
/*div.ccm-page select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #ffffff;
	background-image: url("/application/themes/the_ spf2/img/arrow-down.png");
	background-image: url("/application/themes/the_ spf2/img/arrow-down.svg");
	background-position: right .5rem center;
	background-repeat: no-repeat;
	background-size: 1rem
}*/
div.ccm-page select::-ms-expand {
display: none
}
div.ccm-page fieldset.checkbox-list legend, div.ccm-page fieldset.radio-list legend {
	font-size: initial;
	font-weight: 700;
	border: 0;
	margin-bottom: 5px
}
div.ccm-page input[type="checkbox"], div.ccm-page input[type="radio"] {
	position: absolute;
	left: -999em
}
div.ccm-page input[type="checkbox"] + label, div.ccm-page input[type="radio"] + label {
	cursor: pointer;
	font-weight: 400;
	margin-bottom: 0.5em;
	padding-left: 0px
}
div.ccm-page input[type="checkbox"] + label::before, div.ccm-page input[type="radio"] + label::before {
	background: white;
	border: 1px solid #191919;
	border-radius: 0;
	content: '\a0';
	display: inline-block;
	height: 2rem;
	line-height: .8;
	margin-right: .6em;
	text-indent: .15em;
	vertical-align: .2em;
	width: 2rem;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	transition: background-color .3s ease
}
div.ccm-page input[type="radio"] + label::before {
	border-radius: 100%
}
div.ccm-page input[type="checkbox"]:checked + label::before, div.ccm-page input[type="radio"]:checked + label::before {
	background-color: #44c0c2
}
div.ccm-page input[type="checkbox"]:focus + label::before, div.ccm-page input[type="radio"]:focus + label::before {
	box-shadow: 0 0 0 1px #191919
}
/*div.ccm-page input[type="checkbox"]:checked + label::before {
	background-image: url("/application/themes/the_ spf2/img/check.png");
	background-image: url("/application/themes/the_ spf2/img/check.svg");
	background-position: 50%;
	background-repeat: no-repeat
}*/
div.ccm-page input[type="checkbox"]:disabled + label, div.ccm-page input[type="radio"]:disabled + label {
	color: #757575
}
div.ccm-page input[type="checkbox"]:disabled + label::before, div.ccm-page input[type="radio"]:disabled + label::before {
	background: #f7f7f7;
	box-shadow: 0 0 0 1px #757575;
	cursor: not-allowed
}
div.ccm-page input.ccm-input-date {
	display: inline;
	width: auto
}
div.ccm-page .ccm-input-time-wrapper select {
	background-position: right .25rem center;
	background-size: 0.5rem;
	display: inline-block
}
div.ccm-page .ccm-input-time-wrapper select:nth-child(2) {
	margin-left: 0.2em
}
div.ccm-page .has-error input[type="text"], div.ccm-page .has-error input[type="email"], div.ccm-page .has-error input[type="password"], div.ccm-page .has-error input[type="url"], div.ccm-page .has-error input[type="tel"], div.ccm-page .has-error input[type="number"], div.ccm-page .has-error input[type="search"], div.ccm-page .has-error input[type="file"], div.ccm-page .has-error input[type="date"], div.ccm-page .has-error input[type="datetime-local"], div.ccm-page .has-error input[type="month"], div.ccm-page .has-error input[type="time"], div.ccm-page .has-error input[type="week"], div.ccm-page .has-error textarea, div.ccm-page .has-error select, div.ccm-page .has-error input.form-control {
	border: 1px solid #b34646
}
div.ccm-page .fa {
	font-family: FontAwesome
}
div.ccm-page figure figcaption {
	color: #757575
}
div.ccm-page a {
	color: #44c0c2;
	font-family: "Source Sans Pro", sans-serif;
	/*font-weight: 700;  */
	font-weight: 300;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-o-transition: color .3s ease;
	-ms-transition: color .3s ease;
	transition: color .3s ease
}
div.ccm-page a:hover, div.ccm-page a:focus {
	color: #622657
}
div.ccm-page a.mod-reverse {
	color: #191919
}
div.ccm-page a.mod-reverse:hover, div.ccm-page a.mod-reverse:focus {
	color: #44c0c2
}
div.ccm-page b, div.ccm-page strong {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 700
}
div.ccm-page .label-tag {
	background: #191919;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 5px;
	margin-right: 2px;
	padding: .4em .8em
}
div.ccm-page .label-tag.mod-sm {
	font-size: 12.8px;
	font-size: 1.28rem
}
div.ccm-page .label-tag.mod-lg {
	font-size: 19.2px;
	font-size: 1.92rem
}
div.ccm-page .loader {
	animation: spin-around 500ms infinite linear;
	border: 2px solid #005278;
	border-radius: 100%;
	border-right-color: transparent;
	border-top-color: transparent;
	content: "";
	display: none;
	height: 2em;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	white-space: nowrap;
	width: 2em;
	margin: 0 auto 1em auto
}
@-webkit-keyframes spin-around {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes spin-around {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
div.ccm-page .hi-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
div.ccm-page .skipnav {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden
}
div.ccm-page a.skipnav:active, div.ccm-page a.skipnav:focus, div.ccm-page a.skipnav:hover {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible
}
div.ccm-page h1, div.ccm-page .mod-h1 {
	font-size: 2.5em;
	line-height: 1.25em;
	color: #ffffff;
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	margin-bottom: 1rem;
	margin-top: 0px;
	text-transform: capitalize
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h1, div.ccm-page .mod-h1 {
font-size: calc(2.5em + .625 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h1, div.ccm-page .mod-h1 {
	font-size: 3.125em
}
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h1, div.ccm-page .mod-h1 {
line-height: calc(1.25em + -0.2 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h1, div.ccm-page .mod-h1 {
	line-height: 1.05em
}
}
div.ccm-page h1.mod-lg, div.ccm-page .mod-h1.mod-lg {
	font-size: 2.75em
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h1.mod-lg, div.ccm-page .mod-h1.mod-lg {
font-size: calc(2.75em + 1.313 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h1.mod-lg, div.ccm-page .mod-h1.mod-lg {
	font-size: 4.063em
}
}
div.ccm-page h2, div.ccm-page .mod-h2 {
	font-size: 2em;
	line-height: 1.538em;
	color: #ffffff;
	font-family: Calibri, "Montserrat", sans-serif;
	font-weight: 700;
	margin-bottom: 1rem;
	margin-top: 0px;
	text-transform: capitalize
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h2, div.ccm-page .mod-h2 {
font-size: calc(2em + .5 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h2, div.ccm-page .mod-h2 {
	font-size: 2.5em
}
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h2, div.ccm-page .mod-h2 {
line-height: calc(1.538em + -0.288 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h2, div.ccm-page .mod-h2 {
	line-height: 1.25em
}
}
div.ccm-page h3, div.ccm-page .mod-h3 {
	font-size: 1.5em;
	line-height: 1.136em;
	color: #ffffff;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	margin-bottom: 1rem;
	margin-top: 0px
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h3, div.ccm-page .mod-h3 {
font-size: calc(1.5em + .375 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h3, div.ccm-page .mod-h3 {
	font-size: 1.875em
}
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h3, div.ccm-page .mod-h3 {
line-height: calc(1.136em + .114 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h3, div.ccm-page .mod-h3 {
	line-height: 1.25em
}
}
div.ccm-page h4, div.ccm-page .mod-h4 {
	font-size: 1.25em;
	line-height: 1.111em;
	color: #ffffff;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	margin-bottom: 1rem;
	margin-top: 0px
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h4, div.ccm-page .mod-h4 {
font-size: calc(1.25em + .313 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h4, div.ccm-page .mod-h4 {
	font-size: 1.563em
}
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h4, div.ccm-page .mod-h4 {
line-height: calc(1.111em + .111 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h4, div.ccm-page .mod-h4 {
	line-height: 1.222em
}
}
div.ccm-page h5, div.ccm-page .mod-h5 {
	font-size: 1.125em;
	line-height: 1.05em;
	color: #191919;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	margin-bottom: 1rem;
	margin-top: 0px
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h5, div.ccm-page .mod-h5 {
font-size: calc(1.125em + .125 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h5, div.ccm-page .mod-h5 {
	font-size: 1.25em
}
}

@media only screen and (min-width: 35.5em) {
div.ccm-page h5, div.ccm-page .mod-h5 {
line-height: calc(1.05em + .061 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page h5, div.ccm-page .mod-h5 {
	line-height: 1.111em
}
}
div.ccm-page p, div.ccm-page .mod-p {
	margin-bottom: 1rem;
	margin-top: 0px
}
div.ccm-page p.mod-lead, div.ccm-page .mod-p.mod-lead, div.ccm-page p.lead, div.ccm-page .mod-p.lead {
	font-size: 17.6px;
	font-size: 1.76rem;
	font-weight: 400;
	margin-bottom: 1rem;
	margin-top: 0px
}
div.ccm-page p.large, div.ccm-page .mod-p.large, div.ccm-page p.mod-lg, div.ccm-page .mod-p.mod-lg {
	font-size: 17.6px;
	font-size: 1.76rem
}
div.ccm-page p.small, div.ccm-page .mod-p.small, div.ccm-page p.mod-sm, div.ccm-page .mod-p.mod-sm {
	font-size: 12.8px;
	font-size: 1.28rem
}
div.ccm-page .text-bold {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 700
}
div.ccm-page .text-muted, div.ccm-page .mod-muted {
	color: #757575
}
div.ccm-page .sidebar . spf2-block-title h3 {
 border-bottom: 1px solid #005278
}
div.ccm-page . spf2-block {
 margin-bottom: 1.5em
}
div.ccm-page . spf2-block:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden
}
div.ccm-page . spf2-block-description {
 margin-bottom: 1em
}
div.ccm-page . spf2-block hr {
 margin: 1em 0
}
div.ccm-page . spf2-block-footer {
 text-align: center
}
div.ccm-page . spf2-block-footer .btn {
 width: 100%
}
div.ccm-page . spf2-block-footer .btn.mod-link {
 margin: 0 auto;
 text-align: center;
 width: auto
}
div.ccm-page .search-results h2 {
	font-size: 20.25px;
	font-size: 2.025rem
}

@media only screen and (min-width: 48em) {
div.ccm-page .search-results h2 {
	font-size: 23.04px;
	font-size: 2.304rem
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page .search-results h2 {
	font-size: 25px;
	font-size: 2.5rem
}
}
div.ccm-page .ccm-block-social-links li {
	width: 45px;
	border-radius: 9999px;
	border: 3px solid #fff;
	text-align: center;
	margin-right: 5px
}
div.ccm-page .ccm-block-social-links li i {
	font-size: 20px;
	padding: 10px 5px
}
div.ccm-page . spf2-block-poll . spf2-block-title {
 margin-bottom: 1em
}
div.ccm-page . spf2-block-poll .bar {
 background-color: #005278;
 font-size: 12px;
 font-size: 1.2rem
}
div.ccm-page . spf2-block-poll .bar-wrapper {
 background-color: #757575;
 box-shadow: 0 1px 2px rgba(0,0,0,0.4) inset
}
div.ccm-page . spf2-block-poll .survey-results .radio {
 margin-top: 0
}
div.ccm-page . spf2-block-poll .survey-total-votes {
 text-align: center;
 font-weight: 700
}
div.ccm-page . spf2-block-content {
 margin-bottom: 0
}
div.ccm-page . spf2-block-content img {
 max-width: 100% !important;
 height: auto !important
}
div.ccm-page . spf2-block-divider.light {
 border-color: #f7f7f7
}
div.ccm-page . spf2-block-divider.dark {
 border-color: #444
}
div.ccm-page . spf2-block-document-library .link {
 font-family: "Source Sans Pro", sans-serif;
 font-weight: 400;
 text-decoration: none
}
div.ccm-page . spf2-block-document-library .link .file-title {
 font-family: "Source Sans Pro", sans-serif;
 font-weight: 700
}
div.ccm-page . spf2-block-document-library .link small {
 display: block
}
div.ccm-page .forumQuesWrapper {
	border: 1px solid #005278;
	border-radius: 0px;
	color: #005278;
	padding: 1em
}
div.ccm-page .forumQuesWrapper h3 a {
	color: #005278
}
div.ccm-page .forumQuesWrapper .forum-description {
	color: #191919
}
div.ccm-page .forumQuesWrapper table td .glyphicon {
	display: none;
	color: #005278;
	font-size: 24px;
	font-size: 2.4rem;
	margin-right: 0.25em
}
div.ccm-page .forumQuesWrapper table td span.stats-counter {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	margin: 0px;
	margin-bottom: -5px
}
div.ccm-page .forumQuesWrapper table td.outer-cell small {
	font-size: 12px;
	font-size: 1.2rem
}
div.ccm-page .forumQuesWrapper a.btn {
	margin-top: 0.5em;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
	color: #fff
}
div.ccm-page .forumQuesWrapper table.statsInner {
	text-align: center;
	width: 100%
}
div.ccm-page .forumQuesWrapper table td.outer-cell {
	padding-right: 0.25em;
	width: 33.33%
}
div.ccm-page .forumQuesWrapper table td.outer-cell table {
	text-align: center;
	width: 100%
}

@media only screen and (min-width: 35.5em) {
div.ccm-page .forumQuesWrapper table td .glyphicon {
	display: inline-block
}
div.ccm-page .forumQuesWrapper table.statsInner {
	margin: 0 auto;
	width: auto
}
div.ccm-page .forumQuesWrapper table td.outer-cell {
	padding-right: 1em
}
div.ccm-page .forumQuesWrapper table td.outer-cell table {
	width: auto
}
}

@media only screen and (min-width: 64em) {
div.ccm-page .forumQuesWrapper table.statsInner {
	margin: .5em 0 0 0
}
div.ccm-page .forumQuesWrapper table td.outer-cell {
	padding-right: 2em;
	width: auto
}
div.ccm-page .forumQuesWrapper a.btn {
	margin-top: 0
}
}
div.ccm-page .heading_tab {
	display: block;
	margin: .6em 0
}
div.ccm-page .heading_tab ul {
	border-bottom: 1px solid #005278 !important
}
div.ccm-page .heading_tab ul > li > a {
	font-size: 18px;
	font-size: 1.8rem;
	padding: .75em 1.25em;
	border-radius: 0;
	color: #005278;
	background: #FFFFFF;
	border-left: 1px solid #005278 !important;
	border-right: 1px solid #005278 !important;
	border-top: 6px solid #005278 !important
}

@media only screen and (min-width: 48em) {
div.ccm-page .heading_tab ul > li > a {
	font-size: 19.2px;
	font-size: 1.92rem
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page .heading_tab ul > li > a {
	font-size: 20px;
	font-size: 2rem
}
}
div.ccm-page . spf2-block-image .img-border-simple {
 padding: 0.5em;
 border: 1px solid #121212;
 background: #FFF
}
div.ccm-page . spf2-block-image figure figcaption {
 color: #666666
}
div.ccm-page . spf2-block-key-dates .date-info h4, div.ccm-page .modal.dateModal .date-info h2 {
 font-size: 1.1em;
 font-size: 18px;
 font-size: 1.8rem;
 margin-bottom: 0
}

@media only screen and (min-width: 48em) {
div.ccm-page . spf2-block-key-dates .date-info h4, div.ccm-page .modal.dateModal .date-info h2 {
 font-size: 19.2px;
 font-size: 1.92rem
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page . spf2-block-key-dates .date-info h4, div.ccm-page .modal.dateModal .date-info h2 {
 font-size: 20px;
 font-size: 2rem
}
}
div.ccm-page .projects-filter-form {
	background: #005278;
	color: #fff;
	padding: 1em;/*	text-align: center  */
}
div.ccm-page .projects-filter-form-text {
	display: block;
	margin-bottom: 0.5em
}
div.ccm-page .projects-filter-form-text:first-child {
	padding-top: 0
}
div.ccm-page .projects-filter-form-text:last-of-type {
	text-transform: uppercase
}
div.ccm-page .projects-filter-form .form-group {
	display: block;
	margin-bottom: 0.5em
}
div.ccm-page .projects-filter-form .form-group input::-webkit-input-placeholder {
color: #fff
}
div.ccm-page .projects-filter-form .form-group input:-moz-placeholder {
color: #fff
}
div.ccm-page .projects-filter-form .form-group input::-moz-placeholder {
color: #fff
}
div.ccm-page .projects-filter-form .form-group input:-ms-input-placeholder {
color: #fff
}
div.ccm-page .projects-filter-form .form-group textarea::-webkit-input-placeholder {
color: #fff
}
div.ccm-page .projects-filter-form .form-group textarea:-moz-placeholder {
color: #fff
}
div.ccm-page .projects-filter-form .form-group textarea::-moz-placeholder {
color: #fff
}
div.ccm-page .projects-filter-form .form-group textarea:-ms-input-placeholder {
color: #fff
}
div.ccm-page .projects-filter-form .form-control {
	background-color: #005278;
	color: #fff;
	line-height: 2.5em;
	height: 2.5em;
	margin: 0em;
	min-width: 16em;
	padding: 0 .5em;
	width: 100%
}
/*div.ccm-page .projects-filter-form-select {
	background-image: url("/application/themes/the_ spf2/img/arrow-down-alt.png");
	background-image: url("/application/themes/the_ spf2/img/arrow-down-alt.svg");
	border: 1px solid #fff
}*/
div.ccm-page .projects-filter-form-select option {
	padding: 0.25em
}
div.ccm-page input[type='text'].projects-filter-form-input {
	border: 0px;
	border-bottom: 1px solid #fff
}

@media only screen and (min-width: 48em) {
div.ccm-page .projects-filter-form-text {
	display: inline-block
}
div.ccm-page .projects-filter-form-text:first-child, div.ccm-page .projects-filter-form-text:last-of-type {
	display: block
}
div.ccm-page .projects-filter-form .form-group {
	display: inline-block
}
div.ccm-page .projects-filter-form .form-group:last-child {
	display: block
}
div.ccm-page .projects-filter-form .form-control {
	/*	width: auto  */
	width: 40em;
}
div.ccm-page input[type='text'].projects-filter-form-input {
	width: 100%
}
}

@media only screen and (min-width: 64em) {
div.ccm-page .projects-filter-form-text {
	margin: 0 .5em
}
div.ccm-page .projects-filter-form-text:first-child {
	margin-bottom: 0.5em
}
div.ccm-page .projects-filter-form-text:last-of-type {
	display: inline-block
}
div.ccm-page .projects-filter-form .form-group {
	margin-bottom: 0
}
div.ccm-page .projects-filter-form .form-group:last-child {
	display: inline-block
}
div.ccm-page input[type='text'].projects-filter-form-input {
	width: auto
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page .projects-filter-form-text:first-child {
	display: inline-block;
	margin-bottom: 0
}
div.ccm-page .projects-filter-form {
	padding: .75em 1em
}
}
div.ccm-page . spf2-block-social-map .add-marker, div.ccm-page . spf2-block-social-map .cancel-marker, div.ccm-page . spf2-block-social-map .message-wrapper {
 background: #005278;
 background: rgba(0,82,120,0.9);
 color: #fff;
 font-size: 2em
}
div.ccm-page . spf2-block-social-map .add-marker:hover, div.ccm-page . spf2-block-social-map .cancel-marker:hover, div.ccm-page . spf2-block-social-map .message-wrapper:hover, div.ccm-page . spf2-block-social-map .add-marker:focus, div.ccm-page . spf2-block-social-map .cancel-marker:focus, div.ccm-page . spf2-block-social-map .message-wrapper:focus {
 background: #005278;
 background: rgba(0,82,120,0.9)
}
div.ccm-page . spf2-block-social-map .btn.add-marker {
 white-space: normal
}
div.ccm-page . spf2-block-social-map .form-wrapper {
 background: #005278;
 background: rgba(0,82,120,0.9);
 color: #fff
}
div.ccm-page . spf2-block-social-map .form-wrapper button.btn-white {
 color: #005278
}
div.ccm-page . spf2-block-social-map .form-wrapper button.btn-white:hover, div.ccm-page . spf2-block-social-map .form-wrapper button.btn-white:focus, div.ccm-page . spf2-block-social-map .form-wrapper button.btn-white:active {
 background: #005278;
 color: #fff
}
div.ccm-page . spf2-block-social-map .form-wrapper button.btn-white-alt {
 color: #fff
}
div.ccm-page . spf2-block-social-map .form-wrapper button.btn-white-alt:hover, div.ccm-page . spf2-block-social-map .form-wrapper button.btn-white-alt:focus, div.ccm-page . spf2-block-social-map .form-wrapper button.btn-white-alt:active {
 background: #fff;
 color: #005278
}
div.ccm-page . spf2-block-social-map .manual-address {
 font-size: 16px;
 font-size: 1.6rem
}
div.ccm-page . spf2-block-social-map .message {
 font-size: 20px;
 font-size: 2rem
}
div.ccm-page . spf2-block-social-map .form-wrapper .form-control {
 background: transparent;
 border: 1px solid #fff;
 color: #fff
}
div.ccm-page . spf2-block-social-map .form-wrapper .btn {
 background: #fff;
 border: 1px solid #fff;
 color: #005278
}
div.ccm-page . spf2-block-social-map .form-wrapper .btn:hover, div.ccm-page . spf2-block-social-map .form-wrapper .btn:focus {
 background: #ccc;
 border: 1px solid #ccc
}
div.ccm-page . spf2-block-social-map .form-wrapper .btn.is-loading {
 color: transparent
}
div.ccm-page . spf2-block-social-map .form-wrapper .btn.is-loading:after {
 border-left-color: #005278;
 border-bottom-color: #005278
}
div.ccm-page . spf2-block-social-map .form-wrapper .btn.mod-ghost {
 background: transparent;
 border: 1px solid #fff;
 color: #fff;
 margin-right: 5px
}
div.ccm-page . spf2-block-social-map .form-wrapper .btn.mod-ghost:hover, div.ccm-page . spf2-block-social-map .form-wrapper .btn.mod-ghost:focus {
 background: #fff;
 color: #005278
}
div.ccm-page . spf2-block-social-map .form-wrapper .btn.btn-close {
 background: transparent;
 border: 0px;
 color: #fff;
 opacity: 0.7
}
div.ccm-page . spf2-block-social-map .form-wrapper .btn.btn-close:hover, div.ccm-page . spf2-block-social-map .form-wrapper .btn.btn-close:focus {
 opacity: 1
}
div.ccm-page . spf2-block-social-map .map-action-description {
 border: 1px solid #f7f7f7;
 color: #005278;
 padding: 1em
}
div.ccm-page . spf2-block-social-map .popup-submission {
 font-size: 1.3em;
 color: #2386b0
}

@media (max-width: 767px) {
div.ccm-page . spf2-block-social-map .form-wrapper {
 height: 420px
}
div.ccm-page . spf2-block-social-map .form-group {
 margin-bottom: 10px
}
div.ccm-page . spf2-block-social-map .form-group label.error {
 margin: 0px
}
}
div.ccm-page . spf2-subscribe-form input {
 background-color: transparent
}
div.ccm-page . spf2-block-timeline . spf2-block-description {
 margin-bottom: 1em
}
div.ccm-page . spf2-block-timeline ul {
 list-style: none;
 margin: 0;
 padding-left: 0
}
div.ccm-page . spf2-block-timeline ul li {
 padding-left: 17px;
 position: relative;
 width: auto
}
div.ccm-page . spf2-block-timeline .timeline-item {
 border-left: 2px solid #005278;
 min-height: 50px;
 padding: 0 10px 20px 29px;
 width: 100%;
 position: relative
}
div.ccm-page . spf2-block-timeline .timeline-item > p {
 font-family: "Source Sans Pro", sans-serif;
 font-weight: 700
}
div.ccm-page . spf2-block-timeline .timeline-item p {
 margin-bottom: 5px
}
div.ccm-page . spf2-block-timeline .timeline-item-incomplete .timeline-item {
 border-left: 2px dashed #005278
}
div.ccm-page . spf2-block-timeline .timeline-item-incomplete .timeline-icon {
 background-color: #fff;
 border: 2px solid #005278;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box
}
div.ccm-page . spf2-block-timeline .timeline-item-incomplete .timeline-icon .glyphicon {
 color: #005278;
 margin-top: 1px;
 margin-left: 9px;
 font-size: 19.2px;
 font-size: 1.92rem
}
div.ccm-page . spf2-block-timeline .timeline-item-final .timeline-item {
 border-left: 2px solid #fff
}
div.ccm-page . spf2-block-timeline .timeline-icon {
 display: block;
 float: left;
 height: 26px;
 margin-left: -48px;
 position: relative;
 width: 36px
}
div.ccm-page . spf2-block-timeline .timeline-item-active .timeline-icon {
 background-color: #00aeef;
 border: 2px solid #00aeef
}
div.ccm-page . spf2-block-timeline .timeline-item-active .timeline-icon .glyphicon {
 color: #fff;
 margin-top: 3px;
 margin-left: 10px
}
div.ccm-page . spf2-block-timeline .timeline-item-complete .timeline-icon {
 background-color: #005278;
 border: 2px solid #005278
}
div.ccm-page . spf2-block-timeline .timeline-item-complete .timeline-icon .glyphicon {
 color: #fff;
 margin: 2px 9px
}
div.ccm-page . spf2-block-timeline .timeline-item-collapsed {
 display: none
}
div.ccm-page . spf2-block-timeline .btn.mod-link {
 border-top: 1px solid #005278;
 padding-top: 0.3em;
 width: 100%
}
div.ccm-page . spf2-vision-block h3 {
 color: #005278;
 font-size: 20.25px;
 font-size: 2.025rem;
 text-transform: none !important
}
div.ccm-page . spf2-vision-block . spf2-vision-block-inner {
 overflow: hidden
}
div.ccm-page . spf2-vision-block .vision-form-wrapper {
 background: #f7f7f7;
 padding: 20px;
 position: relative;
 margin-bottom: 30px
}
div.ccm-page . spf2-vision-block .vision-form-wrapper:after {
 border: solid transparent;
 border-color: rgba(247,247,247,0);
 border-top-color: #f7f7f7;
 border-width: 30px;
 content: " ";
 height: 0;
 left: 60px;
 margin-left: -30px;
 pointer-events: none;
 position: absolute;
 top: 100%;
 width: 0
}
div.ccm-page . spf2-vision-block .vision-form-wrapper label.error {
 margin-top: 5px
}
div.ccm-page . spf2-vision-block .vision-form-wrapper input.error, div.ccm-page . spf2-vision-block .vision-form-wrapper textarea.error {
 border: 1px solid #b34646
}
div.ccm-page . spf2-vision-block . spf2-vision-block-inner .visionCounterWrapper {
 margin-right: 10px;
 margin-top: 10px
}
div.ccm-page . spf2-vision-block . spf2-vision-block-inner .ajax-loader {
 display: none;
 margin-top: 15px;
 margin-right: 5px
}
div.ccm-page . spf2-vision-block .vision-mod-policy {
 margin-top: 10px
}
div.ccm-page . spf2-vision-block .form-group.is-hidden {
 display: none
}

@media only screen and (min-width: 48em) {
div.ccm-page . spf2-vision-block h3 {
 font-size: 23.04px;
 font-size: 2.304rem
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page . spf2-vision-block h3 {
 font-size: 23.04px;
 font-size: 2.304rem
}
}
div.ccm-page . spf2-vision-view-block .btn-box {
 width: 100%;
 text-align: center;
 overflow: auto
}
div.ccm-page . spf2-vision-view-block .btn-box .btn-vision-filter {
 color: #005278;
 font-size: 1.3em;
 margin: 0em 1em 1em;
 padding: 0 !important;
 position: relative;
 vertical-align: middle;
 z-index: 1;
 background: transparent;
 box-shadow: none;
 border-bottom: 5px solid transparent
}
div.ccm-page . spf2-vision-view-block .btn-box .btn-vision-filter:hover {
 border-bottom-color: #DDD
}
div.ccm-page . spf2-vision-view-block .btn-box .btn-vision-filter.active, div.ccm-page . spf2-vision-view-block .btn-box .btn-vision-filter:focus, div.ccm-page . spf2-vision-view-block .btn-box .btn-vision-filter:active {
 color: #005278;
 border-bottom-color: #005278;
 outline: none
}
div.ccm-page . spf2-vision-view-block .masonry .item-text-wrapper .vision-text {
 margin: 1em 0 3em
}
div.ccm-page . spf2-vision-view-block .vision-controls {
 margin: 0;
 position: absolute;
 bottom: 10px;
 left: 0;
 width: 100%
}
div.ccm-page . spf2-vision-view-block .vision-controls button {
 background-color: #444
}
div.ccm-page . spf2-vision-view-block .vision-controls .vision-rate-up button:hover, div.ccm-page . spf2-vision-view-block .vision-controls .vision-rate-up button:focus, div.ccm-page . spf2-vision-view-block .vision-controls .vision-rate-up button.rated:hover, div.ccm-page . spf2-vision-view-block .vision-controls .vision-rate-up button.rated:focus {
 background-color: #4b7f33;
 color: #fff
}
div.ccm-page . spf2-vision-view-block .vision-controls .vision-rate-down button:hover, div.ccm-page . spf2-vision-view-block .vision-controls .vision-rate-down button:focus, div.ccm-page . spf2-vision-view-block .vision-controls .vision-rate-down button.rated:hover, div.ccm-page . spf2-vision-view-block .vision-controls .vision-rate-down button.rated:focus {
 background-color: #b34646;
 color: #fff
}
div.ccm-page . spf2-vision-view-block .vision-controls button.rated {
 font-weight: bold
}
div.ccm-page . spf2-vision-view-block .vision-controls .vision-rate-up button.rated {
 background-color: #4b7f33
}
div.ccm-page . spf2-vision-view-block .vision-controls .vision-rate-down button.rated {
 background-color: #b34646
}
div.ccm-page . spf2-vision-view-block .item .vision-date {
 text-align: center;
 font-size: 0.75em;
 font-weight: bold;
 color: #005278;
 margin-bottom: 0
}
div.ccm-page . spf2-vision-view-block .masonry .item {
 background-color: #00aeef;
 background-color: rgba(0,174,239,0.2);
 color: #191919;
 position: relative
}
div.ccm-page . spf2-vision-view-block .masonry .item-text-wrapper {
 width: 100%;
 display: block
}
div.ccm-page .masonry {
	overflow: hidden
}
div.ccm-page .masonry .gutter-sizer {
	width: 1%;
	position: absolute
}
div.ccm-page .masonry .item, div.ccm-page .masonry .grid-sizer {
	width: 100%;
	position: absolute
}
div.ccm-page . spf2-vision-block .form-group.is-hidden {
 display: none
}

@media only screen and (min-width: 35.5em) {
div.ccm-page .masonry .item, div.ccm-page .masonry .grid-sizer, div.ccm-page .container .masonry .item {
	width: 48.5%;
	width: calc(50% - 8px)
}
}

@media only screen and (min-width: 48em) {
div.ccm-page .col-sm-8 .masonry .item, div.ccm-page .col-sm-8 .masonry .grid-sizer, div.ccm-page .container .col-sm-8 .masonry .item {
	width: 48.5%;
	width: calc(50% - 8px)
}
div.ccm-page .col-sm-12 .masonry .item, div.ccm-page .col-sm-12 .masonry .grid-sizer, div.ccm-page .container .col-sm-12 .masonry .item {
	width: 32%;
	width: calc(33.33% - 8px)
}
}

@media only screen and (min-width: 64em) {
div.ccm-page .col-sm-8 .masonry .item, div.ccm-page .col-sm-8 .masonry .grid-sizer, div.ccm-page .container .col-sm-8 .masonry .item {
	width: 32%;
	width: calc(33.33% - 8px)
}
div.ccm-page .col-sm-12 .masonry .item, div.ccm-page .col-sm-12 .masonry .grid-sizer, div.ccm-page .container .col-sm-12 .masonry .item {
	width: 24%;
	width: calc(25% - 8px)
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page .col-sm-8 .masonry .item, div.ccm-page .col-sm-8 .masonry .grid-sizer, div.ccm-page .container .col-sm-8 .masonry .item {
	width: 32%;
	width: calc(33.33% - 8px)
}
div.ccm-page .col-sm-12 .masonry .item, div.ccm-page .col-sm-12 .masonry .grid-sizer, div.ccm-page .container .col-sm-12 .masonry .item {
	width: 24%;
	width: calc(25% - 8px)
}
}

@media only screen and (min-width: 87.5em) {
div.ccm-page .col-sm-8 .masonry .item, div.ccm-page .col-sm-8 .masonry .grid-sizer, div.ccm-page .container .col-sm-8 .masonry .item {
	width: 32%;
	width: calc(33.33% - 8px)
}
div.ccm-page .col-sm-12 .masonry .item, div.ccm-page .col-sm-12 .masonry .grid-sizer, div.ccm-page .container .col-sm-12 .masonry .item {
	width: 15.7%;
	width: calc(16.667% - 8px)
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.ccm-page .masonry .item {
	margin-bottom: 2%
}
}
div.ccm-page .featuregrid .card > a:hover, div.ccm-page .featuregrid .card > a:focus {
	background-color: #f7f7f7
}
div.ccm-page .featuregrid .card > a:hover .card-main, div.ccm-page .featuregrid .card > a:focus .card-main {
	background-color: #f7f7f7
}
div.ccm-page .featuregrid .card-img {
	border-bottom: 1px solid #f7f7f7
}
div.ccm-page .featuregrid .card-footer-action {
	font-size: 80%;
	padding: .5em 1em;
	text-align: right
}
div.ccm-page .ccm-conversation-wrapper .ccm-conversation-add-new-message .form-group {
	margin-bottom: 1em
}
div.ccm-page div.ccm-conversation-message-form ul.redactor-toolbar, div.ccm-page div.ccm-conversation-message-form .redactor-editor {
	border-color: #191919
}
div.ccm-page div.ccm-conversation-message-form .redactor-editor {
	border-top-color: transparent
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-byline a {
	font-size: 0.825em;
	font-weight: 400
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-byline .ccm-conversation-message-username {
	color: #005278
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls ul a {
	font-weight: 400
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls .conversation-rate-message[data-conversation-rating-type="up_vote"]:hover, div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls .conversation-rate-message[data-conversation-rating-type="up_vote"]:focus {
	color: #4b7f33
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls .conversation-rate-message[data-conversation-rating-type="down_vote"]:hover, div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls .conversation-rate-message[data-conversation-rating-type="down_vote"]:focus {
	color: #b34646
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-body {
	word-wrap: break-word
}
div.ccm-page . spf2-block-accordion .panel {
 font-size: 1.5rem;
 font-weight: 300;
 margin: 0 0 1rem;
 border-radius: 0;
 box-shadow: 0 1px 2px rgba(0,0,0,0.08);
 -webkit-transition: box-shadow .2s;
 -moz-transition: box-shadow .2s;
 transition: box-shadow .2s
}
div.ccm-page . spf2-block-accordion .panel:hover {
 box-shadow: 0 1px 10px rgba(108,125,142,0.3)
}
div.ccm-page . spf2-block-accordion .panel-heading {
 padding: 0;
 background: white;
 border-bottom: 0
}
div.ccm-page . spf2-block-accordion .panel-heading .panel-arrow {
 margin-top: 0;
 font-size: 2rem;
 position: absolute;
 top: 50%;
 right: 0;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%)
}
div.ccm-page . spf2-block-accordion .panel-body {
 padding-top: 0
}
div.ccm-page . spf2-block-accordion .panel-body img {
 max-width: 100%
}
div.ccm-page . spf2-block-accordion .panel-title {
 position: relative;
 padding-right: 3rem
}
div.ccm-page . spf2-block-accordion .panel-title h3 {
 margin-bottom: 0
}
div.ccm-page . spf2-block-accordion .question-label {
 display: block;
 padding: 10px 15px
}
div.ccm-page . spf2-block-accordion .question-label .panel-arrow .glyphicon-chevron-up {
 display: inline-block
}
div.ccm-page . spf2-block-accordion .question-label .panel-arrow .glyphicon-chevron-down {
 display: none
}
div.ccm-page . spf2-block-accordion .question-label.collapsed .panel-arrow .glyphicon-chevron-up {
 display: none
}
div.ccm-page . spf2-block-accordion .question-label.collapsed .panel-arrow .glyphicon-chevron-down {
 display: inline-block
}
div.ccm-page #redactor-modal-box {
	z-index: 1302 !important
}
div.ccm-page [class*="grid-"] {
	display: inline-block;
	letter-spacing: normal;
	margin-right: -4px;
	text-rendering: auto;
	vertical-align: top;
	word-spacing: normal;
	width: 100%
}

@media only screen and (min-width: 35.5em) {
div.ccm-page .grid-xs-1 {
	width: 100%
}
div.ccm-page .grid-xs-4-5 {
	width: 80%
}
div.ccm-page .grid-xs-3-4 {
	width: 75%
}
div.ccm-page .grid-xs-2-3 {
	width: 66.66%
}
div.ccm-page .grid-xs-1-2 {
	width: 50%
}
div.ccm-page .grid-xs-1-3 {
	width: 33.33%
}
div.ccm-page .grid-xs-1-4 {
	width: 25%
}
div.ccm-page .grid-xs-1-5 {
	width: 20%
}
}

@media only screen and (min-width: 48em) {
div.ccm-page .grid-sm-1 {
	width: 100%
}
div.ccm-page .grid-sm-4-5 {
	width: 80%
}
div.ccm-page .grid-sm-3-4 {
	width: 75%
}
div.ccm-page .grid-sm-2-3 {
	width: 66.66%
}
div.ccm-page .grid-sm-1-2 {
	width: 50%
}
div.ccm-page .grid-sm-1-3 {
	width: 33.33%
}
div.ccm-page .grid-sm-1-4 {
	width: 25%
}
div.ccm-page .grid-sm-1-5 {
	width: 20%
}
}

@media only screen and (min-width: 64em) {
div.ccm-page .grid-md-1 {
	width: 100%
}
div.ccm-page .grid-md-4-5 {
	width: 80%
}
div.ccm-page .grid-md-3-4 {
	width: 75%
}
div.ccm-page .grid-md-2-3 {
	width: 66.66%
}
div.ccm-page .grid-md-1-2 {
	width: 50%
}
div.ccm-page .grid-md-1-3 {
	width: 33.33%
}
div.ccm-page .grid-md-1-4 {
	width: 25%
}
div.ccm-page .grid-md-1-5 {
	width: 20%
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page .grid-lg-1 {
	width: 100%
}
div.ccm-page .grid-lg-4-5 {
	width: 80%
}
div.ccm-page .grid-lg-3-4 {
	width: 75%
}
div.ccm-page .grid-lg-2-3 {
	width: 66.66%
}
div.ccm-page .grid-lg-1-2 {
	width: 50%
}
div.ccm-page .grid-lg-1-3 {
	width: 33.33%
}
div.ccm-page .grid-lg-1-4 {
	width: 25%
}
div.ccm-page .grid-lg-1-5 {
	width: 20%
}
}

@media only screen and (min-width: 87.5em) {
div.ccm-page .grid-xlg-1 {
	width: 100%
}
div.ccm-page .grid-xlg-4-5 {
	width: 80%
}
div.ccm-page .grid-xlg-3-4 {
	width: 75%
}
div.ccm-page .grid-xlg-2-3 {
	width: 66.66%
}
div.ccm-page .grid-xlg-1-2 {
	width: 50%
}
div.ccm-page .grid-xlg-1-3 {
	width: 33.33%
}
div.ccm-page .grid-xlg-1-4 {
	width: 25%
}
div.ccm-page .grid-xlg-1-5 {
	width: 20%
}
}
div.ccm-page .container-fluid {
	max-width: 85em
}
div.ccm-page .container-fluid.mod-narrow {
	max-width: 48em
}
div.ccm-page .container-fluid.mod-narrower {
	max-width: 40em
}
div.ccm-page .action-items {
	background: #444;
	padding: 40px 15px;
	margin-top: 2em;
	min-height: 5px
}
div.ccm-page .action-items . spf2-block-contact-us table {
 width: 100%
}
div.ccm-page .action-items . spf2-block-contact-us table td {
 color: #fff;
 padding: 5px 0;
 vertical-align: top
}
div.ccm-page .action-items . spf2-block-contact-us table td:last-child {
 word-break: break-word
}
div.ccm-page .action-items . spf2-block-contact-us . spf2-block-subtitle {
 text-align: justify
}
div.ccm-page .action-items . spf2_block_social_icons table td {
 padding-right: 20px
}
div.ccm-page .action-items a {
	color: #fff
}
div.ccm-page .action-items h3, div.ccm-page .action-items p {
	color: #fff
}
div.ccm-page .action-items . spf2-block {
 margin-bottom: 0
}
div.ccm-page .footer {
	background-color: #121212;
	padding: 1em 0;
	color: #fff
}
div.ccm-page .footer ul {
	list-style: none;
	padding: 0px
}
div.ccm-page .footer ul > li {
	float: left;
	margin-bottom: 1em;
	margin-right: 1em
}
div.ccm-page .footer a {
	color: #fff
}
div.ccm-page .footer a:hover, div.ccm-page .footer a:focus {
	color: #005278
}
div.ccm-page .footer . spf2-logo {
 max-width: 196px;
 width: 100%;
 height: auto
}
div.ccm-page header[role="banner"] {
	border-bottom: 1px solid #f7f7f7;
	padding: 10px 15px
}
div.ccm-page header[role="banner"]:after {
	content: " ";
	display: block;
	height: 0;
	clear: both
}
div.ccm-page header[role="banner"] h1 {
	display: inline;
	font-size: 23.43px;
	font-size: 2.343rem;
	margin-bottom: 0px
}
div.ccm-page header[role="banner"] h1 > a {
	color: #005278;
	font-weight: 800
}
div.ccm-page .header-logo-wrapper {
	display: none
}

@media only screen and (min-width: 48em) {
div.ccm-page header[role="banner"] h1 {
	font-size: 25.63px;
	font-size: 2.563rem;
	display: inline
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page header[role="banner"] h1 {
	font-size: 33.18px;
	font-size: 3.318rem
}
}
div.ccm-page header[role="banner"].mod-single {
	padding: 0
}
div.ccm-page header[role="banner"].mod-single h1 {
	line-height: 55px;
	padding-left: 15px
}

@media only screen and (min-width: 76.25em) {
div.ccm-page header[role="banner"].mod-single {
	height: 55px;
	padding: 0
}
}
div.ccm-page header[role="banner"].mod-split .header-logo-wrapper {
	display: none
}
div.ccm-page header[role="banner"].mod-split .header-logo {
	display: none
}
div.ccm-page header[role="banner"].mod-split .header-logo-img {
	max-height: 3.75em
}

@media only screen and (min-width: 48em) {
div.ccm-page header[role="banner"].mod-split {
	height: 80px
}
div.ccm-page header[role="banner"].mod-split h1 {
	line-height: 60px
}
div.ccm-page header[role="banner"].mod-split .header-logo-wrapper {
	display: inline;
	float: right;
	max-width: 20em
}
div.ccm-page header[role="banner"].mod-split .header-logo {
	display: block;
	float: right
}
div.ccm-page header[role="banner"].mod-split .header-logo-img {
	max-height: 3.75em
}
}
div.ccm-page .alert {
	border-radius: 0px;
	color: #191919;
	margin-bottom: 10px;
	padding: 10px 20px
}
div.ccm-page .alert a:not(.btn) {
	color: #191919
}
div.ccm-page .alert.alert-success, div.ccm-page .alert.mod-alert-success {
	background-color: #dff0d8;
	border-color: #4b7f33
}
div.ccm-page .alert.mod-alert-success-ghost {
	background: none;
	color: #4b7f33
}
div.ccm-page .alert.mod-alert-success-solid {
	background-color: #4b7f33;
	color: #fff
}
div.ccm-page .alert.alert-info, div.ccm-page .alert.mod-alert-info {
	background-color: #d9edf7;
	border-color: #237599
}
div.ccm-page .alert.alert-info .close, div.ccm-page .alert.mod-alert-info .close {
	color: #237599
}
div.ccm-page .alert.mod-alert-info-ghost {
	background: none;
	color: #237599
}
div.ccm-page .alert.mod-alert-info-solid {
	background-color: #237599;
	color: #fff
}
div.ccm-page .alert.alert-warning, div.ccm-page .alert.mod-alert-warning {
	background-color: #fcf8e3;
	border-color: #806f0d
}
div.ccm-page .alert.mod-alert-warning-ghost {
	background: none;
	color: #806f0d
}
div.ccm-page .alert.mod-alert-warning-solid {
	background-color: #806f0d;
	color: #fff
}
div.ccm-page .alert.alert-danger, div.ccm-page .alert.mod-alert-danger {
	background-color: #f2dede;
	border-color: #b34646
}
div.ccm-page .alert.mod-alert-danger-ghost {
	background: none;
	color: #b34646
}
div.ccm-page .alert.mod-alert-danger-solid {
	background-color: #b34646;
	color: #fff
}
div.ccm-page .alert.mod-login-lg {
	display: table;
	padding: 1em;
	width: 100%;
	border: 0;
	text-align: center
}
div.ccm-page .alert.mod-margin-top {
	margin-top: 1em
}
div.ccm-page .alert-col {
	display: table-cell;
	float: left;
	vertical-align: top;
	width: 100%
}
div.ccm-page .alert-col:first-of-type {
	margin-bottom: 0.5rem
}
div.ccm-page .alert-col-icon {
	display: none
}

@media only screen and (min-width: 48em) {
div.ccm-page .alert.mod-login-lg {
	text-align: inherit
}
div.ccm-page .alert-col {
	width: auto
}
div.ccm-page .alert-col:first-of-type {
	margin-bottom: auto
}
}

@media only screen and (min-width: 64em) {
div.ccm-page .alert-col-icon {
	display: block;
	width: 50px;
	margin-right: 1em
}
}
div.ccm-page .block-quote.border-top-bottom {
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7
}
div.ccm-page .block-quote.border-top-bottom aside {
	padding: 0.5em
}
div.ccm-page .block-quote.border-top-bottom aside . spf2-block-inner {
 margin-bottom: 0.5em
}
div.ccm-page .block-quote.bubble-square {
	position: relative
}
div.ccm-page .block-quote.bubble-square aside {
	padding: 0
}
div.ccm-page .block-quote.bubble-square . spf2-block-inner {
 background: #444;
 color: #fff;
 padding: 1em
}
div.ccm-page .block-quote.bubble-square . spf2-block-inner::after {
 content: ' ';
 display: block;
 position: absolute;
 width: 0;
 height: 0;
 left: 1em;
 margin-top: 1em;
 border-width: 1em 1em 0;
 border-style: solid;
 border-color: #444 transparent transparent transparent
}
div.ccm-page .block-quote.bubble-square footer {
	margin-top: 1em;
	text-align: left;
	margin-left: 1em
}
div.ccm-page .block-quote.bubble-square footer::before {
	content: ''
}
div.ccm-page .block-quote.vertical-dots {
	border-left: 2px dotted #444;
	color: #444
}
div.ccm-page .block-quote.vertical-dots . spf2-block-inner {
 margin-bottom: 0.5em
}
div.ccm-page .block-quote.bordered {
	border-color: #444;
	border-width: 5px;
	border-style: double;
	color: #191919
}
div.ccm-page .block-quote.bordered aside {
	padding: 1em
}
div.ccm-page .block-quote.bordered aside . spf2-block-inner {
 margin-bottom: 0.5em
}
div.ccm-page .block-quote.allcaps {
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	border-top-width: 3px;
	border-top-style: double;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-color: #444
}
div.ccm-page .block-quote.allcaps aside {
	padding: 1em
}
div.ccm-page .block-quote.allcaps aside . spf2-block-inner {
 margin-bottom: 0.5em
}
div.ccm-page .cards {
	margin: 0 -0.5em
}
div.ccm-page .card {
	margin-bottom: 1em;
	padding: 0 .5em;
	position: relative
}
div.ccm-page .card > a {
	border: 1px solid #f7f7f7;
	color: #191919;
	display: block;
	font-weight: normal;
	position: relative;
	text-decoration: none;
	width: 100%
}
div.ccm-page .card > a:hover, div.ccm-page .card > a:focus {
	box-shadow: 0 1px 3px 0 #44c0c2, 0 0 0 1px #f7f7f7
}
div.ccm-page .card > a:hover .card-img .card-img-inner, div.ccm-page .card > a:focus .card-img .card-img-inner {
	transform: scale(1.1);
	-webkit-transition: transform .3s ease 0s;
	-moz-transition: transform .3s ease 0s;
	-o-transition: transform .3s ease 0s;
	-ms-transition: transform .3s ease 0s;
	transition: transform .3s ease 0s
}
div.ccm-page .card > a:hover .card-main, div.ccm-page .card > a:focus .card-main {
	background: #f7f7f7;
	-webkit-transition: background .3s ease 0s;
	-moz-transition: background .3s ease 0s;
	-o-transition: background .3s ease 0s;
	-ms-transition: background .3s ease 0s;
	transition: background .3s ease 0s
}
div.ccm-page .card > .card-wrap {
	border: 1px solid #f7f7f7;
	color: #191919;
	display: block;
	font-weight: normal;
	position: relative;
	text-decoration: none;
	width: 100%
}
div.ccm-page .card-main {
	padding: .5em 1em 4em;
	position: relative;
	-webkit-transition: background .3s ease 0s;
	-moz-transition: background .3s ease 0s;
	-o-transition: background .3s ease 0s;
	-ms-transition: background .3s ease 0s;
	transition: background .3s ease 0s
}
div.ccm-page .card-img {
	overflow: hidden;
	position: relative
}
div.ccm-page .card-img-inner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	-webkit-transition: transform .3s ease 0s;
	-moz-transition: transform .3s ease 0s;
	-o-transition: transform .3s ease 0s;
	-ms-transition: transform .3s ease 0s;
	transition: transform .3s ease 0s;
	width: 100%
}
div.ccm-page .card-img-overlay {
	background: #005278;
	background: rgba(0,82,120,0.5);
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}
div.ccm-page .card-date {
	display: block;
	padding-bottom: 0.5em;
	text-align: right
}
div.ccm-page .card-date time {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 700
}
div.ccm-page .card-heading {
	font-size: 1.3em;
	line-height: 1;
	text-transform: uppercase
}

@media only screen and (min-width: 35.5em) {
div.ccm-page .card-heading {
font-size: calc(1.3em + .3 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page .card-heading {
	font-size: 1.6em
}
}
div.ccm-page .card-summary {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400
}
div.ccm-page .card-footer-categories {
	padding: .5em 1em .5em
}
div.ccm-page .card-footer {
	margin-top: auto
}
div.ccm-page .card-footer p {
	background: #f7f7f7;
	margin: 0em;
	padding: .5em 1em;
	text-align: right;
	text-transform: uppercase
}
div.ccm-page .card-footer-chevron {
	height: 1.25em;
	margin-left: 0.5em;
	transform: translateY(.25em);
	width: 1.25em
}
div.ccm-page .card-footer-chevron path {
	fill: #191919
}

@media only screen and (min-width: 35.5em) {
div.ccm-page [class*="grid-xs-"] .card.mod-categories .card-main {
	padding: 5px 10px 10em
}
div.ccm-page [class*="grid-xs-"] .card-footer {
	bottom: 0px;
	left: 0px;
	position: absolute;
	right: 0
}
}

@media only screen and (min-width: 48em) {
div.ccm-page [class*="grid-sm-"] .card.mod-categories .card-main {
	padding: 5px 10px 10em
}
div.ccm-page [class*="grid-sm-"] .card-footer {
	bottom: 0px;
	left: 0px;
	position: absolute;
	right: 0
}
}

@media only screen and (min-width: 64em) {
div.ccm-page [class*="grid-md-"] .card.mod-categories .card-main {
	padding: 5px 10px 10em
}
div.ccm-page [class*="grid-md-"] .card-footer {
	bottom: 0px;
	left: 0px;
	position: absolute;
	right: 0
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page [class*="grid-lg-"] .card.mod-categories .card-main {
	padding: 5px 10px 10em
}
div.ccm-page [class*="grid-lg-"] .card-footer {
	bottom: 0px;
	left: 0px;
	position: absolute;
	right: 0
}
}

@media only screen and (min-width: 87.5em) {
div.ccm-page [class*="grid-xlg-"] .card.mod-categories .card-main {
	padding: 5px 10px 10em
}
div.ccm-page [class*="grid-xlg-"] .card-footer {
	bottom: 0px;
	left: 0px;
	position: absolute;
	right: 0
}
}
div.ccm-page .ccm-block-type-form .btn[type="submit"] {
	float: right
}
div.ccm-page .masthead {
	margin-bottom: 2em;
	border-bottom: 1px solid #f7f7f7
}
div.ccm-page .banner {
	margin-bottom: 0
}
div.ccm-page .banner.mod-simple {
	background: #005278;
	color: #fff;
	padding: 1em 0 0 0;
	/*	padding: 2em 0; */
/* max-height: 66px;  */
	min-height: 100px;
}
div.ccm-page .banner.mod-simple h1 {
	color: #fff;
	margin: 0;
	font-size: 2.4em;
}
div.ccm-page .banner.mod-simple p {
	margin: 0
}
div.ccm-page .banner-logo-heading {
	background: url('/application/themes/the_ spf2/img/site-logo.png');
	display: block !important;
	height: 48px;
	width: 240px;
	float: left;
	background-size: auto 41px;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-top: 7px
}
div.ccm-page .banner-logo-heading span {
	display: none
}
div.ccm-page .banner-img {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	width: 100%
}
div.ccm-page .banner-content {
	margin: 0;
	padding: 1em;
	max-width: 40em;
	z-index: 2
}
div.ccm-page .banner-content-heading {
	text-transform: none
}
div.ccm-page .banner-content-heading, div.ccm-page .banner-content-desc {
	color: #fff
}
div.ccm-page .banner-content-desc {
	font-size: 17.6px;
	font-size: 1.76rem;
	margin-bottom: 2rem
}
div.ccm-page .banner.mod-overlaycentre .banner-img-overlay {
	background: #005278;
	background: -moz-radial-gradient(center, ellipse cover, #000 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #000), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-radial-gradient(center, ellipse cover, #000 0%, rgba(0,0,0,0) 100%);
	background: -o-radial-gradient(center, ellipse cover, #000 0%, rgba(0,0,0,0) 100%);
	background: -ms-radial-gradient(center, ellipse cover, #000 0%, rgba(0,0,0,0) 100%);
	background: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,0) 100%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
div.ccm-page .banner.mod-overlaycentre .banner-content {
	position: relative;
	text-align: center;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 100%
}
div.ccm-page .banner.mod-overlaycentre .banner-content .banner-content-inner {
	background: none
}
div.ccm-page .banner.mod-overlaybottom .banner-img-overlay {
	background: #005278;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
div.ccm-page .banner.mod-overlaybottom .container-fluid {
	position: relative;
	height: 100%
}
div.ccm-page .banner.mod-overlaybottom .banner-content {
	padding: 1em;
	position: relative;
	text-align: left
}
div.ccm-page .banner.mod-overlaybottom .banner-content .banner-content-inner {
	background: none
}
div.ccm-page .banner.mod-centrebox .banner-content {
	position: relative;
	text-align: center;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 100%
}
div.ccm-page.page-type-project .banner.mod-centrebox .banner-content {
	top: 60%
}
div.ccm-page .banner.mod-centrebox .banner-content-inner {
	background: #fff;
	background: rgba(255,255,255,0.85);
	border-radius: 0.3em;
	padding: 2em
}
div.ccm-page .banner.mod-centrebox .banner-content-heading, div.ccm-page .banner.mod-centrebox .banner-content-desc {
	color: #005278
}
div.ccm-page .banner.mod-sidepanel {
	position: relative
}
div.ccm-page .banner.mod-standard .banner-img, div.ccm-page .banner.mod-sidepanel .banner-img {
	border-left: none;
	border-top: 1px solid #f7f7f7
}
div.ccm-page .banner.mod-standard .banner-content, div.ccm-page .banner.mod-sidepanel .banner-content {
	background: #FFFFFF;
	height: auto
}
div.ccm-page .banner.mod-standard .banner-content .banner-content-heading, div.ccm-page .banner.mod-sidepanel .banner-content .banner-content-heading {
	color: #005278
}
div.ccm-page .banner.mod-standard .banner-content .banner-content-desc, div.ccm-page .banner.mod-sidepanel .banner-content .banner-content-desc {
	color: #191919;
	margin-bottom: 0
}
div.ccm-page .banner.mod-sidepanel .banner-img {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden
}
div.ccm-page .banner.mod-sidepanel .banner-content {
	background: transparent;
	left: 50%;
	max-width: 40em;
	padding: 1em;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 2;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0)
}

@media only screen and (min-width: 48em) {
div.ccm-page .banner-img.mod-size-full {
	height: calc(100vh - 130px)
}
div.ccm-page .banner-content-heading {
	line-height: 1.1
}
div.ccm-page .banner.mod-centrebox .banner-content-inner {
	padding: 2em 2em
}
div.ccm-page .banner.mod-overlaybottom .banner-img-overlay {
	background: #005278;
	background: -moz-linear-gradient(45deg, #000 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, #000), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(45deg, #000 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(45deg, #000 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(45deg, #000 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(45deg, #000 0%, rgba(0,0,0,0) 100%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
div.ccm-page .banner.mod-overlaycentre .mod-size-full .banner-content {
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
div.ccm-page .banner.mod-overlaybottom .mod-size-full .banner-content {
	bottom: 1em;
	left: 0;
	padding: 0 1em;
	position: absolute
}
div.ccm-page .banner.mod-centrebox .mod-size-full .banner-content {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
}

@media only screen and (min-width: 64em) {
div.ccm-page .banner {
	border-bottom: solid 1px #f7f7f7
}
div.ccm-page .banner-img {
	display: inline-block
}
div.ccm-page .banner.mod-standard .banner-img, div.ccm-page .banner.mod-sidepanel .banner-img {
	top: auto;
	left: auto;
	position: relative;
	border-left: 1px solid #f7f7f7;
	height: calc(100vh - 120px);
	min-height: 400px;
	border-top: none;
	float: left;
	width: 66.66%
}
div.ccm-page .banner.mod-standard .banner-content, div.ccm-page .banner.mod-sidepanel .banner-content {
	display: inline-block;
	float: left;
	height: 100%;
	height: calc(100vh - 120px);
	min-height: 200px;
	overflow: hidden;
	position: relative;
	width: 33.33%;
	top: 0;
	left: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	text-align: left
}
div.ccm-page .banner.mod-standard .banner-content-inner, div.ccm-page .banner.mod-sidepanel .banner-content-inner {
	left: 50%;
	padding: 1em 2em;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}
div.ccm-page .banner.mod-standard .banner-content.mod-size-thin, div.ccm-page .banner.mod-sidepanel .banner-content.mod-size-thin, div.ccm-page .banner.mod-standard .banner-img.mod-size-thin, div.ccm-page .banner.mod-sidepanel .banner-img.mod-size-thin, div.ccm-page .banner-img.mod-size-thin {
	height: 200px;
	min-height: 200px;
	max-height: 200px
}
div.ccm-page .banner.mod-standard .banner-content.mod-size-medium, div.ccm-page .banner.mod-sidepanel .banner-content.mod-size-medium, div.ccm-page .banner.mod-standard .banner-img.mod-size-medium, div.ccm-page .banner.mod-sidepanel .banner-img.mod-size-medium, div.ccm-page .banner-img.mod-size-medium {
	/*	height: 400px;
	min-height: 400px;
	max-height: 400px; */
	
	
	height: 180px;
	min-height: 180px;
	max-height: 180px;
}
div.ccm-page .banner.mod-standard .banner-content.mod-size-large, div.ccm-page .banner.mod-sidepanel .banner-content.mod-size-large, div.ccm-page .banner.mod-standard .banner-img.mod-size-large, div.ccm-page .banner.mod-sidepanel .banner-img.mod-size-large, div.ccm-page .banner-content.mod-size-large, div.ccm-page .banner-img.mod-size-large {
	height: 500px;
	min-height: 500px;
	max-height: 500px
}
div.ccm-page .banner-content-desc {
	font-size: 18px;
	font-size: 1.8rem
}
div.ccm-page .banner.mod-overlaycentre .banner-content {
	margin-left: auto;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}
div.ccm-page .banner.mod-overlaybottom .banner-content {
	bottom: 1em;
	left: 0;
	padding: 0 1em;
	position: absolute
}
div.ccm-page .banner.mod-centrebox .banner-content {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page .banner-content-desc {
	font-size: 19.2px;
	font-size: 1.92rem
}
}
div.ccm-page . spf2-modal .modal-dialog {
 border-radius: 0
}
div.ccm-page . spf2-modal .modal-content {
 border-radius: 0
}
div.ccm-page . spf2-modal .modal-header {
 background: #005278;
 border-radius: 0;
 padding: .5em 1em;
 color: #fff
}
div.ccm-page . spf2-modal .modal-header .close {
 color: #FFFFFF;
 opacity: 0.8
}
div.ccm-page . spf2-modal .modal-header .close:hover, div.ccm-page . spf2-modal .modal-header .close:focus {
 opacity: 1
}
div.ccm-page . spf2-modal .modal-header h1 {
 font-size: 19.36px;
 font-size: 1.936rem;
 margin: 0;
 font-weight: 700;
 color: inherit;
 font-family: "Montserrat", sans-serif
}
div.ccm-page . spf2-modal label.error {
 color: #b34646
}
div.ccm-page . spf2-modal .modal-content h2 {
 font-size: 21.3px;
 font-size: 2.13rem
}
div.ccm-page . spf2-modal .modal-content h3 {
 font-size: 19.36px;
 font-size: 1.936rem
}
div.ccm-page . spf2-modal .modal-content h4 {
 font-size: 17.6px;
 font-size: 1.76rem
}
div.ccm-page . spf2-modal .modal-content h5 {
 font-size: 16px;
 font-size: 1.6rem
}

@media only screen and (min-width: 48em) {
div.ccm-page . spf2-modal .modal-header h1 {
 font-size: 20.25px;
 font-size: 2.025rem
}
div.ccm-page . spf2-modal .modal-content h2 {
 font-size: 22.78px;
 font-size: 2.278rem
}
div.ccm-page . spf2-modal .modal-content h3 {
 font-size: 20.25px;
 font-size: 2.025rem
}
div.ccm-page . spf2-modal .modal-content h4 {
 font-size: 18px;
 font-size: 1.8rem
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page . spf2-modal .modal-header h1 {
 font-size: 23.04px;
 font-size: 2.304rem
}
div.ccm-page . spf2-modal .modal-content h2 {
 font-size: 27.65px;
 font-size: 2.765rem
}
div.ccm-page . spf2-modal .modal-content h3 {
 font-size: 23.04px;
 font-size: 2.304rem
}
div.ccm-page . spf2-modal .modal-content h4 {
 font-size: 19.2px;
 font-size: 1.92rem
}
}
div.ccm-page .nav-utilities-login a {
	background: #005278;
	color: #fff;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: normal;
	height: 55px;
	padding: 15px 15px 0px 50px;
	position: relative;
	text-decoration: none;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease
}
div.ccm-page .nav-utilities-login a:before {
	background: url('/packages/custom_act/themes/the_ spf2_act/img/login.svg') no-repeat 0 0;
	content: " ";
	height: 30px;
	left: 15px;
	position: absolute;
	top: 15px;
	width: 30px
}
div.ccm-page .nav-utilities-login a:hover, div.ccm-page .nav-utilities-login a:focus {
	background: #342165
}
div.ccm-page .nav-utilities-signout a {
	background: #005278;
	color: #fff;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: normal;
	height: 55px;
	padding: 15px 15px 0px 50px;
	position: relative;
	text-decoration: none;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease
}
div.ccm-page .nav-utilities-signout a:before {
	background: url('/packages/custom_act/themes/the_ spf2_act/img/logout.svg') no-repeat 0 0;
	content: " ";
	height: 30px;
	left: 15px;
	position: absolute;
	top: 15px;
	width: 30px
}
div.ccm-page .nav-utilities-signout a:hover, div.ccm-page .nav-utilities-signout a:focus {
	background: #342165
}
div.ccm-page .nav-utilities-profile a {
	background: #00aeef;
	color: #fff;
	display: inline-block;
	font-size: 0.6em;
	height: 55px;
	padding: 6px 15px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease
}
div.ccm-page .nav-utilities-profile a svg g {
	stroke: #fff
}
div.ccm-page .nav-utilities-profile a span {
	display: block;
	margin-top: -0.75em
}
div.ccm-page .nav-utilities-profile a:hover, div.ccm-page .nav-utilities-profile a:focus {
	background: #0089bc
}
div.ccm-page .nav-utilities-search-form {
	display: table
}
div.ccm-page .nav-utilities-search-form h2 {
	color: #fff;
	text-align: center
}
div.ccm-page .nav-utilities-search-form-inputwrap, div.ccm-page .nav-utilities-search-form-btnwrap {
	display: table-cell;
	vertical-align: bottom;
	white-space: nowrap
}
div.ccm-page .nav-utilities-search-form-inputwrap {
	width: 100%
}
div.ccm-page .nav-utilities-search-form input[type="search"] {
	border: 1px solid #f7f7f7;
	height: 55px;
	margin: 0px;
	padding: .8em .7em
}
div.ccm-page .nav-utilities-search-form-btn {
	background: none;
	border: none;
	border-left: 1px solid #f7f7f7;
	border-radius: 0px;
	display: inline-block;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	height: 55px;
	padding: 0 15px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease
}
div.ccm-page .nav-utilities-search-form-btn:hover, div.ccm-page .nav-utilities-search-form-btn:active, div.ccm-page .nav-utilities-search-form-btn:focus {
	background-color: #f7f7f7
}
div.ccm-page .nav-utilities-search-form-btn svg {
	margin-top: 17px;
	float: left
}
div.ccm-page .nav-utilities-search-form-btn svg g {
	stroke: #191919
}
div.ccm-page .nav-utilities-search-form-btn span {
	display: block;
	line-height: 55px;
	margin-left: 25px
}
div.ccm-page .nav-links-back {
	display: none
}
div.ccm-page header[role="banner"].mod-single .nav-utilities {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 100%;
	border-top: 1px solid #f7f7f7
}
div.ccm-page header[role="banner"].mod-single .nav-utilities li {
	display: block;
	float: left
}
div.ccm-page header[role="banner"].mod-single .nav-utilities-toggle a {
	border-left: 1px solid #f7f7f7;
	color: #005278;
	display: inline-block;
	font-weight: 400;
	height: 55px;
	line-height: 55px;
	padding: 0 15px;
	text-decoration: none
}
div.ccm-page header[role="banner"].mod-single .nav-utilities-toggle a span {
	font-size: 0.75em
}
div.ccm-page header[role="banner"].mod-single .nav-utilities-toggle a:hover, div.ccm-page header[role="banner"].mod-single .nav-utilities-toggle a:focus {
	color: #44c0c2
}
div.ccm-page .nav[role="navigation"].mod-single {
	display: block;
	float: left;
	width: 100%
}
div.ccm-page .nav[role="navigation"].mod-single .nav-links {
	list-style: none;
	margin: 0px;
	padding: 0px
}
div.ccm-page .nav[role="navigation"].mod-single .nav-links.is-open, div.ccm-page .nav[role="navigation"].mod-single .nav-links.is-collapsing {
	border-top: 1px solid #f7f7f7
}
div.ccm-page .nav[role="navigation"].mod-single .nav-links li a {
	color: #191919;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease
}
div.ccm-page .nav[role="navigation"].mod-single .nav-links li a:hover, div.ccm-page .nav[role="navigation"].mod-single .nav-links li a:focus {
	background: #f7f7f7
}
div.ccm-page .nav[role="navigation"].mod-single .nav-links li a .home-icon {
	display: none
}

@media only screen and (min-width: 76.25em) {
div.ccm-page header[role="banner"].mod-single .nav-utilities .nav-utilities-toggle {
	display: none
}
div.ccm-page .nav[role="navigation"].mod-single {
	border: none;
	float: right
}
div.ccm-page .nav[role="navigation"].mod-single .nav-links li {
	float: left
}
div.ccm-page .nav[role="navigation"].mod-single .nav-links li a {
	line-height: 55px;
	padding: 0 1rem;
	font-size: 1.4rem
}
div.ccm-page .nav[role="navigation"].mod-single .nav-links li a .home-icon {
	float: left;
	display: block;
	margin-top: 12px;
	margin-right: 8px
}
div.ccm-page .nav[role="navigation"].mod-single .nav-links li a .home-icon g {
	stroke: #00aeef
}
div.ccm-page .nav-utilities-search-form-btn span {
	font-size: 1.4rem
}
}

@media only screen and (min-width: 87.5em) {
div.ccm-page .nav[role="navigation"].mod-single .nav-links li a {
	padding: 0 1.5rem;
	font-size: 1.6rem
}
div.ccm-page .nav-utilities-search-form-btn span {
	font-size: 1.6rem
}
}
div.ccm-page .nav[role="navigation"].mod-split {
	width: 100%
}
div.ccm-page .nav[role="navigation"].mod-split:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities {
	border-bottom: 1px solid #f7f7f7;
	border-collapse: collapse;
	display: table;
	margin-bottom: 0;
	table-layout: auto;
	width: 100%
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li {
	display: table-cell;
	vertical-align: bottom;
	white-space: nowrap
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities-toggle a {
	color: #191919;
	display: block;
	font-size: 0.6em;
	padding: 10px 15px 0;
	text-decoration: none;
	text-transform: uppercase
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities-toggle a:focus {
	color: #191919
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities-toggle a:hover {
	color: #44c0c2
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities-toggle a:focus .nav-utilities-toggle-bar {
	color: #191919
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities-toggle a:hover .nav-utilities-toggle-bar {
	background: #44c0c2
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities-toggle-bar {
	background: #191919;
	border-radius: 1px;
	display: block;
	height: 3px;
	margin-bottom: 4px;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease;
	width: 30px
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities-search {
	width: 100%
}
div.ccm-page .nav[role="navigation"].mod-split .nav-links {
	list-style: none;
	margin: 0px;
	padding: 0px
}
div.ccm-page .nav[role="navigation"].mod-split .nav-links li a {
	color: #191919;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease
}
div.ccm-page .nav[role="navigation"].mod-split .nav-links li a:hover, div.ccm-page .nav[role="navigation"].mod-split .nav-links li a:focus {
	background: #f7f7f7
}
div.ccm-page .nav[role="navigation"].mod-split .nav-links li a .home-icon {
	display: none
}

@media only screen and (min-width: 48em) {
div.ccm-page header[role="banner"].mod-single .nav-utilities {
	width: auto;
	border-top: 0
}
}

@media only screen and (min-width: 76.25em) {
div.ccm-page .nav[role="navigation"].mod-single {
	width: auto
}
div.ccm-page .nav[role="navigation"].mod-split {
	border-bottom: 1px solid #f7f7f7
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities {
	border-bottom: 0px;
	float: right;
	width: auto
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li {
	float: left
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities-toggle a {
	display: none
}
div.ccm-page .nav[role="navigation"].mod-split .nav-utilities-search {
	width: auto
}
div.ccm-page .nav[role="navigation"].mod-split .nav-links {
	float: left
}
div.ccm-page .nav[role="navigation"].mod-split .nav-links li {
	float: left
}
div.ccm-page .nav[role="navigation"].mod-split .nav-links li a {
	line-height: 55px;
	padding: 0px 15px
}
div.ccm-page .nav[role="navigation"].mod-split .nav-links li a .home-icon {
	float: left;
	display: block;
	margin-top: 12px;
	margin-right: 8px
}
div.ccm-page .nav[role="navigation"].mod-split .nav-links li a .home-icon g {
	stroke: #00aeef
}
}
div.ccm-page .search-overlay {
	background: #005278;
	background: rgba(0,82,120,0.9);
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	-webkit-transition: opacity .5s, visibility 0s .5s;
	-moz-transition: opacity .5s, visibility 0s .5s;
	-o-transition: opacity .5s, visibility 0s .5s;
	-ms-transition: opacity .5s, visibility 0s .5s;
	transition: opacity .5s, visibility 0s .5s;
	width: 100%;
	visibility: hidden;
	z-index: 1100
}
div.ccm-page .search-overlay.is-open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s
}
div.ccm-page .search-overlay-close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url("http://www.cmtedd.act.gov.au/__data/assets/image/0005/1050449/cross.png") no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100
}
div.ccm-page .search-overlay .nav-utilities-search-form {
	display: block;
	height: 60%;
	margin: 0px auto;
	max-width: 80%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
div.ccm-page .search-overlay .nav-utilities-search-form-btn {
	background: #fff
}
div.ccm-page .search-overlay .nav-utilities-search-form-btn:hover, div.ccm-page .search-overlay .nav-utilities-search-form-btn:active, div.ccm-page .search-overlay .nav-utilities-search-form-btn:focus {
	background: #e6e6e6
}
div.ccm-page .search-overlay .nav-utilities-search-form-btn:focus {
	box-shadow: 0 0 3px #44c0c2, 0 0 7px #44c0c2
}
div.ccm-page .search-overlay-close {
	transition: transform .2s ease
}
div.ccm-page .search-overlay-close:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}
div.ccm-page .search-overlay-close:focus {
	box-shadow: 0 0 3px #44c0c2, 0 0 7px #44c0c2
}
div.ccm-page .breadcrumb {
	background: none;
	border-radius: 0px;
	clear: both;
	display: block;
	overflow: auto;
	padding: 0px;
	margin: .5em 0
}
div.ccm-page .breadcrumb p {
	float: left;
	margin: 0px
}
div.ccm-page .breadcrumb ol {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px
}
div.ccm-page .breadcrumb ol li {
	float: left
}
div.ccm-page .breadcrumb ol li:last-child {
	color: #005278;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 700
}
div.ccm-page .breadcrumb ol li + li:before {
	color: #191919;
	content: "\00a0/\00a0"
}
div.ccm-page .jl_magic_tabs ul.tabs, div.ccm-page .jl_magic_tabs .ccm-dialog-tabs {
	border-bottom: 1px solid #005278 !important
}
div.ccm-page .jl_magic_tabs ul.tabs {
	float: left;
	width: 100%;
	margin-bottom: 18px;
	margin-left: 0;
	padding: 0
}
div.ccm-page .jl_magic_tabs ul.tabs > li {
	position: relative;
	float: left;
	top: 1px;
	list-style-type: none;
	line-height: 18px;
	padding: 0
}
div.ccm-page .jl_magic_tabs ul.tabs > li > a {
	font-size: 18px;
	padding: 12px 20px;
	border-radius: 0px;
	border-top: 6px solid #fff;
	margin-right: -1px;
	text-transform: uppercase;
	font-weight: bold;
	color: #A7A7A7;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	border-top: 1px solid #a7a7a7;
	padding: 17px 20px 12px 20px;
	display: block;
	outline-style: none;
	outline-width: 0
}
div.ccm-page .jl_magic_tabs ul.tabs > li > a.active {
	padding: 12px 20px;
	color: #005278;
	background: #FFFFFF;
	border-left: 1px solid #005278 !important;
	border-right: 1px solid #005278 !important;
	border-top: 6px solid #005278 !important
}
div.ccm-page .jl_magic_tabs ul.tabs > li > a:hover, div.ccm-page .jl_magic_tabs ul.tabs > li > a:focus, div.ccm-page .jl_magic_tabs ul.tabs > li > a.active:hover, div.ccm-page .jl_magic_tabs ul.tabs > li > a.active:focus {
	background: #005278;
	color: #FFFFFF;
	border-top: 6px solid #005278 !important;
	cursor: pointer;
	padding: 12px 20px
}
div.ccm-page .jl_magic_tabs ul.tabs > li > a:hover, div.ccm-page .jl_magic_tabs ul.tabs > li > a:focus, div.ccm-page .jl_magic_tabs ul.tabs > li > a:active, div.ccm-page .jl_magic_tabs ul.tabs > li > a.active:hover, div.ccm-page .jl_magic_tabs ul.tabs > li > a.active:focus, div.ccm-page .jl_magic_tabs ul.tabs > li > a .active:active {
	text-decoration: none
}
div.ccm-page .jl_magic_tabs ul.tabs .glyphicon {
	margin-right: 10px
}

@media only screen and (max-width: 64em) {
div.ccm-page .jl_magic_tabs ul.tabs {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden
}
div.ccm-page .jl_magic_tabs ul.tabs > li {
	float: none;
	display: inline-block
}
div.ccm-page .jl_magic_tabs ul.tabs > li > a {
	font-size: 1em;
	padding: 17px 12px 12px
}
}
div.ccm-page .login-signup-form .btn-facebook, div.ccm-page .user-details-form .btn-facebook {
	color: #fff;
	background: #3b5998;
	position: relative;
	padding-right: 48px
}
div.ccm-page .login-signup-form .btn-facebook:after, div.ccm-page .user-details-form .btn-facebook:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 100%;
	background: #3a5795 url('/application/themes/the_ spf2/img/logo-facebook.svg') no-repeat center
}
div.ccm-page .login-signup-form .btn-facebook:hover, div.ccm-page .user-details-form .btn-facebook:hover, div.ccm-page .login-signup-form .btn-facebook:focus, div.ccm-page .user-details-form .btn-facebook:focus {
	background: #2d4373
}
div.ccm-page .login-signup-form .separate-line, div.ccm-page .user-details-form .separate-line {
	position: relative;
	margin: 20px 0
}
div.ccm-page .login-signup-form .separate-line span, div.ccm-page .user-details-form .separate-line span {
	border: 1px solid #ddd;
	border-radius: 50%;
	padding: 7.5px;
	background: #fff;
	position: relative;
	z-index: 1
}
div.ccm-page .login-signup-form .separate-line:after, div.ccm-page .user-details-form .separate-line:after {
	content: '';
	display: block;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 50%;
	left: 20%;
	width: 60%
}
div.ccm-page .login-signup-form .remember-me label, div.ccm-page .user-details-form .remember-me label {
	font-weight: normal
}

@media screen and (min-width: 768px) {
div.ccm-page .login-signup-form .forgot-password-link, div.ccm-page .user-details-form .forgot-password-link {
	text-align: right
}
}
div.ccm-page .login-modal .modal-dialog, div.ccm-page .signup-modal .modal-dialog, div.ccm-page .user-details-modal .modal-dialog, div.ccm-page .reset-password-modal .modal-dialog, div.ccm-page .signup-confirm-modal .modal-dialog {
	font-size: 15px;
	font-size: 1.5rem;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto
}
div.ccm-page .login-modal .modal-title, div.ccm-page .signup-modal .modal-title, div.ccm-page .user-details-modal .modal-title, div.ccm-page .reset-password-modal .modal-title, div.ccm-page .signup-confirm-modal .modal-title {
	color: #191919;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 700;
	border: 0;
	padding: 0;
	margin-bottom: 15px
}
div.ccm-page .login-modal .ajax-loader, div.ccm-page .signup-modal .ajax-loader, div.ccm-page .user-details-modal .ajax-loader, div.ccm-page .reset-password-modal .ajax-loader, div.ccm-page .signup-confirm-modal .ajax-loader {
	display: none;
	position: static;
	background: transparent
}
div.ccm-page .signup-confirm-modal .alert-account-created {
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 15px;
	margin-top: 10px;
	text-align: center
}
div.ccm-page .signup-confirm-modal .alert-account-created svg {
	width: 25%;
	height: 25%
}
.register-page div.ccm-page .ccm-input-select, . spf2-modal div.ccm-page .ccm-input-select {
 background-color: #fff;
 background-image: none;
 border: 1px solid #ccc;
 border-radius: 0px;
 box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
 color: #555;
 display: block;
 font-size: 14px;
 height: 34px;
 line-height: 1.42857;
 padding: 6px 12px;
 transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
 width: 100%
}
.register-page div.ccm-page .checkbox-single, . spf2-modal div.ccm-page .checkbox-single {
 display: block
}
div.ccm-page .login-page label.control-label {
	display: inline
}
div.ccm-page .login-page .error {
	color: #b34646;
	font-weight: normal
}
div.ccm-page .login-page input[type=text], div.ccm-page .login-page input[type=email], div.ccm-page .login-page input[type=password], div.ccm-page .login-page select {
	margin-top: 5px;
	border-radius: 0px
}
div.ccm-page #signInModal .signInErrorMsg, div.ccm-page #resetPasswordModal .signInErrorMsg {
	display: none
}
div.ccm-page #signInModal .signInErrorMsg p, div.ccm-page #resetPasswordModal .signInErrorMsg p {
	padding: 4px 8px
}
div.ccm-page #signInModal #resetPasswordLink:hover {
	cursor: pointer
}
div.ccm-page .pac-container {
	z-index: 1050 !important
}
div.ccm-page .mod-nomargin {
	margin: 0 !important
}
div.ccm-page .mod-noborder {
	border: none !important
}
.flexbox div.ccm-page .cards {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}
.flexbox div.ccm-page .card {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100%
}
.flexbox div.ccm-page .card > a, .flexbox div.ccm-page .card > .card-wrap {
	-webkit-box-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	-moz-box-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links {
	position: relative;
	z-index: 1000
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links:target {
	z-index: 1001
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links:target li a {
	height: auto;
	line-height: inherit;
	padding: 10px 15px;
	position: relative;
	-webkit-transition: height .3s, line-height .3s;
	-moz-transition: height .3s, line-height .3s;
	-o-transition: height .3s, line-height .3s;
	-ms-transition: height .3s, line-height .3s;
	transition: height .3s, line-height .3s;
	z-index: 1
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links li a {
	height: 0;
	line-height: 0;
	padding: 0px;
	overflow: hidden
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links-back {
	display: block;
	position: relative
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links:target .nav-links-back a {
	background: transparent;
	border: 0;
	text-indent: -999em;
	position: absolute;
	top: -101em;
	bottom: -101em;
	left: 0;
	right: 0;
	z-index: 0
}

@media only screen and (min-width: 76.25em) {
.no-js div.ccm-page .nav[role="navigation"] .nav-links li a {
	height: auto;
	line-height: 55px;
	padding: 0px 15px
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links-back {
	display: none
}
}
.js div.ccm-page .nav[role="navigation"] .nav-utilities-item {
	float: right
}
.js div.ccm-page .nav[role="navigation"] .nav-utilities-search {
	width: auto
}
.js div.ccm-page .nav[role="navigation"] .nav-links {
	max-height: 0;
	overflow: hidden;
	visibility: hidden
}
.js div.ccm-page .nav[role="navigation"] .nav-links.is-collapsing {
	max-height: 0;
	-webkit-transition: max-height .3s ease-out, visibility .3s ease-out;
	-moz-transition: max-height .3s ease-out, visibility .3s ease-out;
	-o-transition: max-height .3s ease-out, visibility .3s ease-out;
	-ms-transition: max-height .3s ease-out, visibility .3s ease-out;
	transition: max-height .3s ease-out, visibility .3s ease-out;
	visibility: hidden
}
.js div.ccm-page .nav[role="navigation"] .nav-links.is-open {
	max-height: 1000px;
	-webkit-transition: max-height .3s ease-in, visibility .3s ease-in;
	-moz-transition: max-height .3s ease-in, visibility .3s ease-in;
	-o-transition: max-height .3s ease-in, visibility .3s ease-in;
	-ms-transition: max-height .3s ease-in, visibility .3s ease-in;
	transition: max-height .3s ease-in, visibility .3s ease-in;
	visibility: visible
}
.js div.ccm-page .nav[role="navigation"] .nav-utilities-item {
	float: right
}
.js div.ccm-page .nav[role="navigation"] .nav-utilities-search {
	width: auto
}
.js div.ccm-page .nav-utilities-search .nav-utilities-search-form {
	display: none
}

@media only screen and (min-width: 76.25em) {
.js div.ccm-page .nav[role="navigation"] .nav-links {
	max-height: 1000px;
	visibility: visible
}
}
.lt-ie8 input[type="checkbox"], .lt-ie8 input[type="radio"] {
	border: 0;
	float: left;
	margin: .4em .4em 0 0;
	position: static !important;
	width: auto
}
div.ccm-ui .tab-content {
	margin-top: 0.75em
}
body.custom_act#login {
	background-position: bottom right
}
body.custom_act#login #page header[role="banner"], body.custom_act#login #page .nav[role="navigation"] {
	border-bottom: none
}
body.custom_act#login #page .login-form {
	box-shadow: 0 0 5px rgba(0,0,0,0.5)
}
body.custom_act .login-modal .modal-title, body.custom_act .reset-password-modal .modal-title, body.custom_act .signup-confirm-modal .modal-title, body.custom_act .user-details-modal .modal-title, body.custom_act .signup-modal .modal-title {
	font-size: 2.5rem;
	font-weight: 300
}
body.custom_act .login-modal form, body.custom_act .reset-password-modal form, body.custom_act .signup-confirm-modal form, body.custom_act .user-details-modal form, body.custom_act .signup-modal form {
	margin-top: 0.5em
}
body.custom_act .login-modal form label, body.custom_act .reset-password-modal form label, body.custom_act .signup-confirm-modal form label, body.custom_act .user-details-modal form label, body.custom_act .signup-modal form label {
	text-align: center
}
body.custom_act .login-modal form .checkbox-single label, body.custom_act .reset-password-modal form .checkbox-single label, body.custom_act .signup-confirm-modal form .checkbox-single label, body.custom_act .user-details-modal form .checkbox-single label, body.custom_act .signup-modal form .checkbox-single label {
	text-align: left
}
body.custom_act .login-modal .btn.btn-facebook, body.custom_act .reset-password-modal .btn.btn-facebook, body.custom_act .signup-confirm-modal .btn.btn-facebook, body.custom_act .user-details-modal .btn.btn-facebook, body.custom_act .signup-modal .btn.btn-facebook {
	background: #3b5998
}
body.custom_act .login-modal input[type="text"], body.custom_act .reset-password-modal input[type="text"], body.custom_act .signup-confirm-modal input[type="text"], body.custom_act .user-details-modal input[type="text"], body.custom_act .signup-modal input[type="text"], body.custom_act .login-modal input[type="email"], body.custom_act .reset-password-modal input[type="email"], body.custom_act .signup-confirm-modal input[type="email"], body.custom_act .user-details-modal input[type="email"], body.custom_act .signup-modal input[type="email"], body.custom_act .login-modal input[type="password"], body.custom_act .reset-password-modal input[type="password"], body.custom_act .signup-confirm-modal input[type="password"], body.custom_act .user-details-modal input[type="password"], body.custom_act .signup-modal input[type="password"], body.custom_act .login-modal input[type="url"], body.custom_act .reset-password-modal input[type="url"], body.custom_act .signup-confirm-modal input[type="url"], body.custom_act .user-details-modal input[type="url"], body.custom_act .signup-modal input[type="url"], body.custom_act .login-modal input[type="tel"], body.custom_act .reset-password-modal input[type="tel"], body.custom_act .signup-confirm-modal input[type="tel"], body.custom_act .user-details-modal input[type="tel"], body.custom_act .signup-modal input[type="tel"], body.custom_act .login-modal input[type="number"], body.custom_act .reset-password-modal input[type="number"], body.custom_act .signup-confirm-modal input[type="number"], body.custom_act .user-details-modal input[type="number"], body.custom_act .signup-modal input[type="number"], body.custom_act .login-modal input[type="search"], body.custom_act .reset-password-modal input[type="search"], body.custom_act .signup-confirm-modal input[type="search"], body.custom_act .user-details-modal input[type="search"], body.custom_act .signup-modal input[type="search"], body.custom_act .login-modal input[type="file"], body.custom_act .reset-password-modal input[type="file"], body.custom_act .signup-confirm-modal input[type="file"], body.custom_act .user-details-modal input[type="file"], body.custom_act .signup-modal input[type="file"], body.custom_act .login-modal input[type="date"], body.custom_act .reset-password-modal input[type="date"], body.custom_act .signup-confirm-modal input[type="date"], body.custom_act .user-details-modal input[type="date"], body.custom_act .signup-modal input[type="date"], body.custom_act .login-modal input[type="datetime-local"], body.custom_act .reset-password-modal input[type="datetime-local"], body.custom_act .signup-confirm-modal input[type="datetime-local"], body.custom_act .user-details-modal input[type="datetime-local"], body.custom_act .signup-modal input[type="datetime-local"], body.custom_act .login-modal input[type="month"], body.custom_act .reset-password-modal input[type="month"], body.custom_act .signup-confirm-modal input[type="month"], body.custom_act .user-details-modal input[type="month"], body.custom_act .signup-modal input[type="month"], body.custom_act .login-modal input[type="time"], body.custom_act .reset-password-modal input[type="time"], body.custom_act .signup-confirm-modal input[type="time"], body.custom_act .user-details-modal input[type="time"], body.custom_act .signup-modal input[type="time"], body.custom_act .login-modal input[type="week"], body.custom_act .reset-password-modal input[type="week"], body.custom_act .signup-confirm-modal input[type="week"], body.custom_act .user-details-modal input[type="week"], body.custom_act .signup-modal input[type="week"], body.custom_act .login-modal textarea, body.custom_act .reset-password-modal textarea, body.custom_act .signup-confirm-modal textarea, body.custom_act .user-details-modal textarea, body.custom_act .signup-modal textarea, body.custom_act .login-modal select, body.custom_act .reset-password-modal select, body.custom_act .signup-confirm-modal select, body.custom_act .user-details-modal select, body.custom_act .signup-modal select, body.custom_act .login-modal input.form-control, body.custom_act .reset-password-modal input.form-control, body.custom_act .signup-confirm-modal input.form-control, body.custom_act .user-details-modal input.form-control, body.custom_act .signup-modal input.form-control {
	margin: 0
}
body.custom_act .login-modal .input-group-addon, body.custom_act .reset-password-modal .input-group-addon, body.custom_act .signup-confirm-modal .input-group-addon, body.custom_act .user-details-modal .input-group-addon, body.custom_act .signup-modal .input-group-addon {
	border-color: black;
	border-radius: 0
}
body.custom_act .login-modal .has-error .input-group-addon, body.custom_act .reset-password-modal .has-error .input-group-addon, body.custom_act .signup-confirm-modal .has-error .input-group-addon, body.custom_act .user-details-modal .has-error .input-group-addon, body.custom_act .signup-modal .has-error .input-group-addon {
	border-color: #b34646
}

@media (min-width: 64em) and (max-width: 87.5em) {
body.custom_act div.ccm-page main#main {
	padding: 0 3em
}
}
body.custom_act div.ccm-page . spf2-block-content img {
 width: 100% !important;
 height: auto !important
}

@media (max-width: 48em) {
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li {
	display: inline-flex
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities .nav-utilities-toggle-text, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities .nav-utilities-search-form-btn span {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li .nav-utilities-search-form-btn svg {
	margin-top: 0 !important
}
body.custom_act div.ccm-page .nav-utilities-search-form .nav-utilities-search-form-inputwrap {
	display: block
}
body.custom_act div.ccm-page .nav-utilities-search-form .nav-utilities-search-form-btnwrap {
	display: block
}
body.custom_act div.ccm-page .nav-utilities-search-form .nav-utilities-search-form-btnwrap .nav-utilities-search-form-btn {
	margin-top: 0.5em;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}
}

@media only screen and (min-width: 48em) {
body.custom_act div.ccm-page .hide-sm-up {
	display: none
}
}
body.custom_act div.ccm-page . spf2-block-social-map .form-wrapper {
 padding: 1.5em
}
body.custom_act div.ccm-page . spf2-block-social-map .form-wrapper select.form-control option {
 color: #191919
}
body.custom_act div.ccm-page .nav-utilities-search-form input[type="search"] {
	border-radius: 0;
	-webkit-appearance: none
}
body.custom_act div.ccm-page h1, body.custom_act div.ccm-page .mod-h1, body.custom_act div.ccm-page h2, body.custom_act div.ccm-page .mod-h2, body.custom_act div.ccm-page h3, body.custom_act div.ccm-page .mod-h3, body.custom_act div.ccm-page h4, body.custom_act div.ccm-page .mod-h4, body.custom_act div.ccm-page h5, body.custom_act div.ccm-page .mod-h5 {
	text-transform: none !important
}
body.custom_act div.ccm-page h1 b, body.custom_act div.ccm-page .mod-h1 b, body.custom_act div.ccm-page h2 b, body.custom_act div.ccm-page .mod-h2 b, body.custom_act div.ccm-page h3 b, body.custom_act div.ccm-page .mod-h3 b, body.custom_act div.ccm-page h4 b, body.custom_act div.ccm-page .mod-h4 b, body.custom_act div.ccm-page h5 b, body.custom_act div.ccm-page .mod-h5 b, body.custom_act div.ccm-page h1 strong, body.custom_act div.ccm-page .mod-h1 strong, body.custom_act div.ccm-page h2 strong, body.custom_act div.ccm-page .mod-h2 strong, body.custom_act div.ccm-page h3 strong, body.custom_act div.ccm-page .mod-h3 strong, body.custom_act div.ccm-page h4 strong, body.custom_act div.ccm-page .mod-h4 strong, body.custom_act div.ccm-page h5 strong, body.custom_act div.ccm-page .mod-h5 strong {
	font-family: "Montserrat", sans-serif
}
body.custom_act div.ccm-page h2, body.custom_act div.ccm-page .mod-h2 {
	font-size: 1.8em;
	line-height: 1.538em
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page h2, body.custom_act div.ccm-page .mod-h2 {
font-size: calc(1.8em + .2 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body.custom_act div.ccm-page h2, body.custom_act div.ccm-page .mod-h2 {
	font-size: 2em
}
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page h2, body.custom_act div.ccm-page .mod-h2 {
line-height: calc(1.538em + -0.288 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body.custom_act div.ccm-page h2, body.custom_act div.ccm-page .mod-h2 {
	line-height: 1.25em
}
}
body.custom_act div.ccm-page h3, body.custom_act div.ccm-page .mod-h3 {
	font-size: 1.4em;
	line-height: 1.136em
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page h3, body.custom_act div.ccm-page .mod-h3 {
font-size: calc(1.4em + .2 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body.custom_act div.ccm-page h3, body.custom_act div.ccm-page .mod-h3 {
	font-size: 1.6em
}
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page h3, body.custom_act div.ccm-page .mod-h3 {
line-height: calc(1.136em + .114 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body.custom_act div.ccm-page h3, body.custom_act div.ccm-page .mod-h3 {
	line-height: 1.25em
}
}
body.custom_act div.ccm-page h4, body.custom_act div.ccm-page .mod-h4 {
	font-size: 1.2em;
	line-height: 1.111em
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page h4, body.custom_act div.ccm-page .mod-h4 {
font-size: calc(1.2em + .2 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body.custom_act div.ccm-page h4, body.custom_act div.ccm-page .mod-h4 {
	font-size: 1.4em
}
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page h4, body.custom_act div.ccm-page .mod-h4 {
line-height: calc(1.111em + .111 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body.custom_act div.ccm-page h4, body.custom_act div.ccm-page .mod-h4 {
	line-height: 1.222em
}
}
body.custom_act div.ccm-page h5, body.custom_act div.ccm-page .mod-h5 {
	font-size: 1.125em;
	line-height: 1.05em
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page h5, body.custom_act div.ccm-page .mod-h5 {
font-size: calc(1.125em + .125 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body.custom_act div.ccm-page h5, body.custom_act div.ccm-page .mod-h5 {
	font-size: 1.25em
}
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page h5, body.custom_act div.ccm-page .mod-h5 {
line-height: calc(1.05em + .061 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body.custom_act div.ccm-page h5, body.custom_act div.ccm-page .mod-h5 {
	line-height: 1.111em
}
}
body.custom_act div.ccm-page .btn, body.custom_act div.ccm-page .btn-default {
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border: none;
	-webkit-transition: box-shadow .1s linear;
	-moz-transition: box-shadow .1s linear;
	-o-transition: box-shadow .1s linear;
	-ms-transition: box-shadow .1s linear;
	transition: box-shadow .1s linear;
	color: #fff;
	background: #005278;
	background: -moz-linear-gradient(left, #005278 0%, #44c0c2 100%);
	background: -webkit-linear-gradient(left, #005278 0%, #44c0c2 100%);
	background: linear-gradient(to right, #005278 0%, #44c0c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005278', endColorstr='#44c0c2', GradientType=1)
}
body.custom_act div.ccm-page .btn:hover, body.custom_act div.ccm-page .btn-default:hover, body.custom_act div.ccm-page .btn:focus, body.custom_act div.ccm-page .btn-default:focus, body.custom_act div.ccm-page .btn:active, body.custom_act div.ccm-page .btn-default:active {
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
	background: #44c0c2;
	background: -moz-linear-gradient(left, #005278 0%, #44c0c2 100%);
	background: -webkit-linear-gradient(left, #005278 0%, #44c0c2 100%);
	background: linear-gradient(to right, #005278 0%, #44c0c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005278', endColorstr='#44c0c2', GradientType=1)
}
body.custom_act div.ccm-page .btn.btn-type, body.custom_act div.ccm-page .btn-default.btn-type {
	background: #191919;
	filter: none;
	border: 1px solid gray;
}
body.custom_act div.ccm-page .btn.btn-type:hover, body.custom_act div.ccm-page .btn-default.btn-type:hover, body.custom_act div.ccm-page .btn.btn-type:focus, body.custom_act div.ccm-page .btn-default.btn-type:focus {
	background: #444;
	filter: none
}
body.custom_act div.ccm-page .btn.btn-type:after, body.custom_act div.ccm-page .btn-default.btn-type:after {
	display: none
}
body.custom_act div.ccm-page .btn.btn-close, body.custom_act div.ccm-page .btn-default.btn-close {
	box-shadow: none
}
body.custom_act div.ccm-page .btn.mod-ghost {
	border: solid 1px #005278;
	background: transparent;
	box-shadow: none;
	color: #005278
}
body.custom_act div.ccm-page .btn.mod-ghost:hover, body.custom_act div.ccm-page .btn.mod-ghost:focus, body.custom_act div.ccm-page .btn.mod-ghost:active {
	background: #005278;
	color: #fff
}
body.custom_act div.ccm-page .btn.mod-link {
	background: none;
	box-shadow: none;
	color: #005278
}
body.custom_act div.ccm-page .btn.mod-link:hover, body.custom_act div.ccm-page .btn.mod-link:focus, body.custom_act div.ccm-page .btn.mod-link:active {
	background: none;
	box-shadow: none;
	color: #342165
}
body.custom_act div.ccm-page .homepage-search__button .btn:after, body.custom_act div.ccm-page .homepage-search__button .btn-default:after {
	font-family: FontAwesome;
	content: "";
	margin-left: 0.5em;
	color: white
}
body.custom_act div.ccm-page .glyphicon.main-color {
	color: #005278
}
body.custom_act div.ccm-page .glyphicon.secondary-color {
	color: #00aeef
}
body.custom_act div.ccm-page .glyphicon.accent-color {
	color: #44c0c2
}
body.custom_act div.ccm-page header[role="banner"].mod-split .header-logo-wrapper {
	float: left;
	display: block;
	padding-right: 0.75em;
	margin-right: 0.75em;
	border-right: solid 1px #191919
}
body.custom_act div.ccm-page header[role="banner"].mod-split .header-logo-wrapper .header-logo {
	display: block
}
body.custom_act div.ccm-page header[role="banner"].mod-split .header-logo-wrapper .header-logo img {
	max-height: 2em
}
body.custom_act div.ccm-page header[role="banner"].mod-split img.yoursay-logo {
	max-height: 32px
}
body.custom_act div.ccm-page header[role="banner"].mod-split h1 {
	float: left
}
body.custom_act div.ccm-page header[role="banner"].mod-split h1 > a {
	color: #191919;
	font-family: "Montserrat", sans-serif;
	font-weight: 400
}
body.custom_act div.ccm-page header[role="banner"].mod-split .header-quick-nav {
	display: none
}

@media only screen and (min-width: 48em) {
body.custom_act div.ccm-page header[role="banner"].mod-split .header-logo-wrapper {
	padding-right: 1.5em;
	margin-right: 1.5em
}
body.custom_act div.ccm-page header[role="banner"].mod-split .header-logo-wrapper .header-logo img {
	max-height: 3.75em
}
body.custom_act div.ccm-page header[role="banner"].mod-split img.yoursay-logo {
	max-height: 3.75em
}
body.custom_act div.ccm-page header[role="banner"].mod-split .header-quick-nav {
	float: right;
	display: inline;
	top: 50%;
	position: relative;
	transform: translateY(-50%)
}
}
body.custom_act div.ccm-page.page-template-home .action-items {
	margin-top: 0
}
body.custom_act div.ccm-page .footer, body.custom_act div.ccm-page .action-items {
	padding: 1em
}
body.custom_act div.ccm-page .footer a, body.custom_act div.ccm-page .action-items a {
	color: #fff
}
body.custom_act div.ccm-page .footer a:hover, body.custom_act div.ccm-page .action-items a:hover, body.custom_act div.ccm-page .footer a:focus, body.custom_act div.ccm-page .action-items a:focus {
	color: #00aeef
}
body.custom_act div.ccm-page .footer .actlogo img, body.custom_act div.ccm-page .action-items .actlogo img {
	margin-bottom: 1em
}
body.custom_act div.ccm-page .social-media-title {
	color: #fff;
	font-weight: 400
}
body.custom_act div.ccm-page .social-media-icons-list {
	list-style: none;
	margin: 0;
	padding: 0
}
body.custom_act div.ccm-page .social-media-icons-list li {
	display: inline;
	width: auto;
	border-radius: 0;
	border: none
}
body.custom_act div.ccm-page .social-media-icons-list li a {
	width: 28px;
	height: 28px;
	display: inline-block;
	margin: 0 2px;
	color: #d3d3d3;
	background-image: url('/packages/custom_act/themes/the_ spf2_act/img/act-site-sprite.png');
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -9999px
}
body.custom_act div.ccm-page .social-media-icons-list .icon-rss {
	background-position: -10px -1198px
}
body.custom_act div.ccm-page .social-media-icons-list .icon-rss:hover, body.custom_act div.ccm-page .social-media-icons-list .icon-rss:focus, body.custom_act div.ccm-page .social-media-icons-list .icon-rss:active {
	background-position: -10px -1226px
}
body.custom_act div.ccm-page .social-media-icons-list .icon-linkedin {
	background-position: -10px -1502px
}
body.custom_act div.ccm-page .social-media-icons-list .icon-linkedin:hover, body.custom_act div.ccm-page .social-media-icons-list .icon-linkedin:focus, body.custom_act div.ccm-page .social-media-icons-list .icon-linkedin:active {
	background-position: -10px -1530px
}
body.custom_act div.ccm-page .social-media-icons-list .icon-twitter {
	background-position: -10px -666px
}
body.custom_act div.ccm-page .social-media-icons-list .icon-twitter:hover, body.custom_act div.ccm-page .social-media-icons-list .icon-twitter:focus, body.custom_act div.ccm-page .social-media-icons-list .icon-twitter:active {
	background-position: -10px -694px
}
body.custom_act div.ccm-page .social-media-icons-list .icon-facebook {
	background-position: -10px -742px
}
body.custom_act div.ccm-page .social-media-icons-list .icon-facebook:hover, body.custom_act div.ccm-page .social-media-icons-list .icon-facebook:focus, body.custom_act div.ccm-page .social-media-icons-list .icon-facebook:active {
	background-position: -10px -770px
}
body.custom_act div.ccm-page .social-media-icons-list .icon-youtube {
	background-position: -10px -894px
}
body.custom_act div.ccm-page .social-media-icons-list .icon-youtube:hover, body.custom_act div.ccm-page .social-media-icons-list .icon-youtube:focus, body.custom_act div.ccm-page .social-media-icons-list .icon-youtube:active {
	background-position: -10px -922px
}

@media only screen and (min-width: 64em) {
body.custom_act div.ccm-page .footer .actlogo img {
	margin-bottom: 0;
	padding-right: 1em;
	border-right: solid 1px #fff;
	margin-right: 1em
}
}
body.custom_act div.ccm-page .regions {
 background: url(/packages/custom_act/themes/the_ spf2_act/img/BlueBackground.svg) no-repeat bottom right;
	background-size: cover;
	color: #fff
}
body.custom_act div.ccm-page .regions . spf2-block-content p {
 color: #005278;
 font-size: 1.5rem
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page .regions . spf2-block-content p {
font-size: calc(1.5rem + .5 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body.custom_act div.ccm-page .regions . spf2-block-content p {
 font-size: 2rem
}
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split {
	border-bottom: 1px solid #ffffff !important;
	background-color: #444;
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-links li:first-of-type a:before {
	font-family: FontAwesome;
	content: "";
	margin-right: 4px
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-links li a {
	line-height: 35px;
	color: white
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-links li a:hover, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-links li a:focus {
	background: transparent;
	color: #00aeef
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities {
	border-bottom: none
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li {
	float: right
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li .nav-utilities-search-form-btn, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li .nav-utilities-search-form-btn span, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-login a, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-signout a, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-profile a {
	height: 35px;
	line-height: 35px
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li .nav-utilities-search-form-btn {
	background: #f7f7f7;
	color: #444;
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li .nav-utilities-search-form-btn svg {
	margin-top: 8px
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li .nav-utilities-search-form-btn:hover, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li .nav-utilities-search-form-btn:focus {
	background-color: #dedede
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-login a, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-signout a {
	padding: 0px 15px 0px 20px;
	background-color: #00aeef
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-login a:before, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-signout a:before {
	top: 5px
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-login a:hover, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-signout a:hover, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-login a:focus, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-signout a:focus {
	background-color: #0089bc
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-profile a span {
	display: none
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-toggle {
	float: left
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-toggle a {
	color: white
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-toggle .nav-utilities-toggle-bar {
	background: white
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-toggle:hover a, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-toggle:focus a {
	color: #00aeef
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-toggle:hover .nav-utilities-toggle-bar, body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-toggle:focus .nav-utilities-toggle-bar {
	background: #00aeef
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-toggle .nav-utilities-toggle-bars {
	float: left
}
body.custom_act div.ccm-page .nav[role="navigation"].mod-split .nav-utilities li.nav-utilities-toggle .nav-utilities-toggle-text {
	float: left;
	margin-left: 0.5em;
	font-size: 1.6em;
	line-height: 1.6rem
}
body.custom_act div.ccm-page .card {
	padding: 0 1em;
	margin-bottom: 2em
}
body.custom_act div.ccm-page .card > a {
	background: #f7f7f7;
	border: none;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-transition: box-shadow .1s linear;
	-moz-transition: box-shadow .1s linear;
	-o-transition: box-shadow .1s linear;
	-ms-transition: box-shadow .1s linear;
	transition: box-shadow .1s linear
}
body.custom_act div.ccm-page .card > a:hover, body.custom_act div.ccm-page .card > a:focus {
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
	background: #dedede
}
body.custom_act div.ccm-page .card .card-main {
	padding-top: 1em;
	padding-bottom: 4.5em;
	background: transparent
}
body.custom_act div.ccm-page .card .card-img .card-date {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(18,18,18,0.8);
	color: #fff;
	padding: 0 .5em;
	font-size: 14px;
	font-size: 1.4rem
}
body.custom_act div.ccm-page .card .card-img .card-date time {
	font-weight: 400
}
body.custom_act div.ccm-page .card .card-heading {
	text-align: left;
	text-transform: none;
	font-weight: 400
}
body.custom_act div.ccm-page .card .card-footer {
	padding: .5em 1em 1em
}
body.custom_act div.ccm-page .card .card-footer-categories {
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	padding: 0
}
body.custom_act div.ccm-page .card .card-footer-categories:before {
	font-family: FontAwesome;
	content: "";
	color: #00aeef;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
	margin-right: 4px
}
body.custom_act div.ccm-page .card .card-footer-locations {
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic
}
body.custom_act div.ccm-page .card .card-footer-locations:before {
	font-family: FontAwesome;
	content: "";
	color: #00aeef;
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	margin-right: 4px
}
body.custom_act div.ccm-page .card .link-arrow:before {
	font-size: 0.6em;
	color: #44c0c2;
	display: initial;
	position: relative;
	top: -0.3em;
	margin-left: 0.5em
}
body.custom_act div.ccm-page .card.project .card-main {
	padding-bottom: 1em;
	margin-left: 11px;
	margin-right: 9px;
}
body.custom_act div.ccm-page .card.project .card-footer {
	display: none
}
body.custom_act div.ccm-page .card.project.featured .card-main, body.custom_act div.ccm-page .card.project.featured--alt .card-main {
	background: #121212
}
body.custom_act div.ccm-page .card.project.featured .card-main h3, body.custom_act div.ccm-page .card.project.featured--alt .card-main h3, body.custom_act div.ccm-page .card.project.featured .card-main p, body.custom_act div.ccm-page .card.project.featured--alt .card-main p {
	color: #fff;
	margin-bottom: 1rem
}
body.custom_act div.ccm-page .card.project.featured .link-arrow, body.custom_act div.ccm-page .card.project.featured--alt .link-arrow {
	display: none
}
body.custom_act div.ccm-page .card.project.featured--alt .card-main span.feature-arrow {
	font-size: 2em;
	color: #fff;
	display: block;
	margin-top: 0.5em
}
body.custom_act div.ccm-page .card.project.featured--alt .card-main p {
	font-weight: 400;
	margin-bottom: 0
}

@media only screen and (min-width: 48em) {
body.custom_act div.ccm-page .card.project.featured .card-img-inner {
	padding-bottom: 30%
}
body.custom_act div.ccm-page .card.project.featured .card-main {
	padding: 0;
	background: transparent;
	text-align: center;
	margin-bottom: 1em;
	box-sizing: border-box;
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}
body.custom_act div.ccm-page .card.project.featured .card-main h3 {
	text-align: center
}
body.custom_act div.ccm-page .card.project.featured .card-main p {
	margin: 0
}
body.custom_act div.ccm-page .card.project.featured .card-main button {
	margin-top: 1em
}
body.custom_act div.ccm-page .card.project.featured .card-main .card-main-inner {
	padding: 1em;
	background: rgba(18,18,18,0.8);
	color: #fff
}
body.custom_act div.ccm-page .card.project.featured--alt .card-img-inner {
	padding-bottom: 25%
}
}

@media only screen and (min-width: 64em) {
body.custom_act div.ccm-page .card.project.featured--alt .card-main span.feature-arrow {
	float: right;
	margin-top: 0
}
}
body.custom_act div.ccm-page .card.region {
	margin-bottom: 0.5rem
}
body.custom_act div.ccm-page .card.region > a:hover .card-img-inner, body.custom_act div.ccm-page .card.region > a:focus .card-img-inner {
	transform: none;
	opacity: 0.8
}
body.custom_act div.ccm-page .card.region .card-img {
	background: #121212
}
body.custom_act div.ccm-page .card.region .card-img .card-img-inner {
	padding-bottom: 20%;
	opacity: 0.3
}
body.custom_act div.ccm-page .card.region .card-heading {
	text-transform: uppercase;
	color: #fff;
	font-size: 17.5px;
	font-size: 1.75rem;
	position: absolute;
	bottom: 50%;
	transform: translateY(50%);
	left: 0;
	width: 100%;
	text-align: center
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page .card.region {
	margin-bottom: 2rem
}
body.custom_act div.ccm-page .card.region:hover .card-heading, body.custom_act div.ccm-page .card.region:focus .card-heading {
	min-height: 5em
}
body.custom_act div.ccm-page .card.region .card-img {
	background: #f7f7f7
}
body.custom_act div.ccm-page .card.region .card-img .card-img-inner {
	padding-bottom: 80%;
	opacity: 1
}
body.custom_act div.ccm-page .card.region .card-heading {
	background: rgba(0,0,0,0.8);
	bottom: 0;
	transform: none;
	min-height: 4em;
	line-height: 1.1;
	-webkit-transition: min-height .1s linear;
	-moz-transition: min-height .1s linear;
	-o-transition: min-height .1s linear;
	-ms-transition: min-height .1s linear;
	transition: min-height .1s linear
}
body.custom_act div.ccm-page .card.region .card-heading span {
	padding: 0 .5em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}
}
body.custom_act div.ccm-page .card.news {
	display: block;
	width: 100%;
	margin-bottom: 1em
}
body.custom_act div.ccm-page .card.news > a {
	padding: 1em
}
body.custom_act div.ccm-page .card.news > a .card-heading {
	margin-bottom: 0.5em
}
body.custom_act div.ccm-page .card.news > a p {
	text-align: left
}
body.custom_act div.ccm-page .card.news > a button {
	margin-top: 1em;
	width: 15rem
}

@media only screen and (min-width: 64em) {
body.custom_act div.ccm-page .card.news > a p {
	text-align: right
}
body.custom_act div.ccm-page .card.news > a button {
	margin-top: 0;
	position: absolute;
	bottom: 1em;
	right: 1em
}
}
body.custom_act div.ccm-page .contact-us-sidebar .contact-label {
	margin-top: 0.5em
}
body.custom_act div.ccm-page #homepage-search {
	position: relative
}
body.custom_act div.ccm-page #homepage-search .banner-content {
	max-width: none;
	top: 0;
	position: relative;
	left: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	width: 100%
}
body.custom_act div.ccm-page #homepage-search .banner-content form {
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	display: inline-block
}
body.custom_act div.ccm-page #homepage-search .banner-content h5 {
	color: #fff;
	margin-bottom: 1em;
	font-weight: 400
}
body.custom_act div.ccm-page #homepage-search .banner-content h5 strong {
	color: #005278
}
body.custom_act div.ccm-page #homepage-search .banner-content svg {
	width: 10em
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields {
	background-color: #f7f7f7;
	float: left;
	display: block;
	padding: 1em;
	width: 100%
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields span {
	display: inline;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-size: 1.8rem
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields span:first-of-type {
	margin-right: 0.5em
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields span:last-of-type {
	margin: 0 .5em
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields select {
	font-size: 18px;
	font-size: 1.8rem;
	display: inline;
	width: auto;
	border: none;
	border-bottom: solid 2px #005278;
	background: none;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0 20px 0 5px;
	background: url('/packages/custom_act/themes/the_ spf2_act/img/drop.png') center right no-repeat
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields select::-ms-expand {
display: none
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields .homepage-search__fields--inner {
	display: block;
	margin: 0 auto
}
body.custom_act div.ccm-page #homepage-search .homepage-search__button {
	float: left;
	display: block;
	width: 100%
}
body.custom_act div.ccm-page #homepage-search .homepage-search__button button {
	height: 44px;
	line-height: 44px;
	width: 100%;
	padding: 0 1.5em;
	text-transform: uppercase;
	font-size: 20px;
	font-size: 2rem
}

@media only screen and (min-width: 48em) {
body.custom_act div.ccm-page .banner-img.mod-size-full {
	/*height: 70vh  */
	height: 400px;
}
}

@media only screen and (min-width: 64em) {
body.custom_act div.ccm-page #homepage-search .banner-content {
	top: 25%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -25%);
	-ms-transform: translate(-50%, -25%);
	transform: translate(-50%, -25%)
}
body.custom_act div.ccm-page #homepage-search .banner-content svg {
	width: auto
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields {
	width: auto;
	padding: 0 1em
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields span {
	height: 70px;
	line-height: 70px;
	float: left
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields select {
	margin: 15px 0 0;
	float: left
}
body.custom_act div.ccm-page #homepage-search .homepage-search__fields .homepage-search__fields--inner {
	float: left;
	text-align: left
}
body.custom_act div.ccm-page #homepage-search .homepage-search__button {
	width: auto
}
body.custom_act div.ccm-page #homepage-search .homepage-search__button button {
	height: 70px;
	line-height: 70px
}
}
body.custom_act div.ccm-page .banner.mod-standard, body.custom_act div.ccm-page .banner.mod-sidepanel {
	position: relative
}
body.custom_act div.ccm-page .banner.mod-standard .banner-img, body.custom_act div.ccm-page .banner.mod-sidepanel .banner-img {
	padding-bottom: 40%
}
body.custom_act div.ccm-page .banner.mod-standard .banner-content, body.custom_act div.ccm-page .banner.mod-sidepanel .banner-content {
	max-width: none;
	background: #005278;
	background: -moz-linear-gradient(left, #005278 0%, #44c0c2 100%);
	background: -webkit-linear-gradient(left, #005278 0%, #44c0c2 100%);
	background: linear-gradient(to right, #005278 0%, #44c0c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005278', endColorstr='#44c0c2', GradientType=1)
}
body.custom_act div.ccm-page .banner.mod-standard .banner-content .banner-content-inner, body.custom_act div.ccm-page .banner.mod-sidepanel .banner-content .banner-content-inner {
	background: transparent
}
body.custom_act div.ccm-page .banner.mod-standard .banner-content .banner-content-inner .banner-content-heading, body.custom_act div.ccm-page .banner.mod-sidepanel .banner-content .banner-content-inner .banner-content-heading {
	color: #fff;
	text-transform: capitalize;
	font-size: 1.75em
}

@media only screen and (min-width: 35.5em) {
body.custom_act div.ccm-page .banner.mod-standard .banner-content .banner-content-inner .banner-content-heading, body.custom_act div.ccm-page .banner.mod-sidepanel .banner-content .banner-content-inner .banner-content-heading {
font-size: calc(1.75em + .5 * ((100vw - 35.5em ) / 40.75 ))
}
}

@media only screen and (min-width: 76.25em) {
body.custom_act div.ccm-page .banner.mod-standard .banner-content .banner-content-inner .banner-content-heading, body.custom_act div.ccm-page .banner.mod-sidepanel .banner-content .banner-content-inner .banner-content-heading {
	font-size: 2.25em
}
}
body.custom_act div.ccm-page .banner.mod-standard .banner-content .banner-content-inner .banner-content-desc, body.custom_act div.ccm-page .banner.mod-sidepanel .banner-content .banner-content-inner .banner-content-desc {
	color: #fff
}

@media only screen and (min-width: 64em) {
body.custom_act div.ccm-page .banner.mod-standard .banner-img, body.custom_act div.ccm-page .banner.mod-sidepanel .banner-img {
	width: 100%;
	margin-left: -33.33%;
	padding-bottom: 0
}
body.custom_act div.ccm-page .banner.mod-standard .banner-content, body.custom_act div.ccm-page .banner.mod-sidepanel .banner-content {
	background: transparent;
	overflow: visible
}
body.custom_act div.ccm-page .banner.mod-standard .banner-content:before, body.custom_act div.ccm-page .banner.mod-sidepanel .banner-content:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: -20%;
	width: 125%;
	height: 100%;
	transform: skewX(-15deg);
	background: #005278;
	background: -moz-linear-gradient(left, rgba(0,82,120,0.9) 0%, rgba(68,192,194,0.9) 100%);
	background: -webkit-linear-gradient(left, rgba(0,82,120,0.9) 0%, rgba(68,192,194,0.9) 100%);
	background: linear-gradient(to right, rgba(0,82,120,0.9) 0%, rgba(68,192,194,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005278', endColorstr='#44c0c2', GradientType=1)
}
}
body.custom_act div.ccm-page .banner.mod-simple {
	background: #005278;
	background: -moz-linear-gradient(left, #005278 0%, #44c0c2 100%);
	background: -webkit-linear-gradient(left, #005278 0%, #44c0c2 100%);
	background: linear-gradient(to right, #005278 0%, #44c0c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005278', endColorstr='#44c0c2', GradientType=1)
}
body.custom_act div.ccm-page #home-scroll-to {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-size: 30px;
	font-size: 3rem;
	-webkit-transition: opacity .1s linear;
	-moz-transition: opacity .1s linear;
	-o-transition: opacity .1s linear;
	-ms-transition: opacity .1s linear;
	transition: opacity .1s linear
}
body.custom_act div.ccm-page #home-scroll-to span {
	display: block;
	margin-top: 1rem
}
body.custom_act div.ccm-page #home-scroll-to:hover, body.custom_act div.ccm-page #home-scroll-to:focus {
	text-decoration: none;
	opacity: 0.8
}

@media only screen and (min-width: 48em) {
body.custom_act div.ccm-page #home-scroll-to {
	display: block
}
}

@media only screen and (min-width: 64em) {
body.custom_act div.ccm-page #home-scroll-to {
	bottom: 1em
}
}
body.custom_act div.ccm-page .forumQuesWrapper table.statsInner {
	width: 100%;
	margin: 0 0 .5em;
	border-spacing: 4px;
	border-collapse: separate
}
body.custom_act div.ccm-page .forumQuesWrapper table.statsInner td.outer-cell {
	padding-right: 0;
	text-align: center;
	background: #f7f7f7;
	padding: 0.5em;
	width: 33.33%
}
body.custom_act div.ccm-page .forumQuesWrapper table.statsInner td.outer-cell > table {
	margin: 0 auto
}
body.custom_act div.ccm-page .forumQuesWrapper a.btn {
	width: auto;
	padding-left: 1em !important;
	padding-right: 1em !important;
	margin-top: 0.5em
}

@media only screen and (max-width: 64em) {
body.custom_act div.ccm-page .sidebar .forumQuesWrapper table.statsInner td.outer-cell {
	display: block;
	width: 100%;
	background: transparent
}
body.custom_act div.ccm-page .sidebar .forumQuesWrapper table.statsInner td.outer-cell > table {
	margin: 0
}
body.custom_act div.ccm-page .sidebar .forumQuesWrapper table.statsInner td.outer-cell > table span.stats-counter {
	display: inline-block
}
}

@media only screen and (max-width: 48em) {
body.custom_act div.ccm-page .forumQuesWrapper table.statsInner td.outer-cell > table {
	text-align: left
}
}
body.custom_act div.ccm-page .projects-filter .projects-filter-form {
	background: none;
	border: solid 1px #005278;
	color: #005278
}
body.custom_act div.ccm-page .projects-filter .projects-filter-form .form-control {
	background-color: transparent;
	border: solid 1px #005278;
	color: #005278
}
body.custom_act div.ccm-page .projects-filter .projects-filter-form .projects-filter-form-select {
	background-image: url("/packages/custom_act/themes/the_ spf2_act/img/arrow-down-alt-act.png");
	background-image: url("/packages/custom_act/themes/the_ spf2_act/img/arrow-down-alt-act.svg")
}
body.custom_act div.ccm-page .projects-filter .btn.mod-lg, body.custom_act div.ccm-page .projects-filter .btn.btn-lg {
	padding: .425em 2.5em;
	margin-left: 0.5em
}
body.custom_act div.ccm-page .projects-filter ~ .cards .card.project h3.card-heading {
	font-size: 1.4em
}
.tile {
	width: 19%;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0;
	float: left;
	/*	color:#ababab;  */
	color: #00aeef;
	text-align: center;
	margin-left: 12px;
	margin-bottom: 12px;
}
.tile i {
	padding-top: 15px;
	padding-bottom: 15px;
}
a:hover .tile {
	/*	background-color: #c4c3bb;  */
	background-color: #00aeef;
}
.first-tile {
	border-left: 1px solid #000000;
}
.tile-icon {
}
.tile-title {
	/*	color: #ffffff;
	background-color: #000000;*/
	color: #000000;
	background-color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
	font-size: .75em;
	font-family: 'Montserrat';
	padding-bottom: .5em;
}
a:hover .tile-title {
	/*	color: #c4c3bb;
	background-color: #7a7b77;  */
	background-color: #00aeef;
	color: #ffffff;
}
a:hover .tile i {
	/*	color: #4b4b4a;  */
	color: #ffffff;
}
.tiles {
	padding: 0;
	margin: 0;
	margin-left: -10px;
}
/*

.a700-red{color: #EE3342;}
.a700-blue{color: #304FFE;}
.a700-green{color: #9EC23B;}
.a700-orange{color: #F36B24;}
.a700-teal{color: #00A99D;}
.a700-purple{color: #492F8D;}

*/

.return {
	background: #44c0c2;
	background: -moz-linear-gradient(left, #005278 0%, #44c0c2 100%);
	background: -webkit-linear-gradient(left, #005278 0%, #44c0c2 100%);
	background: linear-gradient(to right, #005278 0%, #44c0c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005278', endColorstr='#44c0c2', GradientType=1);
	color: #ffffff;
	padding: 15px;
	width: 19%;
	margin-bottom: 12px;
	margin-right: 12px;
}
.return a {
	color: #ffffff !important;
	text-decoration: none;
}
.updated {
	color: #6F6F6F;
	font-size: 0.8em;
	margin-bottom: 12px;
}
.results {
	text-align: right;
}

@media only screen and (max-width: 319px) {
.tile-title {
	visibilty: none;
	display: none;
}
.fa-3x {
	font-size: 2em !important;
}
.footer-copyright {
	visibilty: none;
	display: none;
}
.pull-right {
	visibilty: none;
	display: none;
}
.banner-content h5 {
	visibilty: none;
	display: none;
}
.return {
	min-width: 50% !important;
}
.footer {
	font-size: 1.1rem;
}
#ccm-block-social-links397 #ccm-block-social-links {
 padding-left: 50px:
}
.col-xs-6 {
	width: 100% !important;
}
body.custom_act div.ccm-page h2, body.custom_act div.ccm-page .mod-h2 {
	font-size: 1.4em;
}
}
/*
@media only screen and (min-width: 320px) {
.tile-title {
	visibilty: none;
	display: none;
}
}

*/


/* Accordion */
#dc_toggle_container {
	width: 100%
}
.dc_hide .dc_toggle_box {
	display: none
}
.dc_show .dc_toggle_box {
	display: block
}
.style1 {
	margin: 0 0 16px
}
.style1 .dc_toggle_link, .style1 .dc_acc_link {
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	font-size: 1.3em;
	padding: 8px 16px 8px 32px;
	text-decoration: none;
	color: #333 !important
}
.style1.dc_hide .dc_toggle_link, .style1 .dc_hide .dc_acc_link {
	background-image: url(http://www.cmd.act.gov.au/__data/assets/image/0018/1000791/toggle2_u.png)
}
.style1.dc_show .dc_toggle_link, .style1 .dc_show .dc_acc_link {
	background-image: url(http://www.cmd.act.gov.au/__data/assets/image/0017/1000790/toggle2_d.png)
}
.style1 .dc_toggle_box {
	padding: 8px 0
}
.style2 {
	margin: 0 0 16px
}
.style2.dc_toggle, .style2 .dc_acc_box {
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: #ddd 1px 1px 2px
}
.style2 .dc_acc_box {
	margin-bottom: 6px
}
.style2 .dc_toggle_link, .style2 .dc_acc_link {
	background-position: 16px center;
	background-repeat: no-repeat;
	display: block;
	font-size: 1.3em;
	padding: 8px 16px 8px 48px;
	text-decoration: none;
	color: #005278 !important
}
.style2.dc_hide .dc_toggle_link, .style2 .dc_hide .dc_acc_link {
	background-image: url(/__data/assets/image/0007/990475/toggle2_d.png);
}
.style2.dc_show .dc_toggle_link, .style2 .dc_show .dc_acc_link {
	background-image: url(/__data/assets/image/0008/990476/toggle2_u.png);
}
.style2 .dc_toggle_box {
	padding: 8px 16px
}
.style2.dc_toggle, .style2 .dc_acc_box {
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #f6f6f6);/* Firefox 3.6+*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f6f6f6));/* Chrome 1-9,Safari 4-5 */
	background: -webkit-linear-gradient(top, #fff, #f6f6f6);/* Chrome 10+,Safari 5.1+*/
	background: -o-linear-gradient(top, #fff, #f6f6f6);/* Opera 11.10+*/
	background: -ms-linear-gradient(top, #fff, #f6f6f6);/* IE10 */
	background: linear-gradient(top, #fff, #f6f6f6);/* CSS3 */
}
.toggleCollapse {
	color: #333 !important;
	text-decoration: none
}
.toggleCollapse {
	color: #333;
	text-decoration: underline
}
.dc_accordion2 dd.current {
	display: block
}
.dc_accordion2 {
	font-size: 12px;
	margin-left: 0;
	border: 1px solid #eee;
	padding: 10px
}
.dc_accordion2 dt {
	background: #eaeaea;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 10px 10px 10px 10px;
	position: relative
}
.dc_accordion2 dd {
	display: none;
	margin: 8px 0 8px
}
.dc_accordion2 dd p:first-child {
	margin-top: 1px;
	padding: 10px
}
div.dc_accordion {
	background-color: #333;
	border-radius: 3px;
	color: #666666 !important;/*
	font-family: arial, sans-serif;*/
	font-size: 13px;
	height: 100%;
	line-height: normal;
	padding: 5px;
	width: 500px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-background-clip: padding-box
}
div.dc_accordion ul, div.dc_accordion li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: normal
}
div.dc_accordion li.block_header {
	color: #ffffff !important;
	font-weight: bold;
	height: 20px;
	padding: 8px 10px 10px 10px;
	width: 100%
}
div.dc_accordion a {
	color: #098365 !important;
	/*	font-family: arial, sans-serif; */
	font-size: 13px;
	line-height: normal;
	text-decoration: none;
	outline: none
}
div.dc_accordion a:hover {
	text-decoration: underline
}
div.dc_accordion li.block a.header {
	color: #666666 !important;
	display: block;
	height: 20px;
	padding: 10px 10px 8px 10px;
	text-shadow: 0px 1px 0px #ffffff;/* CSS3 transition */
	-webkit-transition: padding-left 0.1s ease-out;
	-moz-transition: padding-left 0.1s ease-out;
	-o-transition: padding-left 0.1s ease-out;
	-ms-transition: padding-left 0.1s ease-out;
	transition: padding-left 0.1s ease-out
}
div.dc_accordion li.block div.arrow {
	background-color: transparent;
	border-bottom: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #aaaaaa;
	float: right;
	height: 0px;
	margin-right: 10px;
	margin-top: -22px;
	visibility: visible;
	width: 0px
}
div.dc_accordion li.block a.header:hover {
	text-decoration: none !important;
	padding-left: 20px
}
div.dc_accordion li.block div {
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out
}
div.dc_accordion li.block div p {
	padding: 10px 10px 10px 10px;
	margin: 0px;
	position: relative;
	top: 50px
}
div.dc_accordion li.block:target, div.dc_accordion li.block.target {
	width: 100%
}
div.dc_accordion li.block:target a.header, div.dc_accordion li.block.target a.header {
	font-weight: bold
}
div.dc_accordion li:target div, div.dc_accordion li.target div {
	background-color: #ffffff;
	border-top: 1px solid #ececec;
	height: 300px;
	overflow: auto;
	visibility: visible;
	width: 100%
}
div.dc_accordion li.block:target div p, div.dc_accordion li.block.target div p {
	top: 0px;
	z-index: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
div.dc_accordion li.block:target div.arrow, div.dc_accordion li.block.target div.arrow {
	margin-top: -23px
}
div.dc_accordion li.block {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #bcbcbc;
	background-color: #e8e8e8;
	background-image: linear-gradient(top, #ebebeb, #e3e3e3);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#e3e3e3');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#e3e3e3');
	background: -ms-linear-gradient(top, #ebebeb, #e3e3e3);
	background: -moz-linear-gradient(top, #ebebeb, #e3e3e3);
	background: -o-linear-gradient(top, #ebebeb, #e3e3e3);
	background: -webkit-linear-gradient(top, #ebebeb, #e3e3e3);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ebebeb), color-stop(1, #e3e3e3))
}
div.dc_accordion li.block:nth-last-child(1) {
	border-bottom: 0
}
div.dc_accordion li.block a.header:hover {
	color: #222222 !important;
	text-shadow: 0px 1px 0px #ffffff;
	background-color: #f1f1f1;
	background-image: linear-gradient(top, #f5f5f5, #ececec);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ececec');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ececec');
	background: -ms-linear-gradient(top, #f5f5f5, #ececec);
	background: -moz-linear-gradient(top, #f5f5f5, #ececec);
	background: -o-linear-gradient(top, #f5f5f5, #ececec);
	background: -webkit-linear-gradient(top, #f5f5f5, #ececec);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #ececec))
}
div.dc_accordion li.block:target a.header, div.dc_accordion li.block.target a.header {
	color: #222222 !important;
	text-shadow: 0px 1px 0px #ffffff;
	border-bottom: 1px solid #bcbcbc;
	background-color: #f1f1f1;
	background-image: linear-gradient(top, #f5f5f5, #ececec);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ececec');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ececec');
	background: -ms-linear-gradient(top, #f5f5f5, #ececec);
	background: -moz-linear-gradient(top, #f5f5f5, #ececec);
	background: -o-linear-gradient(top, #f5f5f5, #ececec);
	background: -webkit-linear-gradient(top, #f5f5f5, #ececec);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #ececec))
}
.dc_ac-container {
	width: 600px;
	text-align: left
}
.dc_ac-container label {
	color: #777 !important;
	cursor: pointer;
	display: block;
	font-size: 19px;
	height: 30px;
	line-height: 33px;
	padding: 5px 20px;
	position: relative;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	z-index: 20;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%, #eaeaea 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0 );
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1)
}
.dc_ac-container label:hover {
	background: #fff
}
.dc_ac-container input:checked+label, .dc_ac-container input:checked+label:hover {
	background: #c6e1ec;
	color: #3d7489 !important;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1)
}
.dc_ac-container label:hover:after, .dc_ac-container input:checked+label:hover:after {
	content: '';
	height: 24px;
	position: absolute;
	right: 13px;
	top: 7px;
	width: 24px;
	background: transparent url(../images/accordion_toggle/arrow_down.png) no-repeat center center
}
.dc_ac-container input:checked+label:hover:after {
	background-image: url(../images/accordion_toggle/arrow_up.png)
}
.dc_ac-container input {
	display: none
}
.dc_ac-container article {
	background: rgba(255,255,255,0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear
}
.dc_ac-container article p {
	color: #777;
	font-size: 14px;
	line-height: 23px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8)
}
.dc_ac-container input:checked ~ article {
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3)
}
.dc_ac-container input:checked ~ article.ac-small {
	height: 140px
}
.dc_ac-container input:checked ~ article.ac-medium {
	height: 180px
}
.dc_ac-container input:checked ~ article.ac-large {
	height: 230px
}
#map-google {
	height: 400px;
	width: 800px;
}
.gm-style-iw * {
	display: block;
	width: 100%;
}
.gm-style-iw h4, .gm-style-iw p {
	margin: 0;
	padding: 0;
}
.gm-style-iw a {
	color: #4272db;
}
/* Drop down nav styling */



.lt-ie8 #mediaiconscontent, .lt-ie8 #siteinformationnav, .lt-ie8 #siteinformationnav ul li, .lt-ie8 #megamenunav li, .lt-ie8 #dropdownnav li, .lt-ie8 #asidenav li {
*display:inline;
}
.lt-ie8 #dropdownnav li a {
	line-height: normal
}

@media only screen and (min-width:768px) {
.lt-ie8 #dropdownnav li span, .lt-ie8 #megamenunav li span {
*display:block
}
.lt-ie8 #megamenunav, .lt-ie8 #dropdownnav {
*padding-bottom:5px
}
}

@media only screen and (min-width:1024px) {
.lt-ie8 #megamenunav .megamenunavcontent .megamenunavcontentcolumn {
*width:233px
}
.lt-ie8 #megamenunav, .lt-ie8 #dropdownnav {
*padding-bottom:0
}
}
#dropdownnav {
	font-weight: 300 !important;
	margin: 0 auto 10px;
	padding-top: 8px !important;
	display: block;
	/*clear: both;*/
/*	text-transform: uppercase;  */
	font-family: "Source Sans Pro", sans-serif;
}
#dropdownnav ul {
	border-top: 1px solid #4a4a4a;
	border-bottom: 1px solid #4a4a4a
}
#dropdownnav ul ul {
	border-top: 0;
	border-bottom: 0;
	padding: 7px 0;
	background: #000000;
}

@media only screen and (max-width:767px) {
#dropdownnav ul ul {
	display: none
}
}
#dropdownnav li {
	width: 100%;
	display: table;
	margin: 0;
	padding: 0
}
#dropdownnav li a {
	margin: 0;
	width: 100%;
	padding: 12px 10px;
	color: #ffffff;
	text-decoration: none;
	border-top: 1px solid #1c1c1c;
	border-bottom: 1px solid #4a4a4a;
	width: auto;
	display: block;
	cursor: pointer;
	font-size: 1em;
	line-height: 1.214em;
	background: #444;
}
#dropdownnav li a:hover, #dropdownnav li a:focus, #dropdownnav li a.active {
	color: #07aeef;
}
#dropdownnav li li a {
	color: #ffffff;
	padding: 10px 0;
	margin: 0 10px;
	width: auto;
	border: 0;
	text-align: left
}
#dropdownnav li li li {
	background: #000000;
}
#dropdownnav li li li a {
	padding: 5px 15px;
	margin: 0 10px
}

@media only screen and (min-width:768px) {
#dropdownnav {
	/*	margin: 0 0 15px; */
	padding: 0;
	/*	width: 100%;  */
	color: #ffffff;
	float: left
}
#dropdownnav ul ul {
	position: absolute;
	top: -999em;
	width: 200px;
	margin: 0;
	padding: 0
}
#dropdownnav li ul {
	display: block
}
#dropdownnav ul {
	padding: 0;
	margin: 5px 0 0 10px;
	border-top: 0;
	border-bottom: 0;
	background: 0;
	display: block
}
#dropdownnav ul li {
	float: left;
	position: relative;
	margin-left: 0;
	padding-left: 0
}
#dropdownnav ul ul li {
	width: 100%
}
#dropdownnav ul ul ul {
	background: #000000;
	padding: 0 0 10px;
	display: inherit
}
#dropdownnav a {
	text-decoration: none;
	margin: 0;
	color: #fff
}
#dropdownnav li a {
	line-height: 1em;
	font-weight: 300 !important;
	padding: 0;
	border-top: 0;
	border-bottom: 0;
	color: inherit;
	font-size: inherit;
}
#dropdownnav li.active a {
	color: #ffc000;
	background: #444;
}
#dropdownnav li li a {
	padding: 10px 10px;
	font-size: inherit;
	margin: 0;
	width: auto;
	text-align: left;
	border: 0
}
#dropdownnav li li li a {
	background: #000000;
	padding: 10px 10px;
	margin: 0
}
#dropdownnav li span {
	vertical-align: middle;
	max-width: 118px;
	height: 55px;
	padding: 0 10px;
	word-wrap: break-word
}
#dropdownnav li li span {
	margin: 0;
	padding: 0 7px 0 0;
	max-width: 100%;
	width: 188px;
	height: auto
}
#dropdownnav li {
	border-left: 1px solid #4a4a4a;
	border-right: 1px solid #1c1c1c;
	border-top: 1px solid #4a4a4a;
	border-bottom: 1px solid #1c1c1c;
	margin: 0 5px 5px 0;
	width: auto;
	float: left;
	position: relative
}
#dropdownnav li li {
	margin: 0;
	border-top: 0;
	border-bottom: 0;
	border-left: none;
	border-right: 0;
	text-align: left
}
#dropdownnav li ul li a {
	color: #ffffff;
}
#dropdownnav li a:hover span, #dropdownnav ul li:hover, #dropdownnav li a:focus span, #dropdownnav ul li.hover {
	color: #07aeef;
}
#dropdownnav ul li ul li.hover a span {
	color: #ffffff;
}
#dropdownnav li ul li:hover a, #dropdownnav li ul li:hover a:hover, #dropdownnav li ul li.hover a, #dropdownnav li ul li.hover a:hover, #dropdownnav ul li ul li.hover a:focus {
	color: #ffffff;
}
#dropdownnav li ul li:hover li a, #dropdownnav li ul li.hover li a {
	color: #ffffff;
}
#dropdownnav li:hover a, #dropdownnav li.hover a {
	color: #ffffff;
}
#dropdownnav ul li:hover ul, #dropdownnav ul li.hover ul {
	left: 0;
	right: auto;
	padding: 0 0 10px
}
#dropdownnav ul li:hover ul li:hover span {
	color: #07aeef;
}
#dropdownnav ul li li:hover li ul, #dropdownnav ul:hover li:hover li ul, #dropdownnav ul li li.hover li ul, #dropdownnav ul.focus li.hover li ul {
	top: -999em
}
#dropdownnav ul:hover li li:hover ul, #dropdownnav ul li li li:hover ul, #dropdownnav ul:hover li li.hover ul, #dropdownnav ul li li li.hover ul {
	left: 200px;
	top: 0
}
#dropdownnav li ul, #dropdownnav li li ul {
	position: absolute
}
#dropdownnav li:hover ul, #dropdownnav li li:hover ul, #dropdownnav li.hover ul {
	top: auto;
	z-index: 200
}
#dropdownnav li a:hover, #dropdownnav li a:focus {
	color: #07aeef;
	background: #000000;
}
#dropdownnav li:last-child li:hover ul, #dropdownnav li:nth-last-child(2) li:hover ul {
	left: auto;
	right: 0;
	top: auto;
	z-index: 100;
	margin-left: -400px
}
#dropdownnav ul li.hover ul ul {
	top: -999em
}
#dropdownnav ul li.hover ul li.hover>ul {
	top: 0;
	left: 200px
}
}

@media only screen and (min-width:1024px) {
#dropdownnav li span {
	width: auto;
	padding: 0 10px;
	height: 52px
}
#dropdownnav ul {
	padding: 0;
	margin: 0 0 0 10px
}
#dropdownnav li {
	border-top: 0;
	border-bottom: 0;
	margin: 0
}
}

@media only screen and (min-width:1024px) {
/*#headercontainer, #contentcontainer, #footercontainer, #fatfooterblock, #dropdownnav, #megamenunav, #emergencyalert {
	width: 1008px
}*/
}
#sitesearch input.button, .icon-twitter, .icon-facebook, .icon-googleplus, .icon-youtube, .icon-vimeo, .icon-picasa, .icon-flickr, .icon-rss, .icon-wordpress, .icon-blogger, .icon-pinterest, .icon-linkedin, #dropdownnav li li li a, #dropdownnav li li li a:hover, #dropdownnav li li li a:focus, #dropdownnav li li li a:active, #breadcrumbs a.home, #breadcrumbs a, #breadcrumbs span, #dropdownnav li li span {
	background-image: url('mysource_files/site-sprite.png');
	background-repeat: no-repeat;
	background-color: transparent
}
#dropdownnav li:last-child li span, #dropdownnav li:nth-last-child(2) li span {
	background-image: url('mysource_files/site-sprite.png');
	background-repeat: no-repeat;
	background-color: transparent
}
.centred {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.centred700 {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.centred650 {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
.centred430 {
	width: 430px;
	margin-left: auto;
	margin-right: auto;
}
.centred500 {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.grcbutton {
	width: 130px;
	height: 101px;
	border: 3px dashed #ffc000;
	padding: 4px;
	padding-top: 12px;
	float: left;
	text-align: center;
	margin-right: 16px;
	-webkit-border-radius: 40px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 40px;
	-moz-border-radius-topright: 0;
	border-radius: 40px;
	border-top-right-radius: 0;
	color: #ffffff;
	-webkit-box-shadow: inset 0 1px 3px rgba(101,20,81,.05), 0 1px 0 rgba(101,20,81,.075);
	box-shadow: inset 0 1px 3px rgba(101,20,81,.05), 0 1px 0 rgba(101,20,81,.075);
}
.grcbutton-last {
	width: 130px;
	height: 101px;
	border: 3px dashed #ffc000;
	padding: 4px;
	padding-top: 12px;
	float: left;
	text-align: center;
	-webkit-border-radius: 40px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 40px;
	-moz-border-radius-topright: 0;
	border-radius: 40px;
	border-top-right-radius: 0;
	color: #ffffff;
	-webkit-box-shadow: inset 0 1px 3px rgba(101,20,81,.05), 0 1px 0 rgba(101,20,81,.075);
	box-shadow: inset 0 1px 3px rgba(101,20,81,.05), 0 1px 0 rgba(101,20,81,.075);
}
.grcbutton2 {
	width: 500px;
	border: 1px dashed #ffc000;
	padding: 8px;
	padding-top: 12px;
	float: left;
	text-align: center;
	margin-right: 16px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #ffffff;
}
.grcbutton3 {
	width: 500px;
	height: 101px;
	border: 1px solid #3490de;
	padding: 4px;
	padding-top: 12px;
	float: left;
	text-align: center;
	margin-right: 16px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #ffffff;
}
.grcbutton3b {
	width: 500px;
	border: 1px solid #3490de;
	padding: 4px;
	padding-top: 12px;
	float: left;
	text-align: center;
	margin-right: 16px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #ffffff;
}
a:hover .grcbutton3b {
	background: #403c3f;
	color: #ffc000;
}
.grcbutton4 {
	width: 200px;
	border: 1px dashed #00ff99;
	padding: 8px;
	padding-top: 12px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #ffffff;
	min-height: 160px;
}
.grcbutton4-last {
	width: 200px;
	border: 1px dashed #00ff99;
	padding: 8px;
	padding-top: 12px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #ffffff;
	min-height: 160px;
}
a:hover .grcbutton4, a:hover .grcbutton4-last {
	color: #ffc000;
}
.emoticon {
	width: 500px;
	border: 1px solid #3490de;
	padding-right: 4px;
	padding-top: 12px;
	float: left;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #ffffff;
}
a:hover .grcbutton, a:hover .grcbutton-last {
	background: #403c3f;
	color: #ffc000;
}
.centre {
	text-align: center;
}
.clear {
	clear: both;
}
.emoticonTxt {
	float: left;
	width: 250px;
}
.emoticonImg {
	float: left;
	width: 185px;
}
.emoticonNo {
	float: left;
	width: 40px;
	padding-top: 10px;
}
.font-effect-outline {
	text-shadow: 0 1px 1px #00dfb3, 0 -1px 1px #00dfb3, 1px 0 1px #00dfb3, -1px 0 1px #00dfb3;
	color: #000;
	font-size: 50px;
}
.font-effect-outline2 {
	text-shadow: 0 1px 1px #00dfb3, 0 -1px 1px #00dfb3, 1px 0 1px #00dfb3, -1px 0 1px #00dfb3;
	color: #000;
	font-size: 100px;
}
.source {
	padding-top: 0;
	margin-top: 0 !important;
	font-size: 0.85em;
	color: #909291;
}
.yellow {
	color: yellow !important;
}
.tipNo {
	float: left;
	width: 60px;
	padding-top: 30px
}
.tipText {
	float: left;
	width: 90%;
}
.tips {
	width: 700px;
	border: 1px dashed #ffc000;
	padding: 15px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	margin-bottom: 30px;
}

.grchelp {
	width: 700px;
	border: 1px solid #3490de;
	padding: 14px;
	margin-bottom: 25px;
	float: left;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.grccalculator {
	width: 700px;
	margin-bottom: 25px;
	float: left;
}

/* Crossfade slide functi0n */

#cf {
  position:relative;
  height:498px;
  width:1000px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

  @keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

#cf img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
}



@media only screen and (max-width: 736px) {
.centred {
	width: 510px;
	margin-left: auto;
	margin-right: auto;
}
.centred700 {
	width: 510px;
	margin-left: auto;
	margin-right: auto;
}

.grchelp {
    width: 95%;
}
.grcbutton3b {
    width: 95%;
}

.tips {
    width: 95%;
}

.scale {
    width: 70%;
}

.scale-calc {
    width: 100px;
}
}