@import url(./cookie-banner.css);
* {
    margin: 0;
    padding: 0;
    border: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    background: #fff;
    font-size: 62.5%;
    font-family: "effra", Arial, sans-serif;
    font-weight: 400;
    color: #182745;
    -webkit-font-smoothing: antialiased;
    margin: 0
}

#your-society-drop>.button-primary-none-default {
    width: 230px;
    float: left;
    max-width: 320px
}

a {
    background: #fff0;
    color: #182745;
    text-decoration: underline
}

a:hover {
    color: #254d8a;
    text-decoration: underline
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2.6em;
    margin: .67em 0
}

b,
strong {
    font-weight: 700
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    display: block;
    width: 100%
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.group:before,
.group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

::-moz-selection {
    background: #ffd900;
    color: #032143
}

::selection {
    background: #ffd900;
    color: #032143
}

@media screen and (min-width:93.75em) {
    body {
        background: #f4f4f5
    }
}

.l-tertiary p a {
    font-weight: 700
}

h3 a,
h3 a:hover {
    text-decoration: none;
    color: #182745
}

.bg-1 h3 a,
.bg-1 h3 a:hover {
    color: #fff
}

.bg-1 a,
.bg-4 a,
.bg-5 a,
.bg-1 a:hover,
.bg-4 a:hover,
.bg-5 a:hover {
    color: #fff
}

li ul {
    list-style-type: disc
}

small,
.small {
    font-size: 80%;
    line-height: 120%;
    font-weight: 400
}

iframe {
    max-width: 100%;
    border-collapse: collapse
}

.bg-1 {
    background-color: #535d68;
    color: #fff
}

.bg-2 {
    background-color: #d3e8f8
}

.bg-3 {
    background-color: #e7eaec
}

.bg-4 {
    background-color: #254d8a;
    color: #fff
}

.bg-5 {
    background-color: #182746;
    color: #fff
}

.bg-6 {
    background-color: #f5f9fd
}

.bg-7 {
    background-color: #e8f3fb
}

.your-society .third .bg-2 {
    background: #fff
}

@media screen and (min-width:28.75em) {
    .your-society .third .bg-2 {
        background: #d3e8f8
    }
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400;
    margin: 0
}

.page-title h1 {
    font-size: 4em;
    font-weight: 300;
    margin-top: -40px;
    position: relative;
    z-index: 10;
    -webkit-font-smoothing: subpixel-antialiased
}

.main-article h1 {
    font-weight: 300;
    font-size: 3em;
    padding-bottom: 16px;
    padding-top: 20px;
    -webkit-font-smoothing: subpixel-antialiased
}

.main-article h1 small {
    font-size: 50%;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased
}

@media screen and (min-width:28.75em) {
    .page-title h1 {
        font-size: 5em
    }
}

@media screen and (min-width:43.75em) {
    .page-title h1 {
        font-size: 6em
    }
    .main-article h1 {
        font-size: 4em
    }
}

@media screen and (min-width:61.25em) {
    .page-title h1 {
        font-size: 7em
    }
    .main-article h1 {
        font-size: 4.6em
    }
}

@media screen and (min-width:75em) {
    .page-title h1 {
        font-size: 8em
    }
}

h2 {
    font-size: 2.2em
}

.main-article h2,
.main-article .story h2 {
    font-size: 2.6em;
    padding-bottom: 16px
}

.main-article .story h2 {
    font-weight: 400
}

.main-article .press.press__subtitle {
    padding-left: 0
}

.info-boxes h2 {
    color: #fff;
    background: #032143;
    padding: 8px 5%
}

.nav-list h2,
.main-article .nav-list h2 {
    background: #254d8a;
    color: #fff;
    padding: 8px 10px;
    font-size: 2em;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.tabs-style-1 h2 {
    font-weight: 300;
    font-size: 3em;
    padding-bottom: 10px;
    -webkit-font-smoothing: subpixel-antialiased
}

.your-society .box-1 h2 {
    border-top: 1px solid #182745;
    padding: 10px 0;
    font-size: 2.4em
}

.awards .main-article h2 {
    color: #ffac00;
    font-weight: 400;
    border-top: 1px solid #ffac00;
    padding-top: 10px
}

.rates-col-3 .l-col-3 h3,
.rates-col-3 .l-col-2 h3 {
    font-size: 2em;
    margin-bottom: 10px
}

@media screen and (min-width:28.75em) {
    .info-boxes h2 {
        color: #182745;
        background: 0;
        padding: 20px 0 20px 0;
        font-weight: 300;
        -webkit-font-smoothing: subpixel-antialiased;
        font-size: 3em
    }
}

@media screen and (min-width:43.75em) {
    .main-article h2 {
        font-size: 3.4em;
        font-weight: 300;
        -webkit-font-smoothing: subpixel-antialiased
    }
    .info-boxes h2 {
        font-size: 3.8em
    }
    .tabs-style-1 h2 {
        font-size: 3.2em
    }
}

@media screen and (min-width:61.25em) {
    .main-article h2 {
        font-size: 3.8em
    }
    .info-boxes h2 {
        font-size: 4.8em
    }
}

h3 {
    font-size: 1.8em
}

.main-article h3 {
    font-size: 2.4em;
    padding-bottom: 16px
}

.more-info h3 {
    font-weight: 700;
    font-size: 1.8em;
    padding-bottom: 10px
}

.box-1 h3,
.main-article .box-1 h3 {
    font-size: 2.2em;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #182745
}

.home .box-1 h3 {
    margin-top: -40px
}

.box-1 h3 {
    padding-right: 20px
}

.branch-finder .box-1 h3 {
    padding-right: 0
}

.box-1-address h3 {
    color: #e18f00;
    padding-bottom: 15px
}

.bg-1 h3 {
    border-bottom: 1px solid #fff
}

.your-society .box-1 h3,
.contact .box-1 h3,
.insurance .info-boxes h3,
.member-benefits .info-boxes h3 {
    font-size: 2.4em;
    padding-bottom: 10px
}

.download h3 {
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #032143;
    margin-bottom: 10px;
    font-size: 2em
}

.contact-lists h3 {
    font-size: 1.8em;
    background: #254d8a;
    color: #fff;
    padding: 8px 10px;
    clear: both;
    outline: 0
}

.contact-lists h3:hover {
    cursor: pointer
}

.contact-lists h3:nth-of-type(2n) {
    background: #5478b2
}

@media screen and (min-width:43.75em) {
    .main-article h3 {
        font-size: 2.6em
    }
    .more-info h3 {
        font-size: 2.2em
    }
    .contact-lists h3 {
        font-size: 1.8em
    }
}

@media screen and (min-width:61.25em) {
    .main-article h3 {
        font-size: 3em
    }
    .contact-lists h3 {
        font-size: 2em
    }
}

h4,
h5,
h6 {
    font-size: 1.6em
}

h4 {
    padding-bottom: 5px
}

.main-article h4 {
    font-size: 1.8em;
    font-weight: 700
}

.l-col-3b h4 {
    font-size: 2.2em;
    padding-bottom: 16px
}

.l-col-3b h4 a {
    text-decoration: none;
    color: #182745
}

.box-1 h4 {
    font-weight: 400;
    font-size: 2.2em;
    padding-bottom: 16px
}

.box-list h4 {
    font-weight: 700;
    font-size: 1.6em;
    padding-bottom: 5px
}

.calc h4 {
    color: #fcd900;
    font-size: 2em;
    padding-bottom: 10px
}

.more-info h4,
.main-article .more-info h4 {
    font-size: 1.6em;
    font-weight: 700;
    text-transform: uppercase;
    color: #535d68
}

@media screen and (min-width:36.25em) {
    .calc h4 {
        padding-bottom: 0
    }
}

@media screen and (min-width:43.75em) {
    .main-article h4 {
        font-size: 2.2em
    }
}

@media screen and (min-width:61.25em) {
    .main-article h4 {
        font-size: 2.6em
    }
}

.tertiary h5 {
    font-size: 2em;
    padding-bottom: 10px;
    font-weight: 700
}

p {
    font-size: 1.6em;
    line-height: 130%;
    padding-bottom: 16px
}

article p:last-child {
    padding-bottom: 0
}

.l-tertiary p {
    font-size: 1.3em;
    line-height: 130%
}

p small {
    font-weight: 400
}

label {
    font-size: 1.6em
}

.checkbox-group-1 {
    float: left;
    width: 20px;
    padding-top: 5px
}

.input-group-1 {
    float: left;
    padding-bottom: 20px;
    width: 90%
}

@media screen and (min-width:28.75em) {
    .checkbox-group-1 {
        width: 30px;
        padding-top: 8px
    }
    .input-group-1 {
        padding-bottom: 30px
    }
}

.branch-loading h1 {
    display: none
}

.branch-loading .loader {
    background: url(../img/ajax-loader.gif) 0 0 no-repeat;
    padding-left: 35px;
    padding-top: 5px
}

.branch-search {
    font-family: "effra", Arial, sans-serif
}

.branch-search label {
    position: absolute;
    left: -9999px
}

.branch-search .search-box {
    background: #fff;
    padding: 8px 10px;
    font-size: 1.6em;
    width: 100%;
    height: 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.search-btn {
    color: #000;
    padding: 8px 10px;
    font-size: 1.6em;
    width: 100%;
    position: relative;
    background: #ffd908;
    height: 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.search-btn .search-loader {
    width: 32px;
    height: 32px;
    position: relative;
    left: 50%;
    margin-top: -3px;
    margin-left: -16px
}

.branch-search .search-box-sml,
.branch-search .search-btn-sml {
    font-size: 1.6em;
    height: 35px
}

.branch-search .search-btn-sml {
    margin-bottom: 10px
}

@media screen and (min-width:28.75em) {
    .branch-search .search-box {
        width: 68%;
        float: left
    }
    .search-btn {
        float: left;
        width: 32%
    }
}

@media screen and (min-width:43.75em) {
    .branch-finder .search-box .btn {
        display: inline-block;
        width: auto
    }
}

@media screen and (min-width:75em) {
    .branch-search .search-box,
    .search-btn {
        font-size: 2.2em
    }
    .branch-search .search-box {
        font-weight: 300;
        -webkit-font-smoothing: subpixel-antialiased
    }
    .branch-search .search-box-sml {
        font-size: 1.6em
    }
}

.l-wrapper {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    background: #fff
}

.l-site-header {
    width: 100%
}

.l-site-header-wrap {
    background: #182746
}

.l-site-footer {
    width: 100%
}

.l-site-down {
    background: #182746 !important;
    padding: 30px 5%;
    margin-bottom: 20px
}

.l-col-1,
.l-col-2,
.l-col-4,
.l-col-5,
.l-col-6,
.l-inner-1-3,
.l-inner-2-3 {
    width: 100%;
    position: relative;
    margin-top: 20px
}

.l-col-0 {
    position: relative
}

@media screen and (min-width:43.75em) {
    .l-col-0 {
        padding-bottom: 0
    }
    .l-col-1 {
        width: 90%;
        margin: 0 auto
    }
}

@media screen and (min-width:36.25em) {
    .l-col-2 {
        width: 48.341232227488%;
        float: left;
        margin-right: 3.317535545024%
    }
    .l-col-2:nth-child(even) {
        margin-right: 0
    }
}

.l-col-3b {
    width: 90%;
    margin: 20px auto 0
}

@media screen and (min-width:28.75em) {
    .l-col-3b {
        margin: 0 auto 20px
    }
}

@media screen and (min-width:36.25em) {
    .l-col-3 {
        width: 48.062015503876%;
        float: left;
        margin: 0 3.875968992248% 30px 0;
        position: relative
    }
    .l-col-3:nth-child(even) {
        margin-right: 0
    }
    .l-col-3:nth-child(2n+1) {
        clear: left
    }
    .l-col-3.third {
        width: 100%;
        margin-right: 0
    }
}

@media screen and (min-width:43.75em) {
    .l-col-1-2 {
        width: 90%;
        margin: 0 auto
    }
    .l-col-3b {
        width: 48.062015503876%;
        float: left;
        margin: 0 3.875968992248% 30px 0
    }
    .l-col-3b:nth-child(even) {
        margin-right: 0
    }
    .l-col-3b.third {
        width: 100%;
        margin-right: 0
    }
}

@media screen and (min-width:56.25em) {
    .l-col-3,
    .l-col-3.third,
    .l-col-3:nth-child(even),
    .l-col-3b,
    .l-col-3b.third,
    .l-col-3b:nth-child(even) {
        width: 31.875%;
        float: left;
        margin: 0 2.1875% 30px 0
    }
    .l-col-3:nth-child(2n+1) {
        clear: none
    }
    .l-col-3:nth-child(3n+1) {
        clear: left
    }
    .l-col-3:nth-child(3n),
    .l-col-3b:nth-child(3n) {
        margin-right: 0
    }
    .l-col-3b,
    .l-col-3b.third,
    .l-col-3b:nth-child(even) {
        margin-bottom: 60px
    }
}

@media screen and (min-width:61.25em) {
    .l-col-1-2 {
        width: 60.9375%;
        float: left;
        margin-left: 5%;
        padding-bottom: 40px
    }
    .your-society .l-col-1-2 {
        padding-bottom: 10px
    }
}

.l-col-4 {
    width: 100%
}

@media screen and (min-width:36.25em) {
    .l-col-4,
    div.l-col-4 {
        width: 50%;
        float: left
    }
}

@media screen and (min-width:56.25em) {
    .l-col-4,
    div.l-col-4 {
        width: 25%
    }
}

@media screen and (min-width:36.25em) {
    .l-col-6 {
        width: 29.979035639413%;
        float: left;
        margin-right: 5.031446540881%
    }
    .l-col-6:nth-child(3n+3) {
        margin-right: 0
    }
    .l-col-6:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width:61.25em) {
    .l-col-6,
    .l-col-6:nth-child(3n+3) {
        width: 14.84375%;
        margin-right: 2.1875%
    }
    .l-col-6:nth-child(3n+1) {
        clear: none
    }
    .l-col-6:nth-child(6n+1) {
        clear: left
    }
    .l-col-6:nth-child(6n) {
        clear: right;
        margin-right: 0
    }
}

.l-secondary {
    padding-bottom: 20px
}

@media screen and (min-width:28.75em) {
    .l-secondary {
        padding-bottom: 0
    }
}

.l-sidebar {
    width: 90%;
    margin: 0 auto
}

@media screen and (min-width:61.25em) {
    .l-sidebar {
        width: 26.875%;
        margin: 0 5% 0 0;
        float: right;
        padding-top: 20px
    }
}

@media screen and (min-width:61.25em) {
    .l-inner-1-3 {
        width: 22.670025188917%;
        float: left
    }
    .l-inner-2-3 {
        width: 74.307304785894%;
        float: right
    }
}

.site-down {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    margin: 0
}

.site-down p {
    margin: 0 5%
}

.mobile-menu-btn {
    float: right;
    width: 40px;
    height: 35px;
    background: url(../img/mobile-icon-y.svg) no-repeat center right;
    text-indent: -9999px
}

html.no-svg .mobile-menu-btn {
    background: url(../img/mobile-icon-y.png) no-repeat center right
}

.no-js .mobile-menu-btn {
    display: none
}

.btn {
    display: block;
    padding: 8px 40px 8px 10px;
    background: url(../img/btn-arrow-dorange.gif) no-repeat center right #ffd908;
    color: #182745;
    text-decoration: none;
    font-size: 1.8em;
    margin-bottom: 2px;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn:hover {
    text-decoration: none;
    color: #182745
}

@media screen and (min-width:28.75em) {
    .hero-box .btn,
    .main-article .btn,
    .local-branch .btn {
        display: inline-block
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .btn {
        background: url(../img/btn-arrow@2x.gif) no-repeat center right #ffd908;
        background-size: 30px auto
    }
}

.promo-btn {
    margin-bottom: 0
}

.promo-btn-alt {
    background-color: #ffac02;
    color: #fff;
    margin-bottom: 0
}

.promo-btn-alt:hover {
    color: #fff;
    text-decoration: underline
}

.btn-back {
    background: url(../img/btn-arrow-back.gif) left center no-repeat #e5ebee;
    padding: 8px 10px 8px 40px;
    display: block;
    font-size: 1.8em;
    text-decoration: none;
    text-align: right;
    margin-bottom: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .btn-back {
        background: url(../img/btn-arrow-back@2x.gif) left center no-repeat #e5ebee;
        background-size: 30px auto
    }
}

@media screen and (max-width:36.25em) {
    #main-content .l-sidebar .btn-back {
        display: none
    }
}

@media screen and (min-width:36.25em) {
    .main-article .btn-back {
        display: none
    }
}

@media screen and (min-width:43.75em) {
    .btn-back {
        font-size: 2em;
        padding: 15px 15px 15px 40px
    }
}

@media screen and (min-width:61.25em) {
    .btn-back {
        text-align: left
    }
}

.btn-help,
.btn-help:hover {
    background: #e7ebed;
    color: #535d68;
    display: block;
    padding: 15px 5%;
    font-size: 1.8em;
    text-decoration: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-help .icon {
    float: right;
    font-size: 1.5em;
    margin-bottom: -8px
}

@media screen and (min-width:36.25em) {
    .btn-help,
    .btn-help:hover {
        display: inline-block;
        padding: 15px 20px
    }
}

@media screen and (min-width:61.25em) {
    .btn-help,
    .btn-help:hover {
        font-size: 2.4em
    }
}

.skip-link {
    display: none
}

@media screen and (min-width:43.75em) {
    .cta-double {
        width: 50%
    }
    .apply-last {
        border-right: 0
    }
}

.drop-down-container .button-primary-none-default,
.drop-down-container .button-primary-left-default,
.drop-down-container .button-primary-right-default {
    background-color: #fcd900;
    border: 4px solid #fcd900;
    color: #182745;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.your-society-drop .button-primary-none-default,
.your-society-drop .button-primary-left-default,
.your-society-drop .button-primary-right-default {
    background-color: #fcd900;
    border: 4px solid #fcd900;
    color: #182745;
    display: flex;
    flex-direction: row;
    align-items: center
}

.button-primary-none-default,
.button-primary-left-default,
.button-primary-right-default,
.button-primary-none-blue,
.button-primary-left-blue,
.button-primary-right-blue,
.button-secondary-none-white,
.button-secondary-left-white,
.button-secondary-right-white {
    border-radius: 5px;
    display: inline-block;
    padding: 10px 30px;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    width: auto;
    text-decoration: none;
    box-shadow: 0 5px 5px rgb(0 0 0 / 18%)
}

img.button-primary-left-default_icon,
img.button-primary-right-default_icon,
img.button-primary-left-blue_icon,
img.button-primary-right-blue_icon,
img.button-secondary-left-white_icon,
img.button-secondary-right-white_icon {
    display: inline;
    height: 16px;
    width: 11px;
    padding-left: 10px
}

.button-primary-right-default:hover,
.button-primary-right-default:focus {
    background: #f0ab00;
    text-decoration: none;
    color: #182745
}

.button-primary-right-default:hover {
    border: 4px solid #f0ab00
}

.button-primary-none-default:hover,
.button-primary-right-default:focus {
    background: #f0ab00;
    text-decoration: none;
    color: #182745
}

.button-primary-none-default:hover {
    border: 4px solid #f0ab00
}

.your-society-drop .button-primary-none-default {
    line-height: 40px
}

.site-logo {
    padding: 0;
    margin: 0
}

.site-logo a {
    background-size: 190px auto;
    float: left;
    width: 190px;
    height: 41px;
    display: block;
    text-indent: -9999px
}

@media screen and (min-width:28.125em) {
    .site-logo-down a {
        background: url(../img/leeds-building-society-logo-white@2x.jpg) no-repeat top left;
        background-size: 325px auto;
        width: 325px;
        height: 68px
    }
}

@media screen and (min-width:43.75em) {
    .site-logo a {
        background-size: 250px auto;
        width: 250px;
        height: 55px
    }
    html.no-svg .site-logo a {
        background: url(../img/leeds-building-society-logo-mob-med.png) no-repeat top left
    }
}

@media screen and (min-width:61.25em) {
    .site-logo a {
        background-size: 325px auto;
        width: 325px;
        height: 70px
    }
}

.main-mobile-menu {
    clear: both;
    padding-top: 10px
}

.main-mobile-menu a {
    font-size: 1.6em;
    color: #fff;
    text-decoration: none;
    padding: 5px 0;
    display: block;
    border-top: 1px solid #334f6f
}

.main-menu,
.main-sub-menu {
    display: none
}

@media screen and (min-width:43.75em) {
    .main-mobile-menu,
    .mobile-menu-btn {
        display: none
    }
    .main-menu,
    .main-sub-menu {
        display: block;
        z-index: 10;
        position: relative
    }
    .main-menu .menu-1 {
        float: left;
        margin: 0 0 0 5%
    }
    .home .main-menu .menu-1,
    .your-society .main-menu .menu-1 {
        margin: 0 0 -30px 5%
    }
    .main-menu .menu-2 {
        float: right;
        margin: 0 5% 0 0
    }
    .home .main-menu .menu-2,
    .your-society .main-menu .menu-2 {
        float: right;
        margin: 0 5% -30px 0
    }
    .main-menu li {
        float: left;
        list-style: none
    }
    .main-menu a {
        font-size: 1.4em;
        display: block;
        padding: 0 7px;
        margin-right: 2px;
        text-decoration: none;
        line-height: 30px;
        background-color: #d3e8f8
    }
    .home .main-menu a,
    .your-society .main-menu a {
        background-color: #fff
    }
    .main-menu a:hover,
    .main-menu a:focus {
        background-color: #33508a;
        color: #fff
    }
    .home-icon {
        text-indent: -9999px;
        background-image: url(../img/home-icon.svg);
        background-repeat: no-repeat;
        background-position: center center;
        width: 20px
    }
    .intermediaries .home-link .home-icon,
    .gibraltar .home-link .home-icon {
        background-color: #d3e8f8
    }
    .home .home-link .home-icon,
    .intermediaries-home .home-link .home-icon {
        background-image: url(../img/home-icon-white.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #5478b2;
        color: #fff
    }
    .home-link .home-icon:hover {
        background-color: #ffd908;
        background-image: url(../img/home-icon.svg);
        background-repeat: no-repeat;
        background-position: center center
    }
    .main-menu .current a {
        background-color: #33508a;
        color: #fff
    }
    .intermediaries .main-menu .contact-btn .current .o-link {
        background-color: #ffac00 !important;
        color: #182745
    }
    .o-link {
        background-color: #ffac00 !important;
        color: #fff
    }
    .o-link:hover {
        background-color: #ffd908 !important;
        color: #182745 !important
    }
    .main-sub-menu {
        float: right;
        clear: right
    }
    .main-sub-menu li {
        list-style: none;
        float: left
    }
    .main-sub-menu li a {
        color: #fff;
        font-size: 1.4em;
        text-decoration: none;
        padding: 15px 0 0 15px;
        display: block
    }
    .main-sub-menu li a:hover {
        color: #6a81b9
    }
}

@media screen and (min-width:47.5em) {
    .home .main-menu .menu-1,
    .your-society .main-menu .menu-1 {
        margin: 0 0 -35px 5%
    }
    .home .main-menu .menu-2,
    .your-society .main-menu .menu-2 {
        margin: 0 5% -35px 0
    }
    .main-menu a {
        font-size: 1.5em;
        padding: 0 10px;
        line-height: 35px
    }
}

@media screen and (min-width:56.25em) {
    .home .main-menu .menu-1,
    .your-society .main-menu .menu-1 {
        margin: 0 0 -40px 5%
    }
    .home .main-menu .menu-2,
    .your-society .main-menu .menu-2 {
        margin: 0 5% -40px 0
    }
    .main-menu a {
        font-size: 1.8em;
        line-height: 40px
    }
}

@media screen and (min-width:61.25em) {
    .main-menu a {
        font-size: 2em
    }
    .main-sub-menu li a {
        padding: 15px 0 0 15px
    }
}

.breadcrumb {
    display: none
}

@media screen and (min-width:43.75em) {
    .breadcrumb {
        display: block;
        padding: 20px 5% 0
    }
    .breadcrumb-menu {
        font-size: 14px;
        float: left
    }
    .breadcrumb-menu .bc-title {
        font-size: 14px
    }
    .bc-start {
        float: left;
        font-size: 14px;
        padding-right: 10px
    }
}

.share-this {
    display: none
}

#sr-navigation {
    position: absolute;
    top: -9000px;
    overflow: hidden
}

@media screen and (min-width:61.25em) {
    #sr-navigation .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-left: 0
    }
    #sr-navigation:focus-within {
        position: relative;
        top: 0
    }
    #sr-navigation .wrapper li {
        margin: 25px 10px;
        list-style-type: none;
        display: inline-block
    }
    #sr-navigation .wrapper li a {
        padding: 10px 20px;
        height: 47px;
        max-height: 47px;
        font-family: Effra;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 27px;
        color: #182745;
        text-decoration: none;
        display: block;
        border: 1px solid #182745;
        box-sizing: border-box;
        border-radius: 5px
    }
    #sr-navigation li a:focus {
        background: #182745;
        color: #fff;
        outline: 1px
    }
}

.page-title-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.page-title {
    background: #fff;
    background: rgb(255 255 255 / .8);
    padding: 10px 5%
}

@media screen and (min-width:28.75em) {
    .page-title-wrap {
        display: inline-block;
        width: auto !important
    }
    .page-title {
        padding: 10px 40px 10px 20px
    }
}

.sub-title-1 {
    color: #535d68;
    font-size: 2em;
    padding-bottom: 16px
}

@media screen and (min-width:36.25em) {
    .sub-title-1 {
        font-size: 2.4em
    }
}

@media screen and (min-width:61.25em) {
    .sub-title-1 {
        font-size: 2.8em
    }
}

.sub-title-2,
.insurance .info-boxes .sub-title-2 {
    font-size: 2em;
    padding-bottom: 16px
}

@media screen and (min-width:36.25em) {
    .sub-title-2,
    .insurance .info-boxes .sub-title-2 {
        font-size: 2.8em
    }
}

@media screen and (min-width:61.25em) {
    .sub-title-2,
    .insurance .info-boxes .sub-title-2 {
        font-size: 3.2em
    }
}

.box-corner:after,
.box-corner:before {
    width: 0;
    height: 0;
    border-left: 50px solid #fff0;
    border-top: 40px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    right: 0
}

.transparent-corner {
    display: block;
    height: 40px;
    width: auto;
    background: rgb(255 255 255 / .8);
    z-index: 0
}

@media screen and (min-width:28.75em) {
    .hero-box .transparent-corner {
        background: rgb(255 255 255 / .8)
    }
    .transparent-corner:after {
        width: 0;
        height: 0;
        position: absolute;
        content: "";
        top: 0;
        right: 0
    }
}

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

.box-padding {
    padding: 20px 5%
}

.mortgages-detail article.box-padding {
    padding-bottom: 0
}

.box-1,
.box-1-address {
    position: relative
}

.box-1 {
    padding: 10px 5% 20px;
    margin-bottom: 20px
}

.intermediaries-home .hero-box .box-1 {
    margin-bottom: 0
}

.home .box-1,
.your-society .box-1 {
    margin-bottom: 0
}

.l-col-3>.box-1 {
    margin-bottom: 0
}

@media screen and (min-width:28.75em) {
    .intermediaries-home .hero-box .box-1 {
        margin-bottom: 30px
    }
    .l-col-3>.box-1 {
        margin-bottom: 20px
    }
}

@media screen and (min-width:36.25em) {
    .l-col-3>.box-1 {
        margin-bottom: 0
    }
}

.box-1-address {
    margin-top: 10px;
    padding: 10px 5% 20px
}

.box-1.box-corner:after,
.box-1.box-corner:before,
.your-society .l-col-3 .box-corner:after,
.your-society .l-col-3 .box-corner:before {
    display: none
}

.box-1-address {
    border-top: 1px solid #e18f00
}

@media screen and (min-width:28.75em) {
    .box-1.box-corner:after,
    .box-1.box-corner:before,
    .your-society .l-col-3 .box-corner:after,
    .your-society .l-col-3 .box-corner:before {
        display: block
    }
    .box-1,
    .home .box-1,
    .your-society .box-1,
    .box-1-address {
        margin-bottom: 30px;
        padding: 20px
    }
    .box-1-address {
        margin-bottom: 30px;
        padding: 10px 0 0 0
    }
    .your-society .box-padding {
        padding: 0 5% 30px
    }
}

@media screen and (min-width:36.25em) {
    .l-secondary .box-1 {
        padding: 0
    }
}

@media screen and (min-width:43.75em) {
    .l-col-1-2 .box-padding {
        padding: 20px 0 20px 0
    }
    .news .l-col-1 .box-padding {
        padding: 20px 0
    }
}

.hero-box {
    position: absolute;
    left: 0;
    bottom: 0
}

.hero-box p {
    font-size: 2.6em;
    line-height: 120%
}

@media screen and (min-width:28.75em) {
    .hero-box {
        width: 90%;
        left: 5%;
        bottom: 30px
    }
}

@media screen and (min-width:36.25em) {
    .hero-box {
        width: 45%;
        left: 5%
    }
    .hero-box.smaller-text {
        width: 60%;
        left: 5%
    }
}

@media screen and (min-width:43.75em) {
    .hero-box {
        bottom: 75px
    }
    .hero-box.smaller-text {
        width: 45%;
        bottom: 10px;
        left: 5%
    }
    .your-society .hero-box {
        bottom: 15px
    }
    .hero-box p {
        font-size: 3.8em;
        line-height: 110%;
        font-weight: 300;
        -webkit-font-smoothing: subpixel-antialiased;
        margin-bottom: 12px
    }
}

@media screen and (min-width:56.25em) {
    .hero-box p {
        font-size: 4.8em;
        line-height: 100%
    }
    .hero-box {
        bottom: 100px
    }
    .your-society .hero-box {
        bottom: 75px
    }
}

@media screen and (min-width:87.5em) {
    .hero-box {
        bottom: 150px
    }
    .hero-box p {
        font-size: 5.8em
    }
}

.promo-box-1 p,
.promo-box-2 p {
    margin-bottom: 0;
    line-height: normal;
    padding-bottom: 0;
    font-size: 1.2em
}

.promo-box-1 .box {
    width: 100%
}

.promo-box-1 .sub-text {
    font-size: 3em;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ffd908
}

.promo-box-1 .sub-text-nb {
    font-size: 3em;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 0
}

.promo-box-1 ul {
    padding-bottom: 15px
}

.promo-box-1 li {
    font-size: 1.2em;
    margin-left: 18px;
    margin-bottom: 5px;
    color: #b2b7bd
}

.promo-box-1 .sub-text small,
.promo-box-1 .sub-text-nb small {
    font-size: .7em;
    color: #FFF
}

.promo-box-1 small,
.promo-box-2 small {
    font-size: 1.2em;
    display: block;
    margin-top: 10px
}

.promo-box-1 small {
    color: #b2b7bd
}

.promo-box-2 small {
    margin-bottom: 20px;
    color: #667189
}

@media screen and (min-width:28.75em) {
    .promo-box-1 p,
    .promo-box-2 p {
        font-size: 1.4em
    }
}

@media screen and (min-width:36.25em) {
    .promo-box-1 p,
    .promo-box-2 p {
        font-size: 1.2em
    }
}

@media screen and (min-width:43.75em) {
    .promo-box-1 p,
    .promo-box-2 p {
        font-size: 1.4em
    }
}

@media screen and (min-width:56.25em) {
    .promo-box-1 p,
    .promo-box-2 p {
        font-size: 1.2em
    }
}

@media screen and (min-width:65.625em) {
    .promo-box-1 p,
    .promo-box-2 p {
        font-size: 1.4em
    }
}

@media screen and (min-width:93.75em) {
    .promo-box-1 p,
    .promo-box-2 p {
        font-size: 1.6em
    }
}

.member-box {
    border-top: 2px solid #182745;
    padding-top: 20px
}

.member-box p {
    padding-bottom: 0;
    float: left;
    width: 48%
}

.member-box .wrap {
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
    min-height: 250px
}

.member-box img {
    width: 50%;
    float: right;
    z-index: 0;
    position: absolute;
    right: 0
}

@media screen and (min-width:606px) and (max-width:700px) {
    .member-box img {
        top: 10px
    }
}

@media screen and (min-width:480px) and (max-width:700px) {
    .member-box img {
        width: 40%
    }
}

@media screen and (min-width:43.75em) {
    .member-box {
        border-top: 0;
        padding-top: 0
    }
}

.side-box {
    margin-bottom: 20px;
    position: relative;
    clear: both
}

.home .l-col-3 .side-box {
    margin-bottom: 0
}

.side-box img {
    width: 100%
}

@media screen and (min-width:28.75em) {
    .side-box,
    .home .l-col-3 .side-box {
        margin-bottom: 30px
    }
}

@media screen and (min-width:36.25em) {
    .side-box {
        width: 48.341232227488%;
        float: left;
        clear: none
    }
    .side-box:nth-child(even) {
        float: right
    }
    .side-box:nth-child(odd) {
        clear: left
    }
}

@media screen and (min-width:56.25em) {
    .home .side-box,
    .home .side-box:nth-child(even),
    .home .side-box:nth-child(odd) {
        width: 100%;
        float: none;
        clear: both
    }
}

@media screen and (min-width:61.25em) {
    .side-box,
    .side-box:nth-child(even),
    .side-box:nth-child(odd) {
        width: 100%;
        float: none;
        clear: both
    }
}

.search-box p,
.main-article .search-box p {
    font-size: 1.8em;
    font-weight: 400
}

@media screen and (min-width:75em) {
    .search-box p,
    .main-article .search-box p {
        font-size: 2.2em;
        font-weight: 300;
        -webkit-font-smoothing: subpixel-antialiased
    }
}

.inner-head,
.inner-foot {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 1010
}

.inner-head {
    padding: 15px 0 10px
}

.insurance .info-boxes .inner {
    width: 90%;
    margin: 0 auto
}

@media screen and (min-width:28.75em) {
    .inner {
        width: 90%;
        margin: 0 auto
    }
}

@media screen and (min-width:43.75em) {
    .inner,
    .insurance .info-boxes .inner {
        width: 100%
    }
}

.hero-img {
    width: 100%;
    overflow: hidden;
    max-height: 500px
}

.hero-img img {
    width: 220%;
    margin-left: -100%;
    margin-top: 0
}

@media screen and (min-width:23.75em) {
    .hero-img img {
        width: 180%;
        margin-left: -70%
    }
}

@media screen and (min-width:28.75em) {
    .hero-img img {
        width: 140%;
        margin: 0 0 0 -40%
    }
}

@media screen and (min-width:36.25em) {
    .hero-img img {
        width: 120%;
        margin: 0 0 0 -20%
    }
}

@media screen and (min-width:75em) {
    .hero-img img {
        width: 110%;
        margin: 0
    }
}

@media screen and (min-width:81.25em) {
    .hero-img {
        max-height: 550px
    }
    .hero-img img {
        width: 100%;
        margin: 0
    }
}

@media screen and (min-width:87.5em) {
    .hero-img {
        max-height: 600px
    }
}

.content-hero {
    position: relative;
    margin-bottom: 20px
}

.content-hero img,
.main-article img {
    width: 100%
}

@media screen and (min-width:43.75em) {
    .content-hero {
        padding-top: 20px
    }
}

@media screen and (min-width:36.25em) {
    .main-article p,
    .main-article .more-info p {
        font-size: 1.8em;
        font-weight: 400
    }
    .main-article .more-info p,
    .more-info p {
        color: #535d68
    }
}

.story h2 a {
    text-decoration: none
}

.story h2 a:hover {
    text-decoration: underline
}

@media screen and (min-width:43.75em) {
    .main-article p,
    .main-article .story p {
        font-size: 2.2em;
        font-weight: 300;
        -webkit-font-smoothing: subpixel-antialiased;
        line-height: 130%;
        padding-bottom: 22px
    }
    .main-article .story p {
        font-size: 2em
    }
}

@media screen and (min-width:93.75em) {
    .main-article p,
    .your-society .main-article p {
        font-size: 2.4em
    }
}

.tertiary {
    display: block;
    border-top: 1px solid #ffb10f;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0 45px
}

@media screen and (min-width:43.75em) {
    .tertiary p {
        font-size: 1.4em;
        line-height: 130%
    }
    .tertiary p a {
        font-weight: 700
    }
}

@media screen and (min-width:61.25em) {
    .tertiary p {
        font-size: 1.3em
    }
}

@media screen and (min-width:75em) {
    .tertiary p {
        font-size: 1.4em
    }
}

.story {
    padding-bottom: 20px
}

.story img {
    width: 100%
}

.main-article img+p,
.press .main-article .story p:first-child {
    padding-bottom: 10px
}

.charity .main-article .story p:first-child {
    padding-bottom: 0
}

.meta-data {
    display: block;
    font-size: 16px;
    border-top: 1px solid #182745;
    padding-top: 5px;
    font-weight: 400
}

@media screen and (min-width:43.75em) {
    .story {
        padding-bottom: 30px
    }
}

.cta {
    display: block;
    margin-bottom: 15px
}

.cta-desc {
    display: block;
    background: #ffd900;
    font-size: 1.8em;
    padding: 8px 10px
}

@media screen and (min-width:43.75em) {
    .cta-desc-single {
        width: 66.66%;
        display: inline-block;
        float: left
    }
}

.mortgage-rates {
    position: relative;
    padding-top: 20px
}

.mortgage-rates small {
    font-size: 1em
}

.mortgage-rates .box-padding {
    padding-top: 0
}

.mortgage-rates-inner {
    border-bottom: 2px solid #032143;
    padding-bottom: 20px
}

.rates-col-3 {
    padding: 20px
}

.rates-col-3 .l-col-3,
.rates-col-3 .l-col-2 {
    margin-bottom: 0
}

.rates-col-3 .l-col-3:nth-child(1),
.rates-col-3 .l-col-3:nth-child(2) {
    border-bottom: 1px solid #032143;
    margin-bottom: 20px
}

.rates-col-3 .l-col-2:nth-child(1) {
    border-right: 1px solid #032143;
    padding-right: 20px
}

.rates-col-3 .l-col-3 p,
.rates-col-3 .l-col-2 p {
    font-size: 2em;
    line-height: 100%
}

@media screen and (min-width:28.75em) {
    .rates-col-3 {
        width: 90%;
        margin: 0 auto
    }
}

@media screen and (min-width:36.25em) {
    .mortgage-rates-inner {
        border: 0;
        padding-bottom: 0
    }
    .mortgage-rates .first,
    .mortgage-rates .third {
        border-right: 2px solid #032143;
        clear: left
    }
    .mortgage-rates .first,
    .mortgage-rates .second,
    .mortgage-rates .third,
    .mortgage-rates .fourth {
        padding-bottom: 0;
        margin-bottom: 20px
    }
    .mortgage-rates .rate {
        font-size: 4.5em
    }
}

@media screen and (min-width:43.75em) {
    .mortgage-rates .box-padding {
        padding: 0 20px
    }
    .mortgage-rates-inner p {
        font-size: 1.6em;
        font-weight: 400
    }
    .rates-col-3 {
        width: 100%
    }
}

@media screen and (min-width:56.25em) {
    .mortgage-rates .first,
    .mortgage-rates .second,
    .mortgage-rates .third {
        border-right: 1px solid #032143;
        clear: none
    }
    .mortgage-rates-inner p {
        font-size: 1.5em
    }
    .mortgage-rates-inner .rate {
        font-size: 4em
    }
    .rates-col-3 .l-col-3:nth-child(1),
    .rates-col-3 .l-col-3:nth-child(2) {
        border-bottom: 0;
        border-right: 1px solid #032143;
        margin-bottom: 0;
        padding-right: 2.1875%
    }
}

@media screen and (min-width:61.25em) {
    .mortgage-rates-inner .rate {
        font-size: 2.8em
    }
    .mortgage-rates-inner .percent {
        font-size: 1.8em
    }
    .mortgage-rates-inner {
        min-height: 155px
    }
}

@media screen and (min-width:75em) {
    .mortgage-rates-inner p {
        font-size: 1.6em
    }
    .mortgage-rates-inner .rate {
        font-size: 3.5em
    }
    .mortgage-rates-inner .percent {
        font-size: 2.5em
    }
}

@media screen and (min-width:87.5em) {
    .mortgage-rates-inner .rate {
        font-size: 3.5em
    }
    .mortgage-rates-inner .percent {
        font-size: 3.2em
    }
}

.exit-info {
    padding: 15px 15px 20px 15px
}

.main-article ul,
.main-article ol {
    padding-bottom: 11px
}

.more-info {
    clear: both
}

.main-article li,
.more-info li,
.main-article .more-info li {
    font-size: 1.6em;
    margin-left: 18px;
    margin-bottom: 5px;
    font-weight: 200
}

.more-info li,
.main-article .more-info li {
    color: #535d68
}

.main-article ol li {
    margin-left: 30px;
    margin-right: 5px
}

.main-article ul ul {
    padding: 5px 0
}

.main-article li li {
    font-size: 1em
}

@media screen and (min-width:36.25em) {
    .main-article li {
        font-size: 1.8em;
        margin-left: 20px
    }
    .main-article ol li {
        margin-left: 28px
    }
}

@media screen and (min-width:43.75em) {
    .main-article li {
        font-size: 2.2em;
        font-weight: 300;
        -webkit-font-smoothing: subpixel-antialiased;
        margin-left: 22px
    }
    .main-article ol li {
        margin-left: 26px
    }
}

@media screen and (min-width:93.75em) {
    .main-article ul,
    .main-article ol {
        padding-bottom: 15px
    }
    .main-article li {
        font-size: 2.4em;
        margin-left: 24px
    }
    .main-article ol li {
        margin-left: 28px
    }
}

.box-list li {
    list-style: none;
    background-color: #e8f3fb;
    margin-bottom: 2px
}

.member-benefits .box-list li,
.other-products .box-list li {
    margin-bottom: 30px
}

.box-list li:nth-child(odd) {
    background-color: #d3e8f8
}

.box-list li:last-child,
.inner-list li:last-child {
    margin-bottom: 16px
}

.box-padding .box-list li:last-child {
    margin-bottom: 0
}

.box-list li li {
    list-style: disc outside;
    font-size: 1.6em;
    background: none !important;
    margin: 0 0 5px 17px
}

.box-list-plain li {
    background: #fff !important
}

.p-grid p {
    display: block;
    width: 45%;
    float: left;
    margin-right: 5%
}

.p-grid p:nth-of-type(5),
.p-grid p:nth-of-type(6) {
    width: 100%
}

.p-grid li {
    clear: both
}

.p-grid .rate {
    font-size: 3em
}

.p-grid .percent {
    font-size: 1.5em
}

@media screen and (min-width:28.75em) {
    .box-list li {
        margin-bottom: 30px
    }
    .p-grid .rate {
        font-size: 3.5em
    }
    .p-grid .percent {
        font-size: 2em
    }
}

@media screen and (min-width:36.25em) {
    .box-list li:nth-child(odd) {
        background-color: #e8f3fb
    }
    .box-list li:first-child,
    .box-list li:nth-child(4n+4),
    .box-list li:nth-child(4n+5) {
        background-color: #d7e6f7
    }
    .p-grid .rate {
        font-size: 2em;
        line-height: normal
    }
    .p-grid .percent {
        font-size: 1em
    }
}

@media screen and (min-width:47.5em) {
    .p-grid .rate {
        font-size: 3em;
        line-height: 50px
    }
    .p-grid .percent {
        font-size: 1.5em
    }
}

@media screen and (min-width:56.25em) {
    .box-list li.l-col-3:nth-child(even) {
        background-color: #e8f3fb
    }
    .box-list li.l-col-3:nth-child(odd) {
        background-color: #d7e6f7
    }
    .p-grid .rate {
        font-size: 3.5em
    }
    .p-grid .percent {
        font-size: 2em
    }
}

@media screen and (min-width:61.25em) {
    .p-grid .rate {
        font-size: 3em
    }
    .p-grid .percent {
        font-size: 1.5em
    }
}

@media screen and (min-width:75em) {
    .p-grid .rate {
        font-size: 3.5em
    }
    .p-grid .percent {
        font-size: 2em
    }
}

.info-boxes {
    clear: both
}

@media screen and (min-width:28.75em) {
    .mortgages .info-boxes .inner {
        border-top: 1px solid #ffd908
    }
}

.contact .info-boxes {
    margin-top: 20px
}

.mortgages-detail .info-boxes {
    border-top: 0
}

.rate {
    font-size: 5em;
    line-height: 60px;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    display: inline-block
}

.cc-rep-rate {
    font-size: 5em;
    line-height: 60px;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    display: inline-block
}

.bonus-rate {
    font-size: 2em;
    line-height: 30px;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    display: inline-block
}

.percent {
    font-size: 3em;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased
}

.nav-list,
.l-col-1-2 .nav-list {
    padding-top: 0
}

.nav-list li,
.main-article .nav-list li {
    list-style: none;
    margin: 0 0 1px 0;
    font-size: 1em;
    font-weight: 400
}

.nav-list li a,
.main-article .nav-list li a {
    display: block;
    padding: 8px 40px 8px 10px;
    text-decoration: none;
    font-size: 1.6em;
    background: url(../img/btn-arrow-lgrey.gif) right center no-repeat #f3f4f5
}

.nav-list li:nth-child(even) a {
    background: url(../img/btn-arrow-dgrey.gif) right center no-repeat #e7ebed
}

.nav-list li a:hover,
.nav-list li:nth-child(even) a:hover,
.nav-list li:nth-child(even) a.current,
.nav-list li:nth-child(odd) a:hover,
.nav-list li:nth-child(odd) a.current,
.nav-list li li a.current {
    background-color: #ffec78;
    color: #182745
}

.nav-list li li a,
.nav-list li li:nth-child(even) a,
.nav-list li:nth-child(even) li a {
    background: url(../img/btn-arrow-vlgrey.gif) right center no-repeat #f7faf9;
    font-size: 1.6em;
    font-style: italic;
    padding: 6px 40px 7px 25px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .nav-list li a {
        background: url(../img/btn-arrow-lgrey@2x.gif) right center no-repeat #f3f4f5;
        background-size: 30px 70px
    }
    .nav-list li:nth-child(even) a {
        background: url(../img/btn-arrow-dgrey@2x.gif) right center no-repeat #e7ebed;
        background-size: 30px 70px
    }
    .nav-list li li a,
    .nav-list li:nth-child(even) li a {
        background: url(../img/btn-arrow-vlgrey@2x.gif) right center no-repeat #f7faf9;
        background-size: 30px 70px
    }
}

@media screen and (min-width:43.75em) {
    .mortgages-landing .l-col-1-2 .nav-list,
    .intermediaries-home .l-col-1-2 .nav-list,
    .sitemap .l-col-1-2 .nav-list {
        float: left;
        width: 48.341232227488%;
        margin-right: 3.317535545024%
    }
    .mortgages-landing .l-col-1-2 .nav-list:nth-child(even),
    .intermediaries-home .l-col-1-2 .nav-list:nth-child(even),
    .sitemap .l-col-1-2 .nav-list:nth-child(even) {
        margin-right: 0
    }
    .nav-list li a,
    .main-article .nav-list li a {
        font-size: 1.8em
    }
}

.tabs {
    width: 90%;
    margin: 0 auto
}

@media screen and (min-width:43.75em) {
    .tabs {
        width: 100%
    }
}

.tabs-style-1 .hide {
    display: none
}

@media screen and (min-width:36.25em) {
    .tabs-style-1 .hide {
        display: inline
    }
}

.tabs-style-1 p {
    color: #535d68
}

.tabs-style-1 .tabs-tabs {
    width: 100%;
    border-bottom: 1px solid #ffd908;
    margin-bottom: 10px
}

.tabs-style-1 .tabs-tabs li {
    float: left;
    list-style: none;
    margin-right: 1px;
    margin-top: 1px;
    position: relative
}

.tabs-style-1 .tabs-tabs li a {
    font-size: 1.6em;
    text-decoration: none;
    padding: 10px 20px 10px 10px;
    display: block;
    background: #e5ebee
}

.tabs-style-1 .tabs-tabs li a:hover,
.tabs-style-1 .tabs-tabs .ui-tabs-active a {
    background: #ffd900
}

.tabs-corner:after,
.tabs-corner:before {
    width: 0;
    height: 0;
    border-left: 20px solid #fff0;
    border-top: 15px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    right: 0
}

.tables-style-1 table,
.tables-style-2 table,
.tables-style-3 table,
.tables-style-4 table,
.tables-style-5 table,
.tables-style-6 table,
.table table {
    width: 100%;
    clear: both
}

.tables-style-5 table,
.tables-style-6 table {
    border-collapse: separate
}

@media screen and (min-width:43.75em) {
    .tables-style-1 table {
        margin-bottom: 15px
    }
}

.tables-style-1 thead {
    display: none
}

.tables-style-1 tr,
.tables-style-1 td {
    border: 0;
    display: block;
    padding: 0;
    text-align: left;
    float: left;
    width: 100%
}

.tables-style-1 tr {
    margin-bottom: 10px
}

.tables-style-1 td {
    text-align: right;
    font-size: 1.5em;
    background: #254d8a;
    color: #fff;
    margin-bottom: 1px;
    position: relative
}

.tables-style-1 td[data-title]:before {
    content: attr(data-title);
    text-align: left;
    display: block;
    background: #d7e7f7;
    color: #182745;
    padding: 10px;
    width: 70%;
    margin-bottom: -20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tables-style-1 td .td-num {
    position: absolute;
    top: 10px;
    right: 10px
}

.tables-style-1 .table-subhead {
    margin-bottom: 0;
    background: 0
}

.tables-style-1 .table-subhead td,
.tables-style-1 .table-subhead td:last-child {
    text-align: left;
    padding: 20px 0 10px;
    font-weight: 700;
    background: 0;
    color: #182745;
    font-size: 1.7em;
    display: block;
    width: 100%
}

.tables-style-1 tbody .table-subhead:first-child td {
    padding-top: 0
}

.tables-style-1 .table-notes {
    background: 0
}

.tables-style-1 .table-notes td,
.tables-style-1 .table-notes td:last-child {
    text-align: left;
    color: #535d68;
    padding: 5px 0;
    background: 0;
    font-size: 1.2em;
    width: 100%
}

.tables-style-1 .table-subhead td:before,
.tables-style-1 .table-notes td:before {
    content: "";
    color: #fff0;
    background: 0;
    width: 0;
    height: 0;
    padding: 0
}

.tables-style-1 td.view-btn {
    background: #ffd900;
    text-align: center
}

.tables-style-1 td.view-btn a {
    display: block;
    padding: 10px 0
}

@media screen and (min-width:28.75em) {
    .tables-style-1 td.view-btn {
        text-align: right;
        width: 30%;
        float: right;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .tables-style-1 td.view-btn a {
        padding: 10px
    }
    .table-notes {
        margin-top: -45px
    }
    .tables-style-1 .table-notes td,
    .tables-style-1 .table-notes td:last-child {
        width: 65%
    }
}

@media screen and (min-width:43.75em) {
    .tables-style-1 tr,
    .tables-style-1 td {
        float: none;
        width: auto
    }
    .tables-style-1 thead {
        display: table-header-group
    }
    .tables-style-1 thead tr {
        margin-bottom: 0
    }
    .tables-style-1 tr {
        display: table-row;
        background: #ebf3fb;
        margin-bottom: 0
    }
    .tables-style-1 th {
        color: #fff;
        font-size: 1.6em;
        font-weight: 400;
        text-align: left;
        padding: 10px 8px;
        line-height: 100%;
        background: #254d8a;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff
    }
    .tables-style-1 th:last-child {
        background: #fff
    }
    .tables-style-1 td {
        font-size: 1.6em;
        display: table-cell;
        text-align: left;
        background: 0;
        color: #032143;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        float: none;
        padding: 10px;
        position: inherit
    }
    .tables-style-1 td[data-title]:before {
        display: none;
        content: ""
    }
    .tables-style-1 td .td-num {
        position: relative;
        top: auto;
        right: auto
    }
    .tables-style-1 td.view-btn {
        float: none;
        width: auto;
        text-align: center;
        padding: 0
    }
    .tables-style-1 .table-subhead td,
    .tables-style-1 .table-subhead td:last-child,
    .tables-style-1 tbody .table-subhead:first-child td {
        padding: 10px 0;
        display: table-cell;
        width: auto
    }
    .tables-style-1 .table-notes td,
    .tables-style-1 .table-notes td:last-child {
        width: 100%
    }
}

.tables-style-2 th {
    background: #032143;
    color: #fff;
    font-size: 1.6em;
    text-align: left;
    padding: 10px
}

.tables-style-2 tr {
    background: #e8f3fb;
    border-bottom: 1px solid #fff
}

.tables-style-2 tr:nth-child(even) {
    background: #d3e8f8
}

.tables-style-2 td {
    padding: 5px 10px;
    font-size: 1.5em;
    display: block;
    width: 100%;
    color: #182745;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tables-style-2 thead {
    display: none
}

.tables-style-2 td:nth-child(odd) {
    font-weight: 700;
    padding-bottom: 0
}

.tables-style-2 td[data-title]:before {
    content: attr(data-title);
    background-color: #032143;
    display: block;
    font-size: 1em;
    color: #fff;
    font-weight: 700;
    padding: 5px
}

.tables-style-2 tr {
    display: block;
    margin-bottom: 20px
}

@media screen and (min-width:28.75em) {
    .tables-style-2 tr {
        background: #e8f3fb;
        border: 0;
        display: table-row;
        margin-bottom: auto
    }
    .tables-style-2 thead {
        display: block;
        display: table-header-group
    }
    .tables-style-2 td,
    .tables-style-2 td:nth-child(odd) {
        display: table-cell;
        padding: 10px;
        width: auto;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff
    }
    .tables-style-2 td:nth-child(even) {
        border-right: 0
    }
    .tables-style-2 td:before {
        content: "";
        background-color: #fff0;
        display: none
    }
}

@media screen and (min-width:43.75em) {
    .tables-style-2 td {
        font-size: 1.6em;
        margin-bottom: inherit
    }
    .tables-style-2 td[data-title]:before {
        display: none;
        content: ""
    }
}

.tables-style-3 table,
.tables-style-5 table,
.tables-style-6 table {
    margin-bottom: 16px
}

.mortgages-detail .tables-style-3 table,
.contact .tables-style-3 table,
.branch .tables-style-3 table {
    margin-bottom: 0
}

.contact .tables-style-3 table a,
.branch .tables-style-3 table a {
    table-layout: fixed;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    width: 100.2%
}

.contact .tables-style-3 table td:first-child,
.branch .tables-style-3 table td:first-child {
    width: 30%
}

.contact .tables-style-3 table td:last-child,
.branch .tables-style-3 table td:last-child {
    border-right: 0
}

@media screen and (min-width:43.75em) {
    .tables-style-3 table,
    .tables-style-5 table,
    .tables-style-6 table {
        margin-bottom: 22px
    }
}

.tables-style-3 th {
    background: #032143;
    color: #fff;
    font-size: 1.2em;
    text-align: left;
    padding: 10px;
    border-right: 1px solid #fff
}

.tables-style-3 tr {
    background: #e8f3fb;
    border-bottom: 1px solid #fff
}

.tables-style-3 tr:nth-child(even) {
    background: #d3e8f8
}

.tables-style-3 td {
    font-size: 1.4em
}

.branch .tables-style-3 td,
.contact .tables-style-3 td {
    vertical-align: top
}

.tables-style-3 td,
.tables-style-3 td:nth-child(odd) {
    display: table-cell;
    padding: 10px;
    width: auto;
    border-right: 1px solid #fff;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tables-style-5 th {
    background: #dae3e7;
    color: #032143;
    font-size: 1.2em;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #fff;
    font-weight: 400
}

.tables-style-5 .empty {
    background: #FFF
}

.tables-style-5 .empty-row td {
    background: #FFF;
    height: 5px;
    padding: 0;
    border: 0;
    font-size: .5em
}

.tables-style-5 tr {
    background: #cce2f4
}

.tables-style-5 .resolution {
    background: #032143;
    color: #fff
}

.tables-style-5 .resolution-name {
    color: #ffe100;
    font-size: 1.2em;
    font-weight: 400
}

.tables-style-5 td {
    display: table-cell;
    padding: 5px;
    width: auto;
    font-size: 1.2em;
    font-weight: 300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tables-style-6 th {
    background: #032143;
    color: #FFF;
    font-size: 1.2em;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #fff;
    font-weight: 400
}

.tables-style-6 .empty {
    background: #FFF
}

.tables-style-6 .empty-row td {
    background: #FFF;
    height: 5px;
    padding: 0;
    border: 1px solid #fff;
    font-size: .5em
}

.tables-style-6 tr {
    background: #cce2f4;
    border: 1px solid #fff
}

.tables-style-6 .resolution {
    background: #032143;
    color: #fff
}

.tables-style-6 .resolution-name {
    color: #ffe100;
    font-size: 1.2em;
    font-weight: 400
}

.tables-style-6 td {
    display: table-cell;
    padding: 5px;
    width: auto;
    font-size: 1.2em;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-weight: 300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width:28.75em) {
    .tables-style-3 th,
    .tables-style-3 td,
    .tables-style-5 th,
    .tables-style-5 td,
    .tables-style-5 .resolution-name,
    .tables-style-6 th,
    .tables-style-6 td,
    .tables-style-6 .resolution-name {
        font-size: 1.4em
    }
    .tables-style-5 .empty-row,
    .tables-style-6 .empty-row {
        background: #FFF;
        height: 5px
    }
}

@media screen and (min-width:43.75em) {
    .tables-style-3 th,
    .tables-style-3 td {
        font-size: 1.6em
    }
    .tables-style-5 th,
    .tables-style-5 td,
    .tables-style-5 .resolution-name,
    .tables-style-6 th,
    .tables-style-6 td,
    .tables-style-6 .resolution-name {
        font-size: 1.8em
    }
}

.tables-style-4 table {
    margin-bottom: 20px
}

.tables-style-4 th {
    font-weight: 700;
    font-size: 1.6em;
    text-align: left
}

.tables-style-4 td {
    padding: 5px 0;
    font-size: 1.4em
}

.warning {
    background: #cdd2e2;
    padding: 5px;
    color: #182745;
    border: 2px solid #cdd2e2;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 400;
    line-height: 27px
}

div.warning-fullwidth,
div.group>div.warning-fullwidth {
    margin-left: 5%;
    margin-right: 5%;
    width: auto
}

.warning,
div.warning>p {
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    color: #182745;
    line-height: 27px
}

div.warning>p {
    font-weight: 400;
    padding-bottom: 0
}

@media screen and (min-width:700px) and (max-width:1024px) {
    .warning,
    div.warning>p {
        font-size: 20px;
        line-height: 22px
    }
}

@media screen and (max-width:700px) {
    .warning {
        margin-left: 10px;
        margin-right: 10px
    }
    .warning,
    div.warning>p {
        font-size: 18px;
        line-height: 20px
    }
    div.warning-fullwidth,
    div.group>div.warning-fullwidth {
        margin-left: 10px;
        margin-right: 10px
    }
}

.warning-mortgages {
    padding: 0;
    text-transform: none;
    background: #fff;
    color: #052343;
    border: 2px solid #4d5c68;
    clear: both;
    margin-bottom: 20px
}

.home .warning-mortgages {
    background: #fff0
}

.warning-mortgages p {
    text-align: left;
    font-size: 1.55em;
    line-height: 150%
}

.home .warning-mortgages p {
    font-size: 1.3em;
    margin-bottom: 10px
}

.warning-no-bg {
    background: 0
}

.promo-box-2 .home .warning {
    width: 100%
}

.warning p {
    font-size: 1.4em;
    padding-bottom: 0;
    line-height: 120%;
    text-align: left;
    font-weight: 400
}

.home .warning {
    width: 90%;
    margin: 20px auto
}

.other-products .warning {
    margin-bottom: 0
}

@media screen and (min-width:28.75em) {
    .warning {
        padding: 8px 20px
    }
    .l-sidebar .warning {
        margin-top: -10px
    }
    .home .warning {
        width: 100%;
        margin: 0 0 30px 0
    }
}

@media screen and (min-width:56.25em) {
    .home .warning {
        width: 65.9375%
    }
}

.warning-mortgages {
    padding: 0;
    text-transform: none
}

.warning-mortgages p {
    text-align: left;
    font-size: 1.55em;
    line-height: 150%
}

.download a {
    display: block;
    padding: 8px 5%;
    font-size: 1.6em;
    background: #d4b1d3;
    text-decoration: none
}

.download .icon {
    float: right;
    font-size: 1.4em
}

@media screen and (min-width:36.25em) {
    .download a {
        font-size: 2em;
        padding: 8px 10px
    }
}

@media screen and (min-width:61.25em) {
    .download a {
        font-size: 1.8em
    }
}

.calc,
.calc:hover {
    background: #5e81bb;
    padding: 10px;
    display: block;
    width: 48.341232227488%;
    float: left;
    text-decoration: none;
    margin-right: 3.317535545024%
}

.intermediaries-home .calc,
.intermediaries-home .calc:hover {
    width: 100%
}

.calc p {
    display: none
}

.calc .icon {
    font-size: 4.8em;
    height: 48px
}

.calc p,
.calc .icon {
    color: #fff
}

@media screen and (min-width:36.25em) {
    .intermediaries-home .calc,
    .intermediaries-home .calc:hover {
        width: 48.341232227488%
    }
    .calc p {
        display: block;
        line-height: 120%;
        float: left;
        width: 70%
    }
    .calc .icon {
        float: right
    }
}

@media screen and (min-width:56.25em) {
    .calc p {
        width: 80%;
        padding-bottom: 0
    }
    .calc .icon {
        font-size: 6em;
        height: 60px;
        margin-top: -20px
    }
}

.notes {
    text-transform: uppercase;
    font-size: 14px;
    color: #535d68;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
    -webkit-font-smoothing: antialiased;
    clear: both
}

@media screen and (min-width:43.75em) {
    .mortgages-detail .cta+p,
    .share-this+.notes {
        width: 48.341232227488%;
        float: left;
        clear: none;
        margin-top: 3px
    }
}

p .notes {
    margin-bottom: 0
}

.promo-legal {
    text-align: right;
    background: #e8eaec;
    padding-bottom: 0;
    padding: 5px
}

.map {
    position: relative;
    width: 100%
}

#map-canvas {
    width: 100%;
    height: 250px
}

@media screen and (min-width:36.25em) {
    #map-canvas {
        height: 300px
    }
}

@media screen and (min-width:43.75em) {
    #map-canvas {
        height: 350px
    }
}

@media screen and (min-width:75em) {
    .map,
    #map-canvas {
        height: 400px
    }
}

.js-notice {
    display: none
}

html.no-js .js-notice {
    display: block
}

.s-error {
    font-size: 1.6em;
    color: #d41a1a;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #d41a1a;
    margin-bottom: 10px;
    background: #fff
}

.s-disabled {
    background: #ebebeb;
    color: #999
}

@media screen and (min-width:43.75em) {
    .hide-700 {
        display: none
    }
}

.offset-img {
    max-width: 580px
}

.clear {
    clear: both;
    display: block
}

.no-link,
.no-link a,
.no-link:hover,
.no-link a:hover {
    text-decoration: none;
    cursor: text;
    color: #182745
}

.bold {
    font-weight: 700 !important
}

.right {
    float: right
}

.larger {
    font-size: 1.2em
}

.larger h3 {
    font-weight: 700
}

.n-mt {
    margin-top: 0 !important
}

.n-mr {
    margin-right: 0 !important
}

.n-mb {
    margin-bottom: 0 !important
}

.n-pr {
    padding-right: 0 !important
}

.n-pb {
    padding-bottom: 0 !important
}

.n-border {
    border: 0 !important
}

.p-20 {
    padding: 20px
}

.pt-20 {
    padding-top: 20px !important
}

.mt-20 {
    margin-top: 20px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.rel {
    position: relative
}

.img-border {
    border-bottom: 1px solid #ffb10f
}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
html.mm-opened .mm-menu.mm-horizontal>.mm-panel {
    -webkit-transition: none .4s ease;
    -moz-transition: none .4s ease;
    -ms-transition: none .4s ease;
    -o-transition: none .4s ease;
    transition: none .4s ease;
    -webkit-transition-property: top, right, bottom, left, border, -webkit-transform;
    -moz-transition-property: top, right, bottom, left, border, -moz-transform;
    -ms-transition-property: top, right, bottom, left, border, -ms-transform;
    -o-transition-property: top, right, bottom, left, border, -o-transform;
    transition-property: top, right, bottom, left, border, transform
}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
    left: 0;
    top: 0;
    margin: 0;
    border: 0 solid #fff0
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker {
    border: 0 solid #fff0
}

.mm-menu .mm-hidden {
    display: none
}

.mm-fixed-top,
.mm-fixed-bottom {
    position: fixed;
    left: 0
}

.mm-fixed-top {
    top: 0
}

.mm-fixed-bottom {
    bottom: 0
}

html.mm-opened .mm-page,
.mm-menu>.mm-panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

html.mm-opened,
html.mm-opened body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

html.mm-opened .mm-page {
    height: 100%;
    overflow: hidden;
    position: absolute
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: #fff;
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999
}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-current {
    display: block
}

.mm-menu {
    background: inherit;
    display: none;
    overflow: hidden;
    height: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.mm-menu>.mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0
}

.mm-menu>.mm-panel.mm-opened {
    left: 0
}

.mm-menu>.mm-panel.mm-subopened {
    left: -40%
}

.mm-menu>.mm-panel.mm-highest {
    z-index: 1
}

.mm-menu>.mm-panel.mm-hidden {
    display: block;
    visibility: hidden
}

.mm-menu .mm-list {
    padding: 20px 0
}

.mm-menu>.mm-list {
    padding: 65px 0 40px 0
}

.mm-panel>.mm-list {
    margin-left: -20px;
    margin-right: -20px
}

.mm-panel>.mm-list:first-child {
    padding-top: 0
}

.mm-list,
.mm-list>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-list * {
    -webkit-text-size-adjust: none;
    font-family: "effra", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-shadow: none
}

.mm-list a,
.mm-list a:hover {
    text-decoration: none
}

.mm-list>li {
    position: relative
}

.mm-list>li>a,
.mm-list>li>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    line-height: 20px;
    display: block;
    padding: 15px 40px 15px 20px;
    margin: 0;
    font-size: 1.2em;
    border: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .mm-list>li>a,
    .mm-list>li>span {
        background-size: 30px auto
    }
}

.mm-list>li:nth-child(odd) a,
.mm-list>li:nth-child(odd) span {
    background-color: #394f88
}

.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto
}

