/**************************************/
/*** This is a stylesheet for the theme Camden ****/
/**************************************/


/*** color define begin ***/

.content h2, 
.content p,
.content h3,
.breadcrumb > li > a,
.breadcrumb > li + li:before,
.header-right a:link,
.header-right a:hover,
.header-right a:visited,
.content ul li a,
.content .main ul > li > a:link,
.content .main ul > li > a:focus,
.header-right a:focus,
article #section-1,
article .lead,
article .main,
body, article h1, article h3 {
    color: #000000;
}

.navbar-default .navbar-nav > li > a:link, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:visited {
    color: #323232;
}

.carousel-caption {
    background-color: #323232;
}

.carousel-caption a {
    color: #fff;
    text-decoration: none;
}

.carousel-caption a:active,
.carousel-caption a:focus,
.carousel-caption a:hover {
    text-decoration: underline;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #525252;
}

ol.breadcrumb > li > a:hover{
    background-color: #FF9900;
}

ol.breadcrumb > li:hover {
    background-color: #FF9900;
}

div.item.commission-page img {
    width: 100%;
}

footer a,
footer a:link,
footer a:visited,
footer a:hover,
footer a:active,
footer .copyright,
.navbar-default .navbar-nav > .active.colorset-1 > a,
.navbar-default .navbar-nav > .active.colorset-1 > a:hover,
.navbar-default .navbar-nav > .active.colorset-1 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-1,
.navbar-default .navbar-nav > .active.colorset-2 > a,
.navbar-default .navbar-nav > .active.colorset-2 > a:hover,
.navbar-default .navbar-nav > .active.colorset-2 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-3,
.navbar-default .navbar-nav > .active.colorset-3 > a,
.navbar-default .navbar-nav > .active.colorset-3 > a:hover,
.navbar-default .navbar-nav > .active.colorset-3 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-3,
.navbar-default .navbar-nav > .active.colorset-4 > a,
.navbar-default .navbar-nav > .active.colorset-4 > a:hover,
.navbar-default .navbar-nav > .active.colorset-4 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-4,
.navbar-default .navbar-nav > .active.colorset-5 > a,
.navbar-default .navbar-nav > .active.colorset-5 > a:hover,
.navbar-default .navbar-nav > .active.colorset-5 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-5,
.navbar-default .navbar-nav > .active.colorset-6 > a,
.navbar-default .navbar-nav > .active.colorset-6 > a:hover,
.navbar-default .navbar-nav > .active.colorset-6 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-6,
.navbar-default .navbar-nav > .active.colorset-7 > a,
.navbar-default .navbar-nav > .active.colorset-7 > a:hover,
.navbar-default .navbar-nav > .active.colorset-7 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-7,
.navbar-default .navbar-nav > .active.colorset-8 > a,
.navbar-default .navbar-nav > .active.colorset-8 > a:hover,
.navbar-default .navbar-nav > .active.colorset-8 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-8,
.navbar-default .navbar-nav > .active.colorset-9 > a,
.navbar-default .navbar-nav > .active.colorset-9 > a:hover,
.navbar-default .navbar-nav > .active.colorset-9 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-9,
.navbar-default .navbar-nav > .active.colorset-10 > a,
.navbar-default .navbar-nav > .active.colorset-10 > a:hover,
.navbar-default .navbar-nav > .active.colorset-10 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-10,
.tiles p, .glyphicon, .tiles a,
.container-links h2.colorset-1,
.container-links h2, .feedback  {
    color: #ffffff;
}


body,
.navbar-default,
.content,
.container-links,
.main-area h1,
.category-news, aside, .dropdown-aside,
article h1,.related-content   { 
    background-color: #ffffff;
}

.mpa-paginator a,
ol.mpa-sections,
ol.mpa-sections > li a,
.main-area aside ul > li > a,
.main-area aside ul > li > a:focus,
.category-news .container-fluid ul > li > a:link,
.category-news .container-fluid ul > li > a:focus,
.container-links ul > li > a:link,
.container-links ul > li > a:focus,
.container-links ul > li > .glyphicon-play:before,
.category-news .glyphicon-play:before,
article a,
article a:hover,
article a:focus,
aside ul li:before,
.related-info-container ul > li > a {
    color: #0000E9;
}

.container-fluid ul > li > a:visited,
.container-links ul > li > a:visited,
.main-area aside ul > li > a:visited,
.category-news .container-fluid ul > li > a:visited,
article a:visited  {
    color:  #551A8B;
}

.tiles-background, 
.content-background,
.main-area {
    background-color: #DFEEF5;
}

.tiles,
footer, 
.feedback {
    background-color: #333333;
}

.tiles-decoration:focus {
    border: 2px solid #ff9900;
}

.tiles-decoration a:focus {
    border: 2px solid #ff9900;
}


.tiles-decoration-payment,
#tiles-decoration-payment,
.tiles-decoration-information,
#tiles-decoration-information,
.tiles-decoration-more, 
#tiles-decoration-more {   
    background-color: #B2B2B2;
}
.tiles-decoration-parking,
#tiles-decoration-parking,
.navbar-default .navbar-nav > .active.colorset-10 > a,
.navbar-default .navbar-nav > .active.colorset-10 > a:hover,
.navbar-default .navbar-nav > .active.colorset-10 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-10,
.container-links h2.colorset-10 {
    background-color: #885344;
}
.tiles-decoration-planning,
#tiles-decoration-planning,
.tiles-decoration-recycling,
#tiles-decoration-recycling,
.navbar-default .navbar-nav > .active.colorset-5 > a,
.navbar-default .navbar-nav > .active.colorset-5 > a:hover,
.navbar-default .navbar-nav > .active.colorset-5 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-5,
.container-links h2.colorset-5 {
    background-color: #127983;
}
.tiles-decoration-tax,
#tiles-decoration-tax,
.navbar-default .navbar-nav > .active.colorset-3 > a,
.navbar-default .navbar-nav > .active.colorset-3 > a:hover,
.navbar-default .navbar-nav > .active.colorset-3 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-3,
.container-links h2.colorset-3 {
    background-color: #854a84;
}

