.pageHeader, .pageHeader a {
    color: #195491
}

[data-icon]:before, body {
    -webkit-font-smoothing: antialiased
}

[data-icon]:before {
    font-family: scc-icons !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale
}

.row {
    margin-left: 0px !important;
}

.pageHeader, .pageHeader-h1, .pageHeader-h2, .pageHeader-h3, .pageHeader-h4, .pageHeader-h5, .pageHeader-h6 {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.home-wrapper .transactions-main-mobile .navbar-nav li a.show-all, .home-wrapper .transactions-main-mobile .site-header .navbar-nav li a.show-all, .navbar-nav li a.show-all, .pageHeader, .pageHeader-h1, .pageHeader-h2, .pageHeader-h3, .pageHeader-h4, .pageHeader-h5, .pageHeader-h6, .site-header .home-wrapper .transactions-main-mobile .navbar-nav li a.show-all, .site-header .navbar-nav li a.show-all {
    font-weight: bold
}

.sccicon, [class*=" sccicon-"], [class^=sccicon-] {
    -ms-behavior: url(/themes/refresh/assets/backgroundsize.min.htc);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-origin: content-box
}

.sccicon-share {
    background-image: url(../images/scc-icons/sccicon-share.png)
}

.sccicon-find-my-nearest {
    background-image: url(../images/scc-icons/sccicon-find-my-nearest.png)
}

.sccicon-help {
    background-image: url(../images/scc-icons/sccicon-help.png)
}

.sccicon-apply {
    background-image: url(../images/scc-icons/sccicon-apply.png)
}

.sccicon-ask {
    background-image: url(../images/scc-icons/sccicon-ask.png)
}

.sccicon-heritage-and-culture {
    background-image: url(../images/scc-icons/sccicon-heritage-and-culture.png)
}

.sccicon-information {
    background-image: url(../images/scc-icons/sccicon-information.png)
}

.sccicon-births-deaths-marriages {
    background-image: url(../images/scc-icons/sccicon-births-deaths-marriages.png)
}

.sccicon-book {
    background-image: url(../images/scc-icons/sccicon-book.png)
}

.sccicon-pay {
    background-image: url(../images/scc-icons/sccicon-pay.png)
}

.sccicon-planning-and-environmental {
    background-image: url(../images/scc-icons/sccicon-planning-and-environmental.png)
}

.sccicon-business-and-jobs {
    background-image: url(../images/scc-icons/sccicon-business-and-jobs.png)
}

.sccicon-care-and-health {
    background-image: url(../images/scc-icons/sccicon-care-and-health.png)
}

.sccicon-read {
    background-image: url(../images/scc-icons/sccicon-read.png)
}

.sccicon-report {
    background-image: url(../images/scc-icons/sccicon-report.png)
}

.sccicon-children-families-learning {
    background-image: url(../images/scc-icons/sccicon-children-families-learning.png)
}

.sccicon-comment {
    background-image: url(../images/scc-icons/sccicon-comment.png)
}

.sccicon-roads-and-transport {
    background-image: url(../images/scc-icons/sccicon-roads-and-transport.png)
}

.sccicon-search {
    background-image: url(../images/scc-icons/sccicon-search.png)
}

.sccicon-community-and-safety {
    background-image: url(../images/scc-icons/sccicon-community-and-safety.png)
}

.sccicon-contact {
    background-image: url(../images/scc-icons/sccicon-contact.png)
}

.sccicon-emergency-and-rescue {
    background-image: url(../images/scc-icons/sccicon-emergency-and-rescue.png)
}

.sccicon-something-else {
    background-image: url(../images/scc-icons/sccicon-something-else.png)
}

.sccicon-children-families {
    background-image: url(../images/scc-icons/sccicon-children-families.png)
}

.sccicon-apply-1 {
    background-image: url(../images/scc-icons/sccicon-apply-1.png)
}

.sccicon-collonade {
    background-image: url(../images/scc-icons/sccicon-collonade.png)
}

.sccicon-council-and-democracy {
    background-image: url(../images/scc-icons/sccicon-council-and-democracy.png)
}

.sccicon-adult-health {
    background-image: url(../images/scc-icons/sccicon-adult-health.png)
}

.sccicon-roadworks {
    background-image: url(../images/scc-icons/sccicon-roadworks.png)
}

.sccicon-flooding {
    background-image: url(../images/scc-icons/sccicon-flooding.png)
}

.sccicon-fire-station {
    background-image: url(../images/scc-icons/sccicon-fire-station.png)
}

.sccicon-schools {
    background-image: url(../images/scc-icons/sccicon-schools.png)
}

.sccicon-schools-2 {
    background-image: url(../images/scc-icons/sccicon-schools-2.png)
}

.sccicon-learner {
    background-image: url(../images/scc-icons/sccicon-learner.png)
}

.sccicon-council-structure {
    background-image: url(../images/scc-icons/sccicon-council-structure.png)
}

.sccicon-councillor {
    background-image: url(../images/scc-icons/sccicon-councillor.png)
}

.sccicon-map {
    background-image: url(../images/scc-icons/sccicon-map.png)
}

.sccicon-meeting {
    background-image: url(../images/scc-icons/sccicon-meeting.png)
}

.sccicon-parking {
    background-image: url(../images/scc-icons/sccicon-parking.png)
}

.sccicon-streetlight {
    background-image: url(../images/scc-icons/sccicon-streetlight.png)
}

.sccicon-traffic-light {
    background-image: url(../images/scc-icons/sccicon-traffic-light.png)
}

.sccicon-transport {
    background-image: url(../images/scc-icons/sccicon-transport.png)
}

.sccicon-waste-recycling {
    background-image: url(../images/scc-icons/sccicon-waste-recycling.png)
}

.sccicon-policies-documents {
    background-image: url(../images/scc-icons/sccicon-policies-documents.png)
}

.sccicon-fire {
    background-image: url(../images/scc-icons/sccicon-fire.png)
}

.sccicon-fire-hydrant {
    background-image: url(../images/scc-icons/sccicon-fire-hydrant.png)
}

.sccicon-finance-money {
    background-image: url(../images/scc-icons/sccicon-finance-money.png)
}

.sccicon-businesses {
    background-image: url(../images/scc-icons/sccicon-businesses.png)
}

.sccicon-digital-devices {
    background-image: url(../images/scc-icons/sccicon-digital-devices.png)
}

.sccicon-3rd-party-link {
    background-image: url(../images/scc-icons/sccicon-3rd-party-link.png)
}

.sccicon-adult-care-health {
    background-image: url(../images/scc-icons/sccicon-adult-care-health.png)
}

.sccicon-contact-phone {
    background-image: url(../images/scc-icons/sccicon-contact-phone.png)
}

.sccicon-education {
    background-image: url(../images/scc-icons/sccicon-education.png)
}

.sccicon-environment {
    background-image: url(../images/scc-icons/sccicon-environment.png)
}

.sccicon-environment-2 {
    background-image: url(../images/scc-icons/sccicon-environment-2.png)
}

.sccicon-suffolk-county-council {
    background-image: url(../images/scc-icons/sccicon-suffolk-county-council.png);
}

.sccicon-suffolk-county-council-blue {
    background-image: url(../images/scc-icons/sccicon-suffolk-county-council-blue.png)
}

.sccicon-streetlife {
    background-image: url(../images/scc-icons/sccicon-streetlife.png)
}

.sccicon-streetlife-blue {
    background-image: url(../images/scc-icons/sccicon-streetlife-blue.png)
}

a:focus{
    outline: 3px solid #b86909 !important;
    outline-offset: 3px !important;
}

h1, h2, h3, h4, h5 {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0
}

.pageHeader a:hover {
    color: #b86909;
    text-decoration: underline
}

.pageHeader-h1 {
    font-size: 40px;
    font-size: 4rem;
    color: #195491;
    line-height: 48px;
    line-height: 4.8rem
}

.pageHeader-h1 a {
    color: #195491
}

.pageHeader-h1 a:hover {
    color: #b86909;
    text-decoration: underline
}

@media only screen and (min-width: 992px) {
    .pageHeader-h1 {
        font-size: 52px;
        font-size: 4.2rem;
        line-height: 60px;
        line-height: 6rem
    }
}

.pageHeader-h2 {
    font-size: 24px;
    font-size: 2.4rem;
    color: #195491
}

.pageHeader-h2 a {
    color: #195491
}

.pageHeader-h2 a:hover {
    color: #b86909;
    text-decoration: underline
}

@media only screen and (min-width: 992px) {
    .pageHeader-h2 {
        font-size: 30px;
        font-size: 3rem
    }
}

.pageHeader-h3 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #195491
}

.pageHeader-h3 a {
    color: #195491
}

.pageHeader-h3 a:hover {
    color: #b86909;
    text-decoration: underline
}

@media only screen and (min-width: 992px) {
    .pageHeader-h3 {
        font-size: 20px;
        font-size: 2rem
    }
}

.pageHeader-h4 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #0b0c0c
}

.pageHeader-h4 a {
    color: #195491
}

.pageHeader-h4 a:hover {
    color: #b86909;
    text-decoration: underline
}

.pageHeader-h5 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #195491
}

.pageHeader-h5 a {
    color: #195491
}

.pageHeader-h5 a:hover {
    color: #b86909;
    text-decoration: underline
}

.pageHeader-h6 {
    font-size: 14px;
    font-size: 1.4rem;
    color: #195491
}

.pageHeader-h6 a {
    color: #195491
}

.pageHeader-h6 a:hover {
    color: #b86909;
    text-decoration: underline
}

.transactions-section {
    background-color: #eee;
}

@media only screen and (min-width: 992px) {
    .pageHeader-h6 {
        font-size: 18px;
        font-size: 1.8rem
    }
}

.pageParagraph {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.scc-form {
    border-radius: 12px;
    background-clip: padding-box;
    margin: 0 auto 2rem;
    padding: 2rem;
    background-color: #EFEFED;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .scc-form {
        padding: 2rem 6rem
    }
}

.scc-form.decision-tree-form {
    padding-top: 0
}

.scc-form.decision-tree-form select {
    display: block;
    margin: 0 auto
}

.scc-form .form-group {
    text-align: center
}

.scc-form .field, .scc-form .form-group {
    display: block
}

.scc-form .field.optionset .message, .scc-form .form-group.optionset .message {
    margin-top: -1rem;
    padding: .8rem 0 0
}

.scc-form .field label, .scc-form .form-group label {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 2rem;
    color: #555;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.scc-form .field label.radio-label, .scc-form .form-group label.radio-label {
    float: left;
    margin-top: -.3rem
}

.scc-form .field input[type=text], .scc-form .field input[type=email], .scc-form .field input[type=tel], .scc-form .field select, .scc-form .field textarea, .scc-form .form-group input[type=text], .scc-form .form-group input[type=email], .scc-form .form-group input[type=tel], .scc-form .form-group select, .scc-form .form-group textarea {
    border-radius: 5px;
    background-clip: padding-box;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 .8rem;
    background-color: #fff;
    border: 5px solid #C4C4C6;
    box-shadow: none;
    color: #195491;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    min-height: 40px;
    resize: vertical;
    width: 100%
}

.scc-form .field input[type=text].medium, .scc-form .field input[type=email].medium, .scc-form .field input[type=tel].medium, .scc-form .field select.medium, .scc-form .field textarea.medium, .scc-form .form-group input[type=text].medium, .scc-form .form-group input[type=email].medium, .scc-form .form-group input[type=tel].medium, .scc-form .form-group select.medium, .scc-form .form-group textarea.medium {
    width: 60%
}

.scc-form .field input[type=text].small, .scc-form .field input[type=email].small, .scc-form .field input[type=tel].small, .scc-form .field select.small, .scc-form .field textarea.small, .scc-form .form-group input[type=text].small, .scc-form .form-group input[type=email].small, .scc-form .form-group input[type=tel].small, .scc-form .form-group select.small, .scc-form .form-group textarea.small {
    width: 150px
}

.scc-form .field input[type=text].xs, .scc-form .field input[type=email].xs, .scc-form .field input[type=tel].xs, .scc-form .field select.xs, .scc-form .field textarea.xs, .scc-form .form-group input[type=text].xs, .scc-form .form-group input[type=email].xs, .scc-form .form-group input[type=tel].xs, .scc-form .form-group select.xs, .scc-form .form-group textarea.xs {
    width: 100px
}

@media only screen and (min-width: 992px) {
    .scc-form .field input[type=text], .scc-form .field input[type=email], .scc-form .field input[type=tel], .scc-form .field select, .scc-form .field textarea, .scc-form .form-group input[type=text], .scc-form .form-group input[type=email], .scc-form .form-group input[type=tel], .scc-form .form-group select, .scc-form .form-group textarea {
        width: auto;
        min-width: 60%
    }
}

.scc-form .field textarea, .scc-form .form-group textarea {
    padding-top: .5rem;
    padding-bottom: .5rem;
    min-height: 50px
}

.scc-form .field select, .scc-form .form-group select {
    padding: 0
}

.scc-form .field input[type=radio] + label:before, .scc-form .form-group input[type=radio] + label:before {
    background: url(../images/icons/radio-box-sprite.png) no-repeat;
    width: 46px;
    height: 44px
}

.scc-form .field input[type=radio]:checked + label:before, .scc-form .form-group input[type=radio]:checked + label:before {
    background-position: 0 -44px
}

.scc-form .field.requiredField input[type=text], .scc-form .field.requiredField input[type=email], .scc-form .field.requiredField input[type=tel], .scc-form .field.requiredField select, .scc-form .field.requiredField textarea, .scc-form .form-group.requiredField input[type=text], .scc-form .form-group.requiredField input[type=email], .scc-form .form-group.requiredField input[type=tel], .scc-form .form-group.requiredField select, .scc-form .form-group.requiredField textarea {
    border: 5px solid #9a2c22
}

.scc-form .field.requiredField input[type=text].valid, .scc-form .field.requiredField input[type=email].valid, .scc-form .field.requiredField input[type=tel].valid, .scc-form .field.requiredField select.valid, .scc-form .field.requiredField textarea.valid, .scc-form .form-group.requiredField input[type=text].valid, .scc-form .form-group.requiredField input[type=email].valid, .scc-form .form-group.requiredField input[type=tel].valid, .scc-form .form-group.requiredField select.valid, .scc-form .form-group.requiredField textarea.valid {
    border: 5px solid #393
}

.scc-form .field.requiredField input[type=radio] + label:before, .scc-form .form-group.requiredField input[type=radio] + label:before {
    background-position: 0 -176px
}

.scc-form .field.requiredField input[type=radio] + label:before.valid, .scc-form .form-group.requiredField input[type=radio] + label:before.valid {
    background-position: 0 -88px
}

.scc-form .field.requiredField input[type=radio]:checked + label:before, .scc-form .form-group.requiredField input[type=radio]:checked + label:before {
    background-position: 0 -220px
}

.scc-form .field.requiredField input[type=radio]:checked + label:before.valid, .scc-form .form-group.requiredField input[type=radio]:checked + label:before.valid {
    background-position: 0 -132px
}

.scc-form .field.requiredField input[type=checkbox] + label:before, .scc-form .form-group.requiredField input[type=checkbox] + label:before {
    background-position: 0 -188px
}

.scc-form .field.requiredField input[type=checkbox] + label:before.valid, .scc-form .form-group.requiredField input[type=checkbox] + label:before.valid {
    background-position: 0 -94px
}

.scc-form .field.requiredField input[type=checkbox]:checked + label:before, .scc-form .form-group.requiredField input[type=checkbox]:checked + label:before {
    background-position: 0 -235px
}

.scc-form .field.requiredField input[type=checkbox]:checked + label:before.valid, .scc-form .form-group.requiredField input[type=checkbox]:checked + label:before.valid {
    background-position: 0 -141px
}

.scc-form .field .message, .scc-form .form-group .message {
    border-radius: 5px;
    margin-bottom: 1rem;
    margin-top: -1.8rem;
    padding: 1.8rem .8rem .4rem;
    background: #9a2c22;
    border: 5px solid #9a2c22;
    color: #fff;
    display: block;
    width: 60%
}

.scc-form .field.nocaptcha .message, .scc-form .form-group.nocaptcha .message {
    width: 302px
}

.scc-form .requiredField label:after {
    position: absolute;
    content: "";
    background: url(../imgs/bullet.png) center no-repeat;
    color: #f7aaab;
    float: right;
    right: -375px;
    right: -37.5rem;
    width: 10px;
    height: 10px;
    top: 15px;
    top: 1.5rem
}

.scc-form ul {
    padding: .5rem 0
}

.scc-form ul li {
    width: auto;
    display: inline;
    margin-bottom: 1rem;
    margin-right: 2rem
}

.btn:after, .scc-form input[type=radio], .scc-form input[type=checkbox] {
    display: none
}

.scc-form input[type=file] {
    font-size: 13px;
    font-size: 1.3rem
}

.scc-form input[type=radio] + label:before, .scc-form input[type=checkbox] + label:before {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    content: "\00a0\00a0";
    border-radius: 8px;
    background-clip: padding-box;
    position: relative
}

.scc-form input[type=checkbox]:checked + label:before {
    background-position: 0 -47px
}

.scc-form input[type=checkbox] + label:before {
    background: url(../images/icons/checkbox-sprite.png) no-repeat;
    width: 46px;
    height: 47px
}

.scc-form select {
    height: 40px
}

.scc-form .form-help-text {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    color: #555;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0
}

.scc-form .Actions {
    text-align: center;
    padding: 4rem 2rem
}

.scc-form .Actions input[type=submit], .scc-form .Actions input[type=reset] {
    min-width: 220px;
    display: block;
    margin: 0 auto 2rem
}

.no-border {
    border: none !important
}