.mm-list a.mm-subopen {
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.mm-list a.mm-subopen::before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.mm-list a.mm-subopen.mm-fullsubopen {
    width: 100%
}

.mm-list a.mm-subopen.mm-fullsubopen:before {
    border-left: 0
}

.mm-list a.mm-subopen+a,
.mm-list a.mm-subopen+span {
    padding-right: 5px;
    margin-right: 40px
}

.mm-list>li.mm-selected>a.mm-subopen {
    background: #fff0
}

.mm-list>li.mm-selected>a.mm-fullsubopen+a,
.mm-list>li.mm-selected>a.mm-fullsubopen+span {
    padding-right: 45px;
    margin-right: 0
}

.mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px
}

.mm-list>li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px
}

.mm-list>li.mm-spacer {
    padding-top: 40px
}

.mm-list>li.mm-spacer.mm-label {
    padding-top: 25px
}

.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid #fff0;
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 54%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-list a.mm-subopen:after {
    border-top: 0;
    border-left: 0;
    right: 18px
}

.mm-list a.mm-subclose:before {
    border-right: 0;
    border-bottom: 0;
    margin-bottom: -15px;
    left: 22px
}

.mm-menu.mm-vertical .mm-list .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: #fff0
}

.mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel {
    display: block
}

.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen {
    height: 40px
}