.tiles-decoration-licensing,
#tiles-decoration-licensing,
.navbar-default .navbar-nav > .active.colorset-1 > a,
.navbar-default .navbar-nav > .active.colorset-1 > a:hover,
.navbar-default .navbar-nav > .active.colorset-1 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-1,
.container-links h2.colorset-1 {
    background-color: #c95015;
}
.tiles-decoration-benefits,
#tiles-decoration-benefits,
.tiles-decoration-noise,
#tiles-decoration-noise,
.tiles-decoration-housing,
#tiles-decoration-housing,
.navbar-default .navbar-nav > .active.colorset-6 > a,
.navbar-default .navbar-nav > .active.colorset-6 > a:hover,
.navbar-default .navbar-nav > .active.colorset-6 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-6,
.container-links h2.colorset-6 {
    background-color: #bb004f;
}
.tiles-decoration-libraries,
#tiles-decoration-libraries,
.navbar-default .navbar-nav > .active.colorset-7 > a,
.navbar-default .navbar-nav > .active.colorset-7 > a:hover,
.navbar-default .navbar-nav > .active.colorset-7 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-7,
.container-links h2.colorset-7 {
    background-color: #093a80;
}

.navbar-default .navbar-nav > .active.colorset-4 > a,
.navbar-default .navbar-nav > .active.colorset-4 > a:hover,
.navbar-default .navbar-nav > .active.colorset-4 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-4,
.container-links h2.colorset-4 {
    background-color: #4145a2;
}

.tiles-decoration-registrars,
#tiles-decoration-registrars,
.navbar-default .navbar-nav > .active.colorset-2 > a,
.navbar-default .navbar-nav > .active.colorset-2 > a:hover,
.navbar-default .navbar-nav > .active.colorset-2 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-2,
.container-links h2.colorset-2 {
    background-color: #007c08;
}

.navbar-default .navbar-nav > .active.colorset-8 > a,
.navbar-default .navbar-nav > .active.colorset-8 > a:hover,
.navbar-default .navbar-nav > .active.colorset-8 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-8,
.container-links h2.colorset-8 {
    background-color: #bb170b;
}

.tiles-decoration-adult-childrens,
#tiles-decoration-adult-childrens,
#tiles-decoration-adult-social-care,
.navbar-default .navbar-nav > .active.colorset-9 > a,
.navbar-default .navbar-nav > .active.colorset-9 > a:hover,
.navbar-default .navbar-nav > .active.colorset-9 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-9,
.container-links h2.colorset-9 {
    background-color: #4e8000;
}


#cookie-warning {
    background-color: #dfeef5;
}

#cookie-warning #cookie-warning-accept {
    color: #000;
}

#cookie-warning a:link {
    color: #0000e9;
}

#cookie-warning a:hover,
#cookie-warning a:focus{
    color: #2d389c;
    text-decoration: none;
}

.related-info-container {
    padding-left: 0;
    padding-right: 0;
    background-color: #c0e4f2;
}

.related-info-container ul {
    list-style: none;
    list-style-position: outside;
    padding: 0;
}

.feedback-form-container label,
.feedback-form-container input[type='text'],
.feedback-form-contaiiner select {
    width: 19em;
    max-width: 100%;
}

.feedback-form-container {
    background-color: #c0e4f2; 
}

.feedback-form-container a span.glyphicon {
    color: #337ab7;
    font-size: 1em;
}

.feedback-form-container form {
    display: none;
}

.feedback-form-container #feedback-section-yes,
.feedback-form-container #feedback-section-but,
.feedback-form-container #feedback-section-no {
    margin-bottom: 1em;
}

.feedback-form-container #feedback-section-textarea label {
    display: block;
}

.feedback-form-container select {
    width: 16em;
    max-width: 100%;
}

.feedback-form-container textarea {
    width: 19em;
    max-width: 100%;
}

.feedback-form-container #feedback-section-email {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

.feedback-form-container #feedback-section-email label {
    display: block;
}

.feedback-form-container #feedback-thank-you,
.feedback-form-container #feedback-please-select-option {
    display: none;
}

.feedback-form-container #feedback-please-select-option {
    color: #f00;
    font-weight: bold;
}

.feedback-form-container #feedback-please-select-option span.glyphicon {
   color: #f00;
   font-weight: normal;
}

.feedback-form-container #feedback-section-submit {
    width: 19em;
    max-width: 100%;
    margin-top: 1.5em;
}

.feedback-form-container #feedback-section-submit button {
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

.decisiontree-submit {
    border: 2px solid #00019f !important;
}

.decisiontree-cancel {
    background-color: #ccc !important;
    border: 2px solid #00019f !important;
    color: #00019f !important;
}

.decisiontree-submit:hover {
    background-color: #0000e9 !important;
    border: 2px solid #0000e9 !important;
}

.decisiontree-cancel:hover {
    background-color: #ccc !important;
    border: 2px solid #0000e9 !important;
}

.decisiontree-submit:focus {
    border: 2px solid #f90 !important;
    background-color: #0000e9 !important;
}

.decisiontree-cancel:focus {
    border: 2px solid #f90 !important;
}

.welcome-page-boxes ul li a:link,
.welcome-page-boxes ul li a:visited,
.welcome-page-boxes p a:link,
.welcome-page-boxes p a:visited{
    color: #000;
}

