/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 01 March 2020 02:41:47
*/


html {
    font-size: 10px
}
body {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25em;
    color: #191919;
    font-family: "Source Sans Pro", sans-serif;
    font-style: normal;
    font-weight: 400
}
#search-input {
    height: 55px;
    margin: 0px;
    padding: .8em .7em;
    border: 1px solid #f7f7f7;
    width: 100%;
}

@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: #ab4399;
    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: #482d8c;
    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 #482d8c;
    color: #482d8c
}
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: #482d8c;
    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: #482d8c
}
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: #482d8c;
    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 #482d8c
}
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 #ab4399, 0 0 7px #ab4399
}
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: #ab4399
}
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: #ab4399;
    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: #ab4399
}
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 #482d8c;
    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: #482d8c;
    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: #482d8c;
    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 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: #482d8c;
    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 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: #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 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.130em;
    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 #482d8c
}
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: #482d8c;
    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 #482d8c;
    border-radius: 0px;
    color: #482d8c;
    padding: 1em
}
div.ccm-page .forumQuesWrapper h3 a {
    color: #482d8c
}
div.ccm-page .forumQuesWrapper .forum-description {
    color: #191919
}
div.ccm-page .forumQuesWrapper 
td .glyphicon {
    display: none;
    color: #482d8c;
    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 #482d8c !important
}
div.ccm-page .heading_tab ul > li > a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: .75em 1.25em;
    border-radius: 0;
    color: #482d8c;
    background: #FFFFFF;
    border-left: 1px solid #482d8c !important;
    border-right: 1px solid #482d8c !important;
    border-top: 6px solid #482d8c !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: #482d8c;
    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: #482d8c;
    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: #482d8c;
    background: rgba(72,45,140,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: #3e2779;
    background: rgba(62,39,121,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: #482d8c;
    background: rgba(72,45,140,0.9);
    color: #fff
}
div.ccm-page .spf2-block-social-map .form-wrapper button.btn-white {
    color: #482d8c
}
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: #482d8c;
    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: #482d8c
}
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: #482d8c
}
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: #482d8c;
    border-bottom-color: #482d8c
}
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: #482d8c
}
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: #482d8c;
    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 #482d8c;
    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 #482d8c
}
div.ccm-page .spf2-block-timeline .timeline-item-incomplete .timeline-icon {
    background-color: #fff;
    border: 2px solid #482d8c;
    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: #482d8c;
    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: #482d8c;
    border: 2px solid #482d8c
}
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 #482d8c;
    padding-top: 0.3em;
    width: 100%
}
div.ccm-page .spf2-vision-block h3 {
    color: #482d8c;
    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: #482d8c;
    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: #482d8c;
    border-bottom-color: #482d8c;
    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: #482d8c;
    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: #482d8c
}
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: #482d8c
}
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: #482d8c;
    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 #ab4399, 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: #482d8c;
    background: rgba(72,45,140,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: #482d8c;
    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: #482d8c;
    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: #482d8c;
    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: #482d8c
}
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: #482d8c
}
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: #482d8c;
    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: #482d8c;
    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: #482d8c;
    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: #482d8c;
    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: #482d8c;
    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: #ab4399
}
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: #ab4399
}
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: #ab4399
}
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: #482d8c;
    background: rgba(72,45,140,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("/__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 #ab4399, 0 0 7px #ab4399
}
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 #ab4399, 0 0 7px #ab4399
}
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: #482d8c;
    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 #482d8c !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: #482d8c;
    background: #FFFFFF;
    border-left: 1px solid #482d8c !important;
    border-right: 1px solid #482d8c !important;
    border-top: 6px solid #482d8c !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: #482d8c;
    color: #FFFFFF;
    border-top: 6px solid #482d8c !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: #482d8c;
    background: -moz-linear-gradient(left, #482d8c 0%, #ab4399 100%);
    background: -webkit-linear-gradient(left, #482d8c 0%, #ab4399 100%);
    background: linear-gradient(to right, #482d8c 0%, #ab4399 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#482d8c', endColorstr='#ab4399', 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: #ab4399;
    background: -moz-linear-gradient(left, #ab4399 0%, #482d8c 100%);
    background: -webkit-linear-gradient(left, #ab4399 0%, #482d8c 100%);
    background: linear-gradient(to right, #ab4399 0%, #482d8c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#482d8c', endColorstr='#ab4399', 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
}
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 #482d8c;
    background: transparent;
    box-shadow: none;
    color: #482d8c
}
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: #482d8c;
    color: #fff
}
body.custom_act div.ccm-page .btn.mod-link {
    background: none;
    box-shadow: none;
    color: #482d8c
}
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: #482d8c
}
body.custom_act div.ccm-page .glyphicon.secondary-color {
    color: #00aeef
}
body.custom_act div.ccm-page .glyphicon.accent-color {
    color: #ab4399
}
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: 1em;
}
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: #482d8c;
    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: none;
    background-color: #121212
}
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
}
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: #ab4399;
    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: #482d8c
}
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 #482d8c;
    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: #482d8c;
    background: -moz-linear-gradient(left, #482d8c 0%, #ab4399 100%);
    background: -webkit-linear-gradient(left, #482d8c 0%, #ab4399 100%);
    background: linear-gradient(to right, #482d8c 0%, #ab4399 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#482d8c', endColorstr='#ab4399', 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: #482d8c;
    background: -moz-linear-gradient(left, rgba(72,45,140,0.9) 0%, rgba(171,67,153,0.9) 100%);
    background: -webkit-linear-gradient(left, rgba(72,45,140,0.9) 0%, rgba(171,67,153,0.9) 100%);
    background: linear-gradient(to right, rgba(72,45,140,0.9) 0%, rgba(171,67,153,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#482d8c', endColorstr='#ab4399', GradientType=1)
}
}
body.custom_act div.ccm-page .banner.mod-simple {
    background: #482d8c;
    background: -moz-linear-gradient(left, #482d8c 0%, #ab4399 100%);
    background: -webkit-linear-gradient(left, #482d8c 0%, #ab4399 100%);
    background: linear-gradient(to right, #482d8c 0%, #ab4399 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#482d8c', endColorstr='#ab4399', 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 #482d8c;
    color: #482d8c
}
body.custom_act div.ccm-page .projects-filter .projects-filter-form .form-control {
    background-color: transparent;
    border: solid 1px #482d8c;
    color: #482d8c
}
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: #ab4399;
    background: -moz-linear-gradient(left, #ab4399 0%, #482d8c 100%);
    background: -webkit-linear-gradient(left, #ab4399 0%, #482d8c 100%);
    background: linear-gradient(to right, #ab4399 0%, #482d8c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#482d8c', endColorstr='#ab4399', 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(../images/accordion_toggle/toggle1_d.png)
}
.style1.dc_show .dc_toggle_link, .style1 .dc_show .dc_acc_link {
    background-image: url(../images/accordion_toggle/toggle1_u.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: #482d8c !important
}
.style2.dc_hide .dc_toggle_link, .style2 .dc_hide .dc_acc_link {
    background-image: url(/__data/assets/image/0007/990475/toggle2_d.png);/* background-image: url(https://www.planning.act.gov.au/__data/assets/image/0007/990475/toggle2_d.png); */
}
.style2.dc_show .dc_toggle_link, .style2 .dc_show .dc_acc_link {
    /* background-image: url(https://www.planning.act.gov.au/__data/assets/image/0008/990476/toggle2_u.png) */
    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 ul {
    padding-left: 0px !important;
}
#dropdownnav ul li {
    /*   background-color: #ffffff !important; */
    padding-left: 8px;
    border-bottom: 1px solid #4a4a4a;
    padding: 7px 0 0 7px !important;
}
#dropdownnav ul li:last-child {
    border-bottom: none !important;
    padding-bottom: none !important;
}
#dropdownnav ul ul {
    font-size: 0.85em;
    background-color: #ffffff;
}
#dropdownnav ul ul li a {
    background-color: #ffffff;
    color: #000000;
}
#dropdownnav ul ul ul li {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
}
#dropdownnav li {
    width: 100%;
    display: table;
    margin: 0;
    padding: 0
}
#dropdownnav li a {
    margin: 0;
    width: 100%;
    padding: 12px 0px;
    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: #000000;
}
#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: #07aeef;
    background: #000000;
}
#dropdownnav li.active a:hover {
    color: #07aeef !important;
}
#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 ul li a:hover {
    color: #07aeef !important;
}
#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
}
/* added for comparison slider */