.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px
}

html.mm-opened .mm-page {
    box-shadow: 0 0 20px rgb(0 0 0 / .5)
}

.mm-ismenu {
    background: #274279
}

.mm-menu {
    color: rgb(255 255 255 / .6)
}

.mm-menu .mm-list>li:after {
    border-color: rgb(0 0 0 / .15)
}

.mm-menu .mm-list>li>a.mm-subclose {
    background: rgb(0 0 0 / .1);
    color: rgb(255 255 255 / .3)
}

.mm-menu .mm-list>li>a.mm-subopen:after,
.mm-menu .mm-list>li>a.mm-subclose:before {
    border-color: rgb(255 255 255 / .3)
}

.mm-menu .mm-list>li>a.mm-subopen:before {
    border-color: rgb(0 0 0 / .15)
}

.mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu .mm-list>li.mm-selected>span {
    background: rgb(0 0 0 / .1)
}

.mm-menu .mm-list>li.mm-label {
    background: rgb(255 255 255 / .05)
}

.mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened>ul {
    background: rgb(255 255 255 / .05)
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 80%
}

.mm-menu {
    width: 80%
}

@media all and (max-width:175px) {
    .mm-menu {
        width: 140px
    }
    html.mm-opened.mm-opening .mm-page,
    html.mm-opened.mm-opening #mm-blocker,
    html.mm-opened.mm-opening .mm-fixed-top,
    html.mm-opened.mm-opening .mm-fixed-bottom {
        left: 140px
    }
}