.welcome-page-boxes ul li a:link:hover,
.welcome-page-boxes ul li a:link:active,
.welcome-page-boxes ul li a:link:focus,
.welcome-page-boxes p a:link:hover,
.welcome-page-boxes p a:link:active,
.welcome-page-boxes p a:link:focus{
    text-decoration: underline;
    color: #000;
}



/*** color define end ***/

html {
    position: relative;
    background-color: #dfeef5;
}

html, body, header, footer {
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
}

body {
    font-size: 18px;
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
}

.breadcrumb > li > a:hover {
    padding: 0px;
}

ol.mpa-sections {
    border-top: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}

.mpa-paginator {
    position: relative;
    height: 30px;
}

.mpa-paginator .mpa-prev-page-link {
    position: absolute;
    left: 0;
}

.mpa-paginator .mpa-next-page-link {
    position: absolute;
    right: 0;
}

.container-fluid ul > li > a:hover {
    text-decoration: underline;
}

.nav-hide {
    display: none;
}

div.main-area article img {
    max-width: 100%;
}

div.col-md-12.alertbox div.border {
    background-color: #f00;

    border: 3px solid #333;

    color: #fff;

    
}

div.col-md-12.alertbox ul {
    list-style: none;

    margin: 0;
    padding: 0 20px;
}

div.col-md-12.alertbox ul li:not(:first-child) {
    border-top: 1px solid #fff;
}

div.col-md-12.alertbox h2 {
    font-weight: bold;

    margin-top: 10px;

    text-transform: uppercase;
}

div.col-md-12.alertbox p.text {
    margin-bottom: 0;
}

div.col-md-12.alertbox p.last-updated {
    margin-top: 0;
}

/* Equal height column styles (only for md because we use only md) */

@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left: 0;
        padding-right: 0;
    }

    .row-md-height {
        display: table-row;
    }

    .col-md-height {
        display: table-cell;
        float: none;
    } 

    .housing-page .row .col-md-3.link-col {
	display: table-cell !important;
    }

    .housing-page.tenants-and-leaseholders-mobile .row .col-md-3.link-col {
        display: none !important;
    }

}

/* Equal height column vertical alignment */

.img-responsive {
    width: 100%;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

/* Cookie warning */
#cookie-warning {
    display: none;
}

/* Cookie Warning */
@media (min-width: 720px) {
    body.cookie-warning-show {
        position: relative;
        top: 40px;
    }

    body.cookie-warning-show #cookie-warning {
        display: block;
        position: absolute;
        width: 100%;
        height: 42px;
        vertical-align: middle;
        left: 0px;
        top: -40px;
        padding: 11px 10px;
    }

    body.cookie-warning-show #cookie-warning #cookie-warning-accept {
        position: absolute;
        right: 10px;
    }
}

@media (max-width: 719px) {
    body.cookie-warning-show {
        position: relative;
        top: 70px;
    }

    body.cookie-warning-show #cookie-warning {
        display: block;
        position: absolute;
        width: 100%;
        height: 70px;
        vertical-align: middle;
        left: 0px;
        top: -70px;
        padding: 11px 10px;
    }

    body.cookie-warning-show #cookie-warning span.text:after {
        content: " ";
        display: block;
    }

    body.cookie-warning-show #cookie-warning #cookie-warning-accept {
        position: absolute;
        right: 10px;
        bottom: 2px;
    }
}

@media (max-width: 458px) {
    body.cookie-warning-show {
        position: relative;
        top: 90px;
    }

    body.cookie-warning-show #cookie-warning {
        display: block;
        position: absolute;
        width: 100%;
        height: 90px;
        vertical-align: middle;
        left: 0px;
        top: -90px;
        padding: 11px 10px;
    }

    body.cookie-warning-show #cookie-warning span.text:after {
        content: " ";
        display: block;
    }

    body.cookie-warning-show #cookie-warning #cookie-warning-accept {
        position: absolute;
        right: 10px;
        bottom: 2px;
    }
}

/*** Header style beginn***/

@media (max-width: 420px) {
    .camden-logo {
        width: 150px;
        height: 30px;
    }
}

@media (max-width: 370px) {
    .camden-logo {
        margin-top: 5px;
        width: 100px;
        height: 20px;
    }
}

div.header-welcome-page-top,
div.header-category-page-top {
    min-height: 120px;
}

header .camden-logo {
    position: absolute;
    left: 15px;
    top: 5px;
}

.header-right {
    float: right;
    text-align: right;
    display: inline-table;
    padding-top: 45px;
    padding-right: 5px;
    padding-bottom: 20px;
}
.header-right a{
    font-weight: bold;
}

div.header-right.welcome-page .dropdown{
    position: absolute;
    top: 80px;
    right: 30px;
}

@media (max-width: 990px) {
    div.header-right.welcome-page .dropdown {
        right: 27px;
    }
}

div.header-right .align-search.dropdown {
    position: absolute;
    top: 100px;
    right: 30px;
}

@media (max-width: 990px) {
    div.header-right .align-search.dropdown {
        top: 140px;
    }
}

div.header-right .align-search .btn{
    padding-top: 8px;
    padding-bottom: 8px;

}

@media (min-width: 371px) {
    .header-right p {
        position: absolute;
        top: 28px;
        right: 30px;
        font-size: 14px;
    }
}


@media (max-width:627px) {
    .header-right p {
        top: 70px;
        left: 32px;
        right: initial;
    }
}


.header-right #browsealoud {
    position: absolute;
    right: 30px;
    top: 10px;
}


@media (max-width: 370px) {
    .header-right p {
        position: absolute;
        right: 70px;
        top: 20px;
        font-size: 14px;
    }
}


.header-right #header-bsl img {
    height: 50px;
    position: absolute;
    top: 10px;
    right: 90px; 
}

@media (max-width: 370px) {
    .header-right img {
        height: 40px;
    }
}

.inline-block {
    display: inline-block;
    margin-top: 20%;
}