.boxSize {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

@media only screen and (max-width: 991px) {
    .inner-row {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

#navbar {
    width: 100%;
    height: 100vh;
    padding-bottom: 85px;
    overflow: hidden
}

#navbar .home-wrapper .transactions-main-mobile .navbar-nav, #navbar .home-wrapper .transactions-main-mobile .site-header .navbar-nav, #navbar .navbar-nav, #navbar .site-header .home-wrapper .transactions-main-mobile .navbar-nav, #navbar .site-header .navbar-nav {
    display: block;
    height: 100%;
    overflow-x: scroll
}

.home-wrapper .transactions-main-mobile .navbar-nav, .home-wrapper .transactions-main-mobile .site-header .navbar-nav, .navbar-nav, .site-header .home-wrapper .transactions-main-mobile .navbar-nav, .site-header .navbar-nav {
    margin-top: 0
}

.home-wrapper .transactions-main-mobile .navbar-nav li a, .home-wrapper .transactions-main-mobile .site-header .navbar-nav li a, .navbar-nav li a, .site-header .home-wrapper .transactions-main-mobile .navbar-nav li a, .site-header .navbar-nav li a {
    background: #195491;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: #fff;
    text-shadow: 0;
    overflow: hidden
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a, .navbar-nav > li > a, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .site-header .navbar-nav > li > a {
    text-shadow: 0 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-top: 0
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a .i-wrapper, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a .i-wrapper, .navbar-nav > li > a .i-wrapper, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a .i-wrapper, .site-header .navbar-nav > li > a .i-wrapper {
    float: right;
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden;
    margin-right: -20px;
    margin-left: 15px
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a i, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a i, .navbar-nav > li > a i, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a i, .site-header .navbar-nav > li > a i {
    float: right;
    background: #fff;
    color: #195491;
    display: block;
    font-size: 14px;
    line-height: 22px;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a i.fa-plus, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a i.fa-plus, .navbar-nav > li > a i.fa-plus, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a i.fa-plus, .site-header .navbar-nav > li > a i.fa-plus {
    right: 20px
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a i.fa-minus, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a i.fa-minus, .navbar-nav > li > a i.fa-minus, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a i.fa-minus, .site-header .navbar-nav > li > a i.fa-minus {
    right: -20px
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a:hover, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a:hover, .navbar-nav > li > a:hover, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a:hover, .site-header .navbar-nav > li > a:hover {
    background: #e9850b !important;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: #fff
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a:hover i, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a:hover i, .navbar-nav > li > a:hover i, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a:hover i, .site-header .navbar-nav > li > a:hover i {
    color: #e9850b;
    box-sizing: unset;
    margin: 0
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a:active, .home-wrapper .transactions-main-mobile .navbar-nav > li > a:focus, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a:active, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a:focus, .navbar-nav > li > a:active, .navbar-nav > li > a:focus, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a:active, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a:focus, .site-header .navbar-nav > li > a:active, .site-header .navbar-nav > li > a:focus {
    background: #195491
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a:active, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a:active, .navbar-nav > li > a:active, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a:active, .site-header .navbar-nav > li > a:active {
    background: #b86909;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: #fff
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a:active i.fa-minus, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a:active i.fa-minus, .navbar-nav > li > a:active i.fa-minus, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a:active i.fa-minus, .site-header .navbar-nav > li > a:active i.fa-minus {
    right: 20px
}

.home-wrapper .transactions-main-mobile .navbar-nav > li > a:active i.fa-plus, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a:active i.fa-plus, .navbar-nav > li > a:active i.fa-plus, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a:active i.fa-plus, .site-header .navbar-nav > li > a:active i.fa-plus {
    right: 40px
}

.home-wrapper .transactions-main-mobile .navbar-nav > li.open > a:hover, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li.open > a:hover, .navbar-nav > li.open > a:hover, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li.open > a:hover, .site-header .navbar-nav > li.open > a:hover {
    background: #b86909;
    color: #fff
}

.home-wrapper .transactions-main-mobile .navbar-nav > li.open > a i.fa-minus, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li.open > a i.fa-minus, .navbar-nav > li.open > a i.fa-minus, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li.open > a i.fa-minus, .site-header .navbar-nav > li.open > a i.fa-minus {
    right: 20px !important
}

.home-wrapper .transactions-main-mobile .navbar-nav > li.open > a i.fa-plus, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li.open > a i.fa-plus, .navbar-nav > li.open > a i.fa-plus, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li.open > a i.fa-plus, .site-header .navbar-nav > li.open > a i.fa-plus {
    right: 40px !important
}

.home-wrapper .transactions-main-mobile .navbar-nav > li.open .dropdown-menu, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li.open .dropdown-menu, .navbar-nav > li.open .dropdown-menu, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li.open .dropdown-menu, .site-header .navbar-nav > li.open .dropdown-menu {
    padding: 0
}

.home-wrapper .transactions-main-mobile .navbar-nav > li.open .dropdown-menu > li > a, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li.open .dropdown-menu > li > a, .navbar-nav > li.open .dropdown-menu > li > a, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li.open .dropdown-menu > li > a, .site-header .navbar-nav > li.open .dropdown-menu > li > a {
    background: #e9850b;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    white-space: normal
}

.home-wrapper .transactions-main-mobile .navbar-nav > li.open .dropdown-menu > li > a:focus, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li.open .dropdown-menu > li > a:focus, .navbar-nav > li.open .dropdown-menu > li > a:focus, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li.open .dropdown-menu > li > a:focus, .site-header .navbar-nav > li.open .dropdown-menu > li > a:focus {
    background: #b86909;
    color: #fff
}

.home-wrapper .transactions-main-mobile .navbar-nav > li.open .dropdown-menu li a, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li.open .dropdown-menu li a, .navbar-nav > li.open .dropdown-menu li a, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li.open .dropdown-menu li a, .site-header .navbar-nav > li.open .dropdown-menu li a {
    white-space: normal
}

.services-new.services-main {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #fff;
    position: relative;
    z-index: 3
}

.services-new.services-main .service-tile {
    margin-bottom: 2rem;
    height: auto;
    width: 100%
}

.services-new.services-main .service-tile a {
    background-color: #fff;
    display: block;
    height: auto;
    overflow: hidden;
    width: 100%
}

.scc-blue-btn, .services-new.services-main .service-tile a:hover {
    background-color: #195491
}

.services-new.services-main .service-tile a:hover h3, .services-new.services-main .service-tile a:hover p {
    color: #fff
}

.services-new.services-main .service-tile a h3 {
    padding: 1rem;
    font-size: 18px;
    font-size: 1.8rem
}

.services-new.services-main .service-tile a p {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1rem;
    clear: both;
    color: #555;
    display: block;
    width: 100%
}

.services-new.services-main .service-tile a i {
    font-size: 30px;
    font-size: 3rem;
    margin-right: 2rem;
    padding: 1rem;
    background-color: #195491;
    color: #fff;
    display: block;
    float: left;
    height: 60px;
    position: relative;
    width: 60px
}

.services-new.services-main .service-tile a i:before {
    height: 25px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px
}

@media only screen and (min-width: 768px) {
    .services-new.services-main .service-tile a i {
        font-size: 50px;
        font-size: 5rem
    }

    .services-new.services-main .service-tile a i:before {
        width: 50px;
        height: 30px
    }

    .services-new.services-main .service-tile a p {
        width: auto;
        clear: none
    }
}

@media only screen and (min-width: 992px) {
    .services-new.services-main .service-tile a {
        min-width: 120px;
        min-height: 120px
    }

    .services-new.services-main .service-tile a h3 {
        font-size: 24px;
        font-size: 2.4rem
    }

    .services-new.services-main .service-tile a i {
        font-size: 70px;
        font-size: 7rem;
        padding: 1rem;
        background-color: #195491;
        color: #fff;
        display: block;
        min-height: 120px;
        min-width: 120px
    }

    .services-new.services-main .service-tile a i:before {
        font-size: 50px;
        font-size: 5rem;
        height: 50px;
        width: 70px;
        line-height: 1.2em;
        text-indent: -.12em
    }

    .services-new.services-main .service-tile a p {
        padding: 1rem;
        font-size: 14px;
        font-size: 1.4rem
    }

    .services-new .cleardesktop {
        clear: both
    }
}

.left-column a.btn[href^=http]:after, .left-column a[href^=http]:after {
    padding-left: .5rem;
    content: "\f08e";
    display: inline-block;
    font-family: FontAwesome;
    text-decoration: none
}

.left-column a.btn[href^=http]:after {
    font-size: 10px;
    font-size: 1rem;
    color: #fff !important
}

.left-column a[href^=http]:after {
    font-size: 10px;
    font-size: 1rem;
    color: #195491
}

.emergency-message a, .left-column a[href^=http]:hover {
    text-decoration: none !important;
    border-bottom:1px solid #ffffff;
}

.emergency-message a:hover {
    text-decoration: none !important;
    border-bottom:1px solid #ffffff;
}

.left-column a[href^=http]:hover:after {
    color: #b86909
}

.left-column a[href^="http://beta.suffolk.gov.uk"]:after, .left-column a[href^="https://beta.suffolk.gov.uk"]:after, .left-column a[href^="http://www.suffolk.gov.uk"]:after, .left-column a[href^="https://www.suffolk.gov.uk"]:after {
    content: "" !important;
    padding: 0 !important
}

.emergency-message {
    padding: 0;
    text-align: center
}

.emergency-message p {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 1rem;
    line-height: 23px
}

.emergency-message a {
    color: #fff !important
}

.emergency-message .close-button {
    float: right;
    font-size: 18 pxpx;
    font-size: 1.8 rem
}

.emergency-message .close-button a {
    font-weight: bold;
    text-decoration: none !important
}

.scc-blue-btn {
    color: #fff;
    border-radius: 8px;
    border: none;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-weight: bold;
    -webkit-transition: 0ms;
    transition: 0ms
}

.resetformaction, .scc-green-btn, .scc-red-btn, input[type=submit] {
    font-weight: 600 !important;
    color: #fff;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    box-sizing: border-box;
    padding:8px 10px 7px;
    border:2px solid transparent;
    border-radius:0 !important;
    box-shadow: 0 2px 0 #003418;
}

.scc-blue-btn.search-button {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.scc-blue-btn:hover {
    background-color: #216dbd;
    color: #fff;
    text-decoration: none !important
}

.resetformaction, .scc-red-btn {
    background-color: #9a2c22;
    border: none;
    height: 34px;
    padding: 2px 10px 2px 10px;
    font-size: 1.6rem;
    -webkit-transition: 0ms;
    transition: 0ms
}

button.btn.scc-red-btn-homepage {
    background-color: #9a2c22;
    height: 60px;
    -webkit-transition: 0ms;
    color: #fff;
    transition: 0ms;
    border-radius: 0px;
}

.resetformaction, .scc-red-btn-homepage {
    background-color: #9a2c22;
    padding: 9px 20px;
    font-size: 1.6rem;
    -webkit-transition: 0ms;
    color: #fff;
    transition: 0ms
}

button.btn.scc-red-btn-homepage:hover {
background-color: #c4382b;
color: #fff;
text-decoration: none !important
}


.scc-red-btn-homepage p {
    font-size: 1.6rem;
    font-weight: bold;
}

.scc-red-btn p {
    font-weight: bold;

}

.resetformaction.search-button, .scc-red-btn.search-button {
    padding-top: 1px !important;
    padding-bottom: 0px !important
}

.resetformaction:hover, .scc-red-btn:hover {
    background-color: #c4382b;
    color: #fff;
    text-decoration: none !important
}

.resetformaction, .scc-red-btn-homepage:hover {
    background-color: #c4382b;
    color: #fff;
    text-decoration: none !important
}

.scc-green-btn, input[type=submit] {
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-transition: 0ms;
    transition: 0ms;
    background-color: #216321;
    box-shadow: 0 2px 0 #003418;
}

.scc-green-btn.search-button, input[type=submit].search-button {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.scc-green-btn:hover, input[type=submit]:hover {
    background-color: #149c14;
    color: #fff;
    text-decoration: none !important
}

.scc-transparent-btn {
    background-color: transparent
}

.transaction-button {
    padding:8px 10px 7px;
    border:2px solid transparent;
    border-radius:0;
    color: #fff;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-weight: bold;
    -webkit-transition: 0ms;
    transition: 0ms;
    background-color: #216321;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem
}

.transaction-button.search-button {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.transaction-button:hover {
    background-color: #149c14;
    color: #fff;
    text-decoration: none !important
}

.transaction-button:after {
    display: none !important
}

blockquote {
    border-left: 5px solid #e2eefa
}

img.center, img.left, img.leftAlone, img.right {
    margin-bottom: 2rem;
    margin-top: 2rem;
    clear: both;
    float: none;
    height: auto;
    width: 100%
}

@media only screen and (min-width: 992px) {
    img.left, img.leftAlone, img.right {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    img.center, img.left, img.leftAlone, img.right {
        height: auto;
        width: auto
    }

    img.left {
        margin-right: 4rem;
        clear: inherit;
        float: left
    }

    img.right {
        margin-left: 4rem;
        clear: inherit;
        float: right
    }

    img.leftAlone {
        clear: right;
        float: left;
        margin-right: 100%
    }

    img.center {
        margin: 2rem auto 4rem;
        clear: both;
        display: block;
        float: none
    }
}

#home_map_canvas {
    min-height: 350px;
    width: 100%
}

#home_map_canvas h5 {
    padding-top: 5px
}

#home_map_canvas .get-directions {
    margin-top: 10px
}

.content-map-wrapper {
    padding-bottom: 2rem;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC
}

.content-map-wrapper input[type=checkbox] {
    display: inline-block !important
}

.content-map-wrapper #findinmap {
    margin-bottom: 0
}

.content-map-wrapper #findinmap form {
    border-radius: 12px;
    background-clip: padding-box;
    margin: 0 auto 2rem;
    padding: 2rem;
    background-color: #EFEFED;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .content-map-wrapper #findinmap form {
        padding: 2rem 6rem
    }
}

.content-map-wrapper #findinmap form.decision-tree-form {
    padding-top: 0
}

.content-map-wrapper #findinmap form.decision-tree-form select {
    display: block;
    margin: 0 auto
}

.content-map-wrapper #findinmap form .field, .content-map-wrapper #findinmap form .form-group {
    display: block
}

.content-map-wrapper #findinmap form .field.optionset .message, .content-map-wrapper #findinmap form .form-group.optionset .message {
    margin-top: -1rem;
    padding: .8rem 0 0
}

.content-map-wrapper #findinmap form .field label, .content-map-wrapper #findinmap form .form-group label {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 2rem;
    color: #555;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.content-map-wrapper #findinmap form .field label.radio-label, .content-map-wrapper #findinmap form .form-group label.radio-label {
    float: left;
    margin-top: -.3rem
}

.content-map-wrapper #findinmap form .field input[type=text], .content-map-wrapper #findinmap form .field input[type=email], .content-map-wrapper #findinmap form .field input[type=tel], .content-map-wrapper #findinmap form .field select, .content-map-wrapper #findinmap form .field textarea, .content-map-wrapper #findinmap form .form-group input[type=text], .content-map-wrapper #findinmap form .form-group input[type=email], .content-map-wrapper #findinmap form .form-group input[type=tel], .content-map-wrapper #findinmap form .form-group select, .content-map-wrapper #findinmap form .form-group textarea {
    border-radius: 5px;
    background-clip: padding-box;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 .8rem;
    background-color: #fff;
    border: 5px solid #C4C4C6;
    box-shadow: none;
    color: #195491;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    min-height: 40px;
    resize: vertical;
    width: 100%
}

.content-map-wrapper #findinmap form .field input[type=text].medium, .content-map-wrapper #findinmap form .field input[type=email].medium, .content-map-wrapper #findinmap form .field input[type=tel].medium, .content-map-wrapper #findinmap form .field select.medium, .content-map-wrapper #findinmap form .field textarea.medium, .content-map-wrapper #findinmap form .form-group input[type=text].medium, .content-map-wrapper #findinmap form .form-group input[type=email].medium, .content-map-wrapper #findinmap form .form-group input[type=tel].medium, .content-map-wrapper #findinmap form .form-group select.medium, .content-map-wrapper #findinmap form .form-group textarea.medium {
    width: 60%
}

.content-map-wrapper #findinmap form .field input[type=text].small, .content-map-wrapper #findinmap form .field input[type=email].small, .content-map-wrapper #findinmap form .field input[type=tel].small, .content-map-wrapper #findinmap form .field select.small, .content-map-wrapper #findinmap form .field textarea.small, .content-map-wrapper #findinmap form .form-group input[type=text].small, .content-map-wrapper #findinmap form .form-group input[type=email].small, .content-map-wrapper #findinmap form .form-group input[type=tel].small, .content-map-wrapper #findinmap form .form-group select.small, .content-map-wrapper #findinmap form .form-group textarea.small {
    width: 150px
}

.content-map-wrapper #findinmap form .field input[type=text].xs, .content-map-wrapper #findinmap form .field input[type=email].xs, .content-map-wrapper #findinmap form .field input[type=tel].xs, .content-map-wrapper #findinmap form .field select.xs, .content-map-wrapper #findinmap form .field textarea.xs, .content-map-wrapper #findinmap form .form-group input[type=text].xs, .content-map-wrapper #findinmap form .form-group input[type=email].xs, .content-map-wrapper #findinmap form .form-group input[type=tel].xs, .content-map-wrapper #findinmap form .form-group select.xs, .content-map-wrapper #findinmap form .form-group textarea.xs {
    width: 100px
}

@media only screen and (min-width: 992px) {
    .content-map-wrapper #findinmap form .field input[type=text], .content-map-wrapper #findinmap form .field input[type=email], .content-map-wrapper #findinmap form .field input[type=tel], .content-map-wrapper #findinmap form .field select, .content-map-wrapper #findinmap form .field textarea, .content-map-wrapper #findinmap form .form-group input[type=text], .content-map-wrapper #findinmap form .form-group input[type=email], .content-map-wrapper #findinmap form .form-group input[type=tel], .content-map-wrapper #findinmap form .form-group select, .content-map-wrapper #findinmap form .form-group textarea {
        width: auto;
        min-width: 60%
    }
}

.content-map-wrapper #findinmap form .field textarea, .content-map-wrapper #findinmap form .form-group textarea {
    padding-top: .5rem;
    padding-bottom: .5rem;
    min-height: 50px
}

.content-map-wrapper #findinmap form .field select, .content-map-wrapper #findinmap form .form-group select {
    padding: 0
}

.content-map-wrapper #findinmap form .field input[type=radio] + label:before, .content-map-wrapper #findinmap form .form-group input[type=radio] + label:before {
    background: url(../images/icons/radio-box-sprite.png) no-repeat;
    width: 46px;
    height: 44px
}

.content-map-wrapper #findinmap form .field input[type=radio]:checked + label:before, .content-map-wrapper #findinmap form .form-group input[type=radio]:checked + label:before {
    background-position: 0 -44px
}

.content-map-wrapper #findinmap form .field.requiredField input[type=text], .content-map-wrapper #findinmap form .field.requiredField input[type=email], .content-map-wrapper #findinmap form .field.requiredField input[type=tel], .content-map-wrapper #findinmap form .field.requiredField select, .content-map-wrapper #findinmap form .field.requiredField textarea, .content-map-wrapper #findinmap form .form-group.requiredField input[type=text], .content-map-wrapper #findinmap form .form-group.requiredField input[type=email], .content-map-wrapper #findinmap form .form-group.requiredField input[type=tel], .content-map-wrapper #findinmap form .form-group.requiredField select, .content-map-wrapper #findinmap form .form-group.requiredField textarea {
    border: 5px solid #9a2c22
}

.content-map-wrapper #findinmap form .field.requiredField input[type=text].valid, .content-map-wrapper #findinmap form .field.requiredField input[type=email].valid, .content-map-wrapper #findinmap form .field.requiredField input[type=tel].valid, .content-map-wrapper #findinmap form .field.requiredField select.valid, .content-map-wrapper #findinmap form .field.requiredField textarea.valid, .content-map-wrapper #findinmap form .form-group.requiredField input[type=text].valid, .content-map-wrapper #findinmap form .form-group.requiredField input[type=email].valid, .content-map-wrapper #findinmap form .form-group.requiredField input[type=tel].valid, .content-map-wrapper #findinmap form .form-group.requiredField select.valid, .content-map-wrapper #findinmap form .form-group.requiredField textarea.valid {
    border: 5px solid #393
}

.content-map-wrapper #findinmap form .field.requiredField input[type=radio] + label:before, .content-map-wrapper #findinmap form .form-group.requiredField input[type=radio] + label:before {
    background-position: 0 -176px
}

.content-map-wrapper #findinmap form .field.requiredField input[type=radio] + label:before.valid, .content-map-wrapper #findinmap form .form-group.requiredField input[type=radio] + label:before.valid {
    background-position: 0 -88px
}

.content-map-wrapper #findinmap form .field.requiredField input[type=radio]:checked + label:before, .content-map-wrapper #findinmap form .form-group.requiredField input[type=radio]:checked + label:before {
    background-position: 0 -220px
}

.content-map-wrapper #findinmap form .field.requiredField input[type=radio]:checked + label:before.valid, .content-map-wrapper #findinmap form .form-group.requiredField input[type=radio]:checked + label:before.valid {
    background-position: 0 -132px
}

.content-map-wrapper #findinmap form .field.requiredField input[type=checkbox] + label:before, .content-map-wrapper #findinmap form .form-group.requiredField input[type=checkbox] + label:before {
    background-position: 0 -188px
}

.content-map-wrapper #findinmap form .field.requiredField input[type=checkbox] + label:before.valid, .content-map-wrapper #findinmap form .form-group.requiredField input[type=checkbox] + label:before.valid {
    background-position: 0 -94px
}

.content-map-wrapper #findinmap form .field.requiredField input[type=checkbox]:checked + label:before, .content-map-wrapper #findinmap form .form-group.requiredField input[type=checkbox]:checked + label:before {
    background-position: 0 -235px
}

.content-map-wrapper #findinmap form .field.requiredField input[type=checkbox]:checked + label:before.valid, .content-map-wrapper #findinmap form .form-group.requiredField input[type=checkbox]:checked + label:before.valid {
    background-position: 0 -141px
}

.content-map-wrapper #findinmap form .field .message, .content-map-wrapper #findinmap form .form-group .message {
    border-radius: 5px;
    margin-bottom: 1rem;
    margin-top: -1.8rem;
    padding: 1.8rem .8rem .4rem;
    background: #9a2c22;
    border: 5px solid #9a2c22;
    color: #fff;
    display: block;
    width: 60%
}

.content-map-wrapper #findinmap form .field.nocaptcha .message, .content-map-wrapper #findinmap form .form-group.nocaptcha .message {
    width: 302px
}

.content-map-wrapper #findinmap form .requiredField label:after {
    position: absolute;
    content: "";
    background: url(../imgs/bullet.png) center no-repeat;
    color: #f7aaab;
    float: right;
    right: -375px;
    right: -37.5rem;
    width: 10px;
    height: 10px;
    top: 15px;
    top: 1.5rem
}

.content-map-wrapper #findinmap form ul {
    padding: .5rem 0
}

.content-map-wrapper #findinmap form ul li {
    width: auto;
    display: inline;
    margin-bottom: 1rem;
    margin-right: 2rem
}

.content-map-wrapper #findinmap form input[type=file] {
    font-size: 13px;
    font-size: 1.3rem
}

.content-map-wrapper #findinmap form input[type=radio], .content-map-wrapper #findinmap form input[type=checkbox] {
    display: none
}

.content-map-wrapper #findinmap form input[type=radio] + label:before, .content-map-wrapper #findinmap form input[type=checkbox] + label:before {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    content: "\00a0\00a0";
    border-radius: 8px;
    background-clip: padding-box;
    position: relative
}