@media all and (min-width:550px) {
    .mm-menu {
        width: 440px
    }
    html.mm-opened.mm-opening .mm-page,
    html.mm-opened.mm-opening #mm-blocker,
    html.mm-opened.mm-opening .mm-fixed-top,
    html.mm-opened.mm-opening .mm-fixed-bottom {
        left: 440px
    }
}

html.mm-nooverflowscrolling.mm-opened {
    height: auto;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll
}

html.mm-nooverflowscrolling.mm-opened body {
    overflow: auto
}

html.mm-nooverflowscrolling.mm-opened .mm-page {
    min-height: 1000px;
    position: fixed
}

html.mm-nooverflowscrolling.mm-opened .mm-menu {
    height: auto;
    min-height: 1000px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    left: auto;
    top: auto
}

html.mm-nooverflowscrolling.mm-opened>.mm-panel {
    position: relative;
    height: auto;
    display: none;
    left: 0
}

html.mm-nooverflowscrolling.mm-opened>.mm-panel.mm-current {
    display: block
}

.mm-list>li.mm-label * {
    font: inherit
}

.mm-menu.mm-fixedlabels .mm-list {
    background: inherit
}

.mm-menu.mm-fixedlabels .mm-list>li.mm-label {
    background: inherit !important;
    opacity: .97;
    height: 25px;
    overflow: visible;
    position: relative;
    z-index: 1
}

.mm-menu.mm-fixedlabels .mm-list>li.mm-label>div {
    background: inherit;
    width: 100%;
    position: absolute;
    left: 0
}

.mm-menu.mm-fixedlabels .mm-list>li.mm-label>div>div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-menu.mm-fixedlabels .mm-list>li.mm-label.mm-spacer>div>div {
    padding-top: 25px
}

.mm-list>li.mm-label>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0
}

.mm-list>li.mm-label.mm-opened a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 17px
}

.mm-list>li.mm-collapsed {
    display: none
}

.mm-menu .mm-list li.mm-label>div>div {
    background: rgb(255 255 255 / .05)
}

em.mm-counter {
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 40px;
    top: 50%
}

em.mm-counter+a.mm-subopen {
    padding-left: 40px
}

em.mm-counter+a.mm-subopen+a,
em.mm-counter+a.mm-subopen+span {
    padding-right: 80px
}

em.mm-counter+a.mm-fullsubopen {
    padding-left: 0
}

.mm-vertical em.mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical li.mm-selected>em.mm-counter+a.mm-subopen+a,
.mm-vertical li.mm-selected>em.mm-counter+a.mm-subopen+span {
    margin-right: 75px
}

.mm-nosubresults>em.mm-counter {
    display: none
}

.mm-menu em.mm-counter {
    color: rgb(255 255 255 / .3)
}

html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging #mm-blocker {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    /*transition-duration: 0;*/
}

.mm-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-shadow: none;
    background: inherit;
    border-bottom: 1px solid #fff0;
    text-align: center;
    line-height: 20px;
    width: 100%;
    height: 60px;
    padding: 30px 40px 0 40px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1
}

.mm-header .mm-prev,
.mm-header .mm-next {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    bottom: 0
}

.mm-header .mm-prev:before,
.mm-header .mm-next:before {
    content: '';
    border: 2px solid #fff0;
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -15px
}

.mm-header .mm-prev {
    left: 0
}

.mm-header .mm-prev:before {
    border-right: 0;
    border-bottom: 0;
    left: 22px
}

.mm-header .mm-next {
    right: 0
}

.mm-header .mm-next:before {
    border-top: 0;
    border-left: 0;
    right: 18px
}

.mm-menu.mm-hassearch .mm-header {
    height: 50px;
    padding-top: 20px;
    top: 50px
}

.mm-menu.mm-hassearch .mm-header .mm-prev:before,
.mm-menu.mm-hassearch .mm-header .mm-mext:before {
    margin-bottom: -10px
}

.mm-menu.mm-hasheader li.mm-subtitle {
    display: none
}

.mm-menu.mm-hasheader .mm-panel {
    padding-top: 80px
}

.mm-menu.mm-hasheader.mm-hassearch>.mm-panel {
    padding-top: 120px
}

.mm-menu.mm-hasheader.mm-ismenu>.mm-panel {
    padding-top: 60px
}

.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch>.mm-panel {
    padding-top: 100px
}

.mm-menu .mm-header {
    border-color: rgb(0 0 0 / .15);
    color: rgb(255 255 255 / .3)
}

.mm-menu .mm-header a:before {
    border-color: rgb(255 255 255 / .3)
}

.mm-search,
.mm-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.mm-search {
    background: inherit;
    width: 100%;
    height: 50px;
    padding: 10px;
    position: relative;
    top: 0;
    z-index: 2
}

.mm-search input {
    -webkit-text-size-adjust: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-shadow: none;
    border: 0;
    border-radius: 15px;
    line-height: 30px;
    outline: 0;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px
}

.mm-menu li.mm-nosubresults>a.mm-subopen {
    display: none
}

.mm-menu li.mm-nosubresults>a.mm-subopen+a,
.mm-menu li.mm-nosubresults>a.mm-subopen+span {
    padding-right: 10px
}

.mm-menu li.mm-noresults {
    text-align: center;
    font-size: 20px;
    display: none;
    padding-top: 80px
}

.mm-menu li.mm-noresults:after {
    border: 0
}

.mm-menu.mm-noresults li.mm-noresults {
    display: block
}

.mm-menu.mm-hassearch>.mm-panel {
    padding-top: 60px
}

.mm-menu .mm-search input {
    background: rgb(255 255 255 / .3);
    color: rgb(255 255 255 / .6)
}

.mm-menu li.mm-noresults {
    color: rgb(255 255 255 / .3)
}

html.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 100%
}

.mm-menu.mm-fullscreen {
    width: 100%
}

@media all and (max-width:140px) {
    .mm-menu.mm-fullscreen {
        width: 140px
    }
    html.mm-opened.mm-opening.mm-fullscreen .mm-page,
    html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
    html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
    html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
        left: 140px
    }
}

@media all and (min-width:10000px) {
    .mm-menu.mm-fullscreen {
        width: 10000px
    }
    html.mm-opened.mm-opening.mm-fullscreen .mm-page,
    html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
    html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
    html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
        left: 10000px
    }
}

.mm-menu.mm-top.mm-fullscreen {
    height: 100%
}

html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 100%
}

html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -100%
}

@media all and (max-height:140px) {
    .mm-menu.mm-top.mm-fullscreen {
        height: 140px
    }
    html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
    html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
    html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
        top: 140px
    }
    html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
        bottom: -140px
    }
}

@media all and (min-height:10000px) {
    .mm-menu.mm-top.mm-fullscreen {
        height: 10000px
    }
    html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
    html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
    html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
        top: 10000px
    }
    html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
        bottom: -10000px
    }
}

.mm-menu.mm-right.mm-fullscreen {
    width: 100%
}

html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 100%
}

@media all and (max-width:140px) {
    .mm-menu.mm-right.mm-fullscreen {
        width: 140px
    }
    html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
    html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
    html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
    html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
        right: 140px
    }
}

@media all and (min-width:10000px) {
    .mm-menu.mm-right.mm-fullscreen {
        width: 10000px
    }
    html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
    html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
    html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
    html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
        right: 10000px
    }
}

.mm-menu.mm-bottom.mm-fullscreen {
    height: 100%
}

html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 100%
}

html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -100%
}

@media all and (max-height:140px) {
    .mm-menu.mm-bottom.mm-fullscreen {
        height: 140px
    }
    html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
    html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
    html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
        bottom: 140px
    }
    html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
        top: -140px
    }
}

@media all and (min-height:10000px) {
    .mm-menu.mm-bottom.mm-fullscreen {
        height: 10000px
    }
    html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
    html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
    html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
        bottom: 10000px
    }
    html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
        top: -10000px
    }
}

.mm-menu.mm-fullscreen.mm-front,
.mm-menu.mm-fullscreen.mm-next {
    left: -100%
}

@media all and (max-width:140px) {
    .mm-menu.mm-fullscreen.mm-front,
    .mm-menu.mm-fullscreen.mm-next {
        left: -140px
    }
}

@media all and (min-width:10000px) {
    .mm-menu.mm-fullscreen.mm-front,
    .mm-menu.mm-fullscreen.mm-next {
        left: -10000px
    }
}

.mm-menu.mm-top.mm-fullscreen.mm-front,
.mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -100%
}

@media all and (max-height:140px) {
    .mm-menu.mm-top.mm-fullscreen.mm-front,
    .mm-menu.mm-top.mm-fullscreen.mm-next {
        top: -140px
    }
}

@media all and (min-height:10000px) {
    .mm-menu.mm-top.mm-fullscreen.mm-front,
    .mm-menu.mm-top.mm-fullscreen.mm-next {
        top: -10000px
    }
}

.mm-menu.mm-right.mm-fullscreen.mm-front,
.mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -100%
}

@media all and (max-width:140px) {
    .mm-menu.mm-right.mm-fullscreen.mm-front,
    .mm-menu.mm-right.mm-fullscreen.mm-next {
        right: -140px
    }
}

@media all and (min-width:10000px) {
    .mm-menu.mm-right.mm-fullscreen.mm-front,
    .mm-menu.mm-right.mm-fullscreen.mm-next {
        right: -10000px
    }
}

.mm-menu.mm-bottom.mm-fullscreen.mm-front,
.mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -100%
}

@media all and (max-height:140px) {
    .mm-menu.mm-bottom.mm-fullscreen.mm-front,
    .mm-menu.mm-bottom.mm-fullscreen.mm-next {
        bottom: -140px
    }
}

@media all and (min-height:10000px) {
    .mm-menu.mm-bottom.mm-fullscreen.mm-front,
    .mm-menu.mm-bottom.mm-fullscreen.mm-next {
        bottom: -10000px
    }
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
    left: 0;
    right: auto
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
    top: 0
}

html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
    bottom: 0
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important
}

html.mm-accelerated.mm-opened .mm-page,
html.mm-accelerated.mm-opened #mm-blocker,
html.mm-accelerated.mm-opened .mm-menu.mm-front,
html.mm-accelerated.mm-opened .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.mm-accelerated.mm-opened.mm-opening .mm-page,
html.mm-accelerated.mm-opened.mm-opening #mm-blocker,
html.mm-accelerated.mm-opened.mm-opening .mm-menu.mm-front,
html.mm-accelerated.mm-opened.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 1px);
    -moz-transform: translate3d(0, 0, 1px);
    -ms-transform: translate3d(0, 0, 1px);
    -o-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px)
}

html.mm-accelerated .mm-menu.mm-horizontal .mm-panel {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.mm-accelerated .mm-menu.mm-horizontal .mm-panel.mm-opened {
    -webkit-transform: translate3d(0, 0, 1px);
    -moz-transform: translate3d(0, 0, 1px);
    -ms-transform: translate3d(0, 0, 1px);
    -o-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px)
}

html.mm-accelerated .mm-menu.mm-horizontal .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: translate3d(0, 0, 2px);
    -moz-transform: translate3d(0, 0, 2px);
    -ms-transform: translate3d(0, 0, 2px);
    -o-transform: translate3d(0, 0, 2px);
    transform: translate3d(0, 0, 2px)
}

.mm-menu.mm-top {
    width: 100%
}

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
    top: 0
}

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    left: 0
}

.mm-menu.mm-right {
    left: auto;
    right: 0
}

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
    left: auto;
    right: 0
}

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    left: auto
}

.mm-menu.mm-bottom {
    width: 100%;
    top: auto;
    bottom: 0
}

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
    bottom: 0;
    top: auto
}

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    top: auto;
    left: 0
}

.mm-menu.mm-top {
    height: 80%
}

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 80%
}

html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -80%
}

@media all and (max-height:175px) {
    .mm-menu.mm-top {
        height: 140px
    }
    html.mm-top.mm-opened.mm-opening .mm-page,
    html.mm-top.mm-opened.mm-opening #mm-blocker,
    html.mm-top.mm-opened.mm-opening .mm-fixed-top {
        top: 140px
    }
    html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
        bottom: -140px
    }
}

@media all and (min-height:1100px) {
    .mm-menu.mm-top {
        height: 880px
    }
    html.mm-top.mm-opened.mm-opening .mm-page,
    html.mm-top.mm-opened.mm-opening #mm-blocker,
    html.mm-top.mm-opened.mm-opening .mm-fixed-top {
        top: 880px
    }
    html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
        bottom: -880px
    }
}

.mm-menu.mm-right {
    width: 80%
}

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 80%
}

@media all and (max-width:175px) {
    .mm-menu.mm-right {
        width: 140px
    }
    html.mm-right.mm-opened.mm-opening .mm-page,
    html.mm-right.mm-opened.mm-opening #mm-blocker,
    html.mm-right.mm-opened.mm-opening .mm-fixed-top,
    html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
        right: 140px
    }
}

@media all and (min-width:550px) {
    .mm-menu.mm-right {
        width: 440px
    }
    html.mm-right.mm-opened.mm-opening .mm-page,
    html.mm-right.mm-opened.mm-opening #mm-blocker,
    html.mm-right.mm-opened.mm-opening .mm-fixed-top,
    html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
        right: 440px
    }
}

.mm-menu.mm-bottom {
    height: 80%
}

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 80%
}

html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -80%
}

@media all and (max-height:175px) {
    .mm-menu.mm-bottom {
        height: 140px
    }
    html.mm-bottom.mm-opened.mm-opening .mm-page,
    html.mm-bottom.mm-opened.mm-opening #mm-blocker,
    html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
        bottom: 140px
    }
    html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
        top: -140px
    }
}

@media all and (min-height:1100px) {
    .mm-menu.mm-bottom {
        height: 880px
    }
    html.mm-bottom.mm-opened.mm-opening .mm-page,
    html.mm-bottom.mm-opened.mm-opening #mm-blocker,
    html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
        bottom: 880px
    }
    html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
        top: -880px
    }
}

html.mm-front.mm-opened .mm-page {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
}

.mm-menu.mm-front,
.mm-menu.mm-next {
    -webkit-transition: none .4s ease;
    -moz-transition: none .4s ease;
    -ms-transition: none .4s ease;
    -o-transition: none .4s ease;
    transition: none .4s ease;
    -webkit-transition-property: top, right, bottom, left, -webkit-transform;
    -moz-transition-property: top, right, bottom, left, -moz-transform;
    -ms-transition-property: top, right, bottom, left, -o-transform;
    -o-transition-property: top, right, bottom, left, -o-transform;
    transition-property: top, right, bottom, left, transform
}

html.mm-front .mm-page,
html.mm-front #mm-blocker {
    z-index: 0
}

.mm-menu.mm-front {
    z-index: 1;
    box-shadow: 0 0 15px rgb(0 0 0 / .5)
}

html.mm-opened.mm-next .mm-page {
    box-shadow: none
}

html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
    left: 0
}

.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next {
    left: 0
}

html.mm-opening .mm-menu.mm-top.mm-front,
html.mm-opening .mm-menu.mm-top.mm-next {
    left: 0;
    top: 0
}

.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next {
    left: auto
}

html.mm-opening .mm-menu.mm-right.mm-front,
html.mm-opening .mm-menu.mm-right.mm-next {
    left: auto;
    right: 0
}

.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next {
    top: auto;
    left: 0
}

html.mm-opening .mm-menu.mm-bottom.mm-front,
html.mm-opening .mm-menu.mm-bottom.mm-next {
    left: 0;
    bottom: 0
}

.mm-menu.mm-front,
.mm-menu.mm-next {
    left: -80%
}

@media all and (max-width:175px) {
    .mm-menu.mm-front,
    .mm-menu.mm-next {
        left: -140px
    }
}

@media all and (min-width:550px) {
    .mm-menu.mm-front,
    .mm-menu.mm-next {
        left: -440px
    }
}

.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next {
    top: -80%
}

@media all and (max-height:175px) {
    .mm-menu.mm-top.mm-front,
    .mm-menu.mm-top.mm-next {
        top: -140px
    }
}

@media all and (min-height:1100px) {
    .mm-menu.mm-top.mm-front,
    .mm-menu.mm-top.mm-next {
        top: -880px
    }
}

.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next {
    right: -80%
}

@media all and (max-width:175px) {
    .mm-menu.mm-right.mm-front,
    .mm-menu.mm-right.mm-next {
        right: -140px
    }
}

@media all and (min-width:550px) {
    .mm-menu.mm-right.mm-front,
    .mm-menu.mm-right.mm-next {
        right: -440px
    }
}

.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next {
    bottom: -80%
}

@media all and (max-height:175px) {
    .mm-menu.mm-bottom.mm-front,
    .mm-menu.mm-bottom.mm-next {
        bottom: -140px
    }
}

@media all and (min-height:1100px) {
    .mm-menu.mm-bottom.mm-front,
    .mm-menu.mm-bottom.mm-next {
        bottom: -880px
    }
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
    left: 0;
    right: auto
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
    top: 0
}

html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
    bottom: 0
}

html.mm-opened.mm-light .mm-page {
    box-shadow: 0 0 10px rgb(0 0 0 / .3)
}

.mm-ismenu.mm-light {
    background: #f3f3f3
}

.mm-menu.mm-light {
    color: rgb(0 0 0 / .6)
}

.mm-menu.mm-light .mm-list>li:after {
    border-color: rgb(0 0 0 / .1)
}

.mm-menu.mm-light .mm-list>li>a.mm-subclose {
    background: rgb(255 255 255 / .6);
    color: rgb(0 0 0 / .3)
}

.mm-menu.mm-light .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-light .mm-list>li>a.mm-subclose:before {
    border-color: rgb(0 0 0 / .3)
}

.mm-menu.mm-light .mm-list>li>a.mm-subopen:before {
    border-color: rgb(0 0 0 / .1)
}

.mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-light .mm-list>li.mm-selected>span {
    background: rgb(255 255 255 / .6)
}

.mm-menu.mm-light .mm-list>li.mm-label {
    background: rgb(0 0 0 / .03)
}

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>ul {
    background: rgb(0 0 0 / .03)
}

.mm-menu.mm-light .mm-search input {
    background: rgb(0 0 0 / .1);
    color: rgb(0 0 0 / .6)
}

.mm-menu.mm-light li.mm-noresults {
    color: rgb(0 0 0 / .3)
}

.mm-menu.mm-light em.mm-counter {
    color: rgb(0 0 0 / .3)
}

.mm-menu.mm-light .mm-list li.mm-label>div>div {
    background: rgb(0 0 0 / .03)
}

.mm-menu.mm-light .mm-header {
    border-color: rgb(0 0 0 / .1);
    color: rgb(0 0 0 / .3)
}

.mm-menu.mm-light .mm-header a:before {
    border-color: rgb(0 0 0 / .3)
}

html.mm-opened.mm-white .mm-page {
    box-shadow: 0 0 10px rgb(0 0 0 / .3)
}

.mm-ismenu.mm-white {
    background: #fff
}

.mm-menu.mm-white {
    color: rgb(0 0 0 / .6)
}

.mm-menu.mm-white .mm-list>li:after {
    border-color: rgb(0 0 0 / .1)
}

.mm-menu.mm-white .mm-list>li>a.mm-subclose {
    background: rgb(0 0 0 / .08);
    color: rgb(0 0 0 / .3)
}

.mm-menu.mm-white .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-white .mm-list>li>a.mm-subclose:before {
    border-color: rgb(0 0 0 / .3)
}

.mm-menu.mm-white .mm-list>li>a.mm-subopen:before {
    border-color: rgb(0 0 0 / .1)
}

.mm-menu.mm-white .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-white .mm-list>li.mm-selected>span {
    background: rgb(0 0 0 / .08)
}

.mm-menu.mm-white .mm-list>li.mm-label {
    background: rgb(0 0 0 / .03)
}

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>ul {
    background: rgb(0 0 0 / .03)
}

.mm-menu.mm-white .mm-search input {
    background: rgb(0 0 0 / .1);
    color: rgb(0 0 0 / .6)
}

.mm-menu.mm-white li.mm-noresults {
    color: rgb(0 0 0 / .3)
}

.mm-menu.mm-white em.mm-counter {
    color: rgb(0 0 0 / .3)
}

.mm-menu.mm-white .mm-list li.mm-label>div>div {
    background: rgb(0 0 0 / .03)
}

.mm-menu.mm-white .mm-header {
    border-color: rgb(0 0 0 / .1);
    color: rgb(0 0 0 / .3)
}

.mm-menu.mm-white .mm-header a:before {
    border-color: rgb(0 0 0 / .3)
}

html.mm-opened.mm-black .mm-page {
    box-shadow: none
}

.mm-ismenu.mm-black {
    background: #000
}

.mm-menu.mm-black {
    color: rgb(255 255 255 / .6)
}

.mm-menu.mm-black .mm-list>li:after {
    border-color: rgb(255 255 255 / .2)
}

.mm-menu.mm-black .mm-list>li>a.mm-subclose {
    background: rgb(255 255 255 / .25);
    color: rgb(255 255 255 / .3)
}

.mm-menu.mm-black .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-black .mm-list>li>a.mm-subclose:before {
    border-color: rgb(255 255 255 / .3)
}

.mm-menu.mm-black .mm-list>li>a.mm-subopen:before {
    border-color: rgb(255 255 255 / .2)
}