.accessibility {
    display: none;
}

footer .container a {
    margin-right: 10px;
}

footer .container div:first-child {
 margin-bottom: 10px;
}

/*** Header style end ***/

/*** Navigation style beginn ***/

.navbar-default {
    border: none;
}

.navbar {
    margin-bottom: 0;
    background-color: transparent;
}

@media (max-width: 991px) {
    .nav {
        padding-left: 5px;
    }
}

.clear-float {
    clear: both;
}

.navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-top: 0px;
    padding: 10.5px 10px;
}

.navbar ul li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar ul > li >a {
    padding: 0px;
    height: 40px;
}

@media (max-width: 990px) {
    .navbar ul > li >a {
        padding-top: 10px;
    }
}

@media (max-width: 400px) {
    .navbar-toggle {
        margin-top: 20px;
    }
}

.navbar-form {
    margin-right: 0px;
    margin-left: 0px;
}

@media (min-width: 992px) {
    .navbar-nav {
        width: 100%;
        display: table;
        font-size: 16px;
    }

    .navbar-nav li {
        width: 26%;
        display: table-cell;
        float: none;
        text-align: center;
        /*border-left:thin solid #B2B2B2;*/
        font-weight: normal;
    }
    .navbar-nav li:last-child {
        /*border-right:thin solid #B2B2B2;*/
    }

    .navbar-nav li a {
        border-left: thin solid #b2b2b2;
    }

    .navbar-nav li:last-child a {
        border-right: thin solid #b2b2b2;
    }

    .nav li.colorset-1{
        border-bottom: 10px solid #c95015;
    }

    .nav li.colorset-2{
        border-bottom: 10px solid #007c08;
    }

    .nav li.colorset-3{
        border-bottom: 10px solid #854a84;
    }

    .nav li.colorset-4{
        border-bottom: 10px solid #4145a2;
    }

    .nav li.colorset-5{
        border-bottom: 10px solid #127983;
    }

    .nav li.colorset-6{
        border-bottom: 10px solid #bb004f;
    }

    .nav li.colorset-7{
        border-bottom: 10px solid #093a80;
    }

    .nav li.colorset-8{
        border-bottom: 10px solid #bb170b;
    }

    .nav li.colorset-9{
        border-bottom: 10px solid #4e8000;
    }

    .nav li.colorset-10{
        border-bottom: 10px solid #885344;
    }

}

div.header-right.welcome-page .dropdown {
    z-index: 999;
}

@media (max-width: 991px) {

    div.header-right.welcome-page .dropdown {
        position: relative;
    }

    .navbar-toggle {
        margin-left: 30px;
        margin-top: -5px;
    }

    .navbar-collapse {
        margin-top: 50px;
        padding-left: 40px;
        border-top: none;
    }

    .navbar ul li {
        padding-left: 10px;
    }

    .nav li.colorset-1{
        border-left: 10px solid #DA3C02;
    }

    .nav li.colorset-2{
        border-left: 10px solid #008100;
    }

    .nav li.colorset-3{
        border-left: 10px solid #903A85;
    }

    .nav li.colorset-4{
        border-left: 10px solid #4736A5;
    }

    .nav li.colorset-5{
        border-left: 10px solid #007D84;
    }

    .nav li.colorset-6{
        border-left: 10px solid #CE004F;
    }

    .nav li.colorset-7{
        border-left: 10px solid #013282;
    }

    .nav li.colorset-8{
        border-left: 10px solid #BB170B;
    }

    .nav li.colorset-9{
        border-left: 10px solid #43AA00;
    }

    .nav li.colorset-10{
        border-left: 10px solid #914E43;
    }

}

/*** Nagigation style end ***/

/*Search*/

.portlet-freeform-html .input-group {
    width: 66%;
    padding-top: 20px;
}

@media (max-width: 990px) {
    .portlet-freeform-html .input-group {
        width: 100%;
    }
}

.search-header-right .input-group {
    width: 66%;
    padding-top: 20px;
    margin-right: 60px;
}


.magnifier-button {
    width: 1% !important;
}

.input-group .form-control {
    border: 2px solid #656565;
    font-size: 16px;
}

.input-group-btn {
    padding-left: 1px;
}

.search-group {
    text-align: center;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
#search-button {
    height: 50px;
    border-radius: 0;
    width: 50px;
    background-color: #00019f;
}

@media (max-width: 768px) {
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .navbar:after {
        clear: none;
    }

    .navbar-header:after {
        clear: none;
    }

    .navbar-collapse:after {
        clear: none;
    }

    .nav:after {
        clear: none;
    }

    .container-fluid:after {
        clear: none;
    }

}

.glyphicon {
    font-size: 2em;
}

/*** Tiles style beginn***/

.tiles {
    height: 150px;

    text-align: left;
}

.tiles p{
    padding-left: 10px;
    padding-top: 10px;
}

.tiles p,
.tiles a {
    font-size: 1.25em;
}

.tiles a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 15px 0px 15px;
}

@media (min-width: 992px){
    .tiles-decoration-payment,
    #tiles-decoration-payment,
    .tiles-decoration-parking,
    #tiles-decoration-parking,
    .tiles-decoration-planning,
    #tiles-decoration-planning,
    .tiles-decoration-tax,
    #tiles-decoration-tax,
    .tiles-decoration-recycling,
    #tiles-decoration-recycling,
    .tiles-decoration-licensing,
    #tiles-decoration-licensing,
    .tiles-decoration-benefits,
    #tiles-decoration-benefits,
    .tiles-decoration-libraries,
    #tiles-decoration-libraries,
    .tiles-decoration-noise,
    #tiles-decoration-noise,
    .tiles-decoration-information,
    #tiles-decoration-information,
    .tiles-decoration-housing,
    #tiles-decoration-housing,
    #tiles-decoration-adult-childrens,
    .tiles-decoration-more, 
    #tiles-decoration-more,
    #tiles-decoration-adult-social-care,
    #tiles-decoration-registrars {
        height: 165px;
    }
}