.content-map-wrapper #findinmap form input[type=checkbox]:checked + label:before {
    background-position: 0 -47px
}

.content-map-wrapper #findinmap form input[type=checkbox] + label:before {
    background: url(../images/icons/checkbox-sprite.png) no-repeat;
    width: 46px;
    height: 47px
}

.content-map-wrapper #findinmap form select {
    height: 40px
}

.content-map-wrapper #findinmap form .form-help-text {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    color: #555;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0
}

.content-map-wrapper #findinmap form .Actions {
    text-align: center;
    padding: 4rem 2rem
}

.content-map-wrapper #findinmap form .Actions input[type=submit], .content-map-wrapper #findinmap form .Actions input[type=reset] {
    min-width: 220px;
    display: block;
    margin: 0 auto 2rem
}

.content-map-wrapper #findinmap form .form-group {
    text-align: left !important
}

.content-map-wrapper #findinmap form label {
    display: block;
    margin-top: 0 !important
}

.content-map-wrapper #findinmap form input[type=text] {
    margin-right: 1rem
}

.content-map-wrapper #findinmap form button, .content-map-wrapper #findinmap form input[type=button] {
    width: 100%;
    margin-top: 2rem
}

@media only screen and (min-width: 992px) {
    .content-map-wrapper #findinmap form button, .content-map-wrapper #findinmap form input[type=button] {
        width: auto;
        margin-top: 0
    }
}

.content-map-wrapper #map_canvas img {
    max-width: none
}

.content-map-wrapper #map_canvas h5 {
    padding-top: 5px
}

.content-map-wrapper #maps-wait {
    height: 48px;
    text-align: center
}

.content-map-wrapper .googlemap {
    width: 100%;
    height: 300px
}

.content-map-wrapper #map_canvas .get-directions {
    text-decoration: none
}

.content-map-wrapper .typelist {
    padding: 1rem 0;
    list-style: none;
    margin: 0
}

.content-map-wrapper .typelist li {
    padding: .5rem 1rem .5rem .5rem;
    color: #0b0c0c;
    float: left
}

.content-map-wrapper .typelist li label {
    padding-left: 1rem;
    font-weight: 500
}

.content-map-wrapper .adp-placemark {
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #e2eefa
}

.content-map-wrapper img.adp-marker {
    height: 40px;
    padding-left: 20px;
    width: 42px
}

.content-map-wrapper .adp-text {
    color: #195491
}

.content-map-wrapper .adp table {
    width: 100%
}

#treeModal, #warningModal {
    margin-top: 100px
}

.scc-modal {
    text-align: center
}

.scc-modal .modal-content {
    border: 6px solid #B2B2B1;
    box-shadow: none !important
}

.scc-modal .modalButtonWrap {
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    left: 50%;
    position: absolute
}

.scc-modal .modal-footer {
    min-height: 65px
}

.modal-backdrop {
    background-color: #FFF !important
}

.shoutbox {
    padding: 1.5rem 0 0;
    background: #ccc;
    border: 1px solid #555;
    display: inline-block
}

.shoutbox a {
    text-decoration: none !important
}

.shoutbox a:hover {
    color: #4d4d4d !important;
    text-decoration: underline
}

.transactions-tabs {
    padding: 2rem 0 4rem
}

.transactions-tabs #tab1:before, .transactions-tabs #tab2:before, .transactions-tabs #tab3:before, .transactions-tabs #tab4:before, .transactions-tabs #tab5:before {
    content: " ";
    display: block;
    height: 600px;
    margin-top: -600px;
    visibility: hidden
}

.transactions-tabs ul#transactionsTab {
    max-width: 100%;
    white-space: nowrap;
    clear: both
}

.transactions-tabs ul#transactionsTab li {
    padding: 0;
    vertical-align: middle;
    white-space: pre-wrap;
    width: 20%
}

.transactions-tabs ul#transactionsTab li a {
    background: #195491;
    border-bottom: 0;
    border-left: 1px solid #195491;
    border-right: 1px solid #195491;
    border-top: 1px solid #195491;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.transactions-tabs ul#transactionsTab li a:hover {
    background: #5fa0e4
}

.transactions-tabs ul#transactionsTab li.active a {
    background: #fff;
    color: #135292
}

.transactions-tabs .panel.panel-default h2, .transactions-tabs .tab-pane h2 {
    color: #195491
}

.panel-group .panel-heading {
    background-color: #195491
}

.panel-group .panel-heading .panel-title > a {
    color: #fff;
    display: block;
    padding-right: 30px;
    position: relative
}

.panel-group .panel-heading .panel-title > a:after {
    font-size: 18px;
    font-size: 1.8rem;
    content: '\f056';
    display: inline-block;
    float: right;
    font-family: FontAwesome;
    margin-top: -12px;
    position: absolute;
    right: 0;
    top: 50%
}

.atoz ul:before, .pagination .summary {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.panel-group .panel-heading .panel-title > a.collapsed:after {
    content: '\f055'
}

.atoz {
    padding-bottom: 1rem;
    padding-top: 1rem;
    background-color: #3487dc
}

.atoz ul {
    padding: .6rem 0 0
}

.atoz ul:before {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    padding-right: 2rem;
    clear: both;
    color: #fff;
    content: "A to Z of Council Services:";
    display: block;
    float: left;
    font-weight: bold;
    width: 100%
}

.atoz ul li {
    border-radius: 7px;
    background-clip: padding-box;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 12px;
    line-height: 1.2rem;
    margin-top: 1rem;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    height: 24px;
    padding: 0;
    width: 24px;
    text-align: center
}

.atoz ul li.xs-break {
    background: 0 0;
    display: block;
    height: 0;
    margin: 0;
    padding: 0
}

.arrow-down-red, .arrow-down-white {
    bottom: -50px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-left: -2rem;
    top: -20px
}

.atoz ul li.xs-break:hover {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    .atoz ul li.xs-break {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    .atoz ul li {
        margin-top: 0
    }
}

.atoz ul li a {
    display: block;
    height: 24px;
    line-height: 1em;
    padding: 5px;
    width: 25px
}

.arrow-down-grey, .arrow-down-red, .arrow-down-white {
    height: 40px;
    left: 50%;
    position: absolute;
    width: 40px;
    z-index: 0
}

.atoz ul li:hover {
    background-color: #fff;
    color: #195491
}

.atoz ul li:hover a {
    color: #195491;
    text-decoration: none
}

.atoz ul a {
    color: #fff;
    text-decoration: none;
    display: inline-block
}

.arrow-down-white {
    bottom: -5rem;
    transform: rotate(45deg);
    top: -2rem;
    background-color: #fff
}

.arrow-down-red {
    bottom: -5rem;
    transform: rotate(45deg);
    top: -2rem;
    background-color: #9a2c22
}

.arrow-down-dark-blue, .arrow-down-grey {
    bottom: -50px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-left: -2rem;
    top: -20px
}

.arrow-down-grey {
    bottom: -5rem;
    transform: rotate(45deg);
    top: -2rem;
    background-color: #f2f2f2
}

.arrow-down-dark-blue {
    bottom: -5rem;
    transform: rotate(45deg);
    top: -2rem;
    background-color: #195491;
    height: 40px;
    left: 50%;
    position: absolute;
    width: 40px;
    z-index: 0
}

.arrow-down-light-blue, .arrow-down-lighter-blue {
    bottom: -50px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: -20px;
    margin-left: -2rem;
    height: 40px;
    left: 50%;
    width: 40px;
    z-index: 0;
    position: absolute
}

.arrow-down-lighter-blue {
    bottom: -5rem;
    transform: rotate(45deg);
    top: -2rem;
    background-color: #e2eefa
}

.arrow-down-light-blue {
    bottom: -5rem;
    transform: rotate(45deg);
    top: -2rem;
    background-color: #34849B
}

.arrow-down-green {
    bottom: -50px;
    bottom: -5rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -2rem;
    top: -20px;
    top: -2rem;
    background-color: #B7CC14;
    height: 40px;
    left: 50%;
    position: absolute;
    width: 40px;
    z-index: 0
}

.carousel-indicators li.active, .darkbluecircle {
    background-color: #195491
}

.carousel-indicators {
    bottom: 10px;
    bottom: 1rem
}

.carousel-indicators li {
    border: 1px solid #195491
}

.darkbluecircle {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.lightbluecircle {
    background-color: #216dbd;
    border-radius: 50%;
    height: 50px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 50px;
    z-index: 2
}

.carousel-back:hover span, .carousel-forward:hover span {
    background-color: #5fa0e4
}

.carousel-back span, .carousel-forward span {
    border-radius: 25px;
    background-clip: padding-box;
    color: #fff;
    display: inline-block;
    height: 50px;
    text-align: center;
    width: 50px
}

.carousel-back span {
    padding-top: .9rem
}

.carousel-forward span {
    padding-top: .8rem
}

.breadcrumbs-wrapper {
    background-color: #e2eefa;
    position: relative;
    z-index: 99
}

.breadcrumbs-wrapper .inner-row {
    margin: 0 -15px !important
}

.breadcrumbs-wrapper .breadcrumbs {
    padding-top: 1rem
}

.breadcrumbs-wrapper .breadcrumbs ul {
    padding-left: 0
}

.breadcrumbs-wrapper .breadcrumbs ul li {
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: .3rem;
    display: inline;
    list-style: none
}

.breadcrumbs-wrapper .breadcrumbs ul li:after {
    content: "\00BB";
    padding-left: .3rem
}

.breadcrumbs-wrapper .breadcrumbs ul li:last-child:after {
    content: ""
}

.breadcrumbs-wrapper .breadcrumbs ul li a {
    color: #195491;
    font-weight: 500 !important
}

.breadcrumbs-wrapper .breadcrumbs ul li a:hover {
    color: #b86909;
    border-bottom: 1px solid;
    text-decoration: none
}

.icon-bar-wrap {
    display: table-cell
}

.mobile-content-nav-header {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0;
    margin-top: -2.8rem;
    padding-left: 3rem;
    color: #195491;
    display: table-cell;
    float: left
}

.pagination {
    width: 100%
}

.pagination-pages ul li a, .pagination-pages ul li span, .pagination-pages ul li.current {
    border-radius: 15px;
    background-clip: padding-box;
    margin-right: 1.2rem;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center
}

.pagination .summary {
    font-size: 14px;
    font-size: 1.4rem;
    padding-bottom: 2rem;
    padding-left: 0;
    color: #195491;
    font-weight: bold
}

.pagination ul li {
    display: inline;
    list-style: none
}

.pagination ul li a {
    color: #195491;
    font-weight: 500 !important
}

.pagination > div {
    padding-left: 0
}

.pagination-pages ul {
    padding: 0;
    list-style: none
}

.pagination-pages ul li {
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff !important;
    display: inline-block
}

.pagination-pages ul li.current {
    background-color: #195491;
    color: #fff !important;
    display: inline-block
}

.pagination-pages ul li a, .pagination-pages ul li span {
    background-color: #CCC;
    color: #fff !important;
    display: inline-block
}

.pagination-pages ul li a:hover, .pagination-pages ul li span:hover {
    background-color: #195491;
    text-decoration: none !important
}

.image-gallery .image-container, .image-gallery .image-container .text-right {
    padding-right: 1.5rem
}

.image-gallery-modal {
    padding: 1.5rem
}

.image-gallery-modal .close {
    opacity: 1 !important;
    color: #fff !important
}

.image-gallery-modal .modal-dialog {
    width: 100%
}

.image-gallery-modal .modal-dialog .modal-content {
    background: #000
}

.image-gallery-modal .modal-dialog .modal-content .modal-header, .image-gallery-modal .modal-dialog .modal-content .modal-header * {
    border: none
}

.image-gallery-modal .modal-dialog .modal-content .modal-header .control {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 14px;
    background: url(../images/icons/image-gallery-thumb-controls.png) 0 27px no-repeat #000;
    float: left;
    margin-top: 2rem;
    height: 79px;
    cursor: pointer
}

.image-gallery-modal .modal-dialog .modal-content .modal-header .control.slide-right {
    background-position: -14px 27px
}

.image-gallery-modal .modal-dialog .modal-content .modal-body {
    display: table
}

.image-gallery-modal .modal-dialog .modal-content .modal-body .table-row {
    display: table-row
}

.image-gallery-modal .modal-dialog .modal-content .modal-body .table-row .column {
    display: table-cell
}

.image-gallery-modal .modal-dialog .modal-content .modal-body .control {
    white-space: nowrap;
    overflow: hidden;
    width: 28px;
    background: url(../images/icons/slide-left.png) center center no-repeat #000;
    float: left;
    cursor: pointer
}

.image-gallery-modal .modal-dialog .modal-content .modal-body .control.move-right {
    background: url(../images/icons/slide-right.png) center center no-repeat #000
}

.image-gallery-modal .modal-dialog .modal-content .modal-body img {
    max-height: 500px !important;
    max-width: 512px !important
}

.image-gallery-modal .modal-dialog .modal-content .modal-body .image-wrapper {
    width: 100%
}

.image-gallery-modal .modal-dialog .modal-content .modal-body .caption {
    color: #fff;
    margin-top: 1rem;
    font-weight: bold;
    display: inline-block
}

.image-gallery-modal .image-slider {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 95%;
    float: left
}

.image-gallery-modal .image-slider li {
    display: inline-block;
    margin-right: 1rem;
    position: relative;
    left: 0
}

.image-gallery-modal .image-slider li a img {
    border: 2px solid #000 !important
}

.image-gallery-modal .image-slider li a.active img {
    border: 2px solid #fff !important
}

@media only screen and (min-width: 768px) {
    .intro {
        margin-bottom: 3rem
    }
}

@media only screen and (min-width: 992px) {
    .internal-site-search .input-group span button, .left-image, .right-image {
        float: right
    }

    .internal-site-search {
        float: right;
        margin-top: -1rem;
        height: 40px;
        width: 100%
    }

    .internal-site-search select {
        margin-top: 0
    }

    .internal-site-search .input-group {
        width: 100%
    }

    .internal-site-search .input-group span {
        width: 10% !important
    }

    .transaction-button {
        padding: 1rem 2rem;
        margin: 1rem auto 0;
        vertical-align: middle;
        min-width: 150px;
        position: relative;
        width: auto
    }

    .triangle-wrap {
        width: 100%;
        height: 20px;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -50%;
        bottom: -20px;
        bottom: -2rem
    }

    .triangle-wrap .triangle-indicator {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17.3px 10px 0;
        border-color: #e2eefa transparent transparent;
        line-height: 0;
        margin-bottom: -2rem;
        position: absolute;
        left: 50%;
        margin-left: -1rem
    }


    .atoz ul:before {
        width: auto
    }
}

.footer-content-wrapper {
    background-color: #195491
}

.footer-content-wrapper .footer-content {
    color: #fff;
    padding-top: 1rem;
    padding-bottom: 2rem;
    margin-left: -15px;
}

.footer-content-wrapper .footer-content h3 {
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
}

.footer-content-wrapper .footer-content h4 {
    color: #fff;
    padding-bottom: 5px
}

.footer-content-wrapper .footer-content th {
    border-bottom: 1px solid #fff;
    padding-bottom: .5rem
}

.footer-content-wrapper .footer-content td, .footer-content-wrapper .footer-content th {
    padding-right: 1.5rem
}

.footer-content-wrapper .footer-content a {
    color: #ffffff;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-bottom:1px solid #ffffff;
    line-height: 40px;
}

.footer-content-wrapper .footer-content a:hover {
    color: #ccc;
    text-decoration: none !important;
    border-bottom:1px solid #ccc;
}

.footer-content .social-icons {
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 4rem;
}

.footer-content .social-icons:before {
    content: ""
}



.footer-content .social-icons li {
    display: inline-block;
    list-style: none;
    float: left;
    margin-right: 20px
}

.footer-content .social-icons li.text {
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    text-align: right;
    width: 80px
}

.footer-content .social-icons li.text span {
    display: block;
    line-height: 28px
}

.footer-content .social-icons li a {
    color: #fff;
    display: block;
    text-decoration: none;
    border-bottom: none !important;
    padding-top: 8px;
}

.footer-content .social-icons li a:focus {
    width: fit-content;
    height: 42px;
}

.footer-content .social-icons li a i {
    line-height: 28px;
    font-size: 2.5em;
}

.footer-content .social-icons li a:hover {
    color: #cccccc;
}

.visually-hidden {
    clip-path: inset(100%);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
 }

.scc__twitter__feed .follow-link, .scc__twitter__feed h2:before, h1, h1 a, h2, h2 a, h3, h3 a, h4 a, h5, h5 a, h6, h6 a {
    color: #0b0c0c;
}

.footer-content-wrapper .footer-content ul {
    list-style: none;
    padding-left: 0;
    padding-right: 3rem
}

.footer-content-wrapper .footer-content li {
    line-height: 2em
}

.translate {
    overflow-x: hidden
}

.section-accordion-parent {
    margin-top: 0;
    margin-bottom: 4rem
}

.section-accordion-parent .accordion-header {
    position: relative;
    cursor: pointer
}

.section-accordion-parent .accordion-header .title {
    display: block;
    padding-right: 40px
}

.section-accordion-parent .accordion-header .toggle {
    position: absolute;
    right: 15px;
    top: 50%
}

.section-accordion-parent h2.accordion-header {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #e2eefa;
    display: block;
    position: relative
}

.section-accordion-parent h2.accordion-header:focus {
    outline: 3px solid #b86909 !important;
    outline-offset: 3px !important;
}



.section-accordion-parent h2.accordion-header i {
    float: right;
    line-height: 3.4rem;
    margin-top: -17px;
    position: absolute;
    right: 0;
    top: 50%
}

.section-accordion-parent .section-accordion {
    padding: 1rem;
    margin-bottom: 2rem;
    overflow: auto
}

.section-accordion-parent .section-accordion p {
    font-size: 18px;
    font-size: 1.8rem
}

.symology-page .site-header-border {
    height: 50px;
    background: #E1EDF9
}

.symology-page .footer-content {
    margin-top: -.5rem
}

.text-middle {
    text-align: center
}

.text-middle .inline-middle {
    display: inline-block;
    float: none !important
}

.text-resizer-controls i {
    display: inline-block;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat
}

.text-resizer-controls i:hover {
    background-position: 0 -27px
}

.medium-text i {
    background-image: url(../images/icons/decrease-font-size.png)
}

.large-text i {
    background-image: url(../images/icons/reset-font-size.png)
}

.larger-text i {
    background-image: url(../images/icons/increase-font-size.png)
}

.switch-contrast i {
    background-image: url(../images/icons/switch-contrast.png);
    background-position: 0 0 !important
}

.sccicon-streetlife {
    height: 28px;
    height: 2.8rem;
    width: 28px;
    width: 2.8rem;
    display: inline-block
}

#google-map-canvas, .ElginRoadworksWidget {
    height: 600px
}

.kampyle {
    bottom: 0;
    display: block;
    position: absolute;
    right: 0;
    width: 81px
}

.scc__twitter__feed {
    padding: 2rem 3rem;
    background-color: #e2eefa;
    margin-bottom: 10px;
    margin-left: -13px;
}

.twitter-timeline {
    background-color: #e2eefa !important;
}

.scc__twitter__feed h2:before {
    padding-bottom: 0;
    padding-right: 2rem;
    content: "\f099";
    font-family: FontAwesome;
    vertical-align: middle
}


.scc__twitter__feed ul {
    padding-left: 0
}

.scc__twitter__feed ul li {
    padding: 1rem 0 0;
    border-bottom: 1px solid #195491;
    list-style: none
}

.scc__twitter__feed ul li p {
    padding-left: 7rem;
    margin-bottom: 1rem
}

.scc__twitter__feed ul li p span {
    color: #195491;
    font-size: 13px;
    font-weight: 400
}

.site-header .pre-menu li, h1, h2, h3, h4, h5, h6, li a, p a, table a {
    font-weight: bold
}

.scc__twitter__feed ul li p a img {
    display: none
}

.scc__twitter__feed ul li img {
    float: left;
    margin-right: 10px
}

.scc__twitter__feed ul li:last-child {
    border: none
}

.scc__twitter__feed .follow-link {
    padding: 1rem 0 0;
    font-size: 24px;
    font-weight: bold;
    display: block;
    clear: both
}
#twitter-widget-0 {
    height:450px !important;
}

body {
    font-size: 18px !important;
}

body, h4 {
    color: #0b0c0c
}

body {
    background-color: #fff;
}

html {
    font-size: 50%
}

body {
    -ms-overflow-style: scrollbar;
    overflow-x: hidden
}

body.fixed {
    overflow: hidden
}

h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 48px;
    line-height: 4.8rem
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #195491;
    text-decoration: none;
    border-bottom: 1px solid #195491;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #b86909;
    text-decoration: none;
    border-bottom: 1px solid #b86909;
}