.mm-menu.mm-black .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-black .mm-list>li.mm-selected>span {
    background: rgb(255 255 255 / .25)
}

.mm-menu.mm-black .mm-list>li.mm-label {
    background: rgb(255 255 255 / .15)
}

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>ul {
    background: rgb(255 255 255 / .15)
}

.mm-menu.mm-black .mm-search input {
    background: rgb(255 255 255 / .3);
    color: rgb(255 255 255 / .6)
}

.mm-menu.mm-black li.mm-noresults {
    color: rgb(255 255 255 / .3)
}

.mm-menu.mm-black em.mm-counter {
    color: rgb(255 255 255 / .3)
}

.mm-menu.mm-black .mm-list li.mm-label>div>div {
    background: rgb(255 255 255 / .15)
}

.mm-menu.mm-black .mm-header {
    border-color: rgb(255 255 255 / .2);
    color: rgb(255 255 255 / .3)
}

.mm-menu.mm-black .mm-header a:before {
    border-color: rgb(255 255 255 / .3)
}

html.mm-slide .mm-menu {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease
}

html.mm-slide.mm-opened .mm-menu {
    -webkit-transform: translateX(-40%);
    -moz-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    -o-transform: translateX(-40%);
    transform: translateX(-40%)
}

html.mm-slide.mm-opening .mm-menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

html.mm-slide.mm-right.mm-opened .mm-menu {
    -webkit-transform: translateX(40%);
    -moz-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%)
}

html.mm-slide.mm-right.mm-opening .mm-menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

html.mm-slide.mm-top.mm-opened .mm-menu {
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%)
}

html.mm-slide.mm-top.mm-opening .mm-menu {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

html.mm-slide.mm-bottom.mm-opened .mm-menu {
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -o-transform: translateY(40%);
    transform: translateY(40%)
}

html.mm-slide.mm-bottom.mm-opening .mm-menu {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

html.mm-zoom-menu .mm-menu {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease
}

html.mm-zoom-menu.mm-opened .mm-menu {
    -webkit-transform: scale(.7, .7) translateX(-40%);
    -moz-transform: scale(.7, .7) translateX(-40%);
    -ms-transform: scale(.7, .7) translateX(-40%);
    -o-transform: scale(.7, .7) translateX(-40%);
    transform: scale(.7, .7) translateX(-40%);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

html.mm-zoom-menu.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0)
}

html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
    -webkit-transform: scale(.7, .7) translateX(40%);
    -moz-transform: scale(.7, .7) translateX(40%);
    -ms-transform: scale(.7, .7) translateX(40%);
    -o-transform: scale(.7, .7) translateX(40%);
    transform: scale(.7, .7) translateX(40%);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0)
}

html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
    -webkit-transform: scale(.7, .7) translateY(-40%);
    -moz-transform: scale(.7, .7) translateY(-40%);
    -ms-transform: scale(.7, .7) translateY(-40%);
    -o-transform: scale(.7, .7) translateY(-40%);
    transform: scale(.7, .7) translateY(-40%);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top
}

html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
}

html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
    -webkit-transform: scale(.7, .7) translateY(40%);
    -moz-transform: scale(.7, .7) translateY(40%);
    -ms-transform: scale(.7, .7) translateY(40%);
    -o-transform: scale(.7, .7) translateY(40%);
    transform: scale(.7, .7) translateY(40%);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
}

html.mm-zoom-page.mm-opened .mm-page {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

html.mm-zoom-page.mm-opening .mm-page {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5)
}

html.mm-zoom-page.mm-right.mm-opened .mm-page {
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

html.mm-zoom-page.mm-top.mm-opened .mm-page {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top
}

html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

html.mm-zoom-panels .mm-panel {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

html.mm-zoom-panels .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(.7, .7);
    -moz-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    -o-transform: scale(.7, .7);
    transform: scale(.7, .7)
}

@font-face {
    font-family: "lbs-icon-font";
    src: url(../fonts/lbs-icon-02-23.eot);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "lbs-icon-font";
    src: url(../fonts/lbs-icon-02-23.eot);
    src: url(../fonts/lbs-icon-02-23.eot?#iefix) format("embedded-opentype"), url(../fonts/lbs-icon-02-23.woff) format("woff"), url(../fonts/lbs-icon-02-23.ttf) format("truetype"), url(../fonts/lbs-icon-02-23.svg#lbs-icon-font) format("svg");
    font-weight: 400;
    font-style: normal
}

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

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "lbs-icon-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    bottom: -2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-download-icon:before {
    content: "a"
}

.icon-mortgagecalc-icon:before {
    content: "d"
}

.icon-savingscalc-icon:before {
    content: "f"
}

.icon-laptop-icon:before {
    content: "g"
}

.icon-mortgageapp-icon:before {
    content: "j"
}

.nofill-blue li:first-child,
.nofill-blue li:nth-child(4n+4),
.nofill-blue li:nth-child(4n+5),
.nofill-blue li:nth-child(odd),
.nofill-blue li.l-col-3:nth-child(odd) {
    background: #e8f3fb
}

.download a.no-styles {
    background: 0;
    text-decoration: underline;
    color: #182745;
    padding: 0;
    font-size: 1em;
    line-height: 130%;
    display: inline
}

.more-info ul+p {
    margin-top: 20px
}

.home .warning.warning-wider {
    width: 100%;
    margin: 10px 0 0 0 !important;
    background-color: rgb(255 255 255 / .5)
}

.home .warning.warning-wider p {
    margin: 0;
    font-weight: 300
}

.please-note {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: bottom
}

.please-note p {
    font-size: 1.9em
}

.please-note * {
    color: #fff !important
}

.please_note {
    margin: 20px 0;
    margin: 0;
    background-color: #182746;
    color: #fff;
    width: 100%
}

.ie8 .please_note {
    padding-bottom: 20px !important
}

.please_note>div {
    font-size: 1.6em;
    padding: 20px
}

.please_note>div div.excla {
    width: 27px;
    height: 27px;
    margin-right: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    background-image: url(../img/cookie-notice-warning.png)
}

.please_note>div span {
    display: inline-block;
    padding-left: 20px;
    font-weight: 400
}

img.please-note {
    width: 25px;
    margin-left: -10px
}

.help {
    cursor: pointer;
    padding-left: 10px;
    padding-top: 18px;
    margin-top: 5px;
    background-image: url(../img/help-button.png);
    background-repeat: no-repeat;
    color: #fff;
    width: 10px;
    float: left;
    display: inline-block
}

.press_image_box div {
    padding-bottom: 20px;
    background-color: #e7eaec
}

select {
    cursor: pointer
}

form label {
    display: block;
    vertical-align: top;
    font-size: 1.6em
}

form label em {
    font-size: .8em;
    font-weight: 400;
    font-style: normal
}

form label span.asterisk {
    color: #a30000
}

.boxComments {
    background: none repeat scroll 0 0 #FFF;
    padding: 8px 10px;
    font-size: 1.6em;
    font-weight: 400;
    width: 100%;
    height: 155px;
    box-sizing: border-box
}

div.form-group {
    margin: 20px 0 0 0;
    display: block;
    clear: both
}

div.form-group-less div.form-group+div.form-group {
    margin-top: 10px
}

div.form-group input[type="submit"].btn,
div.form-group button[type="submit"].btn {
    float: right
}

input.error,
select.error,
textarea.error {
    border-color: #a30000
}

div.error {
    clear: both;
    font-size: 1.5em;
    color: #a30000;
    font-style: normal
}

.std-form-field {
    width: 100%;
    height: 45px;
    background: #fff;
    padding: 8px 10px;
    font-size: 1.6em;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.short-form-field {
    width: 30%;
    height: 45px;
    background: #fff;
    padding: 8px 10px;
    font-size: 1.6em;
    display: block;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

form.form select,
form.form input[type="text"],
form.form input[type="file"],
form.form input[type="email"],
form.form input[type="number"],
form.form input[type="tel"],
form.form input[type="date"],
form.form input[type="password"],
form.form textarea {
    margin: 3px 0;
    border: solid 3px #acc5d8;
    border-radius: 0
}

input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    cursor: pointer
}

input[type="radio"] {
    -webkit-apperance: radio !important;
    cursor: pointer
}

.home .warning {
    padding: 5px
}

.smaller-text.hero-box p {
    font-size: 2em
}

.home .warning.warning-wider p {
    font-size: .9em
}

@media screen and (min-width:43.75em) {
    .smaller-text.hero-box p {
        font-size: 2.2em
    }
    .home .warning.warning-wider p {
        font-size: .9em
    }
}

@media screen and (min-width:56.25em) {
    .smaller-text.hero-box p {
        font-size: 2.6em
    }
    .smaller-text.hero-box {
        bottom: 100px
    }
    .home .warning.warning-wider p {
        font-size: 1em
    }
}

@media screen and (min-width:75em) {
    .smaller-text.hero-box p {
        font-size: 3.6em
    }
    .home .warning.warning-wider p {
        font-size: 1.2em
    }
}

ul.tickList li {
    list-style-image: url(../img/tick.gif)
}

.btn.btn-no-arrow {
    background: 0;
    background-color: #ffd908;
    text-align: center;
    padding: 8px 20px 8px 20px
}

.main-navigation {
    display: none;
    font-weight: 400;
    -webkit-tap-highlight-color: #fff0;
    -webkit-touch-callout: none
}

.custom-search-container {
    display: none
}

.gsc-input-box-focus {
    box-shadow: none !important
}

@media screen and (max-width:43.75em) {
    .main-sub-nav {
        display: none
    }
}

@media screen and (min-width:43.75em) {
    .main-mobile-menu {
        display: none
    }
    .mobile-menu-btn {
        display: none
    }
    .main-navigation {
        display: block;
        z-index: 100;
        position: relative
    }
    .main-navigation .dropdown-open a {
        position: relative
    }
    .main-navigation .dropdown-open a:after {
        display: block;
        content: "";
        height: 2px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #5478b2
    }
    .main-navigation .current {
        background-color: #5478b2;
        color: #fff
    }
    .main-navigation .current a {
        background-color: #5478b2;
        color: #fff
    }
    .main-navigation li {
        float: left;
        list-style: none
    }
    .main-navigation li .view-all {
        font-size: 20px
    }
    .main-navigation li .view-all:hover {
        text-decoration: none
    }
    .main-navigation a {
        font-size: 1.25em;
        display: block;
        padding: 0 6px;
        margin-right: 2px;
        text-decoration: none;
        line-height: 30px;
        background-color: #d3e8f8;
        color: #032143
    }
    .mod-no-touch .main-navigation a:hover {
        background-color: #fce354
    }
    .main-navigation i {
        width: 0;
        height: 0;
        border-left: 4px solid #fff0;
        border-right: 4px solid #fff0;
        border-top: 4px solid #032143;
        position: relative;
        top: 11px;
        left: 3px
    }
    .main-navigation .home-link a:hover {
        background-color: #ffd900
    }
    .main-navigation .dropdown-open a {
        background-color: #33508a !important;
        color: #fff !important
    }
    .main-navigation .dropdown-open i {
        border-top: 4px solid #ffd900
    }
    .main-navigation .navigation-site {
        float: left;
        margin: 0 0 -30px 5%
    }
    .main-navigation .navigation-site .home-link .home-icon:hover {
        background: url(../img/home-icon.png) no-repeat #ffd900;
        background-position: center center
    }
    .main-navigation .navigation-site .home-link .current {
        background-color: #5478b2
    }
    .main-navigation .navigation-site .your-society {
        margin: 0 0 -30px 5%
    }
    .main-navigation .navigation-user {
        float: right;
        margin: 0 5% 0 0
    }
    .your-society-link a {
        margin-right: 0
    }
    .your-society-link.dropdown-open .o-link:hover {
        background: #5478b2 !important;
        color: #fff !important
    }
    .your-society-link.dropdown-open .o-link {
        background: #5478b2 !important;
        color: #fff !important
    }
    .main-sub-nav {
        position: relative;
        display: block;
        z-index: 10
    }
    .home .main-navigation li a {
        background-color: #fff
    }
    .mod-no-touch .main-navigation li a:hover {
        background-color: #5478b2;
        color: #fff
    }
    .home .home-link .home-icon,
    .intermediaries-home .home-link .home-icon {
        background-image: url(../img/home-icon-white.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #33508a;
        color: #fff
    }
    .o-link {
        background-color: #ffd900 !important;
        color: #182745
    }
    .o-link:hover {
        background-color: #ffd900 !important;
        color: #182745 !important
    }
    .main-sub-nav {
        z-index: 110;
        position: relative;
        top: 5px;
        float: right;
        clear: right
    }
    .main-sub-nav ul li {
        list-style: none;
        display: inline-block
    }
    .main-sub-nav ul li>a,
    .main-sub-nav ul li>span {
        display: block;
        padding: 0 .8em 0 .8em;
        color: #fff;
        font-size: 1.8em;
        text-decoration: none
    }
    .main-sub-nav ul li>a:hover,
    .main-sub-nav ul li>span:hover {
        color: #6a81b9
    }
    .main-sub-nav ul>.custom-search>span>i {
        display: flex;
        height: 40px;
        background-size: 25px !important;
        background-position: center !important
    }
    .main-sub-nav ul>.custom-search {
        position: relative
    }
    .main-sub-nav ul>.custom-search>span {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        cursor: pointer
    }
    .main-sub-nav ul>.custom-search>span>i {
        background: url(../img/nav/search-2-40.png) no-repeat
    }
    .main-sub-nav ul>.custom-search>.custom-search-container {
        position: absolute;
        top: 62px;
        right: 0;
        padding: 10px 10px 4px;
        width: 400px;
        background: #5478b2
    }
    .main-sub-nav ul>.custom-search>.custom-search-container p {
        padding-bottom: 4px;
        color: #fff
    }
    .main-sub-nav ul>.custom-search.active>span {
        color: #fff;
        background: #5478b2
    }
    .main-sub-nav ul>.custom-search.active>.custom-search-container {
        display: block
    }
    .home .main-navigation .navigation-user,
    .your-society .main-navigation .navigation-user {
        margin: 0 5% -35px 0
    }
    .drop-down-container {
        display: none;
        position: absolute;
        top: 32px;
        left: 0;
        margin: 0 5%;
        padding: 5px;
        background: #5478b2;
        color: #fff
    }
    .drop-down-container .view-all {
        font-size: 16px !important
    }
    .drop-down-container .view-all:hover {
        text-decoration: none !important
    }
    .drop-down-container h3 {
        margin-bottom: 10px;
        font-size: 20px
    }
    .drop-down-container p {
        font-size: 14px
    }
    .drop-down-container h4 {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 6px
    }
    .drop-down-container .btn {
        width: 170px;
        padding: 0 40px 0 10px;
        font-size: 14px;
        background: url(../img/btn-arrow-dorange.gif) no-repeat center right #ffd900;
        cursor: pointer
    }
    .drop-down-container .btn:hover {
        background-color: #ffd900;
        color: #182745
    }
    .drop-down-container .view-all:hover {
        text-decoration: none
    }
    .drop-down-container .intro {
        float: left;
        width: 200px;
        margin: 10px
    }
    .drop-down-container ul li a:hover {
        text-decoration: underline
    }
    .drop-down-container .double-column {
        float: left;
        margin: 10px
    }
    .drop-down-container .double-column ul {
        margin-right: 10px;
        list-style: inherit
    }
    .drop-down-container .double-column li {
        line-height: 14px;
        padding: 2px 0
    }
    .drop-down-container .double-column li a {
        padding: 0;
        background-color: #fff0;
        color: #ffd900;
        text-decoration: underline;
        font-size: .8em;
        text-decoration: none;
        line-height: 24px
    }
    .drop-down-container .double-column a {
        display: inline-block;
        background: #fff0;
        color: #fff;
        text-decoration: underline
    }
    .drop-down-container .double-column .view-all {
        font-size: 14px
    }
    .drop-down-container .single-column {
        margin: 10px;
        float: left
    }
    .drop-down-container .single-column ul {
        float: left;
        margin-right: 10px;
        list-style: inherit
    }
    .drop-down-container .single-column li {
        line-height: 14px;
        padding: 2px 0
    }
    .drop-down-container .single-column li a {
        padding: 0;
        background-color: #fff0;
        color: #ffd900;
        text-decoration: underline;
        font-size: .8em;
        text-decoration: none;
        line-height: 24px
    }
    .drop-down-container .single-column a {
        display: inline-block;
        background: #fff0;
        color: #fff;
        text-decoration: underline
    }
    .drop-down-container .mortgage-drop {
        max-width: 635px
    }
    .drop-down-container .mortgage-drop .intro {
        width: 200px
    }
    .drop-down-container .mortgage-drop .double-column ul {
        float: left
    }
    .drop-down-container .mortgage-drop .double-column .left-margin {
        margin-left: 20px
    }
    .drop-down-container .mortgage-drop .remove-list-style h4 {
        margin-top: -21px;
        margin-bottom: 0;
        color: #fff
    }
    .drop-down-container .mortgage-drop .remove-list-style a {
        padding: 0 6px;
        margin-right: 2px;
        margin-top: 4px;
        color: #fff !important;
        text-decoration: underline !important;
        font-size: 18px
    }
    .drop-down-container .mortgage-drop .remove-list-style a:hover {
        text-decoration: none
    }
    .drop-down-container .remove-list-style {
        margin-left: -18px;
        list-style: none
    }
    .drop-down-container .remove-list-style h4 {
        margin-top: -21px;
        margin-bottom: 0
    }
    .drop-down-container .remove-list-style a {
        padding: 0 6px;
        margin-right: 2px;
        margin-top: 4px;
        color: #fff !important;
        text-decoration: underline !important;
        font-size: 18px
    }
    .drop-down-container .remove-list-style a:hover {
        text-decoration: none
    }
    .drop-down-container ul {
        padding-left: 20px
    }
    .drop-down-container li {
        display: list-item;
        float: none;
        list-style: inherit;
        font-size: 17px;
        color: #ffd900;
        line-height: 36px
    }
}

@media screen and (min-width:795px) {
    .main-navigation li a:active i {
        border: 0;
        background: url(../img/nav/arrow-yellow.png) no-repeat;
        background-size: cover;
        margin-right: 0;
        padding-right: 0
    }
    .main-navigation li a:hover i {
        border: 0;
        background-size: cover;
        margin-right: 0;
        padding-right: 0
    }
    .main-navigation i {
        display: inline-block;
        top: 0;
        left: 0;
        margin-left: 4px;
        width: 12px;
        height: 7px;
        border: 0;
        background: url(../img/nav/arrow.png) no-repeat;
        background-size: cover;
        font-weight: 400
    }
    .main-navigation .dropdown-open i {
        border: 0;
        background: url(../img/nav/arrow-yellow.png) no-repeat;
        background-size: cover
    }
    .drop-down-container {
        padding: 10px
    }
    .mod-touch .main-navigation .dropdown-open i {
        border: 0;
        background: url(../img/nav/arrow-yellow.png) no-repeat;
        background-size: cover;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .main-sub-nav {
        top: 0
    }
}

@media screen and (min-width:814px) {
    .main-navigation a {
        font-size: 1.4em
    }
    .drop-down-container .double-column .remove-list-style a {
        margin-top: 0;
        padding: 0 10px;
        color: #fff;
        text-decoration: underline;
        font-size: 14px;
        line-height: 35px
    }
    .drop-down-container .single-column .remove-list-style a {
        margin-top: 0;
        padding: 0 10px;
        color: #fff;
        text-decoration: underline;
        font-size: 16px;
        line-height: 35px
    }
    .main-sub-nav {
        top: 0
    }
    .main-sub-nav ul>.custom-search>.custom-search-container {
        top: 62px;
        padding: 15px 15px 9px
    }
}

@media screen and (min-width:1024px) {
    .main-navigation a {
        line-height: 35px
    }
}

@media screen and (min-width:930px) {
    .drop-down-container {
        top: 37px;
        padding: 20px
    }
    .drop-down-container .mortgage-drop {
        max-width: none
    }
    .home .main-navigation .navigation-site,
    .your-society .main-navigation .navigation-site {
        margin: 0 0 -35px 5%
    }
    .home .main-navigation .navigation-user,
    .your-society .main-navigation .navigation-user {
        margin: 0 0 -35px 0
    }
    .main-navigation a {
        font-size: 1.5em;
        padding: 0 10px
    }
    .drop-down-container .view-all {
        font-size: 14px
    }
    .drop-down-container .double-column ul {
        float: left
    }
    .drop-down-container .double-column .view-all {
        float: left;
        clear: left
    }
    .drop-down-container .remove-list-style a {
        margin-top: 0;
        padding: 0 10px;
        color: #fff;
        text-decoration: underline;
        font-size: 16px;
        line-height: 35px
    }
    .drop-down-container .remove-list-style h4 {
        margin-top: -21px;
        margin-bottom: 0
    }
    .drop-down-container .mortgage-drop .intro {
        width: 200px
    }
    .drop-down-container .mortgage-drop .double-column ul {
        float: left
    }
    .drop-down-container .mortgage-drop .double-column .view-all {
        float: left;
        clear: left
    }
    .drop-down-container .mortgage-drop .remove-list-style a {
        margin-top: 0;
        padding: 0 10px;
        color: #fff;
        text-decoration: underline;
        font-size: 16px;
        line-height: 35px
    }
    .drop-down-container .mortgage-drop .remove-list-style h4 {
        margin-top: -21px;
        margin-bottom: 2px
    }
    .push-down {
        padding-top: 4px
    }
}

@media screen and (min-width:962px) {
    .drop-down-container .insurance-drop {
        min-width: 500px
    }
    .drop-down-container .left {
        width: 300px;
        float: left;
        margin-right: 20px
    }
    .drop-down-container .middle,
    .drop-down-container .right {
        margin-top: 0
    }
    .home .main-navigation .navigation-site,
    .your-society .main-navigation .navigation-site {
        margin: 0 0 -40px 5%
    }
    .home .main-navigation .navigation-user,
    .your-society .main-navigation .navigation-user {
        margin: 0 0 -40px 0
    }
    .main-navigation a {
        font-size: 1.6em
    }
}

@media screen and (min-width:1080px) {
    .drop-down-container {
        top: 42px
    }
    .drop-down-container .insurance-drop {
        min-width: 560px
    }
    .drop-down-container .intro {
        width: 250px
    }
    .drop-down-container .intro h3 {
        font-size: 30px
    }
    .drop-down-container .intro p {
        font-size: 18px;
        line-height: 28px
    }
    .drop-down-container h4 {
        font-size: 24px;
        margin-top: 10px
    }
    .drop-down-container .mortgage-drop .intro {
        width: 220px
    }
    .drop-down-container .mortgage-drop .single-column li a {
        font-size: .9em;
        margin-top: 4px !important
    }
    .drop-down-container .mortgage-drop .remove-list-style a {
        margin-top: 2px;
        padding: 0 10px;
        color: #fff;
        text-decoration: underline;
        font-size: 16px;
        line-height: 35px
    }
    .drop-down-container .mortgage-drop .remove-list-style h4 {
        margin-top: -25px;
        margin-bottom: 10px
    }
    .drop-down-container .double-column li a {
        margin-top: 4px;
        font-size: .9em
    }
    .drop-down-container .single-column li a {
        margin-top: 4px;
        font-size: .9em
    }
    .main-navigation a {
        font-size: 1.8em;
        line-height: 40px
    }
    .main-navigation i {
        margin-left: 8px;
        width: 15px;
        height: 9px
    }
}

@media screen and (min-width:1164px) {
    .main-navigation a {
        font-size: 2em
    }
}

@media screen and (min-width:1300px) {
    .drop-down-container .middle ul {
        float: left
    }
    .drop-down-container .middle .push-down {
        margin-top: 41px
    }
}

.warning.warning-nav {
    width: 100%;
    background-color: transparent !important;
    font-size: 1em;
    color: #fff;
    border: solid 1px #fff;
    margin-top: 20px
}

@media screen and (max-width:66.5em) {
    .drop-down-container .single-column,
    .drop-down-container .double-column {
        margin: 10px 0 10px 10px
    }
}

.no-js .main-navigation li a i,
.no-js #custom-search {
    display: none
}

.custom-search-container span,
.custom-search-container a {
    background-color: #fff !important;
    border: none !important
}

.custom-search-container a {
    font-size: 1em !important
}

.no-js #search-mm-section {
    display: none
}

.main-navigation .navigation-user {
    position: absolute;
    top: 0;
    right: 5%;
    margin-right: 0
}

.home .main-navigation .navigation-user {
    position: relative;
    top: 0;
    margin-right: 0
}

.main-navigation {
    margin-bottom: 25px;
    z-index: 1000
}

.nav-no-margin-bottom .main-navigation,
.home .main-navigation {
    margin-bottom: 0
}

.hero-box .hero-banner {
    margin-top: -40px;
    display: block;
    max-height: 50px;
    width: auto
}

@media screen and (max-width:63.75em) {
    .hero-box .hero-banner {
        max-height: 50px
    }
}

#PAGENAME {
    display: none;
    visibility: hidden
}

.hero-box .hero-banner {
    margin-top: -40px;
    display: block;
    max-height: 50px;
    width: auto
}

@media screen and (max-width:63.75em) {
    .hero-box .hero-banner {
        max-height: 50px
    }
}

@media screen and (max-width:56.25em) {
    .hero-box .hero-banner {
        max-height: 42px
    }
}

.intermediaries .o-link i.icon {
    display: none
}

.ie8 .press_image_box .image {
    padding-bottom: 20px
}

.press_image_box .image {
    background-color: #e7eaec !important
}

.press_image_box .image p {
    padding: 20px
}

.break {
    word-break: break-all;
    word-wrap: break-word
}

.current.your-society-link a {
    color: #032143 !important
}

.banner-notification {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 15px;
    overflow: hidden
}

.banner-notification .warning-text {
    width: 75%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-bottom: 0;
    padding-bottom: 20px
}

.banner-notification .warning-text.full {
    width: 100%
}

.banner-notification .warning-text p {
    padding-left: 5%
}

.banner-notification .warning-text p span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 90%
}