.main-area .container-fluid {
    /*margin-top: 20px;*/
}

.main-area .content-area {
}

.main-area .related-info-container {
    margin-top: 20px;
}

@media (max-width: 991px) {
    header .container-fluid {
        padding-bottom: 0px;
    }
}

@media (max-width: 991px) {

    .tiles {
        position: relative;
        /*height: 50px;*/
        height: 100%;
        margin-left: 50px;
        margin-bottom: 3px;
    }

    .tiles p {
        font-size: 1.1em;
        line-height: 30px;
    }

    .tiles-decoration-payment,
    #tiles-decoration-payment {
        /*height: 50px;*/
        margin-bottom: 3px;
    }

    .tiles-decoration-parking,
    #tiles-decoration-parking {
        /*height: 50px;*/
        margin-bottom: 3px;
    }

    .tiles-decoration-planning,
    #tiles-decoration-planning {
        /*height: 50px;*/
        margin-bottom: 3px;
    }

    .tiles-decoration-tax,
    #tiles-decoration-tax {
        /*height: 50px;*/
        margin-bottom: 3px;
    }

    .tiles-decoration-recycling,
    #tiles-decoration-recycling{
        /*height: 50px;*/
        margin-bottom: 3px;
    }

    .tiles-decoration-licensing,
    #tiles-decoration-licensing {
        /*height: 50px;*/
        margin-bottom: 3px;
    }

    .tiles-decoration-benefits,
    #tiles-decoration-benefits {
        /*height: 50px*/;
        margin-bottom: 3px;
        margin-top: -30px;
    }

    .tiles-decoration-libraries,
    #tiles-decoration-libraries {
        /*height: 50px*/;
        margin-bottom: 3px;
    }

    .tiles-decoration-noise,
    #tiles-decoration-noise {
        /*height: 50px*/;
        margin-bottom: 3px;
    }

    .tiles-decoration-information,
    #tiles-decoration-information {
        /*height: 50px*/;
        margin-bottom: 3px;
    }

    .tiles-decoration-housing,
    #tiles-decoration-housing,
    #tiles-decoration-adult-childrens {
        /*height: 50px*/;
        margin-bottom: 3px;
    }

    .tiles-decoration-more,
    #tiles-decoration-more {
        /*height: 50px*/;
        margin-bottom: 3px;
    }

    #tiles-decoration-adult-social-care {
        /*height: 50px*/;
        margin-bottom: 3px;
    }

    #tiles-decoration-registrars {
        margin-bottom: 3px;
    }
} 

/*** Titles style end ***/

/*** Carousel ***/

.carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: #4C4C4C;
    border: 1px solid #4C4C4C;
}
.carousel-indicators .active {
    width: 17px;
    height: 17px;
    border: none;
}

.carousel-caption {
    position: relative;
    /*height: 10%;*/
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 40px;
}

.carousel-indicators {
    bottom: 10px;
}

.carousel-caption .btn {
    text-shadow: none;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
    font-size: 50px;
}


@media (max-width: 990px) {
    .carousel-control .glyphicon-chevron-left, 
    .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-prev, 
    .carousel-control .icon-next {
        font-size: 40px;
        top: 40%;
    }
}

@media (max-width: 640px) {
    .carousel-control .glyphicon-chevron-left, 
    .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-prev, 
    .carousel-control .icon-next {
        font-size: 30px;
        top: 25%;
    }
}
/*** Content style beginn ***/

.content {
    height: 100%;
    margin-bottom: 10px;
}

.welcome-page-boxes {
    background-color: #fff;
    border-left: 10px solid #dfeef5;
    border-right: 10px solid #dfeef5;
}

.category-page {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.category-page-boxes {
    background-color: #fff;
    padding: 0px;
    border: 10px solid #dfeef5;
}

.category-page-boxes .lead {
    margin-left: 0.5em;
    margin-right: 0.55555em;
}

.row-md-height .col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 45px;
}

.col-md-height .content #box-1 p {
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
    word-spacing: -3px; 
}

.col-md-height .content ul li a {
    padding: 20px 15px 20px 15px;
    text-align: justify;
    word-spacing: -3px; 
}

.col-md-height .content h2 {
    border-bottom: 5px solid #DFEEF5;
    padding-top: 5px;
    padding-bottom: 5px;
}

.col-md-height .content h2,
.col-md-height .content h3 {
    padding-left: 15px;
    margin-top: 0px;
}

.col-md-height .content li {
    list-style-type: none;
    border-top: medium solid #656565;
    font-size: 1.5em;
    line-height: 65px;
    white-space: nowrap;
}

.col-md-height .content p {
    border-bottom: medium solid #656565;
    padding: 0px 0px 10px 0px;
    font-size: 1.2em;
}

.col-md-height .content p:last-child {
    border-bottom: none;
}

.col-md-height .content ul {
    margin-left: -40px;
}

.col-md-height .content li:first-child{
    border-top: none;
}

.col-md-height .content p:last-child {
    border-bottom: none;
}

.content img {
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0;
}

label {
    padding-left: 5px;
}

input[type="radio"], 
input[type="checkbox"] {
    float: left;
}

article {
    position: relative;
}

/*article a{
    padding-right: 10px;
}*/

article .edit-link {
    display: none;
}

article:hover .edit-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    color: #0000e9;
    border: 1px solid #0000e9;
    width: 32px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
}

article:hover .edit-link a:link,
article:hover .edit-link a:hover,
article:hover .edit-link a:active, 
article:hover .edit-link a:visited {
    color: #0000e9;
    text-decoration: none;
}