.cd-image-container {
    position: relative;
    width: 90%;
    max-width: 768px;/*  margin: 0em auto; */
}
.cd-image-container img {
    display: block;
}
.cd-image-label {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #ffffff;
    padding: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
    visibility: hidden;
}
.is-visible .cd-image-label {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.cd-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cd-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
}
.cd-resize-img .cd-image-label {
    right: auto;
    left: 0;
}
.is-visible .cd-resize-img {
    width: 50%;
    /* bounce in animation of the modified image */
    -webkit-animation: cd-bounce-in 0.7s;
    -moz-animation: cd-bounce-in 0.7s;
    animation: cd-bounce-in 0.7s;
}
/*  */
@-webkit-keyframes cd-bounce-in {
 0% {
 width: 0;
}
 60% {
 width: 55%;
}
 100% {
 width: 50%;
}
}
@-moz-keyframes cd-bounce-in {
 0% {
 width: 0;
}
 60% {
 width: 55%;
}
 100% {
 width: 50%;
}
}
@keyframes cd-bounce-in {
 0% {
 width: 0;
}
 60% {
 width: 55%;
}
 100% {
 width: 50%;
}
}
.cd-handle {
    position: absolute;
    height: 44px;
    width: 44px;
    /* center the element */
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border-radius: 50%;
    /*  background: #dc717d url("https://www.planning.act.gov.au/__data/assets/file/0006/1000230/cd-arrows.svg") no-repeat center center;  */
    background: #dc717d url("/__data/assets/file/0006/1000230/cd-arrows.svg") no-repeat center center;
    cursor: move;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    -moz-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    -o-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
    /* change background color when element is active */
    background-color: #445b7c;
}
.is-visible .cd-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
/* end comparison */