.banner-notification p {
    font-size: 1.9em;
    padding-bottom: 0
}

.banner-notification .close-warning {
    width: 220px;
    display: block;
    float: right
}

@media screen and (max-width:63.75em) {
    .banner-notification p {
        font-size: 1.7em
    }
    .banner-notification .warning-text {
        width: 74%
    }
    .banner-notification .close-warning {
        width: 190px
    }
}

@media screen and (max-width:43.75em) {
    .banner-notificationp {
        font-size: 1.5em
    }
    .banner-notification .warning-text,
    .banner-notification .close-warning {
        display: block;
        width: 100%
    }
    .banner-notification .close-warning {
        text-align: right;
        width: 190px;
        padding-bottom: 20px
    }
}

@media screen and (max-width:28.75em) {
    .banner-notification p {
        font-size: 1.3em
    }
}

.banner-notification a {
    color: inherit
}

.banner-notification .close-warning p {
    padding-right: 5%
}

.banner-notification .close-warning img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.knowledge-base .warning p {
    text-shadow: none
}

.knowledge-base .warning p strong {
    font-weight: 400
}

.kb-article-box {
    display: none
}

.kb-article-box-active {
    display: block
}

.home .promo-box-1 .warning,
.home .promo-box-2 .warning {
    width: auto
}

.promo-box-1 ul,
.promo-box-2 ul {
    padding-bottom: 0
}

@media screen and (max-width:25em) {
    .home .promo-box-1 {
        margin-top: 20px
    }
}

.home .l-col-1 .inner .l-col-3 {
    margin-bottom: 20px !important
}

.announcements {
    margin-top: 20px
}

.l-col-40 {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0
}

.l-col-60 {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0
}

@media screen and (min-width:16em) {
    .l-col-40 {
        width: 39%;
        float: left;
        margin-right: 1%
    }
    .l-col-60 {
        width: 60%;
        float: left
    }
}

.form-option {
    width: 46%;
    float: left;
    margin: 0;
    margin-right: 1%;
    padding: 1%;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

.form-option.selected {
    background-color: #254d8a;
    color: #fff;
}

/*@keyframes throb {
    0 {transform: scale(1)}
    80% {transform: scale(1.1)}
}*/

.main-article {
    margin-right: 10px;
    margin-left: 10px;
}

section.content-area {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

aside.content-aside {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.content-area h2 {
    padding-left: 0 !important;
}

#addsearch-button {
    height: 28px;
    background-color: #ffd908;
    border: 0;
    color: #50313a;
    padding: 4px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 4px;
    cursor: pointer
}

#addsearch-searchbar {
    cursor: auto;
    width: 85%;
    padding: 2px;
    border: 0;
    margin: 0;
    height: auto;
    outline: 0;
    font-size: 20px
}

.addsearch-button-new {
    border-color: #ffd908;
    background-color: #ffd908;
    background-image: none;
    filter: none;
    width: 13px;
    height: 14px;
    padding: 6px 27px;
    min-width: 13px;
    border-radius: 2px;
    border: 1px solid #666;
    margin-bottom: -6px;
    margin-left: 7px
}

.addsearch-filed-new {
    font-size: 20px;
    width: 78%;
    padding: 1px;
    border: 0;
    margin: 0;
    height: auto;
    outline: 0;
    margin-left: 2px;
    height: 27px
}

.your-society-link {
    color: #182745;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    box-sizing: border-box;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    width: 180px
}

.your-society-link>.o-link {
    font-size: 20px;
    color: #182745;
    float: left;
    background-color: #d3e8f8 !important;
    text-align: center;
    border: 2px solid #d3e8f8;
    box-sizing: border-box;
    width: 180px;
    line-height: 35px
}

.your-society-link>.o-link:hover,
.your-society-link>.o-link:active {
    font-size: 20px;
    color: #182745 !important;
    float: left;
    background-color: #d3e8f8 !important;
    text-align: center;
    box-sizing: border-box;
    width: 180px
}

.your-society-link.dropdown-open {
    background-color: #d3e8f8 !important
}

.your-society-link.dropdown-open .o-link:hover,
.your-society-link.dropdown-open .o-link:after {
    color: #182745 !important;
    background-color: #d3e8f8 !important
}

.main-navigation .dropdown-open.your-society-link a {
    font-size: 20px;
    color: #182745 !important;
    float: left;
    background-color: #d3e8f8 !important;
    text-align: center;
    border: 2px solid #d3e8f8;
    box-sizing: border-box;
    width: 180px
}

.your-society-drop {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #7d8690;
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgb(0 0 0 / .25);
    border-radius: 2px;
    position: absolute;
    width: 500px;
    right: 0;
    top: 5px;
    color: #182745
}

.your-society-drop h3 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 400
}

.your-society-drop p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300
}

.your-society-drop a {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400
}

.your-society-drop_list {
    height: 150px;
    width: 400px
}

.your-society-drop_list-item a {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-decoration-line: underline;
    color: #254d8a;
    display: inherit;
    background-color: #fff;
    padding: 0
}

.your-society-drop_list-item:nth-child(odd) {
    float: left;
    display: inline-block;
    width: 200px;
    position: relative
}

.your-society-drop_list-item:nth-child(even) {
    float: right;
    display: inline-block;
    width: 200px;
    position: relative
}

.drop-down-container>.your-society-drop>.your-society-drop_btn {
    padding: 9px 50px 8px 10px;
    display: block;
    float: right;
    margin-right: 10px;
    margin-bottom: 15px;
    width: 250px
}

.drop-down-container {
    z-index: -1
}

.your-society-link>.drop-down-container {
    background-color: initial !important
}

#savings-drop {
    background-color: #000
}

@media screen and (min-width:1051px) and (max-width:1240px) {
    .main-navigation .navigation-user {
        right: 0 !important
    }
    .your-society-drop {
        right: -50px
    }
}

@media screen and (min-width:700px) and (max-width:1050px) {
    .drop-down-container>.your-society-drop {
        right: 0
    }
}

@media screen and (min-width:1000px) and (max-width:1050px) {
    .your-society-link {
        width: 140px
    }
    .your-society-link>.o-link {
        width: 140px
    }
    .your-society-link>.o-link:active {
        width: 140px
    }
}

@media screen and (min-width:767px) and (max-width:1050px) {
    .your-society-link>.o-link {
        width: 100px
    }
    .your-society-link>.o-link:hover,
    .your-society-link>.o-link:active {
        width: 100px
    }
}

@media screen and (min-width:1050px) and (max-width:1150px) {
    .dropdown-open.your-society-link i::after,
    .dropdown-open.your-society-link i:hover,
    .dropdown-open.your-society-link i:active {
        background: url(https://www.leedsbuildingsociety.co.uk/_resources/img/nav/arrow.png) no-repeat !important
    }
}

@media screen and (min-width:1070px) and (max-width:1099px) {
    .drop-down-container>.log-in-drop,
    .drop-down-container>.your-society-drop {
        right: -50px
    }
}

@media screen and (min-width:700px) and (max-width:1150px) {
    .your-society-link,
    .your-society-link:active,
    .your-society-link:hover {
        width: initial;
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (min-width:951px) and (max-width:1150px) {
    .your-society-link>.o-link,
    .your-society-link>.o-link:hover,
    .your-society-link>.o-link:active {
        width: initial;
        font-size: 16px;
        line-height: 30px
    }
    .main-navigation .dropdown-open.your-society-link a {
        font-size: 16px;
        width: initial
    }
}

@media screen and (min-width:700px) and (max-width:950px) {
    .your-society-link>.o-link,
    .your-society-link>.o-link:hover,
    .your-society-link>.o-link:active {
        width: initial;
        font-size: 14px;
        line-height: 26px
    }
    .main-navigation .dropdown-open.your-society-link a {
        font-size: 14px;
        width: initial
    }
}

@media screen and (min-width:700px) and (max-width:767px) {
    .dropdown-open.your-society-link i::after,
    .dropdown-open.your-society-link i:hover,
    .dropdown-open.your-society-link i:active {
        background: initial
    }
    .your-society-link i {
        background: initial
    }
}

@media screen and (min-width:1300px) and (max-width:1333px) {
    #mortgages-drop .intro {
        width: 220px
    }
}

@media screen and (min-width:1278px) and (max-width:1300px) {
    #mortgages-drop .intro {
        width: 200px
    }
}

@media screen and (min-width:1205px) and (max-width:1278px) {
    #mortgages-drop .intro {
        width: 180px
    }
}

@media screen and (min-width:1205px) and (max-width:1255px) {
    #mortgages-drop .single-column {
        margin: 10px 0
    }
    #mortgages-drop .double-column {
        margin: 10px 0
    }
    .drop-down-container .single-column {
        margin: 10px 0
    }
    .drop-down-container .double-column ul {
        margin-right: 5px
    }
    #mortgages-drop .single-column ul {
        margin-right: 5px
    }
    .drop-down-container .double-column ul {
        margin-right: 5px
    }
    #mortgages-drop .single-column ul {
        margin-right: 5px
    }
}

@media screen and (min-width:1178px) and (max-width:1255px) {
    #mortgages-drop .intro {
        width: 180px;
        margin-right: 0
    }
}

@media screen and (min-width:1010px) and (max-width:1178px) {
    .drop-down-container .intro {
        width: 200px
    }
    .drop-down-container .intro h3 {
        font-size: 28px
    }
    .drop-down-container .intro p {
        font-size: 16px;
        line-height: 24px
    }
    .drop-down-container h4 {
        font-size: 22px
    }
    .drop-down-container li {
        font-size: 16px
    }
    .drop-down-container .btn {
        width: 175px;
        font-size: 16px
    }
}

@media screen and (min-width:1010px) and (max-width:1132px) {
    #mortgages-drop .intro {
        width: 162px
    }
    #mortgages-drop .btn {
        width: 162px
    }
}

@media screen and (min-width:700px) and (max-width:1205px) {
    #mortgages-drop .double-column {
        margin: 10px 0 10px 10px
    }
    .drop-down-container .double-column ul {
        margin-right: 20px
    }
    #mortgages-drop .single-column ul {
        margin-right: 0
    }
    .drop-down-container .double-column ul {
        margin-right: 20px
    }
    #mortgages-drop .single-column ul {
        margin-right: 0
    }
}

@media screen and (min-width:947px) and (max-width:1178px) {
    .drop-down-container .intro h3 {
        font-size: 24px
    }
    .drop-down-container .intro p {
        font-size: 14px;
        line-height: 20px
    }
    .drop-down-container h4 {
        font-size: 18px
    }
    .drop-down-container li {
        font-size: 14px
    }
    .drop-down-container .single-column li a {
        font-size: 14px
    }
    .drop-down-container .double-column li a {
        font-size: 14px
    }
    .drop-down-container .btn {
        width: 148px;
        font-size: 14px
    }
    #mortgages-drop .intro {
        width: 145px
    }
    #mortgages-drop .btn {
        width: 148px
    }
    #life-planning-drop .btn {
        width: 160px
    }
}

@media screen and (min-width:947px) and (max-width:1045px) {
    .drop-down-container .single-column li a {
        font-size: 13px
    }
    .drop-down-container .double-column li a {
        font-size: 13px
    }
    .drop-down-container ul {
        padding-left: 15px
    }
    .drop-down-container .intro {
        margin: 10px 0 10px 10px
    }
}

@media screen and (min-width:947px) and (max-width:975px) {
    .drop-down-container .btn {
        width: 148px;
        font-size: 13px;
        padding: 0 3px 0 6px
    }
    #mortgages-drop .intro {
        width: 140px
    }
    #mortgages-drop>.intro p {
        width: 131px
    }
    #mortgages-drop .btn {
        width: 132px
    }
    .drop-down-container p {
        font-size: 13px
    }
    #mortgages-drop>.single-column>ul {
        padding-left: 15px
    }
    #mortgages-drop>.double-column>ul {
        padding-left: 15px
    }
    .drop-down-container .double-column {
        margin-left: 5px
    }
}

@media screen and (min-width:700px) and (max-width:947px) {
    .drop-down-container .intro {
        width: 160px
    }
    .drop-down-container>.intro p {
        font-size: 16px;
        width: auto
    }
    .drop-down-container .btn {
        font-size: 14px;
        width: 160px
    }
    .drop-down-container h4 {
        font-size: 18px
    }
    .drop-down-container .single-column li a {
        font-size: 14px
    }
    .drop-down-container .double-column li a {
        font-size: 14px
    }
    #savings-drop {
        width: 550px
    }
    #savings-drop .double-column ul {
        margin-right: 5px
    }
    #mortgages-drop>div.single-column {
        margin-left: 10px
    }
    #mortgages-drop>div.double-column {
        margin: 10px 0 0 10px
    }
    #mortgages-drop>div.single-column:nth-child(4) {
        clear: both;
        margin-left: 191px
    }
    #mortgages-drop>div.double-column ul:nth-child(1) {
        margin-right: 5px
    }
}

@media screen and (min-width:700px) and (max-width:930px) {
    #savings-drop {
        width: 650px
    }
    #mortgages-drop>div.double-column {
        margin: 10px 0 0 10px
    }
    #mortgages-drop>div.single-column {
        width: 200px
    }
    .main-navigation a {
        font-size: 14px
    }
}

@media screen and (min-width:1115px) and (max-width:1338px) {
    .main-navigation a {
        font-size: 18px
    }
}

#mortgages-drop>div:nth-child(2)>ul:nth-child(3) {
    display: none
}

#mortgages-drop>div:nth-child(3)>ul:nth-child(3)>li:nth-child(1) {
    display: none
}

.site-logo {
    padding-bottom: 20px
}

.inner-head {
    padding: 15px 0 0
}

nav.main-sub-nav {
    padding: 0 0 20px 0
}

.main-navigation a {
    font-size: 18px
}

.main-navigation .navigation-user {
    right: 5%
}

#custom-search {
    float: left;
    position: relative
}

input.addsearch-filed-new::placeholder {
    color: #fff
}

input:placeholder-shown {
    color: #fff
}

input:focus::placeholder {
    color: #fff0
}

input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

input:-internal-autofill-selected {
    background-color: #182745 !important
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important
}

input:-webkit-autofill {
    background-color: -internal-light-dark(#fff, #3b3b3b) !important
}

input {
    background-color: -internal-light-dark(#9b9b9b, #3b3b3b)
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #182745 inset !important
}

.main-sub-nav ul>.custom-search,
#custom-search-container {
    height: 48px;
    width: 245px;
    box-sizing: border-box;
    display: block
}

.main-sub-nav ul>.custom-search>.custom-search-text,
.addsearch-filed-new {
    height: 48px;
    width: 190px;
    border: 1px solid #FFF;
    box-sizing: border-box;
    padding: 10px 18px;
    font-size: 22px;
    line-height: 24px;
    margin-right: 10px;
}

.main-sub-nav ul>.custom-search>.custom-search-text>span {
    font-size: 22px;
    line-height: 24px;
    padding: 0;
    display: block
}

.main-sub-nav ul>.custom-search>i,
.main-sub-nav ul>.custom-search>span>i,
.addsearch-button-new {
    width: 48px;
    height: 48px;
    display: block;
    float: right;
    background-color: #fff;
    border-radius: 5px
}

.main-sub-nav ul>.custom-search>i,
.main-sub-nav ul>.custom-search>span>i {
    background-image: url(https://www.leedsbuildingsociety.co.uk/_resources/img/search-icon-blue.png)
}

.main-sub-nav ul li>a,
.main-sub-nav ul li>span {
    padding: 0
}

.main-sub-nav ul>.custom-search>.custom-search-container {
    background-color: #182745
}

.main-sub-nav ul>.custom-search.active>span {
    background-color: #fff;
    color: #182745
}

.addsearch-filed-new {
    background-color: #182745;
    color: #fff
}

.addsearch-button-new {
    border: 0;
    min-width: initial;
    margin-left: 0;
    margin-bottom: 0;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    padding: 4px 3px 4px 4px
}

#custom-search-container {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0
}

#custom-search-container>gcse\:searchbox-only:nth-child(1)>form:nth-child(1) {
    margin-left: -2px
}

#login,
#register {
    height: 48px;
    color: #182745
}

#login {
    background: #fcd900;
    margin-right: 12px;
    margin-left: 12px;
    vertical-align: top;
    width: 179px;
    border-radius: 5px
}

#register {
    background: #fff;
    vertical-align: top;
    width: 179px;
    border-radius: 5px
}

#login>a,
#register>a {
    padding: 10px;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #182745
}

#login>a:hover,
#register>a:hover {
    text-decoration: underline
}

#login>a>span,
#register>a>span {
    text-decoration: none
}

#button-panel {
    margin: 14px 25px 0 25px;
    height: 40px
}

#login-mob,
#register-mob {
    background: #fcd900;
    vertical-align: top;
    width: 128px;
    border-radius: 5px;
    display: block;
    padding: 10px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #182745;
    text-decoration: none
}

#login-mob {
    background: #fcd900;
    display: inline-block;
    margin-left: 11%;
    margin-right: 10px
}

#register-mob {
    background: #fff;
    display: inline-block
}

#login-mob:hover,
#register-mob:hover {
    text-decoration: underline
}

#login-mob>span,
#register-mob>span {
    font-size: 18px;
    line-height: 21px
}

#login-mob>span {
    background: #fcd900
}

#register-mob>span {
    background: #fff
}

.home-icon {
    background-color: #5478b2
}

.main-navigation .current {
    background-color: inherit
}

.main-navigation .current a {
    background: #fff;
    color: #182745
}

.main-navigation a,
.your-society-link>.o-link {
    background-color: #fff;
    border: 0
}

#your-society-link>.o-link {
    width: auto
}

#log-in-link {
    display: none
}

.log-in-drop__alert2 {
    display: none;
    font-size: 18px;
    width: 500px;
    color: #fff
}

.main-sub-nav ul li.log-in-drop__alert2 {
    display: none;
    float: right;
    margin-left: 10px;
    max-width: 450px;
    float: right;
    margin-top: -20px
}

.log-in-drop__alert2 p {
    font-size: 18px;
    line-height: 24px;
    padding-top: 19px
}

#downtimeMessage {
    display: none
}

.group.navigation-user>li>a,
.group.navigation-user>li>a:hover,
.group.navigation-user>li>a:active,
.group.navigation-user>li>a:visited,
.group.navigation-user>li>a:link {
    font-size: 18px;
    line-height: 40px;
    padding: 0 5px
}

#your-society-link {
    width: auto
}

#your-society-link>.o-link {
    padding: 0 10px
}

.your-society-link>.o-link {
    background: #fff !important
}

.your-society-link>.o-link:hover {
    background: #fff !important
}

.your-society-link.dropdown-open {
    background: #5478b2 !important;
    width: auto
}

.your-society-link.dropdown-open .o-link:hover,
.your-society-link.dropdown-open .o-link::after {
    color: #fff !important;
    background-color: #5478b2 !important;
    border: 0
}

.your-society-link.dropdown-open .o-link:hover {
    background-color: #5478b2 !important;
    color: #fff !important
}

.main-navigation .dropdown-open.your-society-link a {
    background-color: #33508a !important;
    border: 0;
    color: #fff !important
}

.your-society-link.dropdown-open .o-link:hover,
.your-society-link.dropdown-open .o-link::after {
    background-color: #33508a !important
}

.main-navigation .dropdown-open a::after {
    background-color: #33508a;
    color: #fff
}

@media screen and (min-width:1300px) and (max-width:1333px) {
    #mortgages-drop .intro {
        width: 220px
    }
}

@media screen and (min-width:1278px) and (max-width:1300px) {
    #mortgages-drop .intro {
        width: 200px
    }
}