@media only screen and (min-width: 992px) {
    h1 {
        font-size: 52px;
        font-size: 4.2rem;
        line-height: 60px;
        line-height: 6rem
    }
}

h2 {
    font-size: 24px;
    font-size: 2.4rem
}

@media only screen and (min-width: 992px) {
    h2 {
        font-size: 30px;
        font-size: 2.5rem
    }
}

h3 {
    font-size: 22px;
    font-size: 2.2rem
}

@media only screen and (min-width: 992px) {
    h3 {
        font-size: 20px;
        font-size: 2.1rem
    }
}

h4 {
    font-size: 18px;
    font-size: 1.8rem
}

h5 {
    font-size: 18px;
    font-size: 1.8rem
}

h6 {
    font-size: 14px;
    font-size: 1.4rem
}

@media only screen and (min-width: 992px) {
    h6 {
        font-size: 18px;
        font-size: 1.8rem
    }
}

li, p, table {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.site-header .pre-menu, .site-header .pre-menu li {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

li.published-date, p.published-date, table.published-date {
    color: #0b0c0c;
    font-size: 1.4rem;
}

li a, p a, table a {
    color: #195491;
    text-decoration: none !important;
    border-bottom:1px solid #195491;
}

li a:hover, p a:hover, table a:hover {
    color: #b86909;
    text-decoration: none !important;
    border-bottom:1px solid #b86909;
}

.content-page-wrapper {
    padding-top: 0
}

.site-header {
    background-color: #195491;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101
}

.site-header a {
    color: #fff;
    line-height: 28px;
}

.site-header.container-fluid {
    padding-bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 101
}

.site-header .navbar-collapse {
    border-bottom: 15px solid #195491;
    overflow: hidden
}

.site-header .feedback-message {
    background: #393;
    color: #fff;
    text-align: center
}

.site-header .feedback-message .container {
    padding-top: 5px;
    padding-bottom: 5px
}

.site-header .feedback-message .container .inner-row {
    margin: 0 -15px !important
}

.site-header .feedback-message .container h4 {
    color: #fff;
    margin: 0;
    padding: 0
}

.site-header .feedback-message .container .btn {
    font-size: 18px;
    margin-top: 7px;
    width: 100%
}

.site-header .feedback-message .container p {
    margin-bottom: 0
}

.site-header .feedback-message a, .site-header .feedback-message a:focus, .site-header .feedback-message a:hover {
    color: #fff
}

.site-header .cookie-message {
    background: #000;
    color: #fff;
    line-height: 16px;
    display: none;
    width: 100%
}

.site-header .cookie-message .container {
    padding-top: 10px;
    padding-bottom: 0
}


#ccc-icon.ccc-icon--light {
    fill: #195491 !important
}

#ccc-icon:focus{
    fill: orange !important
}

#ccc-content.ccc-statement-name {
    color: #195491 !important
}

#ccc-content.ccc-statement-name a {
    color: #195491 !important
}

#ccc .ccc-notify-button {
    font-size: 0.9em !important;
}

#ccc #ccc-content #ccc-dismiss-button, #ccc #ccc-content #ccc-dismiss-button span {
    margin: auto !important;
}

#ccc #ccc-icon.ccc-icon--no-outline, #ccc .ccc-content--no-outline *, #ccc .ccc-content--no-outline .ccc-tabbable a:focus {
    outline: none !important;
}


.site-header .cookie-message a, .site-header .cookie-message a:focus, .site-header .cookie-message a:hover {
    color: #fff;
    text-decoration: underline
}

.site-header .header-menu {
    background-color: #195491;
    padding-top: 0
}



.site-header .header-menu.fixed-header {
    position: fixed !important;
    top: 0;
    width: 100%
}

.site-header .pre-menu {
    color: #fff;
    padding: 5px 0 0
}

.site-header .pre-menu li {
    display: inline-block;
    height: 28px;
    float: left;
    list-style: none;
    margin-right: 10px;
    text-align: center;
    width: 28px
}

.site-header .pre-menu li.text {
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    text-align: right;
    width: 80px
}

.site-header .pre-menu li a {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    vertical-align: middle
}

.site-header .pre-menu li .text-size {
    background-color: #fff;
    color: #195491
}

.site-header .pre-menu li .text-size:hover {
    background-color: #5fa0e4;
    text-decoration: none
}

.site-header .pre-menu li .invert-text {
    background-color: #000;
    border-radius: 4px;
    color: #FF0
}

.site-header .pre-menu li .invert-text:hover {
    background-color: #FF0;
    color: #000;
    text-decoration: none
}

.site-header .hamburger a:hover, .site-header .search a:hover {
    background-color: #216dbd
}

.site-header .pre-menu li:last-child {
    margin-right: 0
}

.site-header .social-icons {
    float: none;
    text-align: center;
    margin-top: 1rem
}

.site-header .social-icons:before {
    content: ""
}

.site-header .social-icons li {
    display: inline-block;
    list-style: none;
    float: left;
}

.site-header .social-icons li.text {
    color: #195491;
    font-size: 12px;
    line-height: 28px;
    text-align: right;
}

.social-icons li.text  a {
    color: #195491;
}

.social-icons li.text  a:hover {
    color: #fff;
}

.site-header .social-icons li.text span {
    line-height: 28px
}

.site-header .social-icons li a {
    color: #195491;
    height: 28px;
    text-decoration: underline;
}

.site-header .social-icons li a i {
    line-height: 28px
}

.site-header .social-icons li a:hover {
    color: #fff;
}

.site-header .social-icons li a:focus {
    color: #fff;
}

.site-header .hamburger {
    padding-bottom: 1rem;
    padding-top: .5rem;
    text-align: center
}

.site-header .hamburger a {
    cursor: pointer;
    display: block;
    border: 1px solid #fff;
    border-radius: 6px;
    margin-top: 5px;
    width: 55px
}

.site-header .hamburger a p {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: 5px;
    width: 100%;
    padding-top: 0
}

.site-header .hamburger i {
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    color: #fff
}

.site-header .search {
    padding-bottom: 1rem;
    padding-top: .5rem;
    text-align: center
}

.site-header .search a {
    display: block;
    float: right;
    width: 55px;
    margin-top: 5px;
    border: 1px solid #fff;
    border-radius: 6px
}

.site-header .search a p {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: 3px;
    width: 100%;
    padding-top: 0
}

.site-header .search i {
    font-size: 30px;
    font-size: 3rem;
    line-height: 42px;
    color: #fff
}

.site-header .site-logo {
    padding: 0;
    text-align: center
}

.site-header .site-logo a {
    display: block;
    height: 70px;
    margin-top: .5rem;
    margin-bottom: -14px;
    overflow: hidden;
    width: 100%
}

.site-header .site-logo i {
    padding: .5rem 1.5rem;
    background-position: center;
    color: #fff;
    display: block;
    font-size: 0;
    height: 50px;
    margin: 10px auto 10px -8px;
    width: 100%
}

.site-header .site-logo i:before {
    font-size: 150px;
    line-height: 170px
}

.site-header form {
    margin: 0;
    overflow: hidden;
    padding-top: 0;
    position: relative;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    margin-bottom: 5px;
}

.site-header form.show-input {
    padding-top: 50px;
    overflow: visible
}

.site-header form .slideout-input {
    position: absolute;
    bottom: 0;
    margin-bottom: 10px
}

.site-header form input.site-search {
    padding-left: 10px
}

.site-header form .input-group {
    width: 100%;
}

@media screen and (min-width: 360px){

    .site-header form .input-group {
        width: 100%;
        margin-left: 0px;
    }
}


.site-header form .input-group button {
    margin-top: 0;
    color: #fff
}

button {
    width: 100%
}

.home-wrapper .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 40px;
    padding-bottom: 40px;
}

.home-wrapper .warning-wrapper {
    background-color: #9a2c22;
    margin-bottom: 40px;
    margin-top: -20px;
    padding: 20px 0;
    text-align: center
}

.home-wrapper .warning-wrapper .warning-content:before {
    padding-right: 0;
    color: #fff;
    content: "\f071";
    float: none;
    font-family: FontAwesome;
    font-size: 140px;
    line-height: 160px
}

.home-wrapper .warning-wrapper .warning-content h1 {
    padding-top: 0;
    color: #fff
}

.home-wrapper .warning-wrapper .warning-content p {
    color: #fff
}

.site-intro {
    padding-bottom: 2rem !important;
    padding-top: 2rem;
}

.home-wrapper .site-intro .input-group .site-search {
    height: 60px;
    border: 5px solid #195491;
    font-size: 18px;
    font-size: 1.8rem
}

.home-wrapper .site-intro .input-group .scc-red-btn {
    height: 60px;
    color: #fff;
}

.scc-red-btn-homepage p {
    margin-bottom: 0px !important;
}

.vertical-row {
    Float:left;
    height:200px;
    width:1px; /* edit this if you want */
    background-color: #ccc;
}

.home-wrapper .transaction-header h2 {
    margin-top: 0;
    text-align: center;
    font-size: 28px;
}