.padding-top {
    padding-top: 1em;
}
/* adding budget styles */

p.quote {
    font-size: 1.4em;
    font-weight: 300;
    color: #b03a8d;
    line-height: 1.3em;
}
p.attribution {
    text-transform: uppercase;
    color : #666666;
}
h2.inset {
    text-transform: uppercase !important;
    color: #000000 !important;
    font-size: 1.6em !important;
    font-weight: 500 !important;
}
p.intro {
    font-size: 1.2em;
    font-weight: 700;
    color: #492581;
}
.floatLeftText {
    float: left;
    width: 60%;
}
.dotted {
    text-decoration: none;
    border-bottom: 1px dotted #004899 !important;
}
.clearBoth {
    clear: both;
    padding-bottom: 20px;
}
.spacer {
    min-height: 20px;
}
.floatLeft img {
    float: left;
    padding-right: 20px;
    box-sizing: unset !important;
    vertical-align: top;
}
.videothumbnail {
    width: 200px;
    float: left;
    margin-right: 20px;
}
.videothumbnail p{
    font-size: .75em !important;
}
.videothumbnail img {
    float: left;
    padding-right: 20px;
    box-sizing: unset !important;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videoWrapper50 {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper50 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

.hr-budget {
    border-bottom: 1px solid #a4a4a4 !important;
}

.pullout-health {
    background-color: #482e8e;
    float: left;
    width: 340px;
    padding: 10px;
    }

.health-left {
    float: left;
    width: 60%;
    margin-right: 20px;
    }


.pullout-health h3 , .pullout-health p {
 color: #ffffff !important;    
}

/* map stuff */

h1.map-title-belconnen, h1.map-title-gungahlin, h1.map-title-woden, h1.map-title-central, h1.map-title-tuggeranong {
    font-size: 1.6em !important;
    text-align: center;
}

h1.map-title-belconnen {
    color: #00a9a7 !important;
}

h1.map-title-gungahlin {
    color: #9ebd36 !important;
}

h1.map-title-woden {
    color: #f26b26 !important;
}

h1.map-title-central {
    color: #00adee !important;
}

h1.map-title-tuggeranong {
    color: #cfcd11 !important;
}

.modal-content-belconnen {
    position: relative;
    background-color: #1a1a1a;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 6px solid #00a9a7;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    color: #ffffff;
}
.modal-content-woden {
    position: relative;
    background-color: #1a1a1a;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 6px solid #f26b26;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    color: #ffffff;
}
.modal-content-gungahlin {
    position: relative;
    background-color: #1a1a1a;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 6px solid #9ebd36;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    color: #ffffff;
}
.modal-content-central {
    position: relative;
    background-color: #1a1a1a;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 6px solid #00adee;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    color: #ffffff;
}
.modal-content-tuggeranong {
    position: relative;
    background-color: #1a1a1a;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 6px solid #cfcd11;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    color: #ffffff;
}


.close {
    color: #ffffff !important;
}

button.close {
    filter: alpha(opacity=60)!important;
    opacity: .6 !important;
}

.text-center.map-button {
    padding: 10px;
    background-color: #ffffff;
}


.text-center.map-button {
    padding: 10px;
    background-color: #ffffff;
}

.nav-utilities {
    display: none !important;
    visibility:hidden;
}

.feature-panel-blue {
    background-color: #482e8e;
    color: #ffffff !important;
    padding: 10px;
    margin-bottom: 20px;
}

.feature-panel-blue .intro {
    color: #ffffff !important;
}

/* end budget extras */

p.notice {color: #CC3300;
         font-weight: bold;}
         
/* greyhound form extras*/

#form_email_1095965 div.nobullet ul {list-style-type: none;}

input#q1095965_q8 {width: auto;}

#form_email_1095965 legend.sq-form-question-title {border: none;
                                                   font-weight: 700;
                                                   font-size: 1.6rem;
}


/* end greyhound form extras*/

/************\ Tables
\************/
.table-wrap {
    overflow: auto;
    max-width: 100%;
}
table {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-size: 1.6rem;
    width: 100%;
    margin: 2em 0;
    border-top: solid 0.20em rgb(72, 45, 140);
}
table:first-child {
    margin-top: 0;
}
table caption {
    font-size: 1.45em;
    margin-bottom: 20px;
}
table thead {
    color: #333;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight:bold;
    //background: #efefef; !important;
    
    
     background: #ffffff; !important;
}
table thead td, table thead th {
    padding: 5px 10px; !important;
    font-weight: bold; !important;
    text-align: left; !important;
    background: #ffffff; !important;
    font-color: #000000; !important;
}
table thead tr:first-child th, table thead tr:first-child td {
    background: #ffffff; !important;
    font-weight: bold; !important;
}
th {
    background-image: url("footer-bkg.jpg") !important;
    background: #ffffff; !important;
    border-bottom: solid 0.20em rgb(72, 45, 140);
   
}
table tbody {
    color: #000000;
}
table tbody tr {
    vertical-align: top;
}
table tbody tr.highlight th, table tbody tr.highlight td {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    padding: 10px;
    background: #ddebf0;
}
table tbody tr:first-child th, table tbody tr:first-child td {
    border-top: none;
}
table tbody td, table tbody th {
    border-bottom: 1px solid #d1d1d1; !important;
    padding: 20px 10px; !important;
    font-weight: 400; !important;
    line-height: 1.6em; !important;
    font-size: 1.6rem; !important;
}
table li {
    font-size: inherit !important;
}
.accent {
    background: url(top-corner-small-bg.png)/*tpa=http://annualreport.communications.gov.au/assets/images/design/top-corner-small-bg.png*/ no-repeat right top;
    border-top: 1px solid #e4e4e4;
}
.accent .container:first-child {
    padding-top: 50px;
}
blockquote {
    color: #000000;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.8em;
    margin: 5% auto;
    padding: 20px 0;
    text-align: left;
    width: 90%;
    position: relative;
    line-height: 1.1em;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 0px;
}
blockquote:before, blockquote:after {
    content: "";
    display: block;
    border-bottom: 0px solid #e4e4e4;
    width: 75%;
    height: 0;
}
blockquote:before {
    top: 0;
}
blockquote:after {
    bottom: 0;
}
blockquote .small {
    font-size: 0.8em;
}
.numbers {
    padding: 0;
    margin: 0 auto;
}
.numbers .column {
    text-align: center;
    list-style: none;
}
.number .circle-wrap {
    color: #fff;
    font-size: 1.3em;
    padding: 20px;
    text-align: center;
}
.number .circle-wrap:nth-child(even) {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

@media screen and (max-width: 580px) {
.number .circle-wrap:nth-child(even) {
    border-width: 0;
}
}
.number .circle-wrap .circle {
    border-radius: 50%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.number .circle-wrap span {
    bottom: 0;
    display: block;
    height: 14px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    width: 30px;
}
.number .circle-wrap .sm {
    height: 64px;
    margin-right: 2%;
    width: 64px;
    background: #166D98;
}

@media screen and (max-width: 580px) {
.number .circle-wrap .sm {
    height: 60px;
    width: 60px;
}
}
.number .circle-wrap .lg {
    height: 120px;
    margin-left: 2%;
    width: 120px;
    background: #0f293a;
}

@media screen and (max-width: 580px) {
.number .circle-wrap .lg {
    height: 90px;
    width: 90px;
}
}
.number .text-wrap {
    max-width: 220px;
    padding: 0 10px;
    margin: 0 auto;
    text-align: center;
}
.number .text-wrap .val {
    color: #cd4902;
    font: 4.5em 'Montserrat', Arial, sans-serif;
    margin: 15px 0 5px;
}

@media screen and (max-width: 1050px) {
.number .text-wrap .val {
    font-size: 3.5em;
}
}
.number .text-wrap .desc {
    color: #136685;
    font-style: italic;
}
.number .text-wrap .desc em {
    font-style: normal;
}




/* Sub menu for second level page*/

.deep-nav-menu {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    padding: 0;
    display: block;
    clear: both
}
.deep-nav-menu li {
    padding: 0
}
.deep-nav-menu ul {
    background: #2d2d2d;
    list-style-type: none;
    padding: 0;
    margin-top: 0!important;
    margin-right: 0!important
}
.deep-nav-menu ul a {
    padding-left: 1em
}
.deep-nav-menu ul ul {
    background: #fff;
    padding-left: 1em
}
.deep-nav-menu ul ul a {
    color: #2d2d2d;
    padding-left: 0
}
.deep-nav-menu ul ul a.active, .deep-nav-menu ul ul a:hover, .deep-nav-menu ul ul a:focus {
    color: #004899;
    background: #fff
}
.deep-nav-menu ul ul ul a {
    padding-top: 5px;
    padding-bottom: 5px
}
.deep-nav-menu ul ul ul .active {
    margin-left: -1em;
    background: transparent url('http://www.cmd.act.gov.au/__data/assets/image/0016/520252/site-sprite.png?v=0.1.5') no-repeat;
    background-position: -10px -1839px;
    padding-left: 1em
}
.deep-nav-menu a {
    margin: 0;
    padding: .8em 0;
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 1em;
    line-height: 1.2em
}
.deep-nav-menu a:hover {
    cursor: pointer;
    text-decoration: underline
}
.deep-nav-menu a.active, .deep-nav-menu a:hover, .deep-nav-menu a:focus {
    color: #9bd5ee;
    background: #404040
}

@media only screen and (min-width:768px) {
.deep-nav-menu ul ul a {
    border: 0
}
.deep-nav-menu a {
    border-top: 1px solid #4a4a4a;
    border-bottom: 1px solid #1c1c1c
}
/* Sub menu for second level page*/


/*Custom table width class */

.width10table {
    border-collapse: collapse;
    width: 10%;
}
.width20table {
    border-collapse: collapse;
    width: 20%;
}
.width45table {
    border-collapse: collapse;
    width: 45%;
}

/*End Custom table width class */

/* Change left column */

#leftcolumn {
    float: left;
    display: block;
    position: relative;
    clear: left;

}

.menurow {
    margin-right: -15px;
    margin-left: 200px;
}


.floatLeft {
    float: left;
    padding-right:10px;

}

h6 {
    font-size: 16px; 
}

.whitebg {
    background-color: #ffffff;
}

.spacerleft {
    padding-left:30px;
}