/*** Footer style beginn ***/

footer {
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    min-height: 200px;
}

footer a:hover {
    text-decoration: underline;
}

footer a:active,
footer a:hover {
    text-decoration: underline;
}

footer .copyright {
    position: absolute;
    bottom: 20px;
    right: 20px;

}


footer .container {
    position: absolute;
    left: 66.5%;
}

/*LEVEL 1*/
@media (max-width: 991px) {
    footer .copyright {
        padding-left: 15px;
        left: 0;
    }

    footer .container-fluid{
        padding-left: 0px;
        margin-bottom: 20px;
    }

    footer .col-md-6 {
        padding-top: 30px;
    }

    footer .container {
        left: 0px;
    }

    footer .freedom {
        margin-bottom: 20px;
    }

}

/*** Footer style end ***/
/*LEVEL 2*/

.search-header {
    height: 40px;
}

@media (max-width: 991px) {
    .search-header {
        display: none;
    }
}

#search-button-header {
    height: 40px;
    border-radius: 0;
    width: 50px;
    background-color: #00019f;
}

@media (max-width:990px) {
    a.search-button .glyphicon-search {
        top: 2px;
    }
}

.search-header-right {
    width: 500px;
}

.search-header-right .dropdown {
    z-index: 999;
}

.category-news-box,
.category-deco-box{
    padding-top: 50px;
}

@media (max-width: 991px) and (min-width: 750px) {
    .search-header-right {
        padding-top: 47px;
    }
}

.align-search {
    margin-top: -25px;
}

.search-width {
    position: absolute;
    width: 54%;
    right: 50px;
}

#accessibility-link {
    border: 2px solid #fff;
}

#accessibility-link:focus {
    border: 2px solid #ff9900;
    text-decoration: none;
}

.navbar-default .navbar-nav > .active.colorset-1 > a,
.navbar-default .navbar-nav > .active.colorset-1 > a:hover,
.navbar-default .navbar-nav > .active.colorset-1 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-1,
.navbar-default .navbar-nav > .active.colorset-2 > a,
.navbar-default .navbar-nav > .active.colorset-2 > a:hover,
.navbar-default .navbar-nav > .active.colorset-2 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-2,
.navbar-default .navbar-nav > .active.colorset-3 > a,
.navbar-default .navbar-nav > .active.colorset-3 > a:hover,
.navbar-default .navbar-nav > .active.colorset-3 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-3,
.navbar-default .navbar-nav > .active.colorset-4 > a,
.navbar-default .navbar-nav > .active.colorset-4 > a:hover,
.navbar-default .navbar-nav > .active.colorset-4 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-4,
.navbar-default .navbar-nav > .active.colorset-5 > a,
.navbar-default .navbar-nav > .active.colorset-5 > a:hover,
.navbar-default .navbar-nav > .active.colorset-5 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-5,
.navbar-default .navbar-nav > .active.colorset-6 > a,
.navbar-default .navbar-nav > .active.colorset-6 > a:hover,
.navbar-default .navbar-nav > .active.colorset-6 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-6,
.navbar-default .navbar-nav > .active.colorset-7 > a,
.navbar-default .navbar-nav > .active.colorset-7 > a:hover,
.navbar-default .navbar-nav > .active.colorset-7 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-7,
.navbar-default .navbar-nav > .active.colorset-8 > a,
.navbar-default .navbar-nav > .active.colorset-8 > a:hover,
.navbar-default .navbar-nav > .active.colorset-8 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-8,
.navbar-default .navbar-nav > .active.colorset-9 > a,
.navbar-default .navbar-nav > .active.colorset-9 > a:hover,
.navbar-default .navbar-nav > .active.colorset-9 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-9,
.navbar-default .navbar-nav > .active.colorset-10 > a,
.navbar-default .navbar-nav > .active.colorset-10 > a:hover,
.navbar-default .navbar-nav > .active.colorset-10 > a:focus,
.navbar-default .navbar-nav > li.active.colorset-10 {
    border-style: none;
    text-decoration: none;
}

@media (max-width: 992px) {

    .navbar-nav > li.active {
        margin-right: 30px;
        padding-left: 20px;
    } 
 
    .housing-page .block-link {
        min-height: 100px;
    }
}

.navbar-toggle-absolute {
    position: absolute;
    top: 0px;
}

@media (min-width: 991px) {
    .search-button {
        display: none;
    }

    #search-mobile {
        display: none;
    }
}

#search-mobile {
    margin-bottom: 20px;
    width: 100%;
}

#search-mobile .input-wrapper {
    margin-right: 52px;
}

#search-mobile input {
    float: left;
    height: 40px;
    border: 2px solid #656565;
    padding: 6px 12px;
    width: 100%;
}

#search-mobile input, #search-mobile button {
    text-align: left;
    vertical-align: middle;
}

.dropdown-menu {
    min-width: 140px;
}

.dropdown .btn-default {
    background-color: #00019f;
    color: #fff;
}
.dropdown .btn-default {
    border: none;
}

aside.dropdown .btn-default {
    background-color: transparent;
    font-weight: bold;
    color: #000;
}

aside.dropdown .btn .caret {
    margin-left: 5px;
}

.aside-mobile button {

}

.open > .dropdown-toggle.btn-default {
    background-color: #00019f;
    color: #fff;
    border: none;
}

.dropdown-search-color {
    color: black;
}

.search-button {
    position: absolute;
    top: 67px;
    left: 70px;
}


@media (max-width: 992px) {
    .search-button {
        top: 115px;
        left: 100px;
    }
}

.dropdown-width {
    position: relative;
}

.search-toggle {
    width: 170px;
    height: 40px;
}

.btn-xs {
    padding: 3px 5px;
}