@media screen and (min-width:1205px) and (max-width:1278px) {
    #mortgages-drop .intro {
        width: 180px
    }
}

@media screen and (min-width:1205px) and (max-width:1255px) {
    #mortgages-drop .single-column {
        margin: 10px 0
    }
    #mortgages-drop .double-column {
        margin: 10px 0
    }
    .drop-down-container .single-column {
        margin: 10px 0
    }
    .drop-down-container .double-column ul {
        margin-right: 5px
    }
    #mortgages-drop .single-column ul {
        margin-right: 5px
    }
    .drop-down-container .double-column ul {
        margin-right: 5px
    }
    #mortgages-drop .single-column ul {
        margin-right: 5px
    }
}

@media screen and (min-width:1178px) and (max-width:1255px) {
    #mortgages-drop .intro {
        width: 180px;
        margin-right: 0
    }
}

@media screen and (min-width:1190px) and (max-width:1246px) {
    .main-sub-nav ul li.log-in-drop__alert2 {
        max-width: 400px
    }
}

@media screen and (min-width:1135px) and (max-width:1190px) {
    .main-sub-nav ul li.log-in-drop__alert2 {
        max-width: 350px
    }
}

@media screen and (min-width:1080px) and (max-width:1135px) {
    .main-sub-nav ul li.log-in-drop__alert2 {
        max-width: 300px
    }
}

@media screen and (min-width:840px) and (max-width:1080px) {
    .main-sub-nav ul li.log-in-drop__alert2 {
        max-width: 250px
    }
}

@media screen and (min-width:760px) and (max-width:840px) {
    .main-sub-nav ul li.log-in-drop__alert2 {
        max-width: 220px
    }
}

@media screen and (min-width:760px) and (max-width:840px) {
    .main-sub-nav ul li.log-in-drop__alert2 {
        max-width: 220px
    }
}

@media screen and (min-width:760px) and (max-width:1135px) {
    .log-in-drop__alert2 p {
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (min-width:730px) and (max-width:760px) {
    .main-sub-nav ul li.log-in-drop__alert2 {
        max-width: 200px
    }
    .log-in-drop__alert2 p {
        font-size: 15px;
        line-height: 18px
    }
}

@media screen and (min-width:700px) and (max-width:730px) {
    .main-sub-nav ul li.log-in-drop__alert2 {
        max-width: 180px
    }
    .log-in-drop__alert2 p {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (min-width:1010px) and (max-width:1178px) {
    .drop-down-container .intro {
        width: 200px
    }
    .drop-down-container .intro h3 {
        font-size: 28px
    }
    .drop-down-container .intro p {
        font-size: 16px;
        line-height: 24px
    }
    .drop-down-container h4 {
        font-size: 22px
    }
    .drop-down-container li {
        font-size: 16px
    }
    .drop-down-container .btn {
        width: 175px;
        font-size: 16px
    }
}

@media screen and (min-width:1010px) and (max-width:1132px) {
    #mortgages-drop .intro {
        width: 162px
    }
    #mortgages-drop .btn {
        width: 162px
    }
}

@media screen and (min-width:700px) and (max-width:1205px) {
    #mortgages-drop .single-column {
        margin: 10px 0
    }
    #mortgages-drop .double-column {
        margin: 10px 0 10px 10px
    }
    .drop-down-container .double-column ul {
        margin-right: 0
    }
    #mortgages-drop .single-column ul {
        margin-right: 0
    }
    .drop-down-container .double-column ul {
        margin-right: 0
    }
    #mortgages-drop .single-column ul {
        margin-right: 0
    }
}

@media screen and (min-width:947px) and (max-width:1178px) {
    .drop-down-container .intro h3 {
        font-size: 24px
    }
    .drop-down-container .intro p {
        font-size: 14px;
        line-height: 20px
    }
    .drop-down-container h4 {
        font-size: 18px
    }
    .drop-down-container li {
        font-size: 14px
    }
    .drop-down-container .single-column li a {
        font-size: 14px
    }
    .drop-down-container .double-column li a {
        font-size: 14px
    }
    .drop-down-container .btn {
        width: 148px;
        font-size: 14px
    }
    #mortgages-drop .intro {
        width: 145px
    }
    #mortgages-drop .btn {
        width: 148px
    }
    #life-planning-drop .btn {
        width: 160px
    }
}

@media screen and (min-width:947px) and (max-width:1045px) {
    .drop-down-container .single-column li a {
        font-size: 13px
    }
    .drop-down-container .double-column li a {
        font-size: 13px
    }
    .drop-down-container ul {
        padding-left: 15px
    }
    .drop-down-container .intro {
        margin: 10px 0 10px 10px
    }
}

@media screen and (min-width:947px) and (max-width:975px) {
    .drop-down-container .btn {
        width: 148px;
        font-size: 13px;
        padding: 0 3px 0 6px
    }
    #mortgages-drop .intro {
        width: 140px
    }
    #mortgages-drop>.intro p {
        width: 131px
    }
    #mortgages-drop .btn {
        width: 132px
    }
    .drop-down-container p {
        font-size: 13px
    }
    #mortgages-drop>.single-column>ul {
        padding-left: 15px
    }
    #mortgages-drop>.double-column>ul {
        padding-left: 15px
    }
    .drop-down-container .double-column {
        margin-left: 5px
    }
}

@media screen and (min-width:700px) and (max-width:947px) {
    .drop-down-container .intro {
        width: 160px
    }
    .drop-down-container>.intro p {
        font-size: 16px;
        width: auto
    }
    .drop-down-container .btn {
        font-size: 14px;
        width: 160px
    }
    .drop-down-container h4 {
        font-size: 18px
    }
    .drop-down-container .single-column li a {
        font-size: 14px
    }
    .drop-down-container .double-column li a {
        font-size: 14px
    }
    #savings-drop {
        width: 550px
    }
    #savings-drop .double-column ul {
        margin-right: 5px
    }
    #mortgages-drop>div.single-column {
        margin-left: 10px
    }
    #mortgages-drop>div.double-column {
        margin: 10px 0 0 10px
    }
    #mortgages-drop>div.single-column:nth-child(4) {
        clear: both;
        margin-left: 191px
    }
    #mortgages-drop>div.double-column ul:nth-child(1) {
        margin-right: 5px
    }
}

@media screen and (min-width:700px) and (max-width:930px) {
    #savings-drop {
        width: 650px
    }
    #mortgages-drop>div.double-column {
        margin: 10px 0 0 10px
    }
    #mortgages-drop>div.single-column {
        width: 200px
    }
    .main-navigation a {
        font-size: 14px
    }
}

@media screen and (min-width:1115px) and (max-width:1338px) {
    .main-navigation a {
        font-size: 18px
    }
}

@media screen and (min-width:700px) and (max-width:1366px) {
    .o-link {
        background-color: #fff !important
    }
}

@media screen and (min-width:1115px) and (max-width:1289px) {
    .main-navigation a {
        font-size: 16px
    }
    nav.main-sub-nav {
        padding: 0 0 10px 0
    }
    .group.navigation-user>li>a,
    .group.navigation-user>li>a:hover,
    .group.navigation-user>li>a:active,
    .group.navigation-user>li>a:visited,
    .group.navigation-user>li>a:link {
        font-size: 16px
    }
    .main-sub-nav ul>.custom-search,
    #custom-search-container {
        width: 200px
    }
    .main-sub-nav ul>.custom-search>.custom-search-text,
    .addsearch-filed-new {
        width: 145px
    }
    #register {
        width: 120px
    }
    #login {
        width: 120px
    }
}

@media screen and (min-width:1025px) and (max-width:1115px) {
    .main-sub-nav ul>.custom-search,
    #custom-search-container {
        width: 200px
    }
    .main-sub-nav ul>.custom-search>.custom-search-text,
    .addsearch-filed-new {
        width: 145px
    }
    nav.main-sub-nav {
        padding: 0 0 10px
    }
    #register {
        width: 100px
    }
    #login {
        width: 100px;
        margin-right: 6px;
        margin-left: 6px
    }
    #login>a,
    #register>a {
        font-size: 18px
    }
}

@media screen and (min-width:1024px) and (max-width:1290px) {
    .inner-head {
        padding: 15px 0 8px
    }
}

@media screen and (min-width:1200px) and (max-width:1240px) {
    .home .main-navigation .navigation-user {
        margin-right: 5%
    }
}

@media screen and (min-width:1052px) and (max-width:1115px) {
    .main-navigation a {
        font-size: 15px
    }
    .group.navigation-user>li>a,
    .group.navigation-user>li>a:hover,
    .group.navigation-user>li>a:active,
    .group.navigation-user>li>a:visited,
    .group.navigation-user>li>a:link {
        font-size: 15px
    }
}

@media screen and (min-width:1025px) and (max-width:1051px) {
    .main-navigation a {
        font-size: 14px
    }
    .group.navigation-user>li>a,
    .group.navigation-user>li>a:hover,
    .group.navigation-user>li>a:active,
    .group.navigation-user>li>a:visited,
    .group.navigation-user>li>a:link {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1080px) {
    .group.navigation-user>li>a,
    .group.navigation-user>li>a:hover,
    .group.navigation-user>li>a:active,
    .group.navigation-user>li>a:visited,
    .group.navigation-user>li>a:link {
        line-height: 34px
    }
}

@media screen and (min-width:1080px) and (max-width:1081px) {
    .group.navigation-user>li>a,
    .group.navigation-user>li>a:hover,
    .group.navigation-user>li>a:active,
    .group.navigation-user>li>a:visited,
    .group.navigation-user>li>a:link {
        line-height: 40px
    }
}

@media screen and (min-width:1010px) and (max-width:1024px) {
    .inner-head {
        padding: 15px 0 0
    }
    .site-logo a {
        height: 53px
    }
    nav.main-sub-nav {
        padding: 0 0 10px 0
    }
    #main-mobile-menu-text {
        padding-bottom: 3px
    }
}

@media screen and (min-width:788px) and (max-width:1010px) {
    .inner-head {
        padding: 15px 0 0
    }
    .site-logo a {
        height: 65px
    }
    nav.main-sub-nav {
        padding: 0 0 10px 0
    }
}

@media screen and (min-width:700px) and (max-width:1024px) {
    .main-navigation .navigation-user {
        right: 5%
    }
}

@media screen and (min-width:768px) and (max-width:1010px) {
    .site-logo a {
        height: 55px
    }
    nav.main-sub-nav {
        padding: 0 0 10px 0
    }
}

@media screen and (min-width:800px) and (max-width:884px) {
    .group.navigation-user>li>a,
    .group.navigation-user>li>a:hover,
    .group.navigation-user>li>a:active,
    .group.navigation-user>li>a:visited,
    .group.navigation-user>li>a:link {
        font-size: 14px;
        line-height: 30px
    }
    .main-navigation a {
        font-size: 14px
    }
}

@media screen and (min-width:702px) and (max-width:850px) {
    .main-navigation .navigation-site {
        margin: 0 0 -30px 0
    }
    .main-navigation .navigation-user {
        right: 0
    }
    .group.navigation-user>li>a,
    .group.navigation-user>li>a:hover,
    .group.navigation-user>li>a:active,
    .group.navigation-user>li>a:visited,
    .group.navigation-user>li>a:link {
        font-size: 14px;
        line-height: 30px
    }
    .main-navigation a {
        font-size: 13px
    }
    #login {
        margin-left: 6px;
        width: 80px
    }
    #register {
        width: 80px
    }
    #login>a,
    #register>a {
        font-size: 16px
    }
}

@media screen and (min-width:700px) and (max-width:788px) {
    .inner-head {
        padding: 15px 0 10px;
    }
    .site-logo a {
        height: 53px
    }
    nav.main-sub-nav {
        padding: 0 0 10px 0;
    }
}

@media screen and (min-width:790px) and (max-width:1024px) {
    .site-logo {
        padding-bottom: 10px
    }
}

@media screen and (min-width:790px) and (max-width:805px) {
    .main-sub-nav ul>.custom-search,
    #custom-search-container {
        width: 225px
    }
}

@media screen and (min-width:700px) and (max-width:790px) {
    .site-logo {
        padding-bottom: 0
    }
}

@media screen and (min-width:702px) and (max-width:750px) {
    .group.navigation-user>li>a,
    .group.navigation-user>li>a:hover,
    .group.navigation-user>li>a:active,
    .group.navigation-user>li>a:visited,
    .group.navigation-user>li>a:link {
        font-size: 12px;
        line-height: 30px
    }
    .main-navigation a {
        font-size: 12px
    }
    .main-navigation i {
        top: -1px;
        left: 0;
        width: 8px;
        height: 5px
    }
}

@media screen and (min-width:750px) and (max-width:1024px) {
    #login {
        width: 101px;
        margin-left: 21px;
        margin-right: 4px
    }
    #register {
        width: 101px
    }
    #login,
    #register {
        height: 42px
    }
    #login>a,
    #register>a {
        font-size: 18px;
        line-height: 21px;
        padding: 10px
    }
}

@media screen and (min-width:790px) and (max-width:1024px) {
    .site-logo a {
        padding-bottom: 10px
    }
    .site-logo a {
        width: 260px
    }
}

@media screen and (min-width:700px) and (max-width:1024px) {
    .site-logo a {
        width: 246px;
        background-size: 246px auto
    }
    #custom-search {
        display: inline
    }
    #custom-search-container {
        width: 193px
    }
    .addsearch-filed-new {
        width: 141px;
        height: 42px;
        padding: 10px;
        font-size: 18px
    }
    .addsearch-button-new {
        width: 35px;
        height: 35px
    }
    #login {
        margin-left: 10px
    }
}

@media screen and (min-width:750px) and (max-width:1024px) {
    .group.navigation-user>li>a,
    .group.navigation-user>li>a:hover,
    .group.navigation-user>li>a:active,
    .group.navigation-user>li>a:visited,
    .group.navigation-user>li>a:link {
        font-size: 14px;
        line-height: 30px
    }
    .main-navigation a {
        font-size: 14px
    }
}

@media screen and (min-width:700px) and (max-width:767px) {
    .your-society-link i {
        background: none !important
    }
}

@media screen and (min-width:700px) and (max-width:750px) {
    #login,
    #register {
        height: 42px
    }
    #login>a,
    #register>a {
        line-height: 22px
    }
    .main-navigation i {
        top: 10px;
        left: 2px
    }
}

@media screen and (min-width:700px) and (max-width:725px) {
    .main-navigation a {
        font-size: 12px
    }
    .group.navigation-user>li>a,
    .group.navigation-user>li>a:hover,
    .group.navigation-user>li>a:active,
    .group.navigation-user>li>a:visited,
    .group.navigation-user>li>a:link {
        font-size: 12px;
        line-height: 30px
    }
}

@media screen and (min-width:700px) and (max-width:705px) {
    #login-mobile {
        display: none
    }
    #main-mobile-menu-text {
        display: none
    }
    #login {
        width: 90px;
        margin-right: 4px
    }
    #register {
        width: 90px
    }
    #login>a,
    #register>a {
        font-size: 16px
    }
    #custom-search-container {
        width: 175px
    }
    .addsearch-filed-new {
        font-size: 16px;
        width: 125px
    }
}

@media screen and (max-width:700px) {
    .site-logo {
        padding-bottom: 0
    }
    .site-logo a {
        width: 163px;
        background-size: 160px auto;
        height: 34px;
        margin-top: 8px
    }
    #login-mobile {
        color: #182745;
        background: #fcd900;
        width: 59px;
        border-radius: 5px;
        position: relative;
        display: inline-block;
        padding: 10px;
        text-align: center
    }
    #login-mobile>a {
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        color: #182745;
        text-decoration: none
    }
    #login-mobile>a:hover {
        text-decoration: underline
    }
    .mobile-menu-btn {
        width: 37px;
        margin-top: -5px
    }
    #main-mobile-menu-text {
        float: right;
        color: #fcd900;
        font-size: 16px;
        line-height: 19px;
        margin-top: -8px;
        padding-bottom: 10px
    }
    .custom-search-container {
        padding: 15px 20px 15px 20px
    }
    .addsearch-filed-new {
        color: #182745;
        background-color: #fff;
        height: 27px
    }
    .addsearch-button-new {
        background-image: none;
        filter: none;
        width: 13px;
        height: 14px;
        padding: 6px 27px;
        min-width: 13px;
        border-radius: 2px;
        border: 1px solid #666;
        margin-bottom: -6px;
        background-color: #ffd908
    }
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px #fff inset !important
    }
    input:-webkit-autofill {
        -webkit-text-fill-color: #182745 !important
    }
    .mm-list>li>a,
    .mm-list>li>span {
        padding: 15px 20px 15px 20px
    }
    #downtimeMessage {
        color: #fff;
        font-size: 16px;
        line-height: 19px;
        padding: 25px 20px 0 20px;
        width: auto
    }
    #mm-m0-p0>li:nth-child(4) {
        margin-top: 12px
    }
    #mm-m0-p0 {
        background: #394f88
    }
    #search-mm-section>.custom-search-container {
        background: #394f88
    }
    .mm-list>li:nth-child(odd) a,
    .mm-list>li:nth-child(odd) span {
        background: #274279
    }
    #mm-m0-p0>#button-panel {
        background: #394f88
    }
    #mm-m0-p0>li:nth-child(15)>a {
        background: #274279
    }
    #mm-m0-p0>li:nth-child(14)>a:nth-child(1) {
        background-color: #394f88
    }
    #mm-m0-p0>li:nth-child(12)>a {
        background: #274279
    }
    .mm-list.mm-panel>li:nth-child(1)>a.mm-subclose {
        background-color: #233b6d
    }
    .mm-list.mm-panel>li:nth-child(odd)>a {
        background-color: #394f88
    }
    .mm-list.mm-panel>li:nth-child(even)>a {
        background-color: #274279
    }
}

@media screen and (min-width:393px) and (max-width:700px) {
    #main-mobile-menu-text {
        top: 0;
        left: 0;
        position: relative
    }
}

@media screen and (min-width:530px) and (max-width:545px) {
    #login-mob {
        margin-left: 10%
    }
}

@media screen and (min-width:525px) and (max-width:530px) {
    #login-mob {
        margin-left: 9%
    }
}

@media screen and (min-width:508px) and (max-width:525px) {
    #login-mob {
        margin-left: 8%
    }
}

@media screen and (min-width:500px) and (max-width:508px) {
    #login-mob {
        margin-left: 7%
    }
}

@media screen and (min-width:490px) and (max-width:500px) {
    #login-mob {
        margin-left: 6%
    }
}

@media screen and (min-width:482px) and (max-width:490px) {
    #login-mob {
        margin-left: 5%
    }
}

@media screen and (min-width:472px) and (max-width:482px) {
    #login-mob {
        margin-left: 4%
    }
}

@media screen and (min-width:450px) and (max-width:472px) {
    #login-mob {
        margin-left: 3%
    }
}

@media screen and (min-width:410px) and (max-width:450px) {
    #login-mob {
        margin-left: 2%
    }
}

@media screen and (min-width:400px) and (max-width:410px) {
    #login-mob {
        margin-left: 1%
    }
}

@media screen and (min-width:350px) and (max-width:400px) {
    #login-mob {
        margin-left: 6%
    }
}

@media screen and (min-width:310px) and (max-width:350px) {
    #login-mob {
        margin-left: 5%
    }
}

@media screen and (max-width:350px) {
    #login-mob {
        margin-left: 4%
    }
}

@media screen and (min-width:675px) and (max-width:700px) {
    #login-mobile {
        margin-left: 52%
    }
}

@media screen and (min-width:658px) and (max-width:675px) {
    #login-mobile {
        margin-left: 50%
    }
}

@media screen and (min-width:625px) and (max-width:658px) {
    #login-mobile {
        margin-left: 48%
    }
}

@media screen and (min-width:600px) and (max-width:625px) {
    #login-mobile {
        margin-left: 46%
    }
}

@media screen and (min-width:580px) and (max-width:600px) {
    #login-mobile {
        margin-left: 44%
    }
}

@media screen and (min-width:565px) and (max-width:580px) {
    #login-mobile {
        margin-left: 42%
    }
}

@media screen and (min-width:545px) and (max-width:565px) {
    #login-mobile {
        margin-left: 40%
    }
}

@media screen and (min-width:520px) and (max-width:545px) {
    #login-mobile {
        margin-left: 37%
    }
}

@media screen and (min-width:490px) and (max-width:520px) {
    #login-mobile {
        margin-left: 34%
    }
}

@media screen and (min-width:475px) and (max-width:490px) {
    #login-mobile {
        margin-left: 31%
    }
}

@media screen and (min-width:450px) and (max-width:475px) {
    #login-mobile {
        margin-left: 28%
    }
}

@media screen and (min-width:430px) and (max-width:450px) {
    #login-mobile {
        margin-left: 25%
    }
}

@media screen and (min-width:405px) and (max-width:430px) {
    #login-mobile {
        margin-left: 20%
    }
}

@media screen and (min-width:360px) and (max-width:405px) {
    #login-mobile {
        margin-left: 15%
    }
}

@media screen and (min-width:350px) and (max-width:360px) {
    #login-mobile {
        margin-left: 11%
    }
}

@media screen and (min-width:335px) and (max-width:350px) {
    #login-mobile {
        margin-left: 7%
    }
}

@media screen and (min-width:325px) and (max-width:335px) {
    #login-mobile {
        margin-left: 5%
    }
}

@media screen and (max-width:325px) {
    #login-mobile {
        margin-left: 3%
    }
}
  
#searchbar {
     color: #182745;
     background-color: #fff;
     height: 27px;
     width: 78%;
}  
@media screen and (min-width:432px) and (max-width:515px) {#searchbar {width: 73%}}
@media screen and (min-width:388px) and (max-width:432px) {#searchbar {width: 70%}}
@media screen and (min-width: 334px) and (max-width:388px) {#searchbar {width: 63%}}
@media screen and (max-width:334px) {#searchbar {width: 60%}}

@media screen and (min-width:400px) and (max-width:468px) {
    #login-mob,
    #register-mob {
        width: 40%
    }
}

@media screen and (max-width:400px) {
    #login-mob,
    #register-mob {
        width: 35%
    }
}

@media screen and (max-width:376px) {
    #login-mobile {
        padding: 10px 5px
    }
    .mobile-menu-btn {
        margin-top: 0;
        width: 37px;
        position: relative
    }
    #main-mobile-menu-text {
        font-size: 16px;
        line-height: 19px;
        padding-left: 15px;
        position: relative;
        top: 5px;
        left: 0
    }
}

#mortgages-drop>div:nth-child(2)>ul:nth-child(3) {
    display: none
}

#mortgages-drop>div:nth-child(3)>ul:nth-child(3)>li:nth-child(1) {
    display: none
}

@media screen and (min-width:1135px) and (max-width:1245px) {
    .log-in-drop__alert2 p {
        padding-top: 8px
    }
}