.home-wrapper .transactions-main-mobile .navbar-nav, .home-wrapper .transactions-main-mobile .site-header .navbar-nav {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.home-wrapper .transactions-main-mobile .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .home-wrapper .transactions-main-mobile .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a, .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .home-wrapper .transactions-main-mobile .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a {
    margin-top: 10px
}

.home-wrapper .transactions-main-mobile .showall-link {
    font-weight: bold;
}

.home-wrapper .transactions-main .transactions-wrapper {
    padding-top: .2rem;
    padding-bottom: 2rem
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile {
    cursor: pointer;
    min-height: 150px;
    text-align: center
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a {
    border-radius: 8px;
    background-clip: padding-box;
    padding-top: 2rem;
    color: #195491;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a h2 {
    font-size: 18px;
    font-size: 1.8rem
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a .transaction-icon {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    font-size: 32px;
    font-size: 3.2rem;
    margin: 0 auto;
    -webkit-transition: .2s;
    transition: .2s;
    padding: 1rem;
    background-color: #195491;
    border-radius: 50%;
    border: 0;
    color: #fff;
    font-family: scc-icons;
    text-align: center
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a .transaction-icon .transaction-inner {
    -webkit-transition: .2s;
    transition: .2s;
    padding: 2.5rem;
    background: #216dbd;
    border-radius: 50%;
    height: 100%
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a .transaction-icon .transaction-inner i {
    -webkit-transition: .2s;
    transition: .2s;
    display: block;
    font-size: 2em;
    font-style: normal;
    height: 100%;
    line-height: 170px;
    width: 100%
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a .transaction-icon .triangle-wrap {
    opacity: 0
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a:hover h2 {
    color: #b86909
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a:hover .transaction-icon {
    font-size: 28px;
    font-size: 2.8rem;
    padding: 1.5rem;
    background-color: #b86909
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a:hover .transaction-icon .transaction-inner {
    background: #e9850b
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a:hover .transaction-icon .transaction-inner i {
    line-height: 150px
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a.active-transaction {
    -webkit-transition: 0ms;
    transition: 0ms;
    background-color: #e2eefa;
    color: #195491
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a.active-transaction .transaction-icon {
    background-color: #b86909
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a.active-transaction .transaction-icon .transaction-inner {
    background: #e9850b
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a.active-transaction h2 {
    color: #b86909
}

.home-wrapper .transactions-main .transactions-wrapper .transaction-tile a.active-transaction .triangle-wrap {
    display: block;
    opacity: 1;
    bottom: -20px
}

.home-wrapper .transactions-sub {
    position: relative;
    z-index: 10
}

.home-wrapper .transactions-sub .transactions-wrapper {
    width: 100%
}

.home-wrapper .transactions-sub .transactions-wrapper .transaction-tile {
    border-spacing: 0 10px;
    display: table;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-weight: bold;
    height: 100%;
    text-align: center
}

.home-wrapper .transactions-sub .transactions-wrapper .transaction-tile a {
    font-size: 18px;
    font-size: 1.8rem;
    background-color: #b86909;
    color: #fff;
    display: table-cell;
    padding: 20px;
    vertical-align: middle;
    width: 100%
}

.home-wrapper .transactions-sub .transactions-wrapper .transaction-tile a:hover {
    background-color: #e9850b;
    text-decoration: none
}

.home-wrapper .transactions-sub .transactions-wrapper .transaction-tile .show-more {
    background-color: #9a2c22
}

.home-wrapper .transactions-sub .transactions-wrapper .transaction-tile .show-more:after {
    font-size: 10px;
    font-size: 1rem;
    padding-left: 6rem;
    content: "\f054";
    font-family: FontAwesome
}

.home-wrapper .transactions-sub .transactions-wrapper .transaction-tile .show-more:hover {
    background-color: #c4382b
}

.home-wrapper .transactions-sub .carousel-indicators {
    bottom: -40px;
    bottom: -4rem
}

.home-wrapper .transactions-sub .carousel-back {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 2rem;
    margin-left: -5rem;
    position: relative
}

.home-wrapper .transactions-sub .carousel-back span {
    position: absolute;
    width: 50px;
    top: 4px;
    left: 4px;
    z-index: 3;
    padding-top: 13px
}

.home-wrapper .transactions-sub .carousel-forward {
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    margin-left: -40px
}

.home-wrapper .transactions-sub .carousel-forward span {
    position: absolute;
    width: 50px;
    top: 4px;
    left: 4px;
    z-index: 3;
    padding-top: 13px
}

.home-wrapper .transactions-sub .button-container {
    text-align: center
}

.home-wrapper .transactions-sub .close-menu button, .home-wrapper .transactions-sub .show-all button {
    margin: 1rem auto;
    display: inline-block;
    min-width: 100px;
    width: auto
}

.home-popularLinks h2 {
    font-size: 2rem;
    margin-left: 30px;
    color: #0b0c0c;
    text-align: left !important;
}

.home-popularLinks ul li {
    list-style-type: none;
    line-height: 1.5;
    margin-left: -10px !important;
}

.home-popularLinks a {
    color: #195491;
    text-decoration: none !important;
    border-bottom:1px solid #195491;
}

.home-popularLinks a:hover {
    color: #b86909;
    text-decoration: none !important;
    border-bottom:1px solid #b86909;
}



.home-wrapper .services-main {
    padding-top: 2rem;
    background-color: #fff;
    position: relative;
    z-index: 3
}

.home-wrapper .services-main .arrow-down-white {
    display: none
}

.home-wrapper .services-main .service-tile {
    margin-bottom: 2rem;
    height: auto;
    width: 100%
}

.home-wrapper .services-main .service-tile a {
    width: 100%;
    height: auto;
    background-color: #fff;
    display: block
}

.home-wrapper .services-main .service-tile a:hover {
    background-color: #195491
}

.home-wrapper .services-main .service-tile a:hover h3, .home-wrapper .services-main .service-tile a:hover p {
    color: #fff
}

.home-wrapper .services-main .service-tile a h3 {
    padding: 1rem;
    font-size: 18px;
    font-size: 1.8rem
}

.home-wrapper .services-main .service-tile a p {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1rem;
    clear: both;
    color: #555;
    display: block;
    width: 100%
}

.home-wrapper .services-main .service-tile a i {
    font-size: 30px;
    font-size: 3rem;
    margin-right: 2rem;
    background-color: #195491;
    color: #fff;
    display: block;
    float: left;
    height: 60px;
    position: relative;
    width: 60px
}

.home-wrapper .services-main .service-tile a i:before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    height: 25px;
    width: 30px
}

.home-wrapper .services-new .services-title-wrap h2 {
    margin-bottom: 2rem
}

.home-wrapper .services-new.services-main {
    padding-top: 2rem;
    background-color: #fff;
    position: relative;
    z-index: 3
}

.home-wrapper .services-new.services-main .arrow-down-white {
    display: none
}

.home-wrapper .services-new.services-main .service-tile {
    margin-bottom: 2rem;
    height: auto;
    width: 100%
}

.home-wrapper .services-new.services-main .service-tile a {
    background-color: #fff;
    display: block;
    height: auto;
    overflow: hidden;
    width: 100%
}

.home-wrapper .services-new.services-main .service-tile a:hover {
    background-color: #195491
}

.home-wrapper .services-new.services-main .service-tile a:hover h3, .home-wrapper .services-new.services-main .service-tile a:hover p {
    color: #fff
}

.home-wrapper .services-new.services-main .service-tile a h3 {
    padding: 1rem;
    font-size: 18px;
    font-size: 1.8rem
}

.home-wrapper .services-new.services-main .service-tile a p {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1rem;
    clear: both;
    color: #555;
    display: block;
    width: 100%
}

.home-wrapper .services-new.services-main .service-tile a i {
    font-size: 30px;
    font-size: 3rem;
    margin-right: 2rem;
    padding: 1.2rem;
    background-color: #195491;
    color: #fff;
    display: block;
    float: left;
    height: 60px !important;
    position: relative;
    width: 60px !important
}

.home-wrapper .services-new.services-main .service-tile a i .background-size-polyfill {
    border: 12px solid transparent !important;
    border: 1.2rem solid transparent !important
}

.home-wrapper .services-new.services-main .service-tile a i:before {
    height: 25px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px
}

.home-wrapper .announcements {
    background-color: #e2eefa;
    padding-bottom: 2rem;
    padding-top: 2rem;
    position: relative
}

.home-wrapper .announcements .topical-today h3 {
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    font-size: 2.0rem;
}

.home-wrapper .announcements .topical-today .topical-image {
    margin: 20px 0;
    height: 200px;
    overflow: hidden
}

.home-wrapper .announcements .topical-today a {
    color: #195491;
    text-decoration: none !important;
    border-bottom:1px solid #195491;
}

.home-wrapper .announcements .topical-today a:hover {
    color: #b86909;
    text-decoration: none !important;
    border-bottom:1px solid #b86909;
}

.footer-content .latest-news {
    padding-top: 20px;
    padding-bottom: 40px;
    position: relative
}

.footer-content .latest-news .news-items {
    margin-bottom: 0;
    padding-bottom: 2rem;
    border-bottom: 1px solid #999
}

.footer-content .latest-news .news-items .news-item h3 {
    font-size: 18px;
    font-size: 1.8rem
}

.footer-content .news-item h3 {
    font-size: 18px;
    font-size: 2.2rem
}

.footer-content .news-item h3 a {
    font-size: 18px;
    font-size: 2.2rem
}

.footer-content .news-item h4 {
    font-size: 16px;
    font-size: 2.0rem
}

.footer-content .news-item h4 a {
    font-size: 16px;
    font-size: 2.0rem
}

.footer-content .latest-news .news-items h2 a{
    text-decoration: underline !important;
}

.home-wrapper .info-alerts {
    background-color: #b86909;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.home-wrapper .info-alerts p {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1rem
}

.home-wrapper .info-alerts a {
    display: inline-block;
    width: 100%;
    margin-bottom: .5rem
}

.home-wrapper .info-alerts a :focus, .home-wrapper .info-alerts a:hover {
    text-decoration: none
}

.home-wrapper .other-sites {
    padding-top: 2rem;
    padding-bottom: 4rem
}

.home-wrapper .other-sites h2 {
    padding-bottom: 1rem
}

.home-wrapper .other-sites .links {
    padding: 0 15px
}

.home-wrapper .other-sites .links p {
    min-height: 110px
}

.home-wrapper .other-sites .find-my-nearest-home {
    padding-top: 2rem
}

.home-wrapper .other-sites .find-my-nearest-home p strong {
    display: block
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form .input-group {
    background: #393;
    border-radius: 6px;
    border: 1px solid #393;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    width: 100%
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form input[type=text] {
    width: 50%;
    display: inline-block;
    margin-right: -4px
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form input[type=submit] {
    background-clip: padding-box;
    color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-weight: bold;
    -webkit-transition: 0ms;
    transition: 0ms;
    background-color: #393;
    border: none;
    display: inline-block;
    margin-left: 2%;
    margin-right: -4px;
    width: 48%
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form input[type=submit].search-button {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form input[type=submit]:hover {
    background-color: #216321;
    color: #fff;
    text-decoration: none !important
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form #findinmap-postcode {
    width: 30%;
    border: 0
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form .fmn-type-select {
    width: 50%;
    border: 0;
    border-left: 1px solid #ccc
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form .find-my-nearest-search {
    background: #393;
    border-radius: 0 5px 5px 0;
    border: 0;
    height: 34px;
    margin-left: 0;
    display: inline-block;
    width: 100%
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form .find-my-nearest-search:hover {
    background: #40bf40;
    border-radius: 5px
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form span.input-group-btn {
    float: right;
    height: 34px;
    width: 20%;
    text-align: center
}

.home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form span.input-group-btn button {
    display: inline-block
}

.home-wrapper .other-sites .find-my-nearest-home .relative-container {
    position: relative
}

.home-wrapper .other-sites .find-my-nearest-home .relative-container form {
    position: relative;
    padding-top: 10px;
    width: 100%
}

.landing-page-wrapper .page-intro {
    background-position: center center;
    background-repeat: none;
    background-size: cover;
    position: relative;
    z-index: 3
}

.landing-page-wrapper .page-intro .intro-summary {
    color: #555;
    font-weight: 500
}

.landing-page-wrapper .page-intro .intro-summary p {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size: 18px;
    font-size: 1.8rem
}

.landing-page-wrapper .popular-pages {
    padding-bottom: 5rem;
    padding-top: 3rem;
    background-color: #e2eefa;
    position: relative
}

.landing-page-wrapper .popular-pages h2 {
    text-align: center
}

.landing-page-wrapper .popular-pages .popular-tile {
    margin-bottom: 3rem;
    padding: 1rem;
    background-color: #b86909;
    cursor: pointer;
    height: 180px;
    max-width: 100%;
    min-height: 150px;
    text-align: center
}

.landing-page-wrapper .popular-pages .popular-tile:hover {
    background-color: #e9850b
}

.landing-page-wrapper .popular-pages .popular-tile a {
    color: #fff;
    display: table;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.landing-page-wrapper .popular-pages .popular-tile a span {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 auto;
    color: #fff;
    display: table-cell;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.landing-page-wrapper .popular-pages .popular-tile a span i {
    height: 80px;
    height: 8rem;
    padding: 0 1rem 1rem;
    display: block
}

.landing-page-wrapper .popular-pages .popular-tile a span i .background-size-polyfill {
    border: 10px solid transparent !important;
    border: 1rem solid transparent !important;
    border-top: 0 !important
}

.landing-page-wrapper .popular-pages .popular-tile a span:before {
    font-size: 70px;
    font-size: 7rem;
    margin-right: 0;
    padding-bottom: 3rem;
    padding-top: 5rem;
    clear: both;
    color: #fff;
    display: block;
    float: none;
    font-family: FontAwesome;
    font-weight: 400;
    line-height: 5px
}

.landing-page-wrapper .popular-pages .show-next {
    bottom: -25px;
    font-size: 28px;
    position: absolute;
    right: 20px;
    z-index: 999
}

.landing-page-wrapper .popular-pages .show-prev {
    bottom: -25px;
    font-size: 28px;
    left: 20px;
    position: absolute;
    z-index: 999
}

.landing-page-wrapper .popular-pages .scc-blue-btn {
    display: block;
    width: 100%
}

.landing-page-wrapper .popular-pages .carousel-indicators {
    bottom: -35px
}

.landing-page-wrapper .other-pages {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative
}

.landing-page-wrapper .other-pages h2 {
    color: #0b0c0c;
    margin: 5px 0
}

.landing-page-wrapper .other-pages .section-item h3 a {
    color: #195491;
    text-decoration: none
}

.landing-page-wrapper .other-pages .section-item h3 a:hover {
    color: #b86909;
    text-decoration: underline
}

.landing-page-wrapper .other-pages .section-item p {
    word-wrap: break-word
}

.landing-page-wrapper .services-wrapper {
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0
}

.landing-page-wrapper .services-wrapper > div {
    padding: 0
}

.landing-page-wrapper .services-wrapper .service-tile {
    line-height: 45px;
    line-height: 4.5rem;
    padding: 0;
    background-color: #b86909;
    cursor: pointer;
    max-width: 100%;
    text-align: left
}

.landing-page-wrapper .services-wrapper .service-tile:hover {
    background-color: #e9850b
}

.landing-page-wrapper .services-wrapper .service-tile a {
    color: #fff;
    display: table;
    font-weight: 400;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.landing-page-wrapper .services-wrapper .service-tile a:hover i {
    background-color: #b86909
}

.landing-page-wrapper .services-wrapper .service-tile a h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 0 1rem;
    border-bottom: 1px solid #874d07;
    color: #fff;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

.landing-page-wrapper .services-wrapper .service-tile a i {
    height: 46px;
    height: 4.6rem;
    width: 45px;
    width: 4.5rem;
    padding: 1rem;
    background-color: #874d07;
    border-bottom: 1px solid #874d07;
    clear: both;
    color: #fff;
    display: block;
    float: left;
    font-family: FontAwesome;
    font-weight: 400
}


.landing-page-wrapper .services-wrapper .service-tile a i .background-size-polyfill {
    border: 10px solid transparent !important;
    border: 1rem solid transparent !important
}

.landing-page-wrapper .online-services {
    padding-top: 1.5rem;
    background-color: #f2f2f2;
    position: relative
}

.landing-page-wrapper .online-services h2 {
    text-align: center;
    width: 100%
}

.landing-page-wrapper .online-services a {
    color: #195491;
    text-decoration: none
}

.landing-page-wrapper .online-services a:hover {
    text-decoration: none;
    color: #b86909
}

.landing-page-wrapper .online-services a h3 {
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    text-align: center;
    width: 100%
}

.landing-page-wrapper .online-services a h3 i {
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    font-size: 50px;
    font-size: 5rem;
    padding: 1.5rem;
    background-color: #216dbd;
    border-radius: 50%;
    border: 10px solid #195491;
    color: #fff;
    display: block;
    font-family: FontAwesome;
    margin: 15px auto;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100px;
    height: 100px
}

.landing-page-wrapper .online-services a h6 {
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    text-align: center;
    width: 100%
}

.landing-page-wrapper .online-services a h6 i {
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    font-size: 50px;
    font-size: 5rem;
    padding: 1.5rem;
    background-color: #216dbd;
    border-radius: 50%;
    border: 10px solid #195491;
    color: #fff;
    display: block;
    font-family: FontAwesome;
    margin: 15px auto;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100px;
    height: 100px
}

.landing-page-wrapper .online-services a h6 i .background-size-polyfill {
    border: 15px solid transparent !important;
    border: 1.5rem solid transparent !important
}

.landing-page-wrapper .online-services a h6:hover {
    color: #b86909
}

.landing-page-wrapper .online-services a h6:hover i {
    font-size: 47px;
    font-size: 4.7rem;
    padding: 2rem;
    background-color: #e9850b;
    border: 10px solid #b86909
}

.landing-page-wrapper .online-services a h6:hover i .background-size-polyfill {
    border: 20px solid transparent !important;
    border: 2rem solid transparent !important
}

.landing-page-wrapper .online-services .carousel-back {
    bottom: 15px;
    bottom: 1.5rem;
    font-size: 22px;
    font-size: 2.2rem;
    margin-left: -5.8rem;
    margin-top: 2rem;
    left: 50%;
    position: relative
}

.landing-page-wrapper .online-services .carousel-back span {
    position: absolute;
    width: 50px;
    top: 4px;
    left: 4px;
    z-index: 3;
    padding-top: 13px
}

.landing-page-wrapper .online-services .carousel-forward {
    bottom: 15px;
    bottom: 1.5rem;
    font-size: 22px;
    font-size: 2.2rem;
    margin-left: 6rem;
    margin-top: 2rem;
    left: 50%;
    position: relative
}

.landing-page-wrapper .online-services .carousel-forward span {
    position: absolute;
    width: 50px;
    top: 4px;
    left: 4px;
    z-index: 3;
    padding-top: 13px
}

.landing-page-wrapper .info-alerts {
    background-color: #b86909;
    text-align: center
}

.landing-page-wrapper .info-alerts h4 {
    color: #fff
}

.landing-page-wrapper .info-alerts .input-group {
    margin-bottom: 20px
}

.az-page-wrapper .a-z-letter ol {
    padding-left: 0
}

.az-page-wrapper .a-z-letter ol li {
    list-style: none
}

.az-page-wrapper .target-letter {
    font-size: 98px;
    font-size: 9.8rem;
    color: #195491;
    display: block;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: center;
    width: 100%
}

.az-page-wrapper #divAtoZ {
    margin-bottom: 40px
}

.az-page-wrapper h1 {
    border-bottom: 1px solid #195491
}

.content-page-wrapper .page-intro .entry-summary {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    margin-bottom: 0
}

.content-page-wrapper .page-content {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.content-page-wrapper .page-content .left-column h2, .content-page-wrapper .page-content .left-column h3 {
    color: #0b0c0c;
}

.content-page-wrapper .page-content .left-column p {
    padding: 1rem 0
}

.content-page-wrapper .page-content .left-column ul li {
    padding-bottom: 1rem
}

.content-page-wrapper .page-content .left-column ul li:last-child {
    padding-bottom: 0
}

.content-page-wrapper .page-content .left-column ul li a {
    color: #195491;
    font-weight: bold;
    text-decoration: underline
}

.content-page-wrapper .page-content .left-column ul li a:hover {
    color: #b86909;
    text-decoration: underline
}

.content-page-wrapper .page-content .left-column form {
    border-radius: 12px;
    background-clip: padding-box;
    margin: 0 auto 2rem;
    padding: 2rem;
    background-color: #EFEFED;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .content-page-wrapper .page-content .left-column form {
        padding: 2rem 6rem
    }
}

.content-page-wrapper .page-content .left-column form.decision-tree-form {
    padding-top: 0
}

.content-page-wrapper .page-content .left-column form.decision-tree-form select {
    display: block;
    margin: 0 auto
}

.content-page-wrapper .page-content .left-column form .form-group {
    text-align: center
}

.content-page-wrapper .page-content .left-column form .field, .content-page-wrapper .page-content .left-column form .form-group {
    display: block
}

.content-page-wrapper .page-content .left-column form .field.optionset .message, .content-page-wrapper .page-content .left-column form .form-group.optionset .message {
    margin-top: -1rem;
    padding: .8rem 0 0
}

.content-page-wrapper .page-content .left-column form .field label, .content-page-wrapper .page-content .left-column form .form-group label {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 2rem;
    color: #555;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.content-page-wrapper .page-content .left-column form .field label.radio-label, .content-page-wrapper .page-content .left-column form .form-group label.radio-label {
    float: left;
    margin-top: -.3rem
}

.content-page-wrapper .page-content .left-column form .field input[type=text], .content-page-wrapper .page-content .left-column form .field input[type=email], .content-page-wrapper .page-content .left-column form .field input[type=tel], .content-page-wrapper .page-content .left-column form .field select, .content-page-wrapper .page-content .left-column form .field textarea, .content-page-wrapper .page-content .left-column form .form-group input[type=text], .content-page-wrapper .page-content .left-column form .form-group input[type=email], .content-page-wrapper .page-content .left-column form .form-group input[type=tel], .content-page-wrapper .page-content .left-column form .form-group select, .content-page-wrapper .page-content .left-column form .form-group textarea {
    border-radius: 5px;
    background-clip: padding-box;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 .8rem;
    background-color: #fff;
    border: 5px solid #C4C4C6;
    box-shadow: none;
    color: #195491;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    min-height: 40px;
    resize: vertical;
    width: 100%
}

.content-page-wrapper .page-content .left-column form .field input[type=text].medium, .content-page-wrapper .page-content .left-column form .field input[type=email].medium, .content-page-wrapper .page-content .left-column form .field input[type=tel].medium, .content-page-wrapper .page-content .left-column form .field select.medium, .content-page-wrapper .page-content .left-column form .field textarea.medium, .content-page-wrapper .page-content .left-column form .form-group input[type=text].medium, .content-page-wrapper .page-content .left-column form .form-group input[type=email].medium, .content-page-wrapper .page-content .left-column form .form-group input[type=tel].medium, .content-page-wrapper .page-content .left-column form .form-group select.medium, .content-page-wrapper .page-content .left-column form .form-group textarea.medium {
    width: 60%
}

.content-page-wrapper .page-content .left-column form .field input[type=text].small, .content-page-wrapper .page-content .left-column form .field input[type=email].small, .content-page-wrapper .page-content .left-column form .field input[type=tel].small, .content-page-wrapper .page-content .left-column form .field select.small, .content-page-wrapper .page-content .left-column form .field textarea.small, .content-page-wrapper .page-content .left-column form .form-group input[type=text].small, .content-page-wrapper .page-content .left-column form .form-group input[type=email].small, .content-page-wrapper .page-content .left-column form .form-group input[type=tel].small, .content-page-wrapper .page-content .left-column form .form-group select.small, .content-page-wrapper .page-content .left-column form .form-group textarea.small {
    width: 150px
}

.content-page-wrapper .page-content .left-column form .field input[type=text].xs, .content-page-wrapper .page-content .left-column form .field input[type=email].xs, .content-page-wrapper .page-content .left-column form .field input[type=tel].xs, .content-page-wrapper .page-content .left-column form .field select.xs, .content-page-wrapper .page-content .left-column form .field textarea.xs, .content-page-wrapper .page-content .left-column form .form-group input[type=text].xs, .content-page-wrapper .page-content .left-column form .form-group input[type=email].xs, .content-page-wrapper .page-content .left-column form .form-group input[type=tel].xs, .content-page-wrapper .page-content .left-column form .form-group select.xs, .content-page-wrapper .page-content .left-column form .form-group textarea.xs {
    width: 100px
}

@media only screen and (min-width: 992px) {
    .content-page-wrapper .page-content .left-column form .field input[type=text], .content-page-wrapper .page-content .left-column form .field input[type=email], .content-page-wrapper .page-content .left-column form .field input[type=tel], .content-page-wrapper .page-content .left-column form .field select, .content-page-wrapper .page-content .left-column form .field textarea, .content-page-wrapper .page-content .left-column form .form-group input[type=text], .content-page-wrapper .page-content .left-column form .form-group input[type=email], .content-page-wrapper .page-content .left-column form .form-group input[type=tel], .content-page-wrapper .page-content .left-column form .form-group select, .content-page-wrapper .page-content .left-column form .form-group textarea {
        width: auto;
        min-width: 60%
    }
}

.content-page-wrapper .page-content .left-column form .field textarea, .content-page-wrapper .page-content .left-column form .form-group textarea {
    padding-top: .5rem;
    padding-bottom: .5rem;
    min-height: 50px
}

.content-page-wrapper .page-content .left-column form .field select, .content-page-wrapper .page-content .left-column form .form-group select {
    padding: 0
}

.content-page-wrapper .page-content .left-column form .field input[type=radio] + label:before, .content-page-wrapper .page-content .left-column form .form-group input[type=radio] + label:before {
    background: url(../images/icons/radio-box-sprite.png) no-repeat;
    width: 46px;
    height: 44px
}

.content-page-wrapper .page-content .left-column form .field input[type=radio]:checked + label:before, .content-page-wrapper .page-content .left-column form .form-group input[type=radio]:checked + label:before {
    background-position: 0 -44px
}

.content-page-wrapper .page-content .left-column form .field.requiredField input[type=text], .content-page-wrapper .page-content .left-column form .field.requiredField input[type=email], .content-page-wrapper .page-content .left-column form .field.requiredField input[type=tel], .content-page-wrapper .page-content .left-column form .field.requiredField select, .content-page-wrapper .page-content .left-column form .field.requiredField textarea, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=text], .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=email], .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=tel], .content-page-wrapper .page-content .left-column form .form-group.requiredField select, .content-page-wrapper .page-content .left-column form .form-group.requiredField textarea {
    border: 5px solid #9a2c22
}

.content-page-wrapper .page-content .left-column form .field.requiredField input[type=text].valid, .content-page-wrapper .page-content .left-column form .field.requiredField input[type=email].valid, .content-page-wrapper .page-content .left-column form .field.requiredField input[type=tel].valid, .content-page-wrapper .page-content .left-column form .field.requiredField select.valid, .content-page-wrapper .page-content .left-column form .field.requiredField textarea.valid, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=text].valid, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=email].valid, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=tel].valid, .content-page-wrapper .page-content .left-column form .form-group.requiredField select.valid, .content-page-wrapper .page-content .left-column form .form-group.requiredField textarea.valid {
    border: 5px solid #393
}

.content-page-wrapper .page-content .left-column form .field.requiredField input[type=radio] + label:before, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=radio] + label:before {
    background-position: 0 -176px
}

.content-page-wrapper .page-content .left-column form .field.requiredField input[type=radio] + label:before.valid, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=radio] + label:before.valid {
    background-position: 0 -88px
}

.content-page-wrapper .page-content .left-column form .field.requiredField input[type=radio]:checked + label:before, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=radio]:checked + label:before {
    background-position: 0 -220px
}

.content-page-wrapper .page-content .left-column form .field.requiredField input[type=radio]:checked + label:before.valid, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=radio]:checked + label:before.valid {
    background-position: 0 -132px
}

.content-page-wrapper .page-content .left-column form .field.requiredField input[type=checkbox] + label:before, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=checkbox] + label:before {
    background-position: 0 -188px
}

.content-page-wrapper .page-content .left-column form .field.requiredField input[type=checkbox] + label:before.valid, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=checkbox] + label:before.valid {
    background-position: 0 -94px
}

.content-page-wrapper .page-content .left-column form .field.requiredField input[type=checkbox]:checked + label:before, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=checkbox]:checked + label:before {
    background-position: 0 -235px
}

.content-page-wrapper .page-content .left-column form .field.requiredField input[type=checkbox]:checked + label:before.valid, .content-page-wrapper .page-content .left-column form .form-group.requiredField input[type=checkbox]:checked + label:before.valid {
    background-position: 0 -141px
}

.content-page-wrapper .page-content .left-column form .field .message, .content-page-wrapper .page-content .left-column form .form-group .message {
    border-radius: 5px;
    margin-bottom: 1rem;
    margin-top: -1.8rem;
    padding: 1.8rem .8rem .4rem;
    background: #9a2c22;
    border: 5px solid #9a2c22;
    color: #fff;
    display: block;
    width: 60%
}

.content-page-wrapper .page-content .left-column form .field.nocaptcha .message, .content-page-wrapper .page-content .left-column form .form-group.nocaptcha .message {
    width: 302px
}

.content-page-wrapper .page-content .left-column form .requiredField label:after {
    position: absolute;
    content: "";
    background: url(../imgs/bullet.png) center no-repeat;
    color: #f7aaab;
    float: right;
    right: -375px;
    right: -37.5rem;
    width: 10px;
    height: 10px;
    top: 15px;
    top: 1.5rem
}

.content-page-wrapper .page-content .left-column form ul {
    padding: .5rem 0
}

.content-page-wrapper .page-content .left-column form ul li {
    width: auto;
    display: inline;
    margin-bottom: 1rem;
    margin-right: 2rem
}

.content-page-wrapper .page-content .left-column form input[type=file] {
    font-size: 13px;
    font-size: 1.3rem
}

.content-page-wrapper .page-content .left-column form input[type=radio], .content-page-wrapper .page-content .left-column form input[type=checkbox] {
    display: none
}

.content-page-wrapper .page-content .left-column form input[type=radio] + label:before, .content-page-wrapper .page-content .left-column form input[type=checkbox] + label:before {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    content: "\00a0\00a0";
    border-radius: 8px;
    background-clip: padding-box;
    position: relative
}

.content-page-wrapper .page-content .left-column form input[type=checkbox]:checked + label:before {
    background-position: 0 -47px
}

.content-page-wrapper .page-content .left-column form input[type=checkbox] + label:before {
    background: url(../images/icons/checkbox-sprite.png) no-repeat;
    width: 46px;
    height: 47px
}

.content-page-wrapper .page-content .left-column form select {
    height: 40px
}

.content-page-wrapper .page-content .left-column form .form-help-text {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    color: #555;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0
}

.content-page-wrapper .page-content .left-column form .Actions {
    text-align: center;
    padding: 4rem 2rem
}

.content-page-wrapper .page-content .left-column form .Actions input[type=submit], .content-page-wrapper .page-content .left-column form .Actions input[type=reset] {
    min-width: 220px;
    display: block;
    margin: 0 auto 2rem
}

.content-page-wrapper .page-content .left-column iframe {
    max-width: 100%
}

.content-page-wrapper .page-content .left-column address {
    margin-bottom: 0;
    margin-left: 2rem
}

.content-page-wrapper .page-content .left-column.news-column .news-item {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #CCC
}

.content-page-wrapper .page-content .left-column.news-column .news-item .article h3 {
    margin-top: 2rem;
    padding-top: 0
}

.content-page-wrapper .page-content .left-column.news-column .news-item .article > a {
    margin-bottom: 2rem;
    display: block;
    text-align: center;
    width: 100%
}

.content-page-wrapper .page-content .left-column table {
    border-collapse: collapse;
    border: none
}

.content-page-wrapper .page-content .left-column table tr {
    border-bottom: 1px solid #444
}

.content-page-wrapper .page-content .left-column table tr:last-child {
    border: none
}

.content-page-wrapper .page-content .left-column table tr th {
    font-size: 20px;
    font-size: 2rem;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-weight: bold;
    padding: .75em .5em .75em 0
}

.content-page-wrapper .page-content .left-column table tr td {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    padding: .75em .5em .75em 0
}

.content-page-wrapper .page-content .left-column table tr td p {
    padding: 0
}

.content-page-wrapper .page-content .left-column .multi-content-list {
    padding-top: 1rem;
    float: left;
    width: 50%
}

.content-page-wrapper .page-content .left-column .multi-content-list li {
    padding-bottom: 1rem
}

.content-page-wrapper .page-content .left-column .multi-content-list li a {
    font-weight: 500
}

.content-page-wrapper .page-content .left-column .multi-content-list li a.active {
    font-weight: bold
}

.content-page-wrapper .page-content .left-column .multi-page-nav a {
    color: #195491
}

.content-page-wrapper .page-content .left-column .multi-page-nav a span {
    font-size: 32px;
    font-size: 3.2rem;
    display: block;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-weight: bold
}

.content-page-wrapper .page-content .left-column .multi-page-nav a span:after, .content-page-wrapper .page-content .left-column .multi-page-nav a span:before {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size: 42px;
    font-size: 4.2rem
}

.content-page-wrapper .page-content .left-column .multi-page-nav a span.prev:before {
    content: "\00AB"
}

.content-page-wrapper .page-content .left-column .multi-page-nav a span.next {
    text-align: right
}

.content-page-wrapper .page-content .left-column .multi-page-nav a span.next:after {
    content: "\00BB"
}

.content-page-wrapper .page-content .left-column .multi-page-nav a:hover {
    color: #b86909
}

.content-page-wrapper .page-content .left-column .multi-page-nav p {
    color: #999
}

.content-page-wrapper .page-content .left-column .transactions-tabs h2 {
    font-size: 21px;
    font-size: 2.1rem
}

.content-page-wrapper .page-content .left-column .transactions-tabs span {
    max-width: 100%
}

.content-page-wrapper .page-content .right-column {
    background-color: #e2eefa;
    padding: 1rem
}

.content-page-wrapper .page-content .right-column .navbar-toggle {
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: 10px;
    padding-left: 15px;
    text-align: left
}

.content-page-wrapper .page-content .right-column .navbar-toggle .icon-bar-wrap {
    display: inline-block
}

.content-page-wrapper .page-content .right-column .navbar-toggle .mobile-menu-txt {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    margin-left: 1rem;
    color: #195491;
    font-weight: bold
}

.content-page-wrapper .page-content .right-column .navbar-collapse {
    padding-top: 15px
}

.content-page-wrapper .page-content .right-column .navbar-collapse.in {
    overflow-y: inherit
}

.content-page-wrapper .page-content .right-column .section-navigation {
    padding: 1.5rem
}

.content-page-wrapper .page-content .right-column .section-navigation .section-icon {
    display: block;
    text-align: center;
    width: 100%
}

.content-page-wrapper .page-content .right-column .section-navigation .section-icon:before {
    font-size: 90px;
    font-size: 9rem;
    padding-top: 2rem;
    color: #195491;
    content: "\f02d";
    font-family: FontAwesome;
    text-align: center;
    width: 100%
}

.content-page-wrapper .page-content .right-column h3 {
    position: relative;
    width: 95%
}

.content-page-wrapper .page-content .right-column h3 i {
    margin-right: -3rem;
    -webkit-transition: 0ms;
    transition: 0ms;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f067";
    font-family: FontAwesome;
    position: absolute;
    right: 38px;
    top: 50%;
    vertical-align: middle
}

.content-page-wrapper .page-content .right-column h3 .rotate {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.content-page-wrapper .page-content .right-column h3:first-child {
    margin-top: 0
}

.content-page-wrapper .page-content .right-column .section-menu ul {
    padding: 1.5rem;
    background-color: #fff;
    box-sizing: border-box
}

.content-page-wrapper .page-content .right-column .section-menu ul li {
    border-bottom: 1px solid #CCC;
    line-height: 1.2em;
    list-style-type: none;
    position: relative
}

.content-page-wrapper .page-content .right-column .section-menu ul li a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1.2rem;
    color: #195491;
    display: block;
    font-weight: bold
}

.content-page-wrapper .page-content .right-column .section-menu ul li a:after {
    padding-left: .6rem;
    content: "\00BB";
    position: absolute;
    right: 12px
}

.content-page-wrapper .page-content .right-column .section-menu ul li a:hover {
    background-color: #F4F4F4;
    color: #b86909;
    text-decoration: none
}

.content-page-wrapper .page-content .right-column .section-menu ul li a span {
    padding-right: 12px;
    position: relative
}

.content-page-wrapper .page-content .right-column .section-menu ul li:last-child {
    border-bottom: 0
}

.content-page-wrapper .page-content .right-column .section-menu ul li.active {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1.2rem;
    color: #555;
    font-weight: bold
}

.content-page-wrapper .page-content .right-column .share-content {
    margin-bottom: 1.5rem;
    margin-top: 0;
    padding: 0;
    background-color: transparent
}

.content-page-wrapper .page-content .right-column .share-content li {
    margin-right: .8rem;
    padding: 0;
    border-bottom: none;
    display: inline
}

.content-page-wrapper .page-content .right-column .share-content li a {
    font-size: 12px;
    font-size: 1.2rem
}

.content-page-wrapper .page-content .right-column .share-content li a i.sccicon-streetlife-blue {
    width: 31px;
    width: 3.1rem;
    height: 31px;
    height: 3.1rem;
    display: inline-block
}

.content-page-wrapper .page-content .right-column .share-content li a:after {
    content: ""
}

.content-page-wrapper .page-content .right-column .share-content li a:hover i {
    color: #5fa0e4;
    opacity: .5
}

.content-page-wrapper .page-content .right-column .section-menu {
    margin-bottom: 1.5rem
}

.content-page-wrapper .page-content .right-column .menu-header {
    border-radius: 5px;
    margin-bottom: 1.5rem;
    padding: 1rem 4rem 1rem 1rem;
    background: #fff;
    cursor: pointer;
    min-height: 42px;
    width: 100%
}

.content-page-wrapper .page-content .news-sidebar .news-search-form {
    padding: 1.5rem;
    background-color: #e2eefa;
    border-radius: 5px
}

.content-page-wrapper .page-content .news-sidebar .news-search-form input.col-md-6 .content-page-wrapper .page-content .news-sidebar .news-search-form input.col-lg-6, .content-page-wrapper .page-content .news-sidebar .news-search-form input.col-sm-6, .content-page-wrapper .page-content .news-sidebar .news-search-form input.col-xs-6 {
    width: 48%
}

.content-page-wrapper .page-content .news-sidebar .news-search-form legend {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    border: none;
    color: #195491;
    font-weight: bold
}

.content-page-wrapper .page-content .news-sidebar .news-search-form label {
    display: none
}

.content-page-wrapper .page-content .news-sidebar .news-search-form input {
    margin-bottom: 1rem
}

.content-page-wrapper .gallery-title span {
    display: block;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding-top: 1rem
}

.content-page-wrapper .gallery-title span a {
    color: #195491
}

.content-page-wrapper .gallery-container .gallery-image {
    margin-bottom: 3rem
}

.content-page-wrapper .gallery-container .gallery-image a:hover img {
    -moz-opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5
}

.decision-tree-page-wrapper .decision-tree-warning {
    margin-bottom: 2rem;
    background-color: #b86909;
    border-radius: 6px;
    padding: 20px
}

.decision-tree-page-wrapper .decision-tree-warning p {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center
}

.decision-tree-page-wrapper .decision-tree-wrapper {
    text-align: center;
    border-radius: 12px;
    background-clip: padding-box;
    margin: 0 auto 2rem;
    padding: 2rem;
    background-color: #EFEFED;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .decision-tree-page-wrapper .decision-tree-wrapper {
        padding: 2rem 6rem
    }
}

.decision-tree-page-wrapper .decision-tree-wrapper.decision-tree-form {
    padding-top: 0
}

.decision-tree-page-wrapper .decision-tree-wrapper.decision-tree-form select {
    display: block;
    margin: 0 auto
}

.decision-tree-page-wrapper .decision-tree-wrapper .form-group {
    text-align: center
}

.decision-tree-page-wrapper .decision-tree-wrapper .field, .decision-tree-page-wrapper .decision-tree-wrapper .form-group {
    display: block
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.optionset .message, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.optionset .message {
    margin-top: -1rem;
    padding: .8rem 0 0
}

.decision-tree-page-wrapper .decision-tree-wrapper .field label, .decision-tree-page-wrapper .decision-tree-wrapper .form-group label {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 2rem;
    color: #555;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.decision-tree-page-wrapper .decision-tree-wrapper .field label.radio-label, .decision-tree-page-wrapper .decision-tree-wrapper .form-group label.radio-label {
    float: left;
    margin-top: -.3rem
}

.decision-tree-page-wrapper .decision-tree-wrapper .field input[type=text], .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=email], .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=tel], .decision-tree-page-wrapper .decision-tree-wrapper .field select, .decision-tree-page-wrapper .decision-tree-wrapper .field textarea, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=text], .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=email], .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=tel], .decision-tree-page-wrapper .decision-tree-wrapper .form-group select, .decision-tree-page-wrapper .decision-tree-wrapper .form-group textarea {
    border-radius: 5px;
    background-clip: padding-box;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 .8rem;
    background-color: #fff;
    border: 5px solid #C4C4C6;
    box-shadow: none;
    color: #195491;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    min-height: 40px;
    resize: vertical;
    width: 100%
}

.decision-tree-page-wrapper .decision-tree-wrapper .field input[type=text].medium, .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=email].medium, .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=tel].medium, .decision-tree-page-wrapper .decision-tree-wrapper .field select.medium, .decision-tree-page-wrapper .decision-tree-wrapper .field textarea.medium, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=text].medium, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=email].medium, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=tel].medium, .decision-tree-page-wrapper .decision-tree-wrapper .form-group select.medium, .decision-tree-page-wrapper .decision-tree-wrapper .form-group textarea.medium {
    width: 60%
}

.decision-tree-page-wrapper .decision-tree-wrapper .field input[type=text].small, .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=email].small, .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=tel].small, .decision-tree-page-wrapper .decision-tree-wrapper .field select.small, .decision-tree-page-wrapper .decision-tree-wrapper .field textarea.small, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=text].small, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=email].small, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=tel].small, .decision-tree-page-wrapper .decision-tree-wrapper .form-group select.small, .decision-tree-page-wrapper .decision-tree-wrapper .form-group textarea.small {
    width: 150px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field input[type=text].xs, .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=email].xs, .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=tel].xs, .decision-tree-page-wrapper .decision-tree-wrapper .field select.xs, .decision-tree-page-wrapper .decision-tree-wrapper .field textarea.xs, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=text].xs, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=email].xs, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=tel].xs, .decision-tree-page-wrapper .decision-tree-wrapper .form-group select.xs, .decision-tree-page-wrapper .decision-tree-wrapper .form-group textarea.xs {
    width: 100px
}