.breadcrumb {
    background: none;
    /*height: 50px;*/
    padding-left: 30px;
    padding-top: 0;
    /*margin-bottom: -25px;*/
    font-size: 0.75em;
}

.main-area {
    height: 100%;
    clear:both;
}

.main-area h1 {
    padding-left: 10px;
    margin-left: 30px;
    margin-right: 30px;
}

.container-links {


}

.container-links h2 {
    font-size: 1.4em;
    padding-left: 15px;
    padding-top: 10px;
    margin-top: 0;
}

.container-links h2 .glyphicon {
    color: #fff !important;
}

.container-links h2 a,
.container-links h2 a:link,
.container-links h2 a:visited,
.container-links h2 a span.glyphicon,
.container-links h2 a:link span.glyphicon,
.container-links h2 a:visited span.glyphicon {
    color: #fff !important;
    text-decoration: none;
}

.container-links h2 a:active,
.container-links h2 a:hover {
    text-decoration: underline;
}

.container-links h2.colorset-1,
.container-links h2 {
    border-bottom: 5px solid #DFEEF5;
    padding-bottom: 10px;
}

.container-links p{
    padding-left: 20px;
}

.container-links ul {
    margin-left: -20px;
}

.container-links li{
    line-height: 40px;
    list-style-type: none;
}

.glyphicon-play {
    color: #428bca;
    font-size: 0.7em;
    padding-right: 5px;
}

.container-links img{
    padding-left: 40px;
}

.category-news .container-fluid {
    width: 100%;
}

.category-news h2 {
    font-size: 1.4em;
}

.category-news li {
    line-height: 30px;
    list-style-type: none;
}

.category-news img{
    width: 100%;
}

.category-news ul{
    margin-left: -40px;
}

.category-news .row {
    margin-left: 15px;
    margin-right: 15px;
}

@media (max-width:990px) {
    .category-news .row,
    .container-md-height .row {
        margin-left: 0px;
        margin-right: 0px;
    }

}

.love-camden {
    width: 100%;
}

.feedback {
    text-indent: 30px;
    height: 50px;
    clear: both;
    line-height: 50px;
    width: 100%;
}

/*LEVEL 3*/

aside {
    margin-top: 20px;
    border-radius: 25px;
}

@media (max-width: 991px) {
    aside {
        display: none;
    }
}

.dropdown-aside {
    margin-top: 20px;
    border-radius: 10px;
    height: 40px;
}

@media (min-width: 991px) {
    .dropdown-aside{
        display: none;
    }
}


.dropdown-aside a {
    color: black;
    font-size: 1.3em;
    line-height: 40px;
    padding-left: 10px;
}

.dropdown-aside span {
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}

.glyphicon-plus {
    color: black;
    font-size: 1em;
}

aside #subnav-current-main-category {
    padding-left: 20px;
    padding-top: 20px;
    font-size: 1.6em;
}

aside ul {
    list-style: none; 
    line-height: 40px;
    padding-left: 20px
}

aside ul li {
    display: block;
    position: relative;
    padding: 0 0 5px 20px;
}

aside ul li:before {
    content: "";
    font-family: "Glyphicons Halflings";
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 80%;
}

.main-area article h1 {
    margin-left: 0px;
    margin-right: 0px;
}

@media (max-width: 600px) {
    article h1 {
        font-size: 1.375em;
    }
    .btn-primary {
        width: 100%;
    }
}

article h2 {
    font-size: 1.25em;
}

article h3 {
    font-size: 1.125em;
}

article h4,
article h5 {
    font-size: 1em;
}

article h3, 
article h2, 
article h4,
article h5, 
article h6 {
    font-weight: bold;
}

.trouble {
    margin-top: 20px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}

.related-content {
    height: 80px;
    line-height: 30px;
    padding-top: 10px;
}

.related-content li {
    list-style: none;
}