@media screen and (min-width:841px) and (max-width:1135px) {
    .log-in-drop__alert2 p {
        padding-top: 13px
    }
}

@media screen and (min-width:788px) and (max-width:841px) {
    .log-in-drop__alert2 p {
        padding-top: 12px;
        padding-bottom: 10px
    }
}

@media screen and (min-width:788px) and (max-width:788px) {
    .log-in-drop__alert2 p {
        padding-top: 0;
        padding-bottom: 10px;
        margin-top: -9px
    }
}

@media screen and (min-width:700px) and (max-width:700px) {
    nav.main-sub-nav {
        margin-top: 0
    }
    #login-mobile {
        display: none
    }
    #login {
        width: 70px
    }
    #register {
        width: 80px
    }
    .l-site-header-wrap {
        padding-bottom: 15px
    }
    .main-sub-nav ul>.custom-search>.custom-search-container {
        background-color: #182745
    }
    .main-sub-nav ul>.custom-search.active>span {
        background-color: #fff;
        color: #182745
    }
    .addsearch-filed-new {
        background-color: #182745;
        color: #fff;
        height: 42px
    }
    .addsearch-button-new {
        border: 0;
        min-width: initial;
        margin-left: 0;
        margin-bottom: 0;
        background-repeat: no-repeat;
        width: 35px;
        height: 34px;
        padding: 4px 3px 4px 4px;
        background: #fff
    }
    #custom-search-container {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        width: 250px
    }
}

@media screen and (min-width:700px) {
    #button-panel {
        margin: 30px 25px 20px 25px
    }
    span.custom-search-container>gcse\:searchbox-only:nth-child(1)>form:nth-child(1)>input:nth-child(1) {
        color: #182745;
        background-color: #fff;
        height: 27px;
        width: 78%
    }
    span.custom-search-container>gcse\:searchbox-only:nth-child(1)>form:nth-child(1)>input:nth-child(2) {
        background-image: none;
        filter: none;
        width: 13px;
        height: 14px;
        padding: 6px 27px;
        min-width: 13px;
        border-radius: 2px;
        border: 1px solid #666;
        margin-bottom: -6px;
        margin-left: 7px;
        background-color: #ffd908
    }
    #downtimeMessage {
        color: #fff;
        font-size: 16px;
        line-height: 19px;
        padding: 35px 20px 0 20px;
        width: auto
    }
}

@media screen and (min-width:930px) and (max-width:950px) {
    .main-navigation a {
        font-size: 14px
    }
}

.footer_consumer {
    width: 100%;
    background: #182745;
    color: #fff
}

.footer_consumer-innerTop,
.footer_consumer-innerMiddle {
    width: auto;
    margin: 0 40px 0 40px;
    padding: 35px 0 35px 0
}

.footer_consumer-innerTop {
    margin-bottom: 0;
    padding-bottom: 0;
    height: auto
}

.footer_consumer-innerMiddle {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-top: 25px;
    margin-bottom: 30px;
    height: 80px
}

.footer_consumer-innerTop-left,
.footer_consumer-innerTop-centre,
.footer_consumer-innerTop-right,
.footer_consumer-innerMiddle-left,
.footer_consumer-innerMiddle-centre,
.footer_consumer-innerMiddle-right {
    width: 28%;
    height: auto
}

.footer_consumer-innerTop-left,
.footer_consumer-innerMiddle-left {
    float: left
}

.footer_consumer-innerTop-right,
.footer_consumer-innerMiddle-right {
    float: right;
    margin-right: 12%
}

.footer_consumer-innerTop-left,
.footer_consumer-innerTop-right,
.footer_consumer-innerMiddle-left,
.footer_consumer-innerMiddle-right {
    display: block
}

.footer_consumer-innerTop-centre,
.footer_consumer-innerMiddle-centre {
    display: inline-block;
    margin: 0 5% 0 10%
}

.footer_consumer-innerTop-right {
    margin-right: 0;
    height: 60px;
    position: static
}

.footer_consumer-innerMiddle-centre {
    width: 23%
}

.footer_consumer-innerMiddle-right {
    width: 28%;
    margin-right: 0
}

.footer_h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    padding-bottom: 14px
}

.footer_list {
    list-style-image: url(https://www.leedsbuildingsociety.co.uk/_resources/img/footer/Right-Chevron.png);
    margin-left: 22px
}

.footer_list-multi {
    margin-bottom: 67px
}

.footer_list,
.footer_list li {
    font-size: 18px;
    line-height: 28px;
    color: #fff
}

.footer_list>a {
    color: #fff;
    text-decoration: none
}

.footer_list>a:hover,
.footer_list.enews>a:hover,
.footer_list>a:focus,
.footer_list.enews>a:focus,
a>.enews>li:hover,
a>.enews>li:focus {
    color: #fff;
    text-decoration: underline
}

div.footer_consumer-innerMiddle-left>a:focus,
img.icon-enews:focus,
div.footer_consumer-innerMiddle-centre_socialbar>a:focus,
img.icon-social:focus,
a.icon-fscs:focus,
a.icon-fscs>a:focus {
    color: #fff;
    border: #fff
}

.icon-enews {
    float: left;
    margin-top: -20px
}

.icon-enews,
.icon-enews img {
    display: inline-block;
    width: 65px;
    height: 65px;
    margin-top: -10px;
    padding-right: 30px
}

.footer_h4.list,
.footer_h4.social {
    font-size: 20px;
    line-height: 22px;
    display: inline-block
}

.footer_list.enews {
    margin-top: -20px;
    float: unset;
    width: auto;
    display: inline-block
}

.footer_list.enews>a {
    color: #fff;
    text-decoration: none
}

.footer_h4.social {
    margin-right: 25px;
    float: left;
    margin-top: 5px
}

.footer_p.enews {
    width: 72%;
    margin-top: 12px;
    display: inline-block;
    float: unset
}

.icon-social,
.icon-social img {
    display: inline-block;
    width: 40px;
    height: 40px
}

img.icon-social.icon-social-nopadding {
    width: 28px;
    height: 40px
}

.icon-fscs {
    float: right
}

.icon-fscs,
.icon-fscs img {
    display: inline-block;
    width: 250px;
    height: 60px
}

.footer_list.fscs {
    margin-right: 25px;
    width: 280px;
    margin-top: 5px
}

.footer_consumer-innerBottom {
    width: auto;
    height: auto;
    display: block;
    margin: 30px 40px 0 40px
}

.footer_consumer-innerBottom>p>a,
.footer_consumer-innerBottom>p>a:hover,
.footer_consumer-innerBottom>p>a:focus {
    color: #fff
}

.footer_consumer-innerBottom-address {
    width: auto;
    height: auto;
    display: block;
    padding-bottom: 25px
}

.footer_consumer-innerBottom-address_headOffice,
.footer_consumer-innerBottom-address_fca {
    height: auto;
    display: inline-block
}

.footer_consumer-innerBottom-address_headOffice {
    width: 32%;
    float: left;
    margin-right: 25px
}

.footer_consumer-innerBottom-address_fca {
    width: 24%
}

@media screen and (min-width:1400px) {
    div.footer_consumer-innerMiddle-left {
        width: 35%
    }
    .footer_consumer-innerMiddle-right {
        width: 26%
    }
}

@media screen and (min-width:1450px) and (max-width:1490px) {
    .icon-enews,
    .icon-enews img {
        padding-right: 20px
    }
}

@media screen and (min-width:1350px) and (max-width:1470px) {
    .footer_consumer-innerBottom-address_headOffice {
        width: 35%
    }
    .footer_consumer-innerBottom-address_fca {
        width: 35%
    }
}

@media screen and (min-width:1400px) and (max-width:1490px) {
    .footer_h4.social {
        margin-right: 15px
    }
}

@media screen and (min-width:1400px) and (max-width:1450px) {
    .footer_consumer-innerMiddle-centre {
        width: 24%;
        margin: 0 5% 0 8%
    }
}

@media screen and (min-width:1138px) and (max-width:1350px) {
    .footer_consumer-innerBottom-address_headOffice {
        width: 42%
    }
    .footer_consumer-innerBottom-address_fca {
        width: 42%
    }
}

@media screen and (min-width:1024px) and (max-width:1138px) {
    .footer_consumer-innerBottom-address_headOffice {
        width: 52%
    }
    .footer_consumer-innerBottom-address_fca {
        width: 42%
    }
}

@media screen and (max-width:1024px) {
    .footer_consumer-innerTop,
    .footer_consumer-innerMiddle,
    .footer_consumer-innerBottom {
        padding-top: 20px;
        padding-bottom: 20px;
        display: block;
        height: auto
    }
    .footer_consumer-innerTop {
        margin: 0 20px 0 20px
    }
    .footer_consumer-innerMiddle {
        margin: 30px 10px 0 10px;
        padding-top: 0;
        height: auto;
        border-bottom: 0
    }
    .footer_consumer-innerBottom {
        border-top: #fff solid 1px;
        margin: 0 10px 0 10px;
        padding-top: 10px
    }
    .footer_consumer-innerTop-left,
    .footer_consumer-innerTop-centre,
    .footer_consumer-innerTop-right,
    .footer_consumer-innerMiddle-left,
    .footer_consumer-innerMiddle-centre,
    .footer_consumer-innerMiddle-right {
        float: unset;
        width: 100%;
        height: auto
    }
    .footer_consumer-innerTop-centre {
        margin-left: 0
    }
    .footer_consumer-innerMiddle-centre {
        margin-left: 0;
        margin-right: 0
    }
    .footer_consumer-innerMiddle-left {
        height: auto
    }
    .footer_consumer-innerMiddle-right {
        height: auto;
        width: 100%;
        display: block;
        margin-top: 30px
    }
    .footer_h4 {
        font-size: 20px;
        line-height: 22px;
        padding-bottom: 15px
    }
    .footer_list-multi {
        margin-bottom: 25px
    }
    .footer_list {
        margin-left: 20px;
        margin-bottom: 25px
    }
    .icon-enews,
    .icon-enews img {
        margin-top: 0;
        margin-bottom: 0;
        display: inline
    }
    .footer_list.enews {
        margin-top: 10px;
        margin-left: 0;
        margin-bottom: 0;
        display: inline;
        float: unset
    }
    .enews>li {
        float: unset;
        padding-top: 5px
    }
    .footer_p.enews {
        float: unset;
        display: inline-block;
        width: 90%;
        margin: 10px 5% 0 5%;
        text-align: center
    }
    .footer_h4.social {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    .footer_consumer-innerMiddle-centre_socialbar {
        display: block;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        float: unset;
        width: 200px
    }
    .footer_consumer-innerMiddle-centre>a:nth-child(2) {
        margin-left: 15%
    }
    .footer_consumer-innerMiddle-centre>a:nth-child(6) {
        margin-right: 15%
    }
    .icon-fscs {
        float: unset
    }
    .icon-fscs,
    .icon-fscs img {
        display: block;
        margin: 0 auto 0 auto
    }
    .footer_consumer-innerBottom-address {
        padding-bottom: 15px
    }
    .footer_consumer-innerBottom-address_headOffice {
        width: 100%;
        float: unset;
        margin-right: 0
    }
    .footer_consumer-innerBottom-address_fca {
        width: 100%
    }
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .footer_consumer-innerMiddle-centre {
        width: 28%;
        margin-top: -10px;
        display: inline-block
    }
    .footer_consumer-innerMiddle-centre_socialbar {
        width: 200px;
        display: inline-block
    }
    .footer_h4.social {
        margin-right: 10px
    }
}

@media screen and (min-width:1024px) and (max-width:1400px) {
    .footer_consumer-innerTop-centre {
        margin: 0 5% 0 6%
    }
    .footer_consumer-innerMiddle {
        height: 100px
    }
    .footer_consumer-innerMiddle-left {
        width: 45%
    }
    .icon-enews,
    .icon-enews img {
        margin-top: 6px;
        margin-bottom: 40px
    }
    .footer_list.enews {
        float: unset;
        margin-top: 0;
        margin-left: 40px;
        display: inline-block;
        width: 265px;
        margin-top: 5px;
        font-size: 16px
    }
    .footer_p.enews {
        float: unset;
        margin-left: 80px
    }
    .footer_consumer-innerMiddle-centre {
        margin: 0;
        width: 22%
    }
    .footer_h4.social {
        float: unset
    }
    .footer_consumer-innerMiddle-right {
        width: 27%
    }
    .footer_consumer-innerBottom {
        margin: 0 40px
    }
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .footer_list.enews {
        margin-left: 0
    }
    .footer_consumer-innerMiddle-centre {
        width: 28%
    }
    .footer_h4.social {
        float: left;
        margin-top: 10px
    }
    .footer_p.enews {
        display: block;
        float: right;
        margin-top: -65px
    }
}

@media screen and (min-width:1025px) and (max-width:1200px) {
    p.footer_p.enews {
        float: right;
        margin-top: -70px
    }
    div.footer_consumer-innerBottom {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    .footer_consumer-innerMiddle {
        padding-top: 10px
    }
    div.footer_consumer-innerMiddle-left {
        width: 45%;
        display: inline-block;
        float: left
    }
    div.footer_consumer-innerMiddle-centre {
        width: 24%;
        float: unset
    }
    .footer_consumer-innerMiddle-centre_socialbar {
        margin-left: 0
    }
    div.footer_consumer-innerMiddle-right {
        display: block;
        margin-top: 20px
    }
    a.icon-enews,
    a.icon-enews img {
        padding-right: 30px
    }
    .footer_list.enews {
        margin-left: 0
    }
    p.footer_p.enews {
        display: inline-block
    }
    div.footer_consumer-innerBottom {
        margin-top: 10px
    }
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .footer_consumer-innerMiddle-left {
        width: 40%
    }
}

@media screen and (min-width:1250px) and (max-width:1400px) {
    p.footer_p.enews {
        width: 75%;
        margin-right: 9%
    }
}

@media screen and (min-width:1200px) and (max-width:1250px) {
    p.footer_p.enews {
        width: auto;
        margin-right: 2%
    }
}

@media screen and (min-width:1150px) and (max-width:1200px) {
    p.footer_p.enews {
        margin-right: 12%
    }
}

@media screen and (min-width:1100px) and (max-width:1150px) {
    p.footer_p.enews {
        margin-right: 8%
    }
}

@media screen and (min-width:1067px) and (max-width:1100px) {
    p.footer_p.enews {
        margin-right: 4%
    }
}

@media screen and (min-width:1024px) and (max-width:1067px) {
    p.footer_p.enews {
        margin-right: 0
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    p.footer_p.enews {
        width: 350px
    }
}

@media screen and (min-width:1024px) and (max-width:1024px) {
    div.footer_consumer-innerBottom {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media screen and (min-width:700px) and (max-width:1024px) {
    .footer_consumer-innerTop-left {
        display: block;
        width: 30%;
        float: left
    }
    .footer_consumer-innerTop-centre {
        display: inline-block;
        width: 30%;
        margin-right: 2%;
        margin-left: 5%
    }
    .footer_consumer-innerTop-right {
        display: block;
        width: 30%;
        float: right
    }
    .footer_consumer-innerTop-centre>.footer_list {
        margin-bottom: 0
    }
    .footer_consumer-innerMiddle {
        margin-top: 0
    }
    .icon-enews,
    .icon-enews img {
        padding-right: 20px
    }
    .enews>li {
        padding-top: 10px;
        padding-bottom: 0
    }
    .footer_list,
    .footer_list li {
        font-size: 18px;
        line-height: 28px
    }
    .footer_p.enews {
        float: unset;
        display: inline-block;
        width: auto;
        margin: 0 0 0 -17px;
        text-align: unset
    }
    .footer_consumer-innerMiddle-centre {
        width: 50%;
        float: left;
        display: inline-block;
        margin-top: 12px
    }
    .footer_h4.social {
        width: auto;
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        text-align: unset;
        float: left
    }
    .footer_consumer-innerMiddle-centre_socialbar {
        display: inline-block;
        height: auto;
        margin-left: 10px;
        margin-right: 0;
        margin-top: 0;
        width: 200px
    }
    .footer_consumer-innerMiddle-right {
        width: auto;
        display: inline-block;
        margin-top: 0;
        float: right
    }
    .footer_consumer-innerBottom {
        margin-top: 80px
    }
}

@media screen and (min-width:700px) and (max-width:780px) {
    .footer_consumer-innerMiddle-right {
        padding-top: 0;
        padding-bottom: 20px
    }
    .footer_consumer-innerBottom {
        margin-top: 90px
    }
}

@media screen and (max-width:700px) {
    div.footer_consumer-innerMiddle {
        margin: 5px 10px 0 10px
    }
    div.footer_consumer-innerTop {
        padding-bottom: 0
    }
    .footer_list,
    .footer_list li {
        font-size: 18px;
        line-height: 28px
    }
}

@media screen and (min-width:360px) and (max-width:700px) {
    .icon-enews,
    .icon-enews img {
        width: 65px;
        height: 65px;
        padding-right: 25px
    }
    .footer_p.enews {
        width: unset;
        margin: 0;
        text-align: unset
    }
    ul.enews>a:nth-child(1)>li:nth-child(1) {
        padding-top: 15px
    }
}

@media screen and (min-width:361px) and (max-width:700px) {
    .enews>li {
        padding-top: 18px
    }
}

@media screen and (max-width:360px) {
    .icon-enews,
    .icon-enews img {
        width: 40px;
        height: 40px;
        padding-right: 25px
    }
}

#login>a:focus,
#register>a:focus {
    text-decoration: underline
}

#navigation-site>li>a:focus,
#navigation-site>li>a:hover {
    color: #fff;
    background: #33508a
}

#navigation-site>.home-link>a:focus,
#navigation-site>.home-link>a:hover {
    background-repeat: no-repeat;
    background-image: url(../img/home-icon.png);
    background-color: #ffd908;
    background-position: center center
}

.group.navigation-user>li>a:focus,
.group.navigation-user>li>a:hover {
    color: #fff;
    background: #33508a !important
}

#your-society-link>a:focus {
    background: #33508a !important;
    color: #fff !important
}

.home-link .home-icon:focus,
.home-link .home-icon:hover {
    background-image: url(../img/home-icon.png);
    background-color: #ffd908
}

@media screen and (min-width:700px) {
    p.site-logo {
        padding-bottom: 68px
    }
    li#login-mobile {
        display: none
    }
    p#main-mobile-menu-text {
        display: none
    }
}

@media screen and (min-width:790px) and (max-width:1024px) {
    p.site-logo {
        padding-bottom: 58px
    }
}

@media screen and (min-width:700px) and (max-width:790px) {
    p.site-logo {
        padding-bottom: 58px
    }
}

p .btn {
    font-size: 1em;
    font-weight: 400;
    line-height: normal
}

@media screen and (min-width:43.75em) {
    p .btn {
        font-size: .8em
    }
}

@media screen and (min-width:320px) and (max-width:335px) {
    .mm-list>li>a {
        overflow: inherit
    }
}

.newsletter-footer-link,
.single-footer-link {
    font-size: 18px;
    line-height: 28px;
    color: #fff
}

.newsletter-footer-link:before,
.single-footer-link:before {
    content: url(https://www.leedsbuildingsociety.co.uk/_resources/img/footer/Right-Chevron.png);
    padding-right: 10px
}

.newsletter-footer-link:hover,
.single-footer-link:hover {
    color: #fff;
    text-decoration: underline
}

@media screen and (max-width:1400px) {
    .newsletter-footer-link {
        padding-top: 17px
    }
}

.footer_consumer .single-footer-link {
    padding-bottom: 0
}

.footer-section {
    padding-bottom: 20px
}

.banner-sitewide {
    background: #e7ebed;
    border: 0;
    box-sizing: border-box;
    display: block;
    height: auto;
    padding: 20px 5%;
    width: 100%;
    color: #182745;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
    align-items: flex-start
}

.banner-sitewide .warning-text {
    display: flex
}

.banner-sitewide_img-information {
    display: inline-block;
    height: 26px;
    width: 26px;
    vertical-align: top;
    padding: 0 20px 0 0
}

.banner-sitewide_img-close {
    display: block;
    float: right;
    height: 26px;
    width: 26px;
    vertical-align: top;
    padding-top: 5px
}

.banner-sitewide_inner {
    flex: 1
}

.banner-sitewide>.banner-sitewide_inner {
    display: inline-block;
    padding-left: 20px;
    width: 85%
}

.banner-sitewide .banner-sitewide_inner .h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    color: #182745;
    padding-bottom: 5px;
    margin-bottom: 0
}

.banner-sitewide .banner-sitewide_inner .b1 {
    font-size: 22px;
    font-weight: 300;
    line-height: 25px;
    color: #182745;
    padding-bottom: 0
}

@media screen and (min-width:700px) and (max-width:1024px) {
    .banner-sitewide .banner-sitewide_inner .b1 {
        font-size: 20px;
        font-weight: 300;
        line-height: 22px
    }
    .banner-sitewide .banner-sitewide_inner .h3 {
        font-size: 24px;
        font-weight: 400;
        line-height: 29px
    }
}

@media screen and (max-width:700px) {
    .banner-sitewide_img-close,
    .banner-sitewide_img-information {
        width: 20px;
        height: 20px
    }
    .banner-sitewide .banner-sitewide_inner .h3 {
        font-size: 20px;
        font-weight: 400;
        line-height: 25px
    }
    .banner-sitewide .banner-sitewide_inner .b1 {
        font-size: 16px;
        font-weight: 300;
        line-height: 20px
    }
}

@media screen and (min-width:448px) and (max-width:700px) {
    .footer_consumer-innerTop-centre {
        margin-right: 0
    }
}

.more-info.mb-20 {
    margin-bottom: 0
}

@media screen and (min-width:946px) and (max-width:1070px) {
    #savings-drop>div:nth-child(3)>ul:nth-child(2)>li:nth-child(4)>a:nth-child(1),
    #savings-drop>div:nth-child(2)>ul:nth-child(2)>li:nth-child(3)>a:nth-child(1) {
        padding-right: 10px
    }
}

@media screen and (min-width:930px) and (max-width:1030px) {
    ul.push-down {
        margin-left: 20px
    }
}

#login-mobile {display: none}

@media screen and (max-width:700px) {#login-mobile {display: inline-block}}
  
.addsearch-button-new-mob {
    background-image: none;
    filter: none;
    width: 13px;
    height: 14px;
    padding: 6px 27px;
    min-width: 13px;
    border-radius: 2px;
    border: 1px solid #666;
    margin-bottom: -6px;
    background-color: #ffffff;
}  

.main-sub-nav > ul {display: inline;}

.visuallyhidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
}
  
.custom-search-container_text {
  font-size: 1.2em;
  line-height: 20px;
  padding-bottom: 2px;
}

@media screen and (max-width:325px) {.addsearch-filed-new {margin-right: 0;}}