@media only screen and (min-width: 992px) {
    .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=text], .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=email], .decision-tree-page-wrapper .decision-tree-wrapper .field input[type=tel], .decision-tree-page-wrapper .decision-tree-wrapper .field select, .decision-tree-page-wrapper .decision-tree-wrapper .field textarea, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=text], .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=email], .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=tel], .decision-tree-page-wrapper .decision-tree-wrapper .form-group select, .decision-tree-page-wrapper .decision-tree-wrapper .form-group textarea {
        width: auto;
        min-width: 60%
    }
}

.decision-tree-page-wrapper .decision-tree-wrapper .field textarea, .decision-tree-page-wrapper .decision-tree-wrapper .form-group textarea {
    padding-top: .5rem;
    padding-bottom: .5rem;
    min-height: 50px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field select, .decision-tree-page-wrapper .decision-tree-wrapper .form-group select {
    padding: 0
}

.decision-tree-page-wrapper .decision-tree-wrapper .field input[type=radio] + label:before, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=radio] + label:before {
    background: url(../images/icons/radio-box-sprite.png) no-repeat;
    width: 46px;
    height: 44px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field input[type=radio]:checked + label:before, .decision-tree-page-wrapper .decision-tree-wrapper .form-group input[type=radio]:checked + label:before {
    background-position: 0 -44px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=text], .decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=email], .decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=tel], .decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField select, .decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField textarea, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=text], .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=email], .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=tel], .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField select, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField textarea {
    border: 5px solid #9a2c22
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=text].valid, .decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=email].valid, .decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=tel].valid, .decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField select.valid, .decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField textarea.valid, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=text].valid, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=email].valid, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=tel].valid, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField select.valid, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField textarea.valid {
    border: 5px solid #393
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=radio] + label:before, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=radio] + label:before {
    background-position: 0 -176px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=radio] + label:before.valid, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=radio] + label:before.valid {
    background-position: 0 -88px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=radio]:checked + label:before, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=radio]:checked + label:before {
    background-position: 0 -220px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=radio]:checked + label:before.valid, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=radio]:checked + label:before.valid {
    background-position: 0 -132px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=checkbox] + label:before, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=checkbox] + label:before {
    background-position: 0 -188px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=checkbox] + label:before.valid, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=checkbox] + label:before.valid {
    background-position: 0 -94px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=checkbox]:checked + label:before, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=checkbox]:checked + label:before {
    background-position: 0 -235px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.requiredField input[type=checkbox]:checked + label:before.valid, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.requiredField input[type=checkbox]:checked + label:before.valid {
    background-position: 0 -141px
}

.decision-tree-page-wrapper .decision-tree-wrapper .field .message, .decision-tree-page-wrapper .decision-tree-wrapper .form-group .message {
    border-radius: 5px;
    margin-bottom: 1rem;
    margin-top: -1.8rem;
    padding: 1.8rem .8rem .4rem;
    background: #9a2c22;
    border: 5px solid #9a2c22;
    color: #fff;
    display: block;
    width: 60%
}

.decision-tree-page-wrapper .decision-tree-wrapper .field.nocaptcha .message, .decision-tree-page-wrapper .decision-tree-wrapper .form-group.nocaptcha .message {
    width: 302px
}

.decision-tree-page-wrapper .decision-tree-wrapper .requiredField label:after {
    position: absolute;
    content: "";
    background: url(../imgs/bullet.png) center no-repeat;
    color: #f7aaab;
    float: right;
    right: -375px;
    right: -37.5rem;
    width: 10px;
    height: 10px;
    top: 15px;
    top: 1.5rem
}

.decision-tree-page-wrapper .decision-tree-wrapper ul {
    padding: .5rem 0
}

.decision-tree-page-wrapper .decision-tree-wrapper ul li {
    width: auto;
    display: inline;
    margin-bottom: 1rem;
    margin-right: 2rem
}

.decision-tree-page-wrapper .decision-tree-wrapper input[type=file] {
    font-size: 13px;
    font-size: 1.3rem
}

.decision-tree-page-wrapper .decision-tree-wrapper input[type=radio], .decision-tree-page-wrapper .decision-tree-wrapper input[type=checkbox] {
    display: none
}

.decision-tree-page-wrapper .decision-tree-wrapper input[type=radio] + label:before, .decision-tree-page-wrapper .decision-tree-wrapper input[type=checkbox] + label:before {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    content: "\00a0\00a0";
    border-radius: 8px;
    background-clip: padding-box;
    position: relative
}

.decision-tree-page-wrapper .decision-tree-wrapper input[type=checkbox]:checked + label:before {
    background-position: 0 -47px
}

.decision-tree-page-wrapper .decision-tree-wrapper input[type=checkbox] + label:before {
    background: url(../images/icons/checkbox-sprite.png) no-repeat;
    width: 46px;
    height: 47px
}

.decision-tree-page-wrapper .decision-tree-wrapper select {
    height: 40px
}

.decision-tree-page-wrapper .decision-tree-wrapper .form-help-text {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    color: #555;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0
}

.decision-tree-page-wrapper .decision-tree-wrapper .Actions {
    text-align: center;
    padding: 4rem 2rem
}

.decision-tree-page-wrapper .decision-tree-wrapper .Actions input[type=submit], .decision-tree-page-wrapper .decision-tree-wrapper .Actions input[type=reset] {
    min-width: 220px;
    display: block;
    margin: 0 auto 2rem
}

.decision-tree-page-wrapper .decision-tree-wrapper .scc-modal ul li {
    display: block !important;
    margin: 0 !important
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result {
    display: none
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-nolink .sccicon {
    padding: 3rem;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 78px;
    height: 140px;
    margin: 0 auto;
    padding-top: 24px;
    width: 140px;
    line-height: 1.7;
    text-align: center
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-nolink.dt-pass .fa, .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-nolink.dt-pass .sccicon {
    background-color: #B7CC14;
    border: 8px solid #393
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-nolink.dt-fail .fa, .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-nolink.dt-fail .sccicon {
    background-color: #c4382b;
    border: 8px solid #9a2c22
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-nolink.dt-action .fa, .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-nolink.dt-action .sccicon {
    background-color: #e9850b;
    border: 8px solid #b86909
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-link a:before {
    border-radius: 50%;
    border: 8px solid #393;
    color: #fff;
    display: block;
    font-family: FontAwesome;
    font-size: 78px;
    height: 140px;
    margin: 10px 20px 20px 0;
    padding-top: 24px;
    width: 140px
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-link .sccicon {
    padding: 3rem;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 78px;
    height: 140px;
    margin: 0 auto;
    padding-top: 24px;
    width: 140px;
    line-height: 1.7;
    text-align: center
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-link.dt-pass .fa, .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-link.dt-pass .sccicon {
    background-color: #B7CC14;
    border: 8px solid #393
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-link.dt-fail .fa, .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-link.dt-fail .sccicon {
    background-color: #c4382b;
    border: 8px solid #9a2c22
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-link.dt-action .fa, .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-link.dt-action .sccicon {
    background-color: #e9850b;
    border: 8px solid #b86909
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-result-text h3.dt-pass {
    color: #393
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-result-text h3.dt-pass .fa, .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-result-text h3.dt-pass .sccicon {
    background-color: #B7CC14;
    border: 8px solid #393
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-result-text h3.dt-fail {
    color: #9a2c22
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-result-text h3.dt-fail .fa, .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-result-text h3.dt-fail .sccicon {
    background-color: #c4382b;
    border: 8px solid #9a2c22
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-result-text h3.dt-action {
    color: #b86909
}

.decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-result-text h3.dt-action .fa, .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-result-text h3.dt-action .sccicon {
    background-color: #e9850b;
    border: 8px solid #b86909
}

.find-my-nearest-page-wrapper .search-bar-wrapper {
    padding-bottom: 1rem;
    padding-top: 1rem;
    background-color: #216dbd
}

.find-my-nearest-page-wrapper .search-bar-wrapper .findinmap {
    margin-bottom: 0
}

.find-my-nearest-page-wrapper .search-bar-wrapper .findinmap .search-term {
    float: left;
    margin-right: 20px;
    padding-top: 10px;
    width: 100%
}

.find-my-nearest-page-wrapper .search-bar-wrapper .findinmap .search-field {
    padding-top: 10px;
    width: 100%
}

.find-my-nearest-page-wrapper .search-bar-wrapper .findinmap input.site-search {
    background-image: url(../images/components/search-ico-bg.png);
    background-position: 5px;
    background-repeat: no-repeat;
    color: #34849B;
    margin: 0;
    padding-left: 35px;
    width: 100%
}

.find-my-nearest-page-wrapper .page-content .map-results ol, .find-my-nearest-page-wrapper .search-bar-wrapper .right-col {
    padding-left: 0
}

.find-my-nearest-page-wrapper .search-bar-wrapper .findinmap span.input-group-btn button {
    margin-top: 0;
    width: auto !important
}

.find-my-nearest-page-wrapper .search-bar-wrapper .right-col a {
    color: #FFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    padding-top: 8px
}

.find-my-nearest-page-wrapper .page-content .map-results ol li, .find-my-nearest-page-wrapper .page-content .map-results ol li h3, .find-my-nearest-page-wrapper .page-content .map-results-number {
    color: #195491;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold
}

.find-my-nearest-page-wrapper .search-bar-wrapper .right-col a img {
    height: 22px;
    left: 0;
    padding: 0;
    position: relative;
    width: 22px
}

.find-my-nearest-page-wrapper .page-content .map-placeholder {
    background-color: #CCC;
    height: 250px;
    margin-bottom: 20px;
    width: 100%
}

.find-my-nearest-page-wrapper .page-content .map-results {
    padding-bottom: 40px
}

.find-my-nearest-page-wrapper .page-content .map-results ol li {
    float: none;
    list-style: none;
    width: 100%
}

.find-my-nearest-page-wrapper .page-content .map-results ol li h3 {
    margin-bottom: 0;
    padding-bottom: 0
}

.find-my-nearest-page-wrapper .page-content .map-results ol li p {
    color: #555;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em;
    padding-top: 6px
}

.councillor-wrapper .councillor-mobile-name h1 {
    margin-top: -4rem
}

.councillor-wrapper .councillor-content {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.councillor-wrapper .councillor-content .councillor-mobile-name {
    margin-top: 2rem
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-top {
    padding: 2rem 0 0;
    background-color: #e2eefa;
    word-wrap: break-word
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-top .featured-photo {
    padding: 0 1.5rem 1.5rem
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-top img {
    max-width: 160px
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-top h1 {
    margin-top: 0;
    color: #195491;
    vertical-align: top
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-top .details-container {
    width: 100%
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-top .details-container .row {
    padding-top: 1rem;
    border-bottom: 1px solid #fff
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-top .details-container .row:last-child {
    border: none
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-top .details-container .row .row-title {
    color: #195491;
    font-weight: bold
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-secondary-content ul {
    list-style: none;
    padding: 0
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-secondary-content ul li {
    line-height: 1.6em;
    padding-bottom: 1rem
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-secondary-content ul li a {
    color: #195491;
    font-weight: 400
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-secondary-content ul li a:hover {
    color: #555
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-secondary-content ul li:first-child {
    font-size: 18px;
    font-size: 1.8rem;
    color: #555;
    font-weight: bold
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-secondary-content ul:last-child {
    border: none;
    margin-top: 2rem;
    padding: 0
}

figcaption {
    text-align: center;
    font-style: italic;
}

.events-page-wrapper .event-box-wrap .event-box, .events-page-wrapper .single-event-info {
    background-color: #e2eefa;
    border-radius: 6px;
    background-clip: padding-box
}

.councillor-wrapper .councillor-content .councillor-main-content .councillor-secondary-content ul:first-child {
    margin-top: 2rem
}

.events-page-wrapper {
    padding-bottom: 2rem
}

.events-page-wrapper .results-count {
    padding-bottom: 2rem;
    padding-left: 0;
    color: #195491;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-weight: bold
}

.events-page-wrapper .results-count span a {
    color: #195491
}

.events-page-wrapper .results-nav {
    text-align: right
}

.events-page-wrapper .results-nav span a {
    color: #195491;
    font-weight: 500 !important
}

.events-page-wrapper .event-box-wrap {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1.5rem
}

.councillor-page-wrapper .find-councillor-form form .field, .councillor-page-wrapper .find-councillor-form form .scc-form .field {
    margin-bottom: 3rem
}

.events-page-wrapper .event-box-wrap .event-box h2 {
    font-size: 20px;
    font-size: 2rem;
    padding: 2rem 1rem 1rem;
    color: #195491;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.events-page-wrapper .event-box-wrap .event-box > div {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 2rem 1rem;
    border-bottom: 1px solid #fff;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.events-page-wrapper .event-box-wrap .event-box > div span {
    display: block
}

.events-page-wrapper .event-box-wrap .event-box > div:before {
    font-size: 42px;
    font-size: 4.2rem;
    margin-top: -.8rem;
    color: #195491;
    float: left;
    font-family: FontAwesome;
    min-width: 60px;
    text-align: center;
    vertical-align: top
}

.councillor-page-wrapper .find-councillor-form form .action, .councillor-page-wrapper .find-councillor-form form .scc-form .action {
    margin-top: 1rem
}

.events-page-wrapper .event-box-wrap .event-box .event-date-time:before {
    content: "\f073"
}

.events-page-wrapper .event-box-wrap .event-box .event-location {
    height: auto;
    min-height: 86px
}

.events-page-wrapper .event-box-wrap .event-box .event-location:before {
    content: "\f041"
}

.events-page-wrapper .event-box-wrap .event-box .event-link {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 1rem;
    border-bottom: 1px solid #fff;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.events-page-wrapper .event-box-wrap .event-box .event-link a {
    color: #195491;
    font-weight: bold
}

.events-page-wrapper .single-event-info > div {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1rem;
    border-bottom: 1px solid #fff;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

.events-page-wrapper .single-event-info > div:before {
    font-size: 32px;
    font-size: 3.2rem;
    color: #195491;
    display: inline-block;
    font-family: FontAwesome;
    min-width: 40px;
    text-align: center;
    vertical-align: middle
}

.councillor-page-wrapper .find-councillor-form form .scc-form label, .councillor-page-wrapper .find-councillor-form form label {
    display: block
}

.events-page-wrapper .single-event-info .single-event-date-time:before {
    content: "\f073"
}

.events-page-wrapper .single-event-info .single-event-location:before {
    content: "\f041"
}

.events-page-wrapper .single-event-info .single-event-links {
    padding: 2rem 1rem
}

.events-page-wrapper .single-event-info .single-event-links ul li a {
    color: #195491
}

.councillor-page-wrapper .find-councillor-form {
    padding-bottom: 4rem
}

.councillor-page-wrapper .your-search {
    background: #EFEFED;
    padding: 2rem 3rem 3rem
}

.councillor-page-wrapper .your-search p {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0
}

.councillor-page-wrapper .councillor-row {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 3rem;
    padding-top: 3rem;
    border-bottom: 1px solid #CCC
}

.councillor-page-wrapper .councillor-row .info h2 {
    margin-top: 0;
    padding-top: 0
}

.councillor-page-wrapper .councillor-row .info p {
    margin: 0
}

.councillor-page-wrapper .councillor-row .info p .row-title {
    font-weight: 600
}

.councillor-page-wrapper .councillor-row .btn {
    margin-top: 1rem
}

.contact-page-wrapper {
    padding-bottom: 2rem
}

.contact-page-wrapper h2 {
    font-size: 30px;
    font-size: 3rem;
    padding: 2rem 0;
    color: #555
}

.contact-page-wrapper h2.menu-header {
    color: #195491;
    cursor: pointer
}

.contact-page-wrapper h3.cant-find-header {
    margin-top: 2rem;
    padding-top: 4rem;
    border-top: 1px solid #555
}

.contact-page-wrapper .topic-block {
    list-style: none;
    margin: 0 0 40px;
    padding: 0
}

.contact-page-wrapper .topic-block li {
    margin-bottom: 2rem
}

.contact-page-wrapper .topic-block li h3 {
    padding-bottom: 0
}

.contact-page-wrapper .topic-block.more-topics-block {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #555
}

.contact-page-wrapper .page-content .right-column {
    background: #fff;
    margin-top: 2rem
}

.contact-page-wrapper .page-content .right-column .contact-navigation {
    padding: 0;
    background: #fff
}

.contact-page-wrapper .page-content .right-column .contact-navigation h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0;
    padding: 1rem 4rem 1rem 1rem;
    border-radius: 5px;
    background: #195491;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    min-height: 42px;
    width: 100%
}

.contact-page-wrapper .page-content .right-column .contact-navigation .section-menu {
    border-radius: 5px;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #e2eefa;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.cant-find-block ul.cant-find-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.cant-find-block ul.cant-find-list li a {
    color: #555;
    font-weight: 400;
    line-height: 2em
}

.cant-find-block ul.cant-find-list li a i {
    font-size: 20px;
    font-size: 2rem;
    margin-right: 1rem;
    color: #195491
}

.cant-find-block ul.cant-find-list li a:hover {
    text-decoration: none
}

.table-responsive {
    border: none
}

.footer-wrapper {
    background-color: #195491;
    padding-bottom: 10px;
    padding-top: 10px
}

.footer-wrapper .footer-inner ul {
    padding: 10px 0 0;
    text-align: center
}

.footer-wrapper .footer-inner ul li {
    display: inline;
    font-size: 11px;
    list-style: none;
    margin-right: 10px
}

.footer-wrapper .footer-inner ul li a {
    color: #fff;
    display: inline-block;
    font-weight: 500
}

.footer-wrapper .footer-inner ul li a i {
    font-size: 40px;
    font-size: 4rem
}

.footer-wrapper .footer-inner ul li a i.sccicon-streetlife {
    height: 34px;
    height: 3.4rem;
    width: 34px;
    width: 3.4rem
}

.footer-wrapper .footer-inner ul li a i.sccicon-streetlife:before {
    line-height: 35px;
    line-height: 3.5rem;
    position: relative;
    top: .068em
}

.footer-wrapper .footer-inner ul li a:hover i {
    color: #5fa0e4
}

.footer-wrapper .footer-inner .copyright {
    padding-top: 10px;
    text-align: center
}

.footer-wrapper .footer-inner .copyright p {
    display: inline;
    color: #fff;
    font-size: 11px
}

.search-results-page .content-page-wrapper .page-content .left-column a.btn[href^=http]:after, .search-results-page .content-page-wrapper .page-content .left-column a[href^=http]:after {
    display: none
}

.search-results-page .content-page-wrapper .page-content .left-column .reclinks {
    padding: 2rem;
    margin-top: 2rem;
    background-color: #e2eefa;
    border-bottom: 4px solid #b86909
}

.search-results-page .content-page-wrapper .page-content .left-column .reclinks .recommended:before {
    width: 36px;
    width: 3.6rem;
    height: 36px;
    height: 3.6rem;
    content: "";
    background-image: url(../images/scc-icons/sccicon-recommended.png);
    background-size: 100% 100%;
    border-radius: 4px;
    background-color: #b86909;
    display: inline-block;
    margin: 0 10px -6px 0
}

.search-results-page .content-page-wrapper .page-content .left-column .result-container {
    margin-bottom: 2rem
}

.search-results-page .content-page-wrapper .page-content .left-column .result-container h4 p {
    padding: 0
}

.search-results-page .content-page-wrapper .page-content .left-column .result-container h4 span a {
    color: #9a2c22;
    font-weight: 600
}

.search-results-page .content-page-wrapper .page-content .left-column .result-container h4 span a:hover {
    color: #b86909;
    text-decoration: underline
}

@media only screen and (min-width: 480px) {
    .landing-page-wrapper .services-wrapper .service-tile {
        line-height: 45px;
        line-height: 4.5rem
    }

    .landing-page-wrapper .services-wrapper .service-tile a h3 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 65px;
        line-height: 6.5rem
    }

    .landing-page-wrapper .services-wrapper .service-tile a h3:before {
        font-size: 45px;
        font-size: 4.5rem;
        margin-right: 1.5rem;
        height: 65px;
        line-height: 100px;
        text-indent: 10px;
        width: 65px
    }

    .landing-page-wrapper .services-wrapper .service-tile a i {
        height: 66px;
        height: 6.6rem;
        width: 65px;
        width: 6.5rem
    }
}

@media only screen and (min-width: 768px) {
    .home-wrapper .transactions-main-mobile .home-wrapper .transactions-main-mobile .navbar-nav > li .dropdown-menu, .home-wrapper .transactions-main-mobile .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li .dropdown-menu, .home-wrapper .transactions-main-mobile .navbar-nav > li .dropdown-menu, .home-wrapper .transactions-main-mobile .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li .dropdown-menu, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li .dropdown-menu, .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li .dropdown-menu, .site-header .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li .dropdown-menu, .site-header .navbar-nav > li .dropdown-menu, .site-header .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li .dropdown-menu, .site-header .site-header .navbar-nav > li .dropdown-menu {
        min-width: 100%
    }

    .home-wrapper .transactions-main .transactions-wrapper .transaction-tile, .home-wrapper .transactions-sub .transactions-wrapper .transaction-tile {
        border-spacing: 10px
    }

    html {
        font-size: 58%
    }

    .site-header {
        margin-bottom: 0
    }

    .site-header .header-menu {
        max-height: none
    }

    .site-header .header-menu .site-search {
        border: 0;
    }

    .site-header .header-menu form {
        overflow: hidden
    }

    .site-header div.navbar-collapse {
        height: 0;
        padding: 0
    }

    .site-header div.navbar-collapse.collapse {
        display: none !important
    }

    .site-header div.navbar-collapse.collapse.in {
        display: block !important
    }

    .site-header .home-wrapper .transactions-main-mobile .navbar-nav, .site-header .home-wrapper .transactions-main-mobile .site-header .navbar-nav, .site-header .navbar-nav, .site-header .site-header .home-wrapper .transactions-main-mobile .navbar-nav, .site-header .site-header .navbar-nav {
        width: 100%
    }

    .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li, .site-header .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li, .site-header .navbar-nav > li, .site-header .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li, .site-header .site-header .navbar-nav > li {
        display: block;
        float: none;
        width: 100%
    }

    .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .site-header .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a, .site-header .navbar-nav > li > a, .site-header .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .site-header .site-header .navbar-nav > li > a {
        display: block;
        width: 100%
    }

    .right-column .navbar-header {
        float: none
    }

    .right-column .navbar-left, .right-column .navbar-right {
        float: none !important
    }

    .right-column .navbar-toggle {
        display: block !important
    }

    .right-column .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }

    .right-column .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .right-column .navbar-collapse.collapse {
        display: none !important
    }

    .right-column .home-wrapper .transactions-main-mobile .navbar-nav, .right-column .home-wrapper .transactions-main-mobile .site-header .navbar-nav, .right-column .navbar-nav, .right-column .site-header .home-wrapper .transactions-main-mobile .navbar-nav, .right-column .site-header .navbar-nav {
        float: none !important;
        margin-top: 7.5px
    }

    .right-column .home-wrapper .transactions-main-mobile .navbar-nav > li, .right-column .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li, .right-column .navbar-nav > li, .right-column .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li, .right-column .site-header .navbar-nav > li {
        float: none
    }

    .right-column .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .right-column .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a, .right-column .navbar-nav > li > a, .right-column .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .right-column .site-header .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .right-column .collapse.in {
        display: block !important
    }

    .home-wrapper .transactions-section {
        padding-top: 2rem
    }

    .home-wrapper .transactions-main-mobile .home-wrapper .transactions-main-mobile .navbar-nav, .home-wrapper .transactions-main-mobile .home-wrapper .transactions-main-mobile .site-header .navbar-nav, .home-wrapper .transactions-main-mobile .navbar-nav, .home-wrapper .transactions-main-mobile .site-header .home-wrapper .transactions-main-mobile .navbar-nav, .home-wrapper .transactions-main-mobile .site-header .navbar-nav {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    .home-wrapper .transactions-main-mobile .home-wrapper .transactions-main-mobile .navbar-nav > li, .home-wrapper .transactions-main-mobile .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li, .home-wrapper .transactions-main-mobile .navbar-nav > li, .home-wrapper .transactions-main-mobile .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li {
        display: block;
        float: none;
        width: 100%
    }

    .home-wrapper .transactions-main-mobile .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .home-wrapper .transactions-main-mobile .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a, .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .home-wrapper .transactions-main-mobile .site-header .home-wrapper .transactions-main-mobile .navbar-nav > li > a, .home-wrapper .transactions-main-mobile .site-header .navbar-nav > li > a {
        display: block;
        width: 100%
    }

    .home-wrapper .transactions-main {
        margin-bottom: 2rem
    }

    .home-wrapper .transactions-main .transactions-wrapper .transaction-tile a h2 {
        font-size: 24px;
        font-size: 2.4rem
    }

    .home-wrapper .scroll-down-arrow {
        position: relative;
        min-height: 70px
    }

    .home-wrapper .scroll-down-arrow:before {
        content: "\f107";
        font-family: FontAwesome;
        animation: 2s infinite bounce;
        -webkit-animation: 2s infinite bounce;
        bottom: 0;
        color: #0b0c0c;
        display: block;
        font-size: 64px;
        font-size: 6.4rem;
        line-height: 64px;
        line-height: 6.4rem;
        margin: -10px 0;
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%
    }

    @keyframes bounce {
        0%, 80% {
            bottom: 0
        }
        35%, 40% {
            bottom: -10px
        }
    }@-webkit-keyframes bounce {
         0%, 80% {
             bottom: 0
         }
         35%, 40% {
             bottom: -10px
         }
     }.home-wrapper .transactions-sub .transactions-wrapper .transaction-tile a {
          height: 80px
      }

    .home-wrapper .services-new.services-main .service-tile a {
        min-height: 120px;
        min-width: 120px
    }

    .home-wrapper .services-new.services-main .service-tile a h3 {
        font-size: 20px;
        font-size: 2rem
    }

    .home-wrapper .services-new.services-main .service-tile a i {
        font-size: 50px;
        font-size: 5rem;
        padding: 3rem;
        min-height: 120px;
        min-width: 120px
    }

    .home-wrapper .services-new.services-main .service-tile a i .background-size-polyfill {
        border: 30px solid transparent !important;
        border: 3rem solid transparent !important
    }

    .home-wrapper .services-new.services-main .service-tile a i:before {
        width: 50px;
        height: 30px
    }

    .home-wrapper .services-new.services-main .service-tile a p {
        padding-left: 14rem;
        width: auto;
        clear: none
    }

    .home-wrapper .other-sites .find-my-nearest-home .relative-container form {
        bottom: 25px;
        padding: 0 10px;
        position: absolute
    }

    .home-wrapper .info-alerts p {
        margin-bottom: 0
    }

    .home-wrapper .info-alerts a {
        margin-top: 0;
        margin-bottom: 0
    }

    .home-wrapper .topical-item a {
        width: 100%
    }

    .home-wrapper .topical-item a.btn {
        display: inline-block;
        margin: 0 auto;
        width: auto
    }

    .home-wrapper .topical-item a img {
        max-width: 100%
    }

    .home-wrapper .topical-item .center {
        display: block;
        text-align: center;
        width: 100%
    }

    .home-wrapper .topical-item p {
        display: block
    }

    .landing-page-wrapper .online-services a h6 i {
        width: 90px;
        height: 90px;
        font-size: 40px;
        font-size: 4rem
    }

    .googlemap, .search-results-page .content-page-wrapper .page-content .left-column .search-tabs {
        width: 100%
    }

    .landing-page-wrapper .online-services a h6:hover i {
        font-size: 35px;
        font-size: 3.5rem;
        padding: 2rem
    }

    .landing-page-wrapper .online-services a h6:hover i .background-size-polyfill {
        border: 20px solid transparent !important;
        border: 2rem solid transparent !important
    }

    .content-page-wrapper .page-content .left-column ul li {
        padding-bottom: .6rem
    }

    .content-page-wrapper .page-content .left-column ul li:last-child {
        padding-bottom: 0
    }

    .content-page-wrapper .page-content .left-column.news-column .pagination {
        margin-bottom: 0;
        border-bottom: 1px solid #999;
        border-radius: 0
    }

    .content-page-wrapper .page-content .left-column.news-column .news-item .article {
        padding-left: 0
    }

    .content-page-wrapper .page-content .left-column.news-column .news-item .article h3 {
        height: auto
    }

    .content-page-wrapper .page-content .left-column.news-column .news-item .article .published-date {
        padding: 0
    }

    .content-page-wrapper .page-content .left-column.news-column .news-item .article > a {
        max-width: 180px
    }

    .content-page-wrapper .page-content .left-column .transactions-tabs h2 {
        font-size: 24px;
        font-size: 2.4rem
    }

    .councillor-wrapper .councillor-content .councillor-main-content .councillor-top h1 {
        margin-top: -2.5rem
    }

    .councillor-wrapper .councillor-content .councillor-main-content .councillor-top .social-widgets {
        text-align: left
    }

    .councillor-wrapper .councillor-content .councillor-main-content .councillor-top #details-container tr {
        border-bottom: 1px solid #FFF
    }

    .councillor-wrapper .councillor-content .councillor-main-content .councillor-top #details-container tr td:first-child p {
        font-weight: bold;
        padding-right: 2rem
    }

    .councillor-wrapper .councillor-content .councillor-main-content .councillor-top #details-container tr:last-child {
        border-bottom: none
    }

    .councillor-wrapper .councillor-content .councillor-main-content .councillor-secondary-content ul {
        padding: 0 0 1rem;
        border-bottom: 1px solid #195491;
        margin-top: 2rem
    }

    .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result .dt-result-text h3 span {
        text-align: center;
        vertical-align: middle;
        margin-right: 30px !important
    }

    .decision-tree-page-wrapper .decision-tree-wrapper .decision-tree-result p {
        width: 100%;
        display: block;
        clear: both
    }

    .search-results-page .content-page-wrapper .page-content .left-column .search-tabs li {
        display: inline-block;
        float: left;
        padding: 0
    }

    .search-results-page .content-page-wrapper .page-content .left-column .search-tabs li a {
        height: 100%;
        display: block;
        margin-bottom: 0;
        background: #195491;
        border-bottom: 0;
        border-left: 1px solid #195491;
        border-right: 1px solid #195491;
        border-top: 1px solid #195491;
        color: #fff;
        text-decoration: none;
        -webkit-transition: .3s ease all;
        transition: .3s ease all
    }

    .search-results-page .content-page-wrapper .page-content .left-column .search-tabs li a:hover {
        background: #5fa0e4
    }

    .search-results-page .content-page-wrapper .page-content .left-column .search-tabs li.active a {
        background-color: #fff;
        color: #195491
    }

    .googlemap {
        height: 25em
    }

    .schools-in-suffolk .googlemap {
        height: 15em
    }

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .home-wrapper .transactions-sub .carousel-back {
        font-size: 24px;
        font-size: 2.4rem;
        left: 60px;
        left: 6rem;
        margin-bottom: 2rem;
        margin-top: 4rem;
        position: absolute;
        top: 50%
    }

    .home-wrapper .transactions-sub .carousel-forward {
        font-size: 24px;
        font-size: 2.4rem;
        margin-bottom: 2rem;
        margin-top: 4rem;
        right: 70px;
        right: 7rem;
        position: absolute;
        top: 50%
    }
}

@media only screen and (min-width: 1025px) {
    .home-wrapper .transactions-sub .carousel-back {
        font-size: 24px;
        font-size: 2.4rem;
        left: -25px;
        left: -2.5rem;
        margin-bottom: 2rem;
        margin-top: -7rem;
        position: absolute;
        top: 50%
    }

    .home-wrapper .transactions-sub .carousel-forward {
        font-size: 24px;
        font-size: 2.4rem;
        margin-bottom: 2rem;
        margin-top: -7rem;
        right: -20px;
        right: -2rem;
        position: absolute;
        top: 50%
    }
}

@media only screen and (min-width: 992px) {
    .home-wrapper .transactions-sub .transactions-sub-menu .close-menu:hover, .home-wrapper .transactions-sub .transactions-sub-menu .show-all:hover {
        opacity: .5
    }

    html {
        font-size: 62.5%
    }

    button {
        width: auto
    }

    .content-page-wrapper {
        padding-top: 0
    }

    .site-header {
        position: relative;
        z-index: 9999;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .site-header.container-fluid {
        position: relative
    }

    .site-header .container {
        padding-top: 1.5rem;
    }

    .site-header .feedback-message {
        text-align: left
    }

    .site-header .feedback-message .container .btn {
        margin-top: 0
    }

    .site-header .search-wrapper {
        padding-top: 1.5rem
    }

    .site-header .social-icons {
        margin-top: 0;
        padding: .5rem 0 0;
        float: left;
        text-align: right;
        width: auto;
        position: absolute;
    }



    .site-header .site-logo a {
        margin: -14px;
        text-align: left
    }

    .site-header .site-logo a i {
        background-position: left center;
        margin: 5px auto 10px 10px;
    }

    .site-header .site-logo a i:before {
        font-size: 190px;
        line-height: 210px
    }

    .site-header form .slideout-input {
        margin-bottom: 0
    }

    .site-header div.navbar-collapse.collapse.in {
        display: none !important
    }

    .home-wrapper .warning-wrapper {
        margin-bottom: 4rem;
        margin-top: -2rem;
        padding: 2rem 0;
        background-color: #9a2c22;
        text-align: left
    }

    .home-wrapper .warning-wrapper .warning-content:before {
        font-size: 140px;
        font-size: 14rem;
        padding-right: 4rem;
        color: #fff;
        content: "\f071";
        float: left;
        font-family: FontAwesome
    }

    .home-wrapper .site-intro p, .home-wrapper .transaction-header h2 {
        font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    }

    .home-wrapper .warning-wrapper .warning-content h1, .home-wrapper .warning-wrapper .warning-content p {
        color: #fff
    }



    .home-wrapper .site-intro h1 {
        font-size: 52px;
        font-size: 4.2rem;
        line-height: 60px;
        line-height: 3rem;
        color: #0b0c0c;
        font-weight: bolder !important;
        width: 100%;
        text-align: left
    }

    .home-wrapper .site-intro p {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 30px;
        text-align: left
    }

    .home-wrapper .site-intro .input-group {
        width: 100%;
        margin: 3rem auto 2rem
    }

    .home-wrapper .site-intro .input-group .site-search {
        height: 60px;
        border: 5px solid #195491
    }

    .home-wrapper .site-intro .input-group .scc-red-btn {
        height: 60px
    }

    .home-wrapper .services-new.services-main .service-tile a {
        min-width: 150px;
        min-height: 150px
    }

    .home-wrapper .services-new.services-main .service-tile a h3 {
        font-size: 24px;
        font-size: 2.4rem
    }

    .home-wrapper .services-new.services-main .service-tile a i {
        padding: 3rem 4rem;
        font-size: 70px;
        background-color: #195491;
        color: #fff;
        display: block;
        min-height: 150px;
        min-width: 150px;
        height: 100%
    }

    .home-wrapper .services-new.services-main .service-tile a i .background-size-polyfill {
        border: 40px solid transparent !important;
        border: 4rem solid transparent !important
    }

    .home-wrapper .services-new.services-main .service-tile a i:before {
        font-size: 70px;
        height: 30px;
        width: 50px;
        line-height: 1.2em;
        text-indent: -.12em
    }

    .home-wrapper .services-new.services-main .service-tile a p {
        padding: 10px 10px 10px 170px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form span.input-group-btn button, .home-wrapper .transactions-sub .transactions-wrapper > div {
        padding: 0
    }

    .home-wrapper .services-new .cleardesktop {
        clear: both
    }


    .home-wrapper .transaction-header h2 {
        color: #333;
        width: 100%;
    }

    .home-wrapper .transaction-header p {
        margin-left: 30px;
    }

    .container .transaction-header {
        margin-left: 20px;
        padding-bottom: 5px;
    }

    .topical-item {
        width: 32.33% !important;
    }

    .home-wrapper .transactions-main .transactions-wrapper .transaction-tile .transaction-icon {
        width: 140px;
        height: 140px
    }

    .home-wrapper .transactions-sub .transactions-wrapper {
        display: table
    }

    .home-wrapper .transactions-sub .transactions-sub-menu button {
        width: 120px;
        display: inline-block
    }

    .home-wrapper .transactions-sub .transactions-sub-menu .button-container {
        text-align: center;
        margin-top: 20px
    }

    .home-wrapper .transactions-sub .transactions-sub-menu .close-menu {
        position: relative;
        bottom: 0;
        font-size: 14px;
        font-size: 1.4rem;
        cursor: pointer
    }

    .home-wrapper .transactions-sub .transactions-sub-menu .show-all {
        position: relative;
        bottom: 0;
        font-size: 14px;
        font-size: 1.4rem;
        cursor: pointer
    }

    .home-wrapper .other-sites .find-my-nearest-home {
        padding-top: 0
    }

    .home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form span.input-group-btn {
        float: right;
        height: 34px;
        width: 10%
    }

    .home-wrapper .info-alerts {
        text-align: left
    }

    .home-wrapper .info-alerts h4 {
        line-height: 40px
    }

    .home-wrapper .info-alerts p {
        margin-bottom: 1rem
    }

    .home-wrapper .info-alerts .input-group {
        margin-top: 2.2rem
    }

    .home-wrapper .info-alerts a {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 2rem;
        width: auto
    }

    .footer-content .latest-news .news-items {
        border: none
    }

    .address {
        margin-left: -9px !important;
    }

    .home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form input[type=text] {
        width: 80%;
        display: inline-block;
        margin-right: -4px
    }

    .home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form input[type=submit] {
        width: 18%;
        display: inline-block;
        padding: .8rem 2rem;
        margin-left: 2%;
        margin-right: -4px
    }

    .home-wrapper .other-sites .find-my-nearest-home .find-my-nearest-form .fmn-type-select {
        width: 60%
    }

    .landing-page-wrapper .page-intro p {
        padding-bottom: 1rem
    }

    .landing-page-wrapper .popular-pages .popular-tile {
        height: 200px;
        cursor: pointer;
        margin-bottom: 1rem
    }

    .landing-page-wrapper .popular-pages .popular-tile .container {
        padding: 0
    }

    .landing-page-wrapper .popular-pages .popular-tile a span {
        font-size: 18px;
        font-size: 1.8rem
    }

    .landing-page-wrapper .popular-pages .scc-blue-btn {
        margin: 2rem auto 0;
        display: block;
        width: 33.3%
    }

    .landing-page-wrapper .popular-pages .show-next {
        position: absolute;
        right: -40px;
        font-size: 48px;
        top: 50%;
        margin-top: -3.4rem
    }

    .landing-page-wrapper .popular-pages .show-prev {
        position: absolute;
        left: -40px;
        font-size: 48px;
        top: 50%;
        margin-top: -3.4rem
    }

    .landing-page-wrapper .other-pages .section-item {
        min-height: 180px
    }

    .landing-page-wrapper .online-services .carousel .carousel-back {
        bottom: 135px;
        bottom: 13.5rem;
        left: 0;
        position: absolute
    }

    .landing-page-wrapper .online-services .carousel .carousel-forward {
        bottom: 135px;
        bottom: 13.5rem;
        right: -20px;
        right: -2rem;
        left: inherit;
        position: absolute
    }

    .landing-page-wrapper .info-alerts h4 {
        margin-top: 2rem
    }

    .content-page-wrapper .page-intro p {
        font-size: 18px;
        font-size: 1.8rem
    }

    .content-page-wrapper .page-content .left-column {
        padding-right: 4rem
    }

    .content-page-wrapper .page-content .left-column h3 {
        color: #0b0c0c1;
        font-size: 20px;
        font-size: 2rem
    }

    .content-page-wrapper .page-content .left-column p img {
        max-width: 100%
    }

    .content-page-wrapper .page-content .right-column, .content-page-wrapper .page-content .right-column .container-fluid {
        padding: 0
    }

    .content-page-wrapper .page-content .right-column h3 {
        color: #555;
        font-size: 20px;
        font-size: 2rem
    }

    .content-page-wrapper .page-content .right-column h3:first-child {
        margin-top: 0
    }

    .content-page-wrapper .page-content .info-alerts h4 {
        margin-top: 2rem
    }

    .content-page-wrapper .page-content .gallery-title span {
        float: right;
        display: inline !important
    }

    .events-page-wrapper .event-box-wrap {
        padding-right: 1.5rem
    }

    .events-page-wrapper .event-box-wrap:nth-child(odd) {
        clear: left
    }

    .events-page-wrapper .single-event-info .single-event-date-time {
        font-size: 18px;
        font-size: 1.8rem
    }

    .events-page-wrapper .single-event-info .single-event-date-time:before {
        min-width: 60px;
        font-size: 42px;
        font-size: 4.2rem
    }

    .events-page-wrapper .single-event-info .single-event-location {
        font-size: 18px;
        font-size: 1.8rem
    }

    .events-page-wrapper .single-event-info .single-event-location:before {
        min-width: 60px;
        font-size: 42px;
        font-size: 4.2rem
    }

    .councillor-wrapper .councillor-content .right-column figure {
        border-bottom: 20px solid #fff;
        padding: 2rem 0
    }

    .decision-tree-page-wrapper .decision-tree-wrapper form .form-group {
        position: relative
    }

    .decision-tree-page-wrapper .decision-tree-wrapper form .form-group a {
        color: #195491;
        text-decoration: none
    }

    .decision-tree-page-wrapper .decision-tree-wrapper form .form-group a:hover {
        color: #216dbd
    }

    .decision-tree-page-wrapper .decision-tree-wrapper form .form-group a i {
        display: inline-block;
        position: relative;
        top: 2px;
        top: .2rem;
        left: 5px;
        left: .5rem
    }

    .find-my-nearest-page-wrapper .search-bar-wrapper .findinmap .search-term {
        width: 30%;
        float: none;
        padding-top: 0
    }

    .find-my-nearest-page-wrapper .search-bar-wrapper .findinmap .search-field {
        padding-top: 0;
        width: 30%
    }

    .find-my-nearest-page-wrapper .search-bar-wrapper .findinmap input.site-search {
        background-image: url(../images/components/search-ico-bg.png);
        background-position: right;
        background-repeat: no-repeat;
        color: #34849B
    }

    .find-my-nearest-page-wrapper .search-bar-wrapper .findinmap span.input-group-btn button {
        margin-top: 0;
        width: auto !important
    }

    .find-my-nearest-page-wrapper .page-content .map-placeholder {
        height: 550px
    }

    .find-my-nearest-page-wrapper .page-content .map-results {
        padding-bottom: 4rem
    }

    .find-my-nearest-page-wrapper .page-content .map-results ol {
        padding-left: 2.5rem
    }

    .find-my-nearest-page-wrapper .page-content .map-results ol li {
        width: 50%;
        float: left;
        padding: 1rem 4rem 1rem 0;
        min-height: 150px;
        list-style: decimal
    }

    .footer-wrapper {
        background-color: #000000;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .footer-wrapper .footer-inner ul {
        padding-top: 1rem;
        text-align: left
    }

    .footer-wrapper .footer-inner ul li {
        font-size: 13px;
        margin-right: 1rem;
        display: inline;
        list-style: none
    }

    .footer-wrapper .footer-inner ul li a {
        color: #fff
    }

    .footer-wrapper .footer-inner .copyright {
        text-align: left;
        padding-top: 1rem;
        float: right;
        margin-right: 20px;
    }

    .footer-wrapper .footer-inner .copyright p {
        font-size: 13px;
        color: #fff
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .search-results-page .content-page-wrapper .page-content .left-column .search-tabs li {
        max-width: 240px
    }
}

.sharebar .stButton .stButton_gradient, .sharebar .stButton .stFb, .sharebar .stButton .stMainServices, .sharebar .stButton .stTwbutton {
    height: 22px
}

body.high-contrast {
    color: #ff0;
    background: #000
}

.high-contrast .home-wrapper .transactions-main .transactions-wrapper .transaction-tile a h2:hover, .high-contrast a:focus, .high-contrast a:hover {
    color: #ff0 !important
}

body.high-contrast *, body.high-contrast :after, body.high-contrast :before {
    color: #ff0 !important;
    background-color: #000 !important;
    border-color: #ff0 !important
}

body.high-contrast .page-intro {
    background: #000 !important
}

body.high-contrast .container-fluid {
    background: #000;
    border-bottom: 5px solid #ff0;
    overflow: hidden
}

body.high-contrast .container-fluid .arrow-down-grey, body.high-contrast .container-fluid .arrow-down-white {
    background-color: #ff0 !important;
    border: 0
}

body.high-contrast .home-wrapper .transactions-main .transactions-wrapper .transaction-tile a .transaction-icon, body.high-contrast .home-wrapper .transactions-main .transactions-wrapper .transaction-tile a.active-transaction .transaction-icon {
    border: 5px solid #ff0
}

body.high-contrast .home-wrapper .transactions-main .transactions-wrapper .transaction-tile a .transaction-icon .transaction-inner, body.high-contrast .home-wrapper .transactions-main .transactions-wrapper .transaction-tile a .transaction-icon .transaction-inner i .home-wrapper .transactions-main .transactions-wrapper .transaction-tile a .transaction-icon .transaction-inner i:before {
    background: 0 0 !important;
    overflow: hidden
}

body.high-contrast .home-wrapper .transactions-main .transactions-wrapper .transaction-tile a.active-transaction .transaction-icon .transaction-inner {
    background: 0 0 !important
}

body.high-contrast .home-wrapper .transactions-sub .transactions-wrapper .transaction-tile a {
    border: 3px solid #ff0
}

.high-contrast .site-header .pre-menu a {
    border: 1px solid #ff0 !important
}

.high-contrast #Form_FindMyNearestForm_BusinessUnitType, .high-contrast #Form_FindMyNearestForm_Postcode, .high-contrast #Form_FindMyNearestForm_action_doFindMyNearestForm, .high-contrast .form-control, .high-contrast .landing-page-wrapper .services-main a h3:before {
    border-color: #ff0 !important
}

.high-contrast ::-webkit-input-placeholder {
    color: #ff0 !important
}

.high-contrast :-moz-placeholder {
    color: #ff0 !important
}

.high-contrast ::-moz-placeholder {
    color: #ff0 !important
}

.high-contrast :-ms-input-placeholder {
    color: #ff0 !important
}

.high-contrast .transaction-icon {
    border-color: #ff0 !important;
    background-color: #000 !important
}

.high-contrast .triangle-wrap .triangle-indicator {
    border-top-color: #ff0 !important
}

.high-contrast .container-fluid {
    background-image: none !important
}

@media only screen and (min-width: 62em) {
    .high-contrast .active-transaction {
        outline: #ff0 solid 2px !important;
        outline-offset: 3px !important;
    }
}

.high-contrast .triangle-wrap {
    background: 0 0 !important
}

.high-contrast .pre-menu .invert-text a {
    background: #ff0 !important;
    color: #000 !important
}

.high-contrast .btn {
    border: 1px solid #ff0
}

.high-contrast .home-wrapper .services-main .services-wrapper .service-tile, .high-contrast .landing-page-wrapper .popular-pages .popular-tile {
    border: 5px solid #ff0
}

.high-contrast .landing-page-wrapper .popular-pages .popular-tile a, .high-contrast .landing-page-wrapper .popular-pages .popular-tile a span {
    background: 0 0 !important
}

.findinmap-item a {
    cursor: pointer
}




.services-wrapper .services_menu{
    max-width:none;
    margin-left:-4.83333rem;
    margin-right:-.83333rem;
    margin-bottom:0;
    margin-top:10px;
    list-style:none
}

@media screen and (min-width:37.5em)
{
    .services-wrapper .services_menu{
        margin-left:-4.83333rem;
        margin-right:-.83333rem}
}

.services-wrapper .services_menu::after,.services-wrapper .services_menu::before{
    content:' ';
    display:table
}

.services-wrapper .services_menu::after{
    clear:both
}

.services-wrapper .services_menu>li{
    width:100%;
    float:left
}

.services-wrapper .services_menu>li:nth-of-type(1n){
    clear:none
}

.services-wrapper .services_menu>li:nth-of-type(1n+1){
    clear:both
}

.services-wrapper .services_menu>li:last-child{
    float:left
}

@media screen and (min-width:37.5em){
    .services-wrapper .services_menu>li{
        width:50%;
        float:left
    }

    .services-wrapper .services_menu>li:nth-of-type(1n){
        clear:none
    }

    .services-wrapper .services_menu>li:nth-of-type(2n+1){
        clear:both
    }

    .services-wrapper .services_menu>li:last-child{
        float:left
    }
}

@media screen and (min-width:56.25em){
    .services-wrapper .services_menu>li{
        width:33.33333%;
        float:left
    }

    .services-wrapper .services_menu>li:nth-of-type(1n){
        clear:none
    }

    .services-wrapper .services_menu>li:nth-of-type(3n+1){
        clear:both
    }

    .services-wrapper .services_menu>li:last-child{
        float:left
    }
}

.nav__item{
    width:100%;
    float:left;
    padding-left:.83333rem;
    padding-right:.83333rem;
    margin-bottom:30px
}


@media screen and (min-width:37.5em){
    .nav__item{
        padding-left:.83333rem;
        padding-right:.83333rem
    }
}

@media screen and (min-width:37.5em){
    .nav__item {
        width:50%;
        float:left;
        padding-left:.83333rem;
        padding-right:.83333rem
    }
}

@media screen and (min-width:37.5em) and (min-width:37.5em){
    .nav__item{
        padding-left:.83333rem;
        padding-right:.83333rem
    }
}

@media screen and (min-width:56.25em){
    .nav__item{
        width:33.33333%;
        float:left;
        padding-left:.83333rem;
        padding-right:.83333rem
    }
}

@media screen and (min-width:56.25em) and (min-width:37.5em){
    .nav__item{
        padding-left:.83333rem;
        padding-right:.83333rem
    }
}

.nav__heading{
    display:inline-block;
    margin-bottom:8px;
    font-size:22px;
    font-weight:400;
    line-height:1.5
}



.nav__link:link,.nav__link:visited{
    font-weight: normal;
    border-bottom:currentColor 2px solid;
    text-decoration:underline
}

.nav__item p{
    margin-bottom:0;
    font-size:18px;
    font-weight: normal
}

.nav__item p a:link,.nav p a:visited{
    display:inline;
    font-weight: normal;
    margin:0 5px 5px 0;
    color:#195491;
}

.nav__item p a:hover{
    text-decoration: underline;
    color: #b86909;
}

.nav__item p a:link:first-child,.nav p a:visited:first-child{
    margin-left:3px;
    border-left: none
}


.nav>div{
    margin-bottom:30px;
    padding-bottom:15px;
}

@media screen and (min-width:56.25em){
    .nav--white-background .services-wrapper .services_menu{
        margin:0 -30px;
        margin-top:0;
        padding:30px 15px 12px;
        border-radius:3px;
        background-color:#fff;
        background:rgba(255,255,255,.95)
    }


}

@media screen and (max-width: 550px){
    .footer-content-wrapper .footer-content {
        margin-left: 0px;
    }

    .container .transaction-header {
        margin-left: 7px;
    }
    .home-popularLinks {
        margin-left: -30px;
    }

    .home-popularLinks h3 {
        margin-left: 0px;
    }

    .resetformaction, .scc-red-btn-homepage {
        padding: 11px 20px;
    }

}