@media (min-width: 992px) {
    .mpa-sections {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    /*ol.mpa-sections {
        counter-reset: mpasections 0;
    }
    
    ol.mpa-sections li {
        position: relative;
        width: 45%;
        margin-left: 2%;
        margin-right: 2%;
        display: inline-block;
        list-style-position: outside;
        vertical-align: top;
            counter-increment: mpasections;
    }
    
   
    
    ol.mpa-sections li:before {
        content: counter(mpasections) ". ";
        /*counter-increment: mpasections;
        text-align: right;
        position: absolute;
        left: -2.2em;
        width: 2em;
    }*/

    /*ol.mpa-sections li.left-col {
        float: left;
    }
    
    ol.mpa-sections li.right-col {
        float:right;
    }
    
    ol.mpa-sections::after {
        content: " ";
        display: block;
        clear: both;
    }*/

    /*ol.mpa-sections li:nth-child(odd) {
        float: left;
        /*width: 50%;*/
    /*}*/

    /*ol.mpa-sections li:nth-child(even) {
        /*width: 50%;*/
    /*float: right;
}*/

    /*ol.mpa-sections li:nth-child(even)::after {
        content: " ";
        display: block;
        clear: both;
    }
    
    ol.mpa-sections::after {
        content: " ";
        display: block;
        clear: both;
    }*/

    /* Using CSS 3 columns, has to be tested before using in life
    ol.mpa-sections {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }*/

    /* First try for two column solution, does not work because there many section titles longer
    then one line*/
    /*ol.mpa-sections li {
        line-height: 2em;
        max-width: 19em;
    }

    ol.mpa-sections li.right-col {
        margin-left: 20em;
    }

    ol.mpa-sections li.right-col-2 {
        margin-top: -2em;
    }

    ol.mpa-sections li.right-col-3,
    ol.mpa-sections li.right-col-4 {
        margin-top: -4em;
    }

    ol.mpa-sections li.right-col-5,
    ol.mpa-sections li.right-col-6 {
        margin-top: -6em;
    }

    ol.mpa-sections li.right-col-7,
    ol.mpa-sections li.right-col-8 {
        margin-top: -8em;
    }

    ol.mpa-sections li.right-col-9,
    ol.mpa-sections li.right-col-10 {
        margin-top: -10em;
    }

    ol.mpa-sections li.right-col-11,
    ol.mpa-sections li.right-col-12 {
        margin-top: -12em;
    }

    ol.mpa-sections li.right-col-13,
    ol.mpa-sections li.right-col-14 {
        margin-top: -14em;
    }

    ol.mpa-sections li.right-col-15,
    ol.mpa-sections li.right-col-16 {
        margin-top: -16em;
    }

    ol.mpa-sections li.right-col-17,
    ol.mpa-sections li.right-col-18 {
        margin-top: -18em;
    }

    ol.mpa-sections li.right-col-19,
    ol.mpa-sections li.right-col-20 {
        margin-top: -20em;
    }

    ol.mpa-sections li.right-col-21,
    ol.mpa-sections li.right-col-22 {
        margin-top: -22em;
    }

    ol.mpa-sections li.right-col-23,
    ol.mpa-sections li.right-col-24 {
        margin-top: -24em;
    }

    ol.mpa-sections li.right-col-25,
    ol.mpa-sections li.right-col-26 {
        margin-top: -26em;
    }

    ol.mpa-sections li.right-col-27,
    ol.mpa-sections li.right-col-28 {
        margin-top: -28em;
    }

    ol.mpa-sections li.right-col-29,
    ol.mpa-sections li.right-col-30 {
        margin-top: -15em;
    }*/
}

.mpa-sections-mobile.dropdown button.btn-default {
    background-color: #DFEEF5;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 0;
}

.mpa-sections-mobile.dropdown button.btn-default .caret {
    text-align: right;
}

.mpa-sections-mobile button .show-all {
    display: none;
}

.mpa-sections-mobile button .hide-all {
    display: inline;
}

.mpa-sections-mobile button.collapsed .show-all {
    display: inline;
}

.mpa-sections-mobile button.collapsed .hide-all {
    display: none;
}

.mpa-sections, .mpa-sections-mobile {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
}

.main .image.left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.main .image.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.main .image.right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.main .image .caption {
    display: block;
    background-color: #fff;
    font-size: 0.8em;
    padding: 0.1em 0.35em;
}

@media(min-width: 551px) {
    #news-link {
        margin-right: 2em;
    }

}

@media(max-width: 550px ) {
    #news-link {
        display: block;
        margin-left:0;
    }
}

.decisiontree-section label {
    font-weight: normal;
}


.decisiontree-submit {
    width: 6em;
}

.contact-page .address {
    white-space: pre-line;
    text-align: left;
}

#search-results {
    padding: 10px;
}

.search-top-sep-bar {
    font-weight: bold;
    font-size: 1.2em;
}

.search-result-list {
    list-style: none;
}

.search-result-list li {
    border-bottom: 1px solid #000;
}

.housing-page .carousel {
    margin-top: 0.5em;
    padding-top: 1em;
}

.housing-carousel .row {
    margin-left: 10px;
    margin-right: 10px;
}

.housing-carousel .row .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.housing-page .carousel,
.housing-page .carousel .carousel-control,
.housing-page .carousel .carousel-caption,
.housing-page .carousel .carousel-caption a {
    background-color: #fff;
    background-image: none;
    color: #000;    
    text-shadow: none;
    text-decoration: none;
    margin-bottom: 10px;
}

.housing-page .carousel .carousel-caption {
    padding-top: 0;
    text-align: left;
    vertical-align: middle;
}

.housing-page .carousel .carousel-inner {
    text-align: center;
}

.housing-page .carousel .carousel-caption h2 {
   margin-top: 0;
   margin-bottom: 30px;
}

.housing-page .carousel .carousel-caption h2 a {
    color: #BB004F;
}

.housing-page .carousel .carousel-control {
    z-index: 999;
}

.housing-page .carousel .item img {
    /*width: 150px;*/
    border: 1px solid #DFEEF5;
    text-align: center;

    width: 100%;
}

.housing-page .carousel .carousel-control {
    background-color: transparent;
}

.housing-page .carousel .carousel-control span {
    color: #000;
}


.housing-page .row .col-md-3.link-col {
    display: none;	

    height: 100%;
    background-color: #BB004F;
    color: #fff;
    border: 10px solid #dfeef5;
    position: relative;
}

.housing-page.tenants-and-leaseholders-mobile .row .col-md-3.link-col {
    display: block;
}

.housing-page .portlet-freeform-html,
.housing-page .block-link {
    background-color: #BB004F;
    color: #fff;
    height: 100%;
}

.housing-page .block-link {
    background-color: #BB004F;
    color: #fff;
    height: 100%;
}

.housing-page .block-link a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    padding-left: 20px;
    padding-top: 20px;

    background-color: #BB004F;
    color: #fff;
}

.housing-page .block-link a span.find-out-more {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: #fff;
    color: #BB004F;
    padding-left: 10px;
    padding-right: 10px;
}

.housing-page .container-links h2 {
    font-size: 1.2em;
}

.housing-page .row-md-height .col-md-3 {
    padding: 0;
}

.housing-page #benefit-changes {
    height: 225px;

    background-color: #fff;
    
    padding: 15px;
    
    position: relative;
    
    margin-left: -0.2em;
    margin-right: 0.5em;
}

.housing-page #benefit-changes a {
    color: #000;
    background-color: #fff;
    font-size: 26px;
    background-image: url('../images/people-illustration.png');
    background-repeat: no-repeat;
    background-position: 0 60px;
}

.housing-page #benefit-changes .find-out-more {
    background-color: #BB004F;
    color: #fff;
}