@charset "utf-8";
/* CSS Document */

/* Vag rounded font
====================================== */

@font-face {
    font-family: 'WorkSans-Bold';
    src: url('/templates/client/fonts/WorkSans-Bold.eot');
    src: url('/templates/client/fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'), url('/templates/client/fonts/WorkSans-Bold.woff2') format('woff2'), url('/templates/client/fonts/WorkSans-Bold.woff') format('woff'), url('/templates/client/fonts/WorkSans-Bold.ttf') format('truetype');
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'WorkSans-Medium';
    src: url('/templates/client/fonts/WorkSans-Medium.eot');
    src: url('/templates/client/fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'), url('/templates/client/fonts/WorkSans-Medium.woff2') format('woff2'), url('/templates/client/fonts/WorkSans-Medium.woff') format('woff'), url('/templates/client/fonts/WorkSans-Medium.ttf') format('truetype');
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'WorkSans-Light';
    src: url('/templates/client/fonts/WorkSans-Light.eot');
    src: url('/templates/client/fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'), url('/templates/client/fonts/WorkSans-Light.woff2') format('woff2'), url('/templates/client/fonts/WorkSans-Light.woff') format('woff'), url('/templates/client/fonts/WorkSans-Light.ttf') format('truetype');
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'WorkSans-Regular';
    src: url('/templates/client/fonts/WorkSans-Regular.eot');
    src: url('/templates/client/fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'), url('/templates/client/fonts/WorkSans-Regular.woff2') format('woff2'), url('/templates/client/fonts/WorkSans-Regular.woff') format('woff'), url('/templates/client/fonts/WorkSans-Regular.ttf') format('truetype');
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

mToggle-search html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    padding: 0;
    margin: 0;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

body,
html {
    height: auto !important;
    min-height: 0 !important;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    font-weight: normal;
    color: #000;
    overflow-x: hidden;
}

.custom_usp_sitewide ul li span {
    font-family: "WorkSans-Bold", Arial, sans-serif;
    color: #00414a !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
}

h5 {
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: normal;
    margin: 0 20px 10px 20px;
    padding: 10px 0;
    color: #575756;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
    font-family: "WorkSans-Bold", Arial, sans-serif;
}

strong {
    font-weight: 100;
    font-family: "WorkSans-Bold", Arial, sans-serif;
}

h1 {
    color: #00a0a6;
    font-family: "WorkSans-Bold", Arial, sans-serif;
    font-style: normal;
    font-size: 2.8em;
    margin: 0 auto 40px auto;
    padding: 0 0 20px 0;
    background: none;
    z-index: 98;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.1em;
}

h2 {
    padding: 0 0 40px 0;
    max-width: 1000px;
    text-align: left;
    color: #00414a;
    font-size: 2.2em;
    font-family: "WorkSans-Bold", Arial, sans-serif;
    line-height: 2.5em;
    margin: 0;
}

h2.summary {
    padding: 0;
}

.custom-news-container h2 {
    text-align: center;
    margin: 0 auto;
}

.testimonial-container h2 {
    text-align: center;
    margin: 0 auto;
    color: #00414a;
}

h3,
h4 {
    font-family: "WorkSans-Regular", Arial, sans-serif;
    padding: 0 0 20px 0;
    color: #00414a;
    font-size: 18px;
    line-height: 25px;
}

h1,
h1.componentheading,
h1.page-header,
div#page h1 {
    color: #00414a;
}

h1.componentheading,
h1.page-header,
div#page h1 {
    color: #00414a;
    text-align: center;
}

#comments-container #comments-header h3 {
    font-size: 1.2em;
    padding-bottom: 20px;
}

table.expandTb .icon-minus,
table.expandTb .icon-plus {
    width: auto;
    height: auto;
}

#comments-container .form-text {
    font-size: 1em;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

#comments-container .input-text {
    padding-top: 10px;
    padding-left: 0;
    font-size: 15px;
    margin: 15px auto 0;
}

#comments-container .form-input {
    width: 50%;
    margin: 15px auto 0;
    float: right;
    padding: 8px;
    font-size: 1em;
    border: 1px solid #ccc;
    border-radius: 10px;
}

img.comment_captcha_img {
    margin-top: 15px;
}

.campaign h2 {
    text-align: center;
    margin: auto;
    line-height: 40px;
}

strong {
    font-size: inherit;
}

sub {
    font-size: 0.8em;
    line-height: 1em;
}

div#page ul,
div.blog ul,
div#page ol {
    margin: 0;
    margin-bottom: 50px;
    padding: 0;
}

.blog_more {
    display: none;
}

ul li,
ol li {
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 26px;
}

ol li {
    padding: 0 0 0 10px;
    margin: 0 0 20px 30px;
}

iframe {
    width: 100%;
}

.calculator-iframe iframe {
    margin: auto;
    display: block;
    max-width: 614px;
}

div#page table td p:last-child {
    margin: 0;
}

div#page ul li,
div.blog ul li {
    padding: 0;
    margin: 0 0 10px 0;
    /* this may be causing layout issues*/
    padding-left: 40px;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    list-style: none;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

p.center,
div#page .center {
    text-align: center;
    margin: 0 auto;
}

p.center .btn,
div#page .center .btn {
    margin: 0 auto;
}

div#page ul li:before,
div.blog ul li:before {
    content: ' ';
    position: absolute;
    left: 12px;
    top: 0.6em;
    border-radius: 100%;
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #00a0a6;
}

div.blog_more ul li {
    background-color: transparent;
    padding: 0;
}

.sub-promo-content.text-only p {
    min-height: 114px;
}

div#page p,
p {
    line-height: 26px;
    font-size: 16px;
    margin: 0 auto 20px auto;
    max-width: 1160px;
    padding: 0;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

section.content.campaign div#page p {
    margin: 0 auto 20px auto;
    text-align: center;
}

section.content.campaign div#page p.buttonheading {
    margin: 0;
    bottom: -191px;
}

a {
    color: #00a0a6;
    text-decoration: none;
}

a:hover {
    color: #00414a;
    text-decoration: none;
}

/*call us*/

a.no-link {
    pointer-events: none;
    cursor: text;
}

a.no-link:after {
    content: none;
}

.mod-top-right a.no-link {
    color: #ffffff;
}

div#page .footnotes p,
div#page p.footnotes {
    font-size: 12px !important;
    line-height: 20px !important;
    margin: 0 0 20px 0 !important;
}

span.icon {
    display: none;
}

/* plain template for app*/

body.responsiveTemplate #mainOuter {
    width: 100%;
}

.responsiveTemplate table.expandTb .icon-plus {
    background-image: none;
}

.responsiveTemplate .expandTb_header td {
    font-size: 16px;
    line-height: 22px;
}

/*end template for app*/

/* To top 
============================================================================ */

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 7px;
    right: 23px;
    z-index: 5;
    width: 30px;
    height: 30px;
    line-height: 45px;
    overflow: hidden;
    font-size: 15px;
    color: #ffffff;
    font-family: "WorkSans-Regular", Arial, sans-serif !important;
    border: 2px solid #fff;
    border-radius: 25px;
}

#toTop:before {
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    vertical-align: top;
    color: #ffffff;
    font-size: 20px;
}

#toTop:hover {
    color: #00a0a6;
}

.bounce {
    position: relative;
    left: calc(50% - 17px);
    bottom: 20px;
    background: #00a0a6;
    height: 35px !important;
    width: 35px;
    z-index: 5;
    border-radius: 50%;
    background-size: 50px;
    text-align: center;
    cursor: pointer;
}

.bounce:before {
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    top: 10px;
    z-index: -1;
    position: relative;
    content: "\e900";
}

.bounce a {
    top: -12px;
    left: -6px;
    margin-top: 0;
    padding: 10px;
    width: 30px;
    cursor: pointer;
}

@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce.icon-arrowDown {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

.bounce {
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

/* Site architecture
====================================== */

[class*="-container"] {
    width: 100%;
    float: none;
    clear: both;
}

#pageWrapper {
    position: relative;
    box-sizing: border-box;
    overflow-y: hidden;
    margin-top: 105px;
}

.fullwidth {
    width: 100% !important;
}

.main-wrapper {
    height: 100%;
    position: relative;
    -webkit-transition: width 0.4s linear;
    -moz-transition: width 0.4s linear;
    -o-transition: width 0.4s linear;
    transition: width 0.4s linear;
}

@media all and (min-width: 766px) {
    .main-wrapper {
        width: calc(100% - 80px);
    }
}

.nav-background {
    position: absolute;
    height: 75px;
    display: block;
    background-color: #00a0a6;
    width: 100%;
    top: 0;
    z-index: -1;
}

.section-wrapper {
    width: 100%;
}

section.content,
section.content.campaign {
    padding: 0 20px 20px 20px;
}

section.content.crumbs-social {
    padding: 0 20px;
}

section.content {
    max-width: 1200px;
    margin: auto;
    position: relative;
    clear: both;
}

.summary section.content {
    max-width: 1400px;
}

.main-wrapper.Banner section.content {
    margin-top: 0;
}

.internal-banner {
    margin: 0;
    overflow: hidden;
    height: 440px;
    position: relative;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    background: #00414a;
}

.internal-banner.plain .banner-content h1 {
    color: #fff;
}

.internal-banner.lime {
    background: #b2d33e;
}

.internal-banner-campaign {
    height: 620px;
    z-index: 1;
    position: relative;
    top: 100px;
}

.internal-banner img,
.internal-banner-campaign img {
    height: auto;
    position: absolute;
    left: -10%;
    right: -10%;
    margin: auto;
}

section.content div#page {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    float: none;
    clear: both;
    padding-top: 20px;
}

body.summary div#page {
    max-width: 1400px;
}

.cross-sell-container {
    background: #f7f7f7;
    /*padding: 40px 0 20px 0;*/
    padding: 0;
}

/* Main nav
====================================== */

.logo {
    z-index: 9999;
    position: relative;
}

.mod-logo {
    display: inline;
    vertical-align: middle;
    line-height: 0;
}

.mod-logo-img {
    display: inline-block;
    width: 100%;
    max-width: 160px;
    padding: 4px 5px;
    position: absolute;
    z-index: 9999;
    box-sizing: unset;
}

.nav-wrapper {
    top: 0;
    height: auto;
    position: fixed;
    width: 100%;
    z-index: 6;
    max-height: 212px;
}

.nav-wrapper.campaign {
    height: 100px;
}

.menu-wrapper {
    background-color: #f7f7f7;
    overflow: visible !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    height: 75px;
}

.menu-container {
    width: 100%;
    padding: 0;
    margin: auto;
    position: relative;
    top: 0;
    height: 75px;
}

.menu-fullwidth {
    background: #fff;
    width: 100%;
}

.menu-top-wrapper {
    width: 100%;
    margin: auto;
    height: 30px;
    position: relative;
    overflow: visible;
    background: #000000;
}

.menu-top-wrapper:before {
    content: '';
    width: 1px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: -0.35em;
}

.mod-top-menu {
    height: 100%;
    display: inline-block;
    float: left;
    width: 60%;
}

.mod-top-menu:before {
    content: '';
    width: 1px;
    margin-right: -0.35em;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.mod-top-menu .list {
    display: inline-block;
}

/*.mod-mobile-menu,*/

.mod-top-menu>a:not(.mod-button) {
    display: inline-block;
    margin-left: 1em;
    font-size: 18px;
    vertical-align: middle;
    margin-right: -0.25em;
}

.nav-right-wrapper .mod-mobile-menu {
    display: none !important;
}

.nav-right-wrapper span.separator {
    font-size: 17px;
}

.nav-right-wrapper a.mod-search-button {
    display: none;
}

.nav-right-wrapper {
    position: absolute;
    right: 0;
}

.menu-container .mod-internet-banking,
.menu-container .online-services-wrapper,
.search-wrapper-container {
    line-height: 0;
    background: #F7F7F7;
    vertical-align: middle;
    padding: 0 1.2em;
    color: #00414a;
    font-size: 1.2em;
    font-weight: normal;
    position: relative;
    display: inline-block;
    float: left;
    margin: 0;
    height: 117px;
}

.menu-container .mod-internet-banking {
    height: auto;
    background: #b2d33e;
}

.menu-container .online-services-wrapper {
    background: #f7f7f7;
    color: #00414a;
    height: 75px;
    cursor: pointer;
}

@-moz-document url-prefix() {
    .menu-container .online-services-wrapper {
        height: 75px;
    }
}

.menu-container .online-services-wrapper:hover span,
.menu-container .online-services-wrapper:hover div:after {
    color: #00a0a6;
}

.menu-container .mod-internet-banking {
    line-height: 0em;
    padding: 22px 1.2em;
}

@-moz-document url-prefix() {
    .menu-container .mod-internet-banking {
        padding: 22px 1.2em 23px 1.2em;
    }
}

@supports (-ms-ime-align:auto) {
    .menu-container .mod-internet-banking {
        padding: 22px 1.2em 23px 1.2em;
    }
}

.menu-container .mod-internet-banking span {
    font-size: 1.15em;
    line-height: 26px;
    padding: 10px 0 15px 0;
}

.menu-container .online-services-wrapper span {
    font-size: 1.15em;
    line-height: 75px;
    padding: 25px 0;
}

.mToggle-online-services:after,
.mToggle-online-services.active:after {
    content: "\e900";
    height: 18px;
    position: relative;
    top: 5px;
    font-size: 26px;
}

.menu-container .mod-internet-banking .icon-lock {
    font-size: 2em;
    margin-left: 1em;
    vertical-align: middle;
    position: relative;
    top: -5px;
}

.menu-container .mod-internet-banking:hover {
    background: #00a0a6;
    color: #fff;
}

ul.menu {
    max-width: 1200px;
    width: 100%;
}

.menutopMenu li {
    margin: 0;
    display: inline-block;
    font-size: 1.1em;
    margin-left: 1.1em;
    vertical-align: middle;
}

.menutopMenu li:first-child {
    margin-left: 0;
}

.menutopMenu li a {
    text-decoration: none;
    color: #545454;
    font-size: 17px;
    margin: 0;
}

.menutopMenu li a:hover {
    color: #00a0a6;
}

.menutopMenu li.menuIbLogin a {
    background: #00a0a6;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    border-radius: 30px;
    padding: 0 16px;
    -webkit-transition: 0.1s ease;
    -moz-transition: 0.1s ease;
    -o-transition: 0.1s ease;
    transition: 0.1s ease;
    -webkit-transition-property: box-shadow margin;
    -moz-transition-property: box-shadow margin;
    -o-transition-property: box-shadow margin;
    transition-property: box-shadow margin;
}

.menutopMenu li.menuIbLogin a,
.menutopMenu li.menuIbLogin a:before {
    line-height: 50px;
}

.menutopMenu li.menuIbLogin a span {
    font-weight: 800;
}

.menutopMenu li.menuIbLogin a span,
.menutopMenu li.menuIbLogin a:before {
    display: inline;
    color: #ffffff;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.menutopMenu li.menuIbLogin a:before {
    content: "\e906";
    font-size: 18px;
    display: inline-block;
    padding: 0;
    padding-right: 0.5em;
}

.menutopMenu li.menuIbLogin a:hover {
    margin: 1px auto 5px auto;
    -moz-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.4);
}

.menutopMenu li a[href="/bsb"] {
    pointer-events: none;
    cursor: text;
    color: #333;
}

/*online-services-dropdown
==========================================*/

.online-services-dropdown h2 {
    padding: 0;
    color: #00414a;
    text-align: center;
    margin: auto;
}

.online-services-dropdown ul {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.online-services-dropdown ul li {
    display: inline-block;
    width: 31%;
    margin: 0 2% 2% 0;
}

.online-services-dropdown ul li a {
    min-height: 90px;
    vertical-align: middle;
    border: 2px solid #b2d33e;
    border-radius: 35px;
    padding: 1em;
    display: block;
    box-sizing: border-box;
}

.online-services-dropdown ul li {
    margin-left: 3%;
}

.online-services-dropdown ul li a {
    color: #00414a;
    font-size: 1.2em;
}

@media screen and (min-width:1024px) {
    .online-services-dropdown ul li:nth-child(2) a ,
    .online-services-dropdown ul li:nth-child(4) a {
        color: #00414a;
        background: #b2d33e;
    }
}

.online-services-dropdown ul li i {
    float: right;
    line-height: 0em;
    font-size: 2em;
    vertical-align: middle;
    color: #00414a;
    position: relative;
}

.online-services-dropdown ul li:first-child i {
    top: -6px;
    right: 0;
}

.online-services-dropdown ul li:last-child i {
    color: 00414a;
}

.online-services-dropdown ul li i:before {
    display: block;
    position: relative;
    margin-top: -17px;
}

/* --- Search --- */

.search-btn:before {
    display: inline;
    color: #ffffff;
    margin: 0 10px 0 0;
}

.search-btn:after {
    content: "Search";
    font-family: 'WorkSans-Regular', Helvetica, sans-serif;
    font-size: 18px;
    color: #ffffff;
    margin: 0;
}

.search-btn:before,
.search-btn:after {
    vertical-align: middle;
    position: relative;
    top: -4px;
    color: red;
}

.search-btn:hover {
    text-decoration: none;
}

#search-menu {
    position: relative;
    z-index: 9999;
    display: none;
    text-decoration: none;
    color: #00a0a6;
}

#search-form input {
    font-size: 16px;
    color: #303030;
    width: 197px;
    border: none;
    background-color: #ffffff;
    line-height: 20px;
    vertical-align: middle;
    height: 50px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#search-form input::-ms-clear {
    display: none;
}

#ps_icon_background {
    text-align: left;
    width: 60px;
    cursor: pointer;
    color: #ffffff;
    background: none;
    background-color: #ffffff;
    line-height: 60px;
    height: 60px;
    display: inline-block;
}

#ps_icon {
    background: none !important;
    padding: 0;
    font-size: 20px;
    display: inline-block;
    height: 2em;
    width: 1.25em;
    font-family: 'icomoon';
    text-align: center;
    margin-left: 20px;
    line-height: 3em;
}

#ps_icon:before {
    content: "\e90e";
    color: #303030;
    display: inline-block;
}

#ps_icon.searching:before {
    content: "\e900";
    -webkit-animation: spinner 1s linear infinite;
    -moz-animation: spinner 1s linear infinite;
    -o-animation: spinner 1s linear infinite;
    animation: spinner 1s linear infinite;
}

#ps_icon.close:before {
    content: "\e910";
}

input#searchsubmit {
    border-radius: 0 6px 6px 0;
    text-align: left;
    width: 30px;
    padding: 0 5px 0 0;
    margin: 0 0 0 -6px;
    cursor: pointer;
    color: #00a0a6;
}

#search-form input:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: #81c2ea;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

:-moz-placeholder {
    color: #81c2ea;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    line-height: 40px;
}

::-moz-placeholder {
    color: #81c2ea;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    line-height: 40px;
}

:-ms-input-placeholder {
    color: #81c2ea;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

#ps_results {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    padding: 20px;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
    box-shadow: 4px 4px 0 1px rgba(68, 68, 68, 0.1);
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    top: 5px;
    max-height: 300px;
}

#ps_results span {
    line-height: 24px;
}

#ps_results a.clearboth {
    margin: 20px 0 0 0;
    display: block;
}

#ps_results .ps_header {
    font-weight: normal;
    font-size: 24px;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
}

#ps_results .ps_row_btm {
    font-weight: normal;
    font-size: 14px;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
}

#ps_results [class^="ps_row"] {
    border: none;
    padding: 0;
    font-size: 16px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 40px;
    margin: 0;
}

#ps_results [class^="ps_row"]:last-child {
    border-bottom: none;
}

#ps_results a h3 {
    color: #00a0a6;
    padding: 20px 0;
    font-size: 18px;
}

#ps_results #ps_link {
    display: none;
}

/* --- Search --- */

.search-wrapper-container {
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 0;
    background: #f7f7f7;
    padding: 0;
    cursor: pointer;
}

@-moz-document url-prefix() {
    .search-wrapper-container {
        height: 75px;
    }
}

.mToggle-search {
    border-left: 1px solid #00414a;
    border-right: 1px solid #00414a;
}

.mToggle-search .icon-search {
    font-size: 2em;
    padding: 22px 0 23px 0;
}

.search-wrapper-container:hover .icon-search {
    color: #00a0a6;
}

.search-btn {
    display: inline-block;
    width: auto;
    padding: 0 20px;
    line-height: normal;
    font-size: 1em;
    vertical-align: middle;
    border-radius: 0;
    border: 0;
    float: left;
    height: 44px;
}

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

.botHeader .menu-container:not(.active) {
    height: 0 !important;
}

.botHeader .menu-container {
    overflow: hidden;
    padding: 0;
    -webkit-transition-duration: 0.8s !important;
    -moz-transition-duration: 0.8s !important;
    -o-transition-duration: 0.8s !important;
    transition-duration: 0.8s !important;
    -webkit-transition-timing-function: ease-in-out !important;
    -moz-transition-timing-function: ease-in-out !important;
    -o-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important;
    height: 0px;
    position: absolute;
    top: 100%;
}

.form-wrapper {
    width: 100%;
    height: 0;
    background: #b2d33e;
    position: relative;
    background-color: #E5E5E5;
}

.menu-container.active,
.menu-container.is-animating {
    z-index: 999;
    overflow: hidden;
}

.search-wrapper.active {
    height: 150px;
    box-shadow: 0 -3px 10px 0px rgba(0, 0, 0, 0.1)
}

.search-wrapper.searchresult.active {
    min-height: 150px;
    height: auto;
    padding-bottom: 40px;
}

.search-wrapper {
    background: #b2d33e;
    -webkit-transition-duration: 0.5s !important;
    -moz-transition-duration: 0.5s !important;
    -o-transition-duration: 0.5s !important;
    transition-duration: 0.5s !important;
    -webkit-transition-timing-function: ease-in-out !important;
    -moz-transition-timing-function: ease-in-out !important;
    -o-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important;
}

.online-services-box {
    background: #f7f7f7;
    -webkit-transition-duration: 0.5s !important;
    -moz-transition-duration: 0.5s !important;
    -o-transition-duration: 0.5s !important;
    transition-duration: 0.5s !important;
    -webkit-transition-timing-function: ease-in-out !important;
    -moz-transition-timing-function: ease-in-out !important;
    -o-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important;
}

.online-services-box.active {
    height: 315px;
    box-shadow: 0 4px 1px 0 rgba(0, 0, 0, 0.1);
}

.online-services-dropdown {
    background: #f7f7f7;
    height: 0;
}

.form-wrapper #search-form {
    height: auto;
    /*overflow: hidden;*/
    padding: 0 20px;
    max-width: 800px;
    margin: 0 auto;
    position: static;
    background-color: #fff;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
}

.form-wrapper.is-active #search-form {
    height: 60px;
    margin-top: 36px;
}

.form-wrapper #search-form form {
    display: block;
    height: auto;
    position: relative;
}

.form-wrapper #search-form input {
    border: none;
    border-radius: 0;
    display: block;
    position: absolute;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 60px);
    height: 60px;
    font-size: 22px;
    font-style: italic;
    font-family: 'WorkSans-Regular', Helvetica, sans-serif;
}

.form-wrapper #search-form input:active,
#search-form input:focus {
    color: #545456;
}

.ps_pretext {
    display: none;
}

.search-btn:before {
    display: inline;
    color: #ffffff;
    margin: 0 10px 0 0;
}

.search-btn:after {
    content: "Search";
    font-family: 'WorkSans-Regular', Helvetica, sans-serif;
    font-size: 18px;
    color: #ffffff;
    margin: 0;
}

.search-btn:before,
.search-btn:after {
    vertical-align: middle;
    position: relative;
    top: -4px;
    color: red;
}

.search-btn:hover {
    text-decoration: none;
}

.form-wrapper h2 {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

/* top right list
======================================*/

.mod-top-right {
    width: 40%;
    float: right;
}

.mod-top-right ul {
    text-align: right;
}

.mod-top-right ul li {
    display: inline;
    color: #ffffff;
    padding: 6px 20px;
    height: 30px;
    line-height: 30px;
}

.mod-top-right ul li span {
    font-family: ' WorkSans-Light', Arial, sans-serif;
}

.mod-top-right .icon-phone:before {
    content: "\e90f";
    height: 20px;
    line-height: 20px;
}

/* Sub promo
====================================== */

.subpromo-menu {
    width: 100%;
    margin: 0 0 -2px 0;
}

.subpromo-menu li {
    width: 33.333333333%;
    display: inline-block;
    position: relative;
    height: 360px;
    font-size: 14px;
    overflow: hidden;
    margin: 0;
    float: left;
    border-left: none;
    border-right: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.subpromo-menu li.promo-med {
    width: 50%;
}

.subpromo-menu li:first-child,
.subpromo-menu li:nth-child(4) {
    border-left: 0;
}

.subpromo-menu li:last-child,
.subpromo-menu li:nth-child(3) {
    border-right: 0;
}

.sub-promo {
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
    font-size: 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 40px 0;
}

@media screen and (max-width:500px) {
    .sub-promo {
        padding-bottom: 5px;
    }
}

.sub-promo .sub-promo-wrapper {
    height: 100%;
    min-height: 500px;
}

/*.sub-promo .sub-promo-wrapper a.link {
	display: block;
	height: 100%;
}*/

.sub-promo.news {
    max-width: 1200px;
    margin: 0 auto;
}

.sub-promo .mod-sub {
    height: 50%;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 240px;
}

.sub-promo span.overlay:before,
.sub-promo p.overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 240px;
    display: block;
    z-index: 1;
    content: '';
}

.sub-promo .mod-sub.sub1,
.sub-promo .mod-sub.sub2,
.sub-promo .mod-sub.sub3,
.sub-promo .mod-sub.sub4,
.sub-promo .mod-sub.sub5 {
    margin: 1%;
    float: left;
}

.sub-promo .mod-sub.sub1,
.sub-promo .mod-sub.sub2,
.sub-promo .mod-sub.sub3,
.sub-promo .mod-sub.sub4,
.sub-promo .mod-sub.sub5 {
    width: 30%;
    height: 100%;
    float: right;
    min-height: 470px;
}

.sub-promo .mod-sub.news,
.sub-promo .mod-sub.blog {
    height: 440px;
    overflow: hidden;
    border-bottom: 5px solid #fff;
    margin: 3% 1.5%;
    padding: 0;
}

.mod-sub i {
    line-height: 5em;
    display: inline-block;
    vertical-align: middle;
    color: #00a0a6;
}

.mod-sub i:before {
    font-size: 3em;
    vertical-align: middle;
}

.sub-promo-content,
.banner-content {
    padding: 20px;
    position: absolute;
    bottom: 0;
    min-height: 200px;
    z-index: 2;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 800px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

.sub-promo-content.text-only {
    padding: 0 20px;
}

.sidebarPromo {
    height: 240px;
    overflow: hidden;
    width: 250px;
    margin: 30px 0 50px 0;
    position: relative;
}

.sidebar-content {
    position: absolute;
    text-align: center;
    left: 0;
    margin: auto;
    max-width: 800px;
    padding: 0 20px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 9991;
}

.sidebar-content h1,
.sidebar-content h2,
.sidebar-content h3,
.sidebar-content p {
    color: #fff;
    text-align: center;
}

.sidebarPromo .sidebar-content h3:after,
.sidebarPromo .sidebar-content h2:after {
    border-top: 2px solid #fff;
    content: "";
    display: block;
    height: 1px;
    margin: 8px auto;
    width: 65px;
}

.sidebarPromo .sidebar-content p {
    margin: 0 0 10px 0;
    line-height: 23px;
}

.sidebarPromo .sidebar-content .btn {
    margin: 10px 0;
}

.sub-promo p,
.sub-promo h3,
.sub-promo span.h3 {
    margin: 0px auto;
    position: relative;
    z-index: 0;
}

.sub-promo span.overlay,
.sub-promo p.overlay {
    margin: 0 auto 20px auto;
}

.mod-sub span.overlay,
.mod-sub>p.overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    background: #00414a;
}

.mod-sub>span.overlay img.bg,
.mod-sub>p.overlay img.bg {
    display: block;
    margin: 0;
    width: auto !important;
    min-width: 100%;
    max-height: 300px;
}

.mod-sub.sub2 span.overlay img.bg,
.mod-sub.sub5 span.overlay img.bg,
.mod-sub.sub2 p.overlay img.bg,
.mod-sub.sub5 p.overlay img.bg {
    display: block;
    position: absolute;
    width: auto !important;
    margin: 0;
    max-width: 100% !important;
    min-width: 100%;
    max-height: inherit;
}

.sub-promo h1,
.sub-promo h2,
.sub-promo h3,
.sub-promo span.h3 {
    font-family: "WorkSans-Bold", Arial, sans-serif;
    font-size: 2.3rem;
    padding-bottom: 10px;
    line-height: 2.8rem;
    color: #fff;
    text-align: left;
    font-weight: bold;
}

.sub-promo h4 {
    font-family: "WorkSans-Bold", Arial, sans-serif;
    font-size: 18px;
    padding-bottom: 20px;
    line-height: 25px;
    color: #fff;
}

.sub-promo h2.module-title {
    padding: 0;
    padding: 0 0 20px 0;
    max-width: 1000px;
    text-align: center;
    color: #00414a;
    font-size: 2.2rem;
    font-family: "WorkSans-Bold", Arial, sans-serif;
    line-height: 2.5rem;
    margin: 0 auto;
}

.sub-promo .btn.tertiary,
.sub-promo-wrapper .btn.secondary {
    display: inline-block;
    min-width: 160px;
    text-align: center;
    margin: 0;
    padding: 10px 20px;
    bottom: 20px;
    position: absolute;
    font-size: 1.25rem;
    color: #ffffff;
    border-color: #ffffff !important;
}

.btn.outline {
    color: #ffffff;
    border-color: #ffffff !important;
}

.sub-promo h3.newsTitle {
    color: #303030;
    width: 33.33%;
    text-align: center;
}

.sub-promo h5 {
    padding: 0;
}

.sub-promo img {
    margin: 0 auto 20px auto;
    display: block;
}

.sub-promo-content img {
    max-width: 225px;
    width: auto;
}

.sub-promo .fine-print {
    font-size: 13px;
    line-height: 10px;
    margin: 0;
}

.sub-promo-rate .Rate-interest,
.sub-promo-rate .Rate-comparison {
    color: #fff;
}

.sub-promo-rate li span.input {
    font-size: 42px;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

.sub-promo-rate li span.postfix {
    font-size: 19px;
    display: inline-block;
    font-weight: lighter;
    line-height: 15px;
    width: 30px;
    word-wrap: break-word;
    margin-left: 5px;
}

.sub-promo-rate li {
    display: inline-block;
    width: 49%;
    padding: 10px;
    box-sizing: border-box;
}

/* Custom news
======================================*/

.stripe.bbox.stripe-white .sub-promo-wrapper {
    background-color: #fff;
}

.custom-news-container {
    max-width: 1200px;
    margin: 0 auto;
    height: auto;
    min-height: 300px;
    padding: 40px 0;
}

.custom-news-container .sub-promo-content,
.banner-content {
    height: 100%;
}

.custom-news-container .mod-sub {
    width: calc(100% - 1em);
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 0 1em;
}

.custom-news-container .mod-sub {
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 240px;
}

.custom-news-container .mod-sub:nth-child(2) {
    width: calc(31% - 4px);
    margin: 0 1em;
}

.custom-news-container .mod-sub:nth-child(2):before {
    content: '';
    width: 2px;
    height: auto;
    background: rgba(0, 160, 166, 1);
    display: inline-block;
    min-height: 100px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custom-news-container .mod-sub:nth-child(2):after {
    content: '';
    width: 2px;
    height: auto;
    background: rgba(0, 160, 166, 1);
    display: inline-block;
    min-height: 100px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mod-sub>p.img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    min-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.custom-news-container .btn.tertiary,
.custom-news-container .btn.primary,
.custom-news-container .btn.secondary {
    display: inline-block;
    min-width: 160px;
    text-align: center;
    margin: 0;
    padding: 10px 20px;
    bottom: 13px;
    position: absolute;
}

.sub-promo p.overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 240px;
    display: block;
    z-index: 1;
    content: '';
}

a.text-link {
    display: block;
    text-decoration: underline;
    font-size: 1.2em;
}

.custom-news-container .owl-controls {
    text-align: center;
    top: 30px;
    position: relative;
}

/* testimonials
====================================== */

.testimonial-container .jcarousel-container-horizontal {
    margin: auto;
}

.testimonial-container .jcarousel-clip-horizontal {
    height: auto;
}

.testimonial-container .jcarousel-container-vertical {
    margin: auto;
}

.testimonial-container .jcarousel-clip-vertical {
    height: auto;
}

.testimonial-container .jcarousel-prev,
.testimonial-container .jcarousel-next {
    display: inline-block;
    position: absolute;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    z-index: 1000;
    width: 1.5em;
    height: 1em;
    color: #303030;
    font-size: 28px;
    bottom: 0;
    vertical-align: middle;
    cursor: pointer;
}

.testimonial-container .jcarousel-prev:before,
.testimonial-container .jcarousel-next:before {
    vertical-align: middle;
}

.testimonial-container .jcarousel-prev:before {
    content: '\e905';
    font-size: 22px;
}

.testimonial-container .jcarousel-prev {
    right: 0;
}

.testimonial-container .jcarousel-next {
    right: 1.4em;
}

.testimonial-container .jcarousel-next:before {
    content: '\e902';
    font-size: 22px;
}

.js.jcarousel-container.jcarousel-container-vertical {
    background-color: transparent;
}

.testimonial-container p {
    display: block;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

.testimonial-container .blog-home-img {
    height: 150px;
    width: 100%;
    top: 49px;
    overflow: hidden;
    position: absolute;
    border-radius: 10px 10px 0 0;
    z-index: 20;
}

jcarousel-container li.jcarousel-item {
    list-style: none;
}

.js.jcarousel-container.jcarousel-container-vertical {
    height: 100% !important;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
}

.js.jcarousel-container.jcarousel-container-vertical .jcarousel-clip-vertical {
    height: 94% !important;
    border-radius: 10px;
}

.js.jcarousel-container.jcarousel-container-vertical .jcarousel-list {
    height: auto !important;
}

.blog .js.jcarousel-container.jcarousel-container-vertical .jcarousel-list {
    margin-top: 160px !important;
}

.testimonial-container .js .articlelist li.articlelist_item {
    width: 100%;
    max-width: 800px;
    text-align: left;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    height: auto;
    padding: 0;
    clear: both;
}

.news .js .articlelist li.articlelist_item {
    border-bottom: 1px solid #d1d1d1;
    text-align: left;
}

.blog .js .articlelist li.articlelist_item {
    border-bottom: none;
}

.js .articlelist li.articlelist_item.jcarousel-item .articlelist_title {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
}

.js .articlelist li.articlelist_item.jcarousel-item .articlelist_intro {
    font-size: 16px;
    color: #636363;
    line-height: 21px;
}

.js .articlelist li.articlelist_item.jcarousel-item .articlelist_intro span.readMore {
    display: block;
    margin-top: 30px;
    margin-bottom: 60px;
}

.js .articlelist_title a,
.news .articlelist_title span {
    position: relative;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 26px;
    text-decoration: none;
    color: #303030;
    display: block;
    margin: 0;
}

.testimonial-container .news .articlelist_title span {
    font-size: 15px;
}

.js .articlelist_title a:hover,
.news .articlelist_title span:hover {
    color: #00a0a6;
}

div.blog ul li.jcarousel-item::before {
    display: none;
}

.js .articlelist_intro {
    font-size: 16px;
    line-height: 26px;
}

.js .articlelist_intro .Comm-image {
    display: none;
}

#moreNewsreadAll {
    margin: auto;
    display: inline-block;
}

#moreNewstestimonial a {
    margin: 20px auto;
}

#moreNewsreadAll a:hover {
    color: #fff;
}

#moreNewsHideMe {
    display: none;
}

/* testimonial-container
====================================== */

.testimonial-container {
    text-align: center;
    background: #e5f2f0;
    box-sizing: border-box;
}

#jcarousel {
    margin: 40px auto;
    clear: both;
    float: none;
}

.js {
    height: 275px;
}

.testimonial-container .js .articlelist li.articlelist_item {
    width: 100%;
    max-width: 800px;
}

.testimonial-container .articlelist_title {
    display: none;
}

.testimonial-container .articlelist li {
    width: 30%;
    margin-right: 4.5%;
    text-align: center;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    clear: both;
}

.testimonial-container .articlelist li:last-child {
    margin-right: 0;
}

.testimonial-container .articlelist_item .thumbImage {
    width: 100%;
    max-width: 146px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.testimonial-container .articlelist_item .thumbImage img {
    width: 100%;
    height: auto;
}

.testimonial-container .articlelist_item .articleWrapper {
    float: none;
    width: 100%;
    margin: 0;
    display: block;
    text-align: center;
}

.testimonial-container .articlelist_intro,
.testimonial-container .articlelist_intro p,
div.blog p {
    font-size: 1.3em;
    line-height: 1.8em;
    display: inline;
    color: #00414a;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.testimonial-container .articlelist_intro .profile-pic,
div.blog .profile-pic {
    width: calc(64% - 20px);
    text-align: left;
    margin-right: 20px;
    float: left;
}

@media screen and (min-width: 760px) {
    .testimonial-container ul.articlelist {
        margin-top: 30px;
    }
}

.testimonial-container .articlelist_intro .quoted {
    width: 60%;
    margin-left: 40%;
    top: 45%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testimonial-container .articlelist_intro .who,
div.blog .who {
    display: block;
    margin-top: 20px;
    font-family: "WorkSans-Bold", Arial, sans-serif;
}

.testimonial-container .articlelist_intro .profile-pic img {
    width: 100% !important;
    max-width: 230px;
    height: auto !important;
}

.quoted i span {
    display: none;
}

.quoted [class^="icon-"] {
    font-size: 1em;
    height: 10px;
}

.testimonial-container .articlelist_intro p div.blog .quoted {
    margin: 0;
    font-style: italic;
}

#moreNewstestimonial {
    clear: both;
    float: none;
    position: relative;
    top: -20px;
}

@media screen and (min-width: 768px) {
    #moreNewstestimonial {
        width: 60%;
        margin-left: 39%;
        text-align: left;
    }
}

@media screen and (min-width: 1440px) {
    #moreNewstestimonial {
        margin-left: 40%;
    }
}

@media screen and (min-width: 1500px) {
    #moreNewstestimonial {
        margin-left: 43%;
    }
}

.owl-theme .owl-controls .owl-pagination .owl-page span {
    background: #e1e1e1 !important;
    height: 15px !important;
    width: 15px !important;
    border-radius: 50%;
    margin: 10px;
}

.owl-theme .owl-controls .owl-pagination .owl-page.active span {
    background: #f9741d !important;
}

.owl-controls {
    margin: 0 !important;
    left: 0px;
    float: none;
    width: 60%;
    left: 40%;
    position: relative;
}

@media screen and (min-width:1024px) {
    .owl-controls {
        top: -33px;
    }
}

.owl-controls .owl-pagination {
    text-align: left;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    margin-left: -15px;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    margin: 5px auto;
}

.testimonial-container h2 {
    position: relative;
    padding: 20px 0 0 0;
}

.testimonial-container .articlelist_title a {
    position: relative;
    font-size: 20px;
    line-height: 25px;
    text-decoration: none;
    color: #545454;
    display: block;
    margin: 20px 0;
}

.testimonial-container span.readMore {
    display: none;
    margin: 20px 0 0 0;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    font-weight: 800;
}

ul#articlelist_teste {
    margin-bottom: 40px;
}

div.blog {
    width: 100%;
    max-width: 1400px;
}

div.leading,
div.article_column {
    border-bottom: none;
    width: 100%;
    max-width: 900px;
    margin: 0 auto 40px auto;
    float: none;
    clear: both;
}

div.blog .profile-pic img {
    width: 100% !important;
    max-width: 150px;
    height: auto !important;
    border: 10px solid #00a0a6;
    border-radius: 50%;
}

div.blog p {
    font-size: 1.6em;
}

/*testimonial component */

div.blog .profile-pic {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

div.blog p.quoted {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    float: none;
    clear: both;
}

div.blog div.leading,
div.blog div.article_column {
    text-align: center;
}

div.blog p.profile-pic {
    float: none;
}

div.blog .profile-pic img {
    max-width: 100px;
    border: 5px solid #00a0a6;
}

div.blog p {
    font-size: 1.25em;
    text-align: center;
}

div.blog p.quoted {
    font-size: 1.6em;
    text-align: center;
}

/* end testimonials component*/

/* why IMB 
======================================*/

.WhyIMB-containter {
    background: #00a0a6;
}

.whyIMB {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

.whyIMB h2,
.whyIMB p {
    color: #fff;
    text-align: center;
}

.whyIMB h2 {
    color: #fff;
    padding-bottom: 20px;
}

.whyIMB .btn.tertiary {
    color: #00414a;
    background-color: #b2d33e;
    border-color: #b2d33e !important;
}

.whyIMB .btn.tertiary:hover {
    color: #b2d33e;
    background-color: #00414a;
    border-color: #b2d33e !important;
}

/* Footer
====================================== */

.mod-footer-icons {
    font-size: 20px;
}

.mod-footer-icons a {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mod-footer-icons a i,
.mod-footer-icons a span {
    display: inline;
    vertical-align: middle;
}

.mod-footer-icons a:not(:last-child) {
    margin-right: 0.5em;
}

.mod-footer-icons a span {
    margin-left: 0.5em;
    font-weight: 600;
}

.mod-footer-icons a i {
    font-size: 30px;
    margin-right: -0.5em;
}

footer {
    background-color: #ffffff;
    color: #fff;
    padding: 40px 0;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

#innerFooter {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.footerLeft {
    float: left;
    max-width: 65%;
}

.footerRight {
    float: right;
    max-width: 37%;
}

footer p {
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    margin-bottom: 2em;
}

footer p.mod-copy {
    font-size: 16px;
    font-weight: 200;
    color: #000;
    font-family: "WorkSans-Medium", Arial, sans-serif;
}

footer p.mod-copy a {
    color: #00a0a6;
}

footer p.mod-copy a:hover {
    color: #000;
    text-decoration: underline;
}

.footer-links li {
    font-size: 1.2em;
    display: inline-block;
    color: #00a0a6;
    font-family: "WorkSans-Medium", Arial, sans-serif;
    margin: 0 0px 10px 0;
}

footer .logo {
    margin: 40px 0 0 0;
}

.footer-links li a {
    padding: 0 4px;
    text-decoration: none;
    color: #00a0a6;
    font-family: "WorkSans-Medium", Arial, sans-serif;
}

.footer-links li a:first {
    padding: 0
}

.footer-links li a:hover {
    border-bottom: 2px solid #00a0a6;
}

.logo-footer a:first-child img {
    padding: 20px 10px;
    vertical-align: top;
    box-sizing: border-box;
    /*width: 70%;*/
}

.logo-footer img.BCCM {
    width: 90px;
    height: auto;
    vertical-align: top;
    margin-top: 20px;
    padding-right: 10px;
}

/*.logo-footer a:last-child img {
    width: 30%;
}*/

/* ////INFOCAST///*/

label {
    font-weight: normal !important;
    font-size: 1.2em;
}

html #infocastContainer {
    height: inherit !important;
    min-height: inherit !important;
    width: 99% !important;
    margin: 0 !important;
}

#infocastContainer div.kfsemailform #captcha img {
    margin: 0 !important;
    padding: 20px 10px 0 0 !important;
}

#infocastContainer select#infocastProdFolderId,
#infocastContainer select#infocastSimulator {
    border: 1px solid #00a0a6 !important;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
}

#infocastContainer input#loanAmount,
#infocastContainer input#loanTermYears {
    border: 1px solid #00a0a6 !important;
}

#infocastContainer div.kfsemailform ul.tabMenu li a:hover {
    font-weight: 700;
    background: none repeat scroll 0 0 #b2d33e !important;
    color: #00414a !important;
}

#infocastContainer table#switcherStyle th {
    font-size: 17px;
    font-weight: 700;
}

#infocastContainer div.kfsemailform input#emailItToMe:hover {
    background: none repeat scroll 0 0 #b2d33e !important;
    border: 1px solid #b2d33e !important;
    color: #00414a !important;
}

#infocastContainer div.kfsproductform input#emailItToMe:hover {
    background: none repeat scroll 0 0 #b2d33e !important;
    border: 1px solid #b2d33e !important;
    color: #00414a !important;
}

#infocastContainer div#productDescContent,
#infocastContainer div.chartDetails div#loanAmount2,
#infocastContainer div.divInputs,
#infocastContainer div.kfsemailform input,
#infocastContainer div.kfsproductform input {
    border: 1px solid #00a0a6 !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}

#infocastContainer .backgroundColor,
#infocastContainer .ui-widget-header {
    background: #00a0a6 !important;
}

#infocastContainer form #simForm label,
#infocastContainer div.kfsemailform h1,
#infocastContainer div.kfsproductform h1,
#infocastContainer div.kfsemailformDataLargeLeft label,
#infocastContainer div.kfsemailformDataLargeRight label {
    color: #b2d33e !important;
}

#infocastContainer div.sectionData input.showCalcs,
#infocastContainer div.sectionDataLarge input.emailDirect,
#infocastContainer div#infocastApplyBtn input,
#infocastContainer input#emailItToMe {
    background-color: #b2d33e !important;
    border: 1px solid #b2d33e !important;
    color: #ffffff;
    font-size: 1.4em;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    height: 50px;
    font-weight: normal;
}

.cssShadow,
div.sectionData input,
.insetShadow {
    box-shadow: none !important;
}

div.sectionTitleNoCheck,
div.section .sectionTitle {
    color: #fff !important;
    background-color: #00a0a6 !important;
    font-weight: normal !important;
}

#infocastContainer div.sectionData input.showCalcs:hover,
#infocastContainer div.sectionDataLarge input.emailDirect:hover,
#infocastContainer div#generateFactsheet input.emailDirect:hover,
#infocastContainer div#infocastApplyBtn input:hover,
#infocastContainer input#emailItToMe:hover {
    background: none repeat scroll 0 0 #b2d33e !important;
    border: 1px solid #b2d33e !important;
    color: #00414a !important;
}

#infocastContainer ul.tabMenu li a:active,
#infocastContainer ul.tabMenu li.active a:link,
#infocastContainer ul.tabMenu li.active a:visited {
    color: #b2d33e;
}

#infocastContainer div#generateFactsheet input.emailDirect {
    border: 1px solid #00a0a6;
    color: #ffffff;
    font-family: "WorkSans-Regular", Arial, sans-serif !important;
    font-weight: normal;
}

#infocastContainer div.kfsemailform div.kfsemailformDataLargeWide input#previewFactsheet {
    color: #00a0a6;
}

#infocastContainer ul.tabMenu li a:active,
#infocastContainer ul.tabMenu li.active a:link,
#infocastContainer ul.tabMenu li.active a:visited {
    color: #b2d33e;
}

#infocastContainer #simContainer ul {
    list-style: disc outside none;
}

#infocastContainer #simContainer ul li a:active,
#infocastContainer #simContainer ul li.active a:link,
#infocastContainer #simContainer ul li.active a:visited {
    color: #b2d33e;
}

#infocastContainer #simContainer a:link,
#infocastContainer #simContainer a:visited {
    color: #b2d33e;
    text-decoration: none;
}

#infocastContainer #pageInfoFooter {
    display: none;
}

#infocastContainer p {
    margin: 5px;
}

#infocastContainer div.chartDetails h2 {
    color: #b2d33e;
    font-weight: bold;
}

div#infocastApplyBtn input {
    background-color: #b2d33e;
    border: 1px solid #b2d33e;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px 2px #A7AAB2;
    color: #FFFFFF;
}

div#infocastApplyBtn input:hover {
    background-color: #b2d33e !important;
    border: 1px solid #00414a;
}

body.contentpane {
    margin: 0;
}

select#infocastProductId,
select#infocastSimulator,
div.kfsemailform input {
    border: 1px solid #00a0a6 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

/* //////// INFOCAST CCKFS EMAIL BUTTON///////*/

#generateCCKFSFactsheet {
    background-color: #FFFFFF;
    clear: both;
    color: #FFFFFF;
    margin: 5px 0 0;
    padding: 0 6px 0 0;
    position: relative;
    width: auto;
}

#generateCCKFSFactsheet input.emailDirect {
    -moz-box-sizing: border-box;
    background-color: #b2d33e;
    border: 1px solid #b2d33e;
    box-shadow: 0 0 5px 2px #A7AAB2;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    height: 60px;
    margin: 0;
}

#generateCCKFSFactsheet input.emailDirect:hover {
    box-shadow: none;
}

#generateCCKFSFactsheet .cssRadius {
    border-radius: 6px;
}

#generateFactsheet {
    margin-top: 25px;
}

#generateFactsheet input.emailDirect {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #b2d33e !important;
    border: none !important;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    height: 60px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer;
    margin: 0 3px;
}

div#generateFactsheet input.emailDirect:hover {
    border: none !important;
    background-color: #b2d33e !important;
    color: #00414a;
}

table.keyFactSheet p {
    color: #FFFFFF;
    margin: 0;
}

table.keyFactSheet ul li {
    margin: 0;
}

#infocastContainer {
    width: 100%;
}

#infocastContainer .kfsemailform h1 {
    position: relative;
    text-align: left;
}

#infocastContainer div.kfsemailform h1 {
    border-radius: 4px;
}

#infocastContainer .kfsemailform {
    height: 30px;
}

#infocastContainer #fsEmailed {
    width: 97%;
}

ul.infocastThankyouApplyBtns li:before {
    display: none !important;
}

.cssRadius {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul#previewFactsheetLinks a {
    color: #00a0a6;
}

ul.tabMenu li a:link,
ul.tabMenu li a:visited {
    background-color: #00a0a6;
    font-weight: normal !important;
}

/* ////END INFOCAST///*/

/* locator 
============================================================================ */

div#mapControls,
#mapWrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mapWrapper,
#mapContainer,
#locationContainer {
    width: 100% !important;
}

#locationContainer {
    margin-left: 0 !important;
}

#mainTopPanel,
.additionalPanel {
    width: 100% !important;
}

.locationHeadings h2,
.locationHeadings h3 {
    padding: 30px 0 20px !important;
}

.threecol .col1 h3,
.threecol .col3 h3 {
    padding: 20px 0 !important;
    font-size: 25px !important;
}

#mainPanelDetails {
    width: 95% !important;
}

#results_panel ul#listResults li {
    text-indent: 0;
    padding: 5px !important;
    line-height: 20px;
}

#map_results ul li {
    text-indent: 0 !important;
}

#map_results ul li#resultsTab:before,
#results_panel ul#listResults li:before {
    content: none;
}

.locationUrlLink {
    color: #00a0a6 !important;
}

#head div,
#head .subtitle {
    color: #00a0a6 !important;
}

::-webkit-input-placeholder {
    color: #000;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

:-moz-placeholder {
    color: #000;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    line-height: 40px;
}

::-moz-placeholder {
    color: #000;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    line-height: 40px;
}

:-ms-input-placeholder {
    color: #000;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

placeholder {
    color: #000;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

/* ATM locator
============================================================================ */

body.Section0 .main-wrapper {
    min-height: 950px;
}

div#mapControls,
#mapWrapper {
    padding: 20px 0 20px 20px;
}

#map_search_btn {
    box-shadow: none;
    width: 100px;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #fff;
    margin: 3px 0 0 0;
    text-indent: 0;
    font-size: 14px;
    height: 45px;
    line-height: 40px;
    min-width: 160px;
    padding: 0 20px !important;
}

#searchText,
#catIds {
    border: 1px solid #000;
    color: #000;
    float: left;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    font-size: 14px;
    height: 42px;
    line-height: 40px;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 0;
    padding-left: 10px;
    width: 320px;
    border-radius: 4px;
    margin-bottom: 20px;
}

#searchLabel,
#catLabel {
    color: #00a0a6;
}

div#closeContainer:hover {
    background-color: #00a0a6;
    vertical-align: middle;
}

table.adp-directions tr:hover,
div#page #content_left ul li:hover {
    background-color: #eeeeee;
}

div#page #content_left ul li#resultsTab:hover,
div#page #content_left ul li#directionsTab:hover {
    background-color: #00a0a6;
}

.buttonColour.arrow,
.buttonColour {
    background-image: url(/templates/ByondCoreCommon/mimages/arrowIcon.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(/templates/ByondCoreCommon/mimages/arrowIcon.png), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ebebeb), color-stop(0.7, #ebebeb), color-stop(1, #ebebeb));
    background: url(/templates/ByondCoreCommon/mimages/arrowIcon.png) right center no-repeat, -moz-linear-gradient(top, #ebebeb 0%, #ebebeb 70%, #ebebeb 100%);
    background-color: #ebebeb;
    border: 0;
}

.wrapperResults span.detailLabel {
    color: #00a0a6;
    font-weight: bold;
    text-shadow: none;
}

.wrapperResults span.loc {
    color: #333;
}

.wrapperResults span.sub {
    font-weight: normal;
    color: #00a0a6;
}

.selectAddress,
.formattedAddress {
    padding: 10px;
    margin: 0 0 15px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ebebeb), color-stop(0.7, #ebebeb), color-stop(1, #ebebeb));
    background: -moz-linear-gradient(top, #ebebeb 0%, #ebebeb 70%, #ebebeb 100%);
    border-top: 0;
    border-bottom: 0;
    border-left: none;
    border-right: none;
    color: #1a1a1a;
    background-color: #ebebeb;
    text-shadow: none;
}

.textShadow {
    text-shadow: none;
}

/*locaitor*/

#locMap img {
    max-width: 270px !important;
}

.category-active {
    background-image: url('/templates/ByondCoreCommon/mimages/maps/tick.png');
    background-image: url('/templates/ByondCoreCommon/mimages/maps/tick.png'), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #00a0a6), color-stop(0.7, #00a0a6), color-stop(1, #00a0a6));
    background-repeat: no-repeat;
    background-position: right center;
    background: url('/templates/ByondCoreCommon/mimages/maps/tick.png') no-repeat right center;
    border: 0;
    border-radius: 4px;
}

.category-inactive {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #00a0a6;
    color: #00a0a6;
    border: 2px solid #00a0a6;
    border-radius: 4px;
}

.panel .searchMethod {
    width: 46%;
}

.action_btn {
    color: #FFFFFF;
    cursor: pointer;
    display: inline;
    float: left;
    font-weight: 700;
    margin: 4px 5px 8px;
    min-width: 96%;
    padding: 5px 0;
    text-align: center;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #00a0a6), color-stop(0.7, #00a0a6), color-stop(1, #00a0a6));
    background: -moz-linear-gradient(top, #00a0a60%, #00a0a670%, #00a0a6100%);
    background-color: #00a0a6;
    border-radius: 4px;
}

.mobileLocaitor .searchText.textShadow {
    text-shadow: none;
}

.panel .filterTitle {
    font-size: 26px;
    color: #00a0a6;
    text-shadow: none;
}

.searchInput input#searchArea {
    -webkit-border-radius: 4px;
    -mos-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding-left: 10px;
    border: 1px solid #333;
    width: 96%;
}

.searchInput input#searchArea:focus {
    -webkit-border-radius: 4px;
    -mos-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #00a0a6;
}

/* Restricted access pages
===================================== */

.Byond_contentProtection {
    margin: 40px 0;
    padding: 20px;
    background: #ebebeb;
    border-radius: 4px;
}

.Byond_contentProtection input.inputbox,
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    padding: 10px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    -webkit-appearance: textfield;
    background-color: rgb(255, 255, 255) !important;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
}

.Byond_contentProtection .left {
    margin-bottom: 5px;
}

.Byond_contentProtection .loginFields:first-child {
    margin-bottom: 15px;
}

/* restricted view subnav
====================================== */

.subnav {
    width: 100%;
}

#page ul.subnav {
    list-style-type: none;
    margin: 0;
    height: 50px;
    border-bottom: 0;
    margin-bottom: 15px;
}

#page ul.subnav li {
    text-indent: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    margin: 0;
    height: 50px;
    color: #fff;
    background: #00414a;
    padding: 0;
    display: inline-block;
    font-family: "WorkSans-Bold", Arial, sans-serif;
    text-align: center;
}

@media screen and (max-width:500px) {
    #page ul.subnav li {
        border-bottom: 1px solid #fff;
    }
}

#page ul.subnav li a,
#page ul.subnav li a:visited,
#page ul.subnav li a:link {
    color: #fff;
}

/*  7 Tabs  */

#page ul.subnav li {
    width: 12.5%;
}

#page ul.subnav li:nth-of-type(5) {
    width: auto;
}

#page ul.subnav li:before {
    content: none;
}

#page ul.subnav li:hover,
#page ul.subnav li:active,
#page ul.subnav li.active {
    list-style-type: none;
    position: relative;
    height: 50px;
    border: 0;
    background: #00a0a6;
    color: #ffffff;
}

#page ul.subnav li.current {
    background: #00a0a6;
    color: #ffffff;
    padding: 0 10px;
}

#page ul.subnav li.current,
#page ul.subnav li a,
#page ul.subnav li:hover a,
#page ul.subnav li:active a,
#page ul.subnav li.active a {
    font-size: 1.25rem;
    line-height: 50px;
}

#page ul.subnav li:hover a,
#page ul.subnav li:active a,
#page ul.subnav li.active a {
    color: #fff !important;
}

#page ul.subnav li a:link,
#page ul.subnav li a:visited {
    background-image: none;
    font-size: 1.25rem;
    height: 100%;
    text-align: center;
    display: block;
    padding: 0 10px;
}

#page ul.subnav li:before {
    content: none;
}

/* MATEstimator calc 
===================================== */

.calculateFormMTA,
#total_savings {
    padding: 10px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    -webkit-appearance: textfield;
    background-color: rgb(255, 255, 255) !important;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
}

#total_savings {
    color: #b2d33e;
    font-family: "WorkSans-Bold", Arial, sans-serif;
    font-size: 2rem;
}

.initalHide {
    margin: 10px 10px 10px 0;
}

.initalHide .label {
    margin-left: 5px;
    margin-bottom: 5px;
    color: #00a0a6;
    font-size: 1.25rem;
}

select: {
    color: #575756;
}

/* Mixins - buttons, etc
====================================== */

.bbox {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clear-fix:before,
.clear-fix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.btn,
#comments-container .comment-button,
.menu-banner-content .btn,
#moreNewsreadAll a,
#moreNewstestimonial a,
#map_search_btn,
.readon,
.moreBtn,
#moreNewsbtn a,
a.resetForm {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 160px;
    text-decoration: none;
    text-align: center;
    color: #00414a;
    border-radius: 35px;
    margin: 0 20px 20px 0;
    line-height: 1.25em;
    padding: 10px 20px;
    text-indent: 0;
    font-size: 1.25em;
    border: 2px solid #b2d33e;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

#moreNewsbtn a {
    margin: 20px auto;
}

#comments-container .comment-button {
    margin: 15px 0 50px;
}

.btn:active {
    background: #00a0a6;
}

.btn.primary,
#comments-container .comment-button,
#map_search_btn,
a.resetForm {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background: #b2d33e;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn.primary.lime {
    color: #00414a;
    background: #b2d33e;
    border: 2px solid #b2d33e !important;
}

.custom-news-container .btn.secondary {
    position: relative;
    color: #fff !important;
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-color: #fff !important;
    background: transparent;
}

.btn.outline:hover,
.custom-news-container .btn.secondary:hover,
.sub-promo .btn.tertiary:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2) !important;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.02);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.02);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.02);
    transition: all 200ms ease-in;
    transform: scale(1.02);
}

.secondary,
#moreNewsreadAll a,
#moreNewstestimonial a,
#moreNewsbtn a {
    position: relative;
    color: #00414a;
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#moreNewstestimonial a {
    color: #00414a;
    border-color: #b2d33e !important;
    background: #b2d33e;
}

.tertiary {
    color: #b2d33e;
    position: relative;
    background-color: #00414a;
    border-color: #00414a;
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.sub-promo .secondary {
    background: none;
    border: 2px solid white !important;
    color: #fff;
    z-index: 999;
    margin: 0 auto 20px auto;
}

.solutions .btn {
    min-width: 300px;
    margin: 0 20px 0 0;
    text-align: left;
}

.lime .solutions .btn,
.lime .solutions .btn:active,
.lime .solutions .btn:focus {
    background: #00414a;
    color: #b2d33e;
    border: 2px solid #b2d33e !important;
}

.lime .solutions .btn:hover {
    color: #b2d33e;
    border: 2px solid #b2d33e !important;
    background: #00414a;
}

.solutions .btn.highlight {
    color: #00414a;
    background: #ffffff;
    border: 2px solid #ffffff;
}

.solutions .btn.highlight:hover {
    color: #00414a;
    background: #ffffff;
    border: 2px solid #b2d33e;
}

.lime .solutions .btn.highlight.:hover {
    color: #ffffff;
    background: #b2d33e;
    border: 2px solid #b2d33e !important;
}

.solutions .btn:after {
    content: "\e902";
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    position: absolute;
    right: 7px;
}

.btn.primary:hover,
.btn.primary:focus,
.btn.primary:active,
.readon:hover,
.readon:focus,
.readon:active,
.moreBtn:hover,
.moreBtn:active,
.moreBtn:focus,
#moreNewsbtn a:hover,
#moreNewsbtn a:active,
#moreNewsbtn a:focus,
#comments-container .comment-button:hover,
#comments-container .comment-button:focus,
#comments-container .comment-button:active,
#moreNewsreadAll a:hover,
#moreNewsreadAll a:active,
#moreNewsreadAll a:focus,
#moreNewstestimonial a:hover,
#moreNewstestimonial a:active,
#moreNewstestimonial a:focus,
#map_search_btn:hover,
#map_search_btn:active,
#map_search_btn:focus,
.online-services-dropdown ul li:last-child a:hover,
.online-services-dropdown ul li:last-child a:active,
.online-services-dropdown ul li:last-child a:focus,
a.resetForm:hover,
a.resetForm:active,
a.resetForm:focus {
    background: #00414a;
    color: #b2d33e;
    border: 2px solid #b2d33e !important;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.02);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.02);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.02);
    transition: all 200ms ease-in;
    transform: scale(1.02);
}

.slideText .btn.primary.lime:hover,
.btn.primary.lime:hover,
.btn.primary:hover,
.btn.primary.lime:focus,
.btn.primary.lime:active {
    background: #00414a;
    color: #b2d33e;
    border: 2px solid #b2d33e !important;
}

.secondary:hover,
.secondary:focus,
.secondary:active {
    color: #fff;
    border: 2px solid #fff !important;
    background: #00414a;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.02);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.02);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.02);
    transition: all 200ms ease-in;
    transform: scale(1.02);
}

.tertiary:hover,
.tertiary:focus,
.tertiary:active {
    color: #00414a;
    background: #b2d33e;
    border-color: #b2d33e;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.02);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.02);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.02);
    transition: all 200ms ease-in;
    transform: scale(1.02);
}

.online-services-dropdown ul li a:hover,
.online-services-dropdown ul li a:active,
.online-services-dropdown ul li a:focus {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.02);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.02);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.02);
    transition: all 200ms ease-in;
    transform: scale(1.02);
}

.btn.medium {
    height: 45px;
    padding: 0 20px;
    line-height: 41px;
    font-size: 16px;
}

.btn.small {
    min-width: 0;
    height: 30px;
    padding: 0 15px;
    line-height: 27px;
    font-size: 14px;
}

.btn.product {
    text-align: center;
    font-size: 20px;
    border: 2px solid #fff;
}

.btn.product:active {
    box-shadow: none;
}

table.three-col-split .btn.product,
table.two-col-split .btn.product {
    text-decoration: underline;
}

table.three-col-split .btn.product:hover {
    color: #00a0a6;
}

.sub-promo .btn.product {
    color: #fff;
    font-size: 19px;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}

.sub-promo .btn.product span {
    color: #a0a0a0;
    font-size: 15px;
}

.sub-promo .btn.product.bigBtn {
    font-size: 26px;
    line-height: 32px;
}

.TB_Wrapper a:hover {
    text-decoration: none;
}

.TB_Wrapper .btn.primary {
    font-family: "WorkSans-Regular", Arial, sans-serif;
    display: block;
    margin: 20px 0;
    max-width: 300px;
    text-decoration: none;
    height: 45px;
    line-height: 24px;
    font-size: 21px;
    min-width: 108px;
    border: 0;
}

/* specific button styles */

.two-col-layout-cta td:last-child .btn {
    display: block;
    max-width: 250px;
    margin: 0 auto 20px auto;
}

.btn.ib {
    margin: 5px auto;
    color: #fff;
    padding: 0 12px;
    border: none;
    min-width: 0;
    float: right;
    width: 209px;
    box-sizing: content-box;
}

.btn.ib:before {
    content: "\e619";
    float: left;
    width: 30px;
    margin: 0 15px 0 0;
    padding: 0 9px 0 0;
    font-size: 24px;
    line-height: 55px;
    color: #ffffff;
}

.btn.ib:active {
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    margin: 5px auto;
}

.desktop-ib {
    display: inline-block;
}

.mobile-ib {
    display: none;
}

.campaign .btn {
    min-width: 220px;
}

.readon,
.moreBtn {
    font-size: 16px;
    color: #00414a;
    min-width: 130px;
    padding: 10px;
    border: 2px solid #b2d33e;
    background: #b2d33e;
    margin: 0;
}

.readon:hover,
.moreBtn:hover {
    background: #00414a;
    color: #b2d33e;
    border: 2px solid #b2d33e !important;
}

#searchForm .button,
#Byond_contentProtection_submit {
    background: #b2d33e;
    border: 2px solid #b2d33e;
    border-radius: 35px;
    box-sizing: border-box;
    color: #00414a;
    display: inline-block;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    font-size: 18px;
    height: 45px;
    line-height: 40px;
    margin: 0 20px 20px 0;
    min-width: 160px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    white-space: nowrap;
    cursor: pointer;
}

#searchForm .button:hover,
#Byond_contentProtection_submit:hover {
    color: #fff;
    background: #00a0a6;
    border-color: #00a0a6 !important;
    text-decoration: none;
}

div#page p.fine-print {
    font-family: "WorkSans-Regular", Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    max-width: none;
    margin: 20px auto 10px 0;
}

/*special content buttons full page*/

.five-btns a.btn {
    width: 19%;
    margin-right: 1.25%;
}

.four-btns a.btn {
    width: 24%;
    margin-right: 1.25%;
}

.three-btns a.btn {
    width: 32.3%;
    margin-right: 1.5%;
    padding: 30px
}

.two-btns a.btn {
    width: 49.5%;
    margin-right: 1%;
}

.five-btns a.btn:last-child,
.four-btns a.btn:last-child,
.three-btns a.btn:last-child,
.two-btns a.btn:last-child {
    margin-right: 0;
}

.five-btns a.btn i,
.four-btns a.btn i,
.three-btns a.btn i,
.two-btns a.btn i {
    display: inline-block;
    font-size: 3.5rem;
    line-height: 3.5rem;
    height: 3.5rem;
    padding-right: 10px;
    vertical-align: middle;
}

.three-btns a.btn i {
    display: inline-block;
    font-size: 3.5rem;
    line-height: 3.5rem;
    height: 3.5rem;
    padding-right: 10px;
    vertical-align: middle;
    width: 36px;
}

.three-btns a.btn {
    font-size: 22px;
}

.five-btns,
.four-btns,
.three-btns,
.two-btns {
    margin: 0 auto;
}

.five-btns .btn.secondary,
.four-btns .btn.secondary,
.three-btns .btn.secondary,
.two-btns .btn.secondary {
    border-color: #b2d33e;
    background: transparent;
}

.five-btns .btn.secondary:hover,
.four-btns .btn.secondary:hover,
.three-btns .btn.secondary:hover,
.two-btns .btn.secondary:hover {
    background: #00414a;
}

.btn-list a.btn {
    float: left;
}

p.btn-list+p {
    clear: both;
    float: none;
}

/* Tables
====================================== */

div#page table {
    margin: auto;
}

table tbody td {
    font-size: 1.2em;
    line-height: 2em;
    vertical-align: top;
}

table.stripeTable tbody td {
    font-size: 1em;
    line-height: 2em;
    vertical-align: top;
}

.padding td {
    padding: 0 40px;
}

table {
    max-width: 1160px !important;
    width: 100%;
    /*site width*/
}

table.clean,
table.clean tr {
    background: none !important;
}

/* === Expand Tables === */

div#page table.expandTb,
div#page table.expandTb tr,
div#page table.expandTb td {
    margin: 20px 0 !important;
    padding: 1%;
    text-align: left !important;
}

div#page table.expandTb td.expandTb_content {
    padding: 0 0 20px 0;
    height: auto;
    width: 100%;
}

div#page table.expandTb td.expandTb_content ul.threeColl li {
    list-style: none;
    float: left;
    width: 30%;
    padding: 0;
    margin: 0 0 15px 20px;
}

div#page table.expandTb table.stripeTable td,
div#page table.expandTb table.stripeTable tr th {
    padding: 8px 20px;
    font-size: 0.85em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#page table.expandTb {
    margin: 0 auto 1px auto !important;
    padding: 0 20px;
    max-width: 1160px;
}

div#page td.expandTb_content p {
    padding-left: 20px;
    padding-right: 20px;
}

div#page td.expandTb_content p.icon-tick {
    font-weight: bold;
    color: #ee3423;
}

div#page td.expandTb_content ol li {
    margin: 0 0 20px 45px;
}

div#page td.expandTb_content ul {
    margin-left: 20px;
}

div#page td.expandTb_content h2,
div#page td.expandTb_content h3,
div#page td.expandTb_content h4,
div#page td.expandTb_content h5 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.expandTb_header {
    height: 55px;
    background-color: transparent;
    border-bottom: none;
    text-decoration: none;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}

table.expandTb tr td.dropDownLink {
    font-weight: normal;
}

table.expandTb>tbody>tr>td.dropDownLink:hover {
    background-color: transparent;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

table.expandTb tr td.dropDownLink:hover {
    text-decoration: none;
    cursor: text;
}

.expandTb_header td {
    font-size: 22px;
    line-height: 30px;
    padding: 0 20px;
    color: #00a0a6;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

table.expandTb td.dropDownLink .icon-plus,
table.expandTb td.dropDownLink .icon-minus,
.responsiveTemplate table.expandTb .icon-plus,
.responsiveTemplate table.expandTb .minus,
table.expandTb .icon-plus,
table.expandTb .icon-minus {
    background: none;
    position: relative;
    font-size: 1.2em;
    height: 14px;
    width: 24px;
    vertical-align: middle;
}

table.expandTb td.dropDownLink .icon-plus:before,
.responsiveTemplate table.expandTb .icon-plus:before,
table.expandTb .icon-plus:before {
    content: "\e900";
    display: block;
    position: absolute;
    top: 0%;
    line-height: normal;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    height: 20px;
}

table.expandTb td.dropDownLink .icon-minus:before,
.responsiveTemplate table.expandTb .icon-minus:before,
table.expandTb .icon-minus:before {
    content: "\e900";
    display: block;
    position: absolute;
    top: 9px;
    line-height: normal;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    height: 20px;
}

/* === Stripe Tables (pulled in from byond product summary)  === */

table.stripeTable {
    padding: 0;
    margin: 0 0 40px 0;
    font-size: 1em;
}

table.stripeTable tbody td {
    border: 0;
}

table.stripeTable tr th {
    background-color: #b2d33e;
    border-right: 1px solid #b2d33e;
    color: #000;
    font-size: 1.2em;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    padding: 10px 20px;
    text-align: left;
    border: none;
}

table.stripeTable tr td {
    border-right: 1px solid #d1d1d1;
}

table.stripeTable tr td.first,
table.stripeTable tr.prodtGp td {
    background-color: #dfdfdf !important;
    color: #00a0a6;
    font-weight: bold;
    border-bottom: 1px solid #d1d1d1;
}

table.stripeTable tr.odd td {
    background-color: #fff;
}

table.stripeTable tr td:first-child {
    border-left: 1px solid #d1d1d1;
}

table.stripeTable tr:last-child {
    border-bottom: 1px solid #d1d1d1;
}

table tr.even {
    background-color: #f3f3f3;
}

table.tablesorter2 td img {
    width: auto;
}

/* === various responsive column Tables === */

table.two-col-layout table.three-col-layout,
table.four-col-layout,
table.two-col-layout-cta,
table.three-col-layout-cta {
    width: 100% !important;
    border-collapse: collapse;
    margin: 0 auto 40px auto !important;
}

table.three-col-split,
table.two-col-split {
    width: 100% !important;
    margin: 0 auto 40px auto !important;
    border-radius: 0 10px 10px 10px;
    -moz-border-radius: 0 10px 10px 10px;
    -webkit-border-radius: 0 10px 10px 10px;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    display: block;
}

table.two-col-layout td img,
table.two-col-layout-cta td img,
table.three-col-layout-cta td img,
table.three-col-layout td img,
table.four-col-layout td img,
table.three-col-split td img,
table.two-col-split td img {
    max-width: 100% !important;
    height: auto !important;
    margin: auto;
    display: inline-block;
}

table.two-col-layout td,
table.four-col-layout td,
table.two-col-layout-cta td {
    padding: 0 1.65%;
    vertical-align: top;
}

table.two-col-layout td,
table.three-col-split td:first-child {
    width: 46.6%;
}

table.two-col-split td:first-child {
    width: 70%;
    padding: 20px;
}

table.two-col-split.one-two td:first-child {
    width: 32%;
    padding: 20px 20px 20px 50px;
    vertical-align: top;
}

table.two-col-layout-cta td:first-child {
    padding: 0 3.3% 0 0;
}

table.two-col-layout-cta td:last-child,
table.three-col-layout-cta td:last-child {
    width: 24.16%;
    padding: 0;
}

table.three-col-layout-cta td:first-child,
table.three-col-layout-cta td:nth-child(2) {
    width: 36.6%;
    vertical-align: top;
    padding: 0 3.3% 0 0;
}

table.three-col-layout td {
    width: 31%;
}

table.three-col-layout td,
table.three-col-layout.stripeTable td,
table.four-col-layout td,
table.four-col-layout.stripeTable td,
table.three-col-split td {
    width: 24.15%;
    padding: 0 1.65% 0 0;
}

table.two-col-split tr,
table.three-col-split tr {
    border-bottom: 1px solid #d1d1d1;
}

table.two-col-split tr:last-child,
table.three-col-split tr:last-child {
    border-bottom: none;
}

table.three-col-split td,
table.two-col-split td {
    padding: 20px 1.65%;
    vertical-align: middle;
}

table.three-col-split.top td,
table.two-col-split.top td {
    vertical-align: top;
}

.three-col-split td:first-child,
table.two-col-split td:first-child {
    padding: 20px 1.65% 20px 20px;
}

.three-col-split.top td:last-child,
table.two-col-split.top td:last-child {
    padding: 40px 20px 20px 1.65%;
}

.three-col-split td:last-child,
table.two-col-split td:last-child {
    padding: 20px 35px 20px 1.65%;
}

.three-col-split td:last-child .btn,
table.two-col-split td:last-child .btn {
    width: 100%;
    max-width: 300px;
}

table.two-col-layout td:first-child,
table.two-col-layout.stripeTable td:first-child,
table.three-col-layout td:first-child,
table.three-col-layout.stripeTable td:first-child,
table.four-col-layout td:first-child,
table.four-col-layout.stripeTable td:first-child {
    padding: 0 1.65% 0 0;
}

table.two-col-layout td:last-child,
table.two-col-layout.stripeTable>td:last-child,
table .three-col-layout td:last-child,
table.three-col-layout.stripeTable td:last-child,
table.four-col-layout td:last-child,
table.four-col-layout.stripeTable td:last-child {
    padding: 0 0 0 1.65%;
}

table .tablesorter2.stripeTable {
    padding: 0;
    margin: 0;
}

table .tablesorter2.stripeTable td,
table .tablesorter2.stripeTable .customerDetailsThead.header {
    font-size: 1em;
    text-align: left;
    padding: 8px 20px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

table .tablesorter2.stripeTable .customerDetailsThead.header:last-child {
    padding: 8px 0 8px 8px;
}

table .two-col-layout .tablesorter2.stripeTable,
table.two-col-layout .tablesorter2.stripeTable thead,
table.two-col-layout .tablesorter2.stripeTable tbody,
table.two-col-layout .tablesorter2.stripeTable th,
table.two-col-layout .tablesorter2.stripeTable td,
table.two-col-layout .tablesorter2.stripeTable tr {
    display: auto !important;
    width: auto !important\9;
    /* IE9 hack */
    float: none !important\9;
    /* IE9 hack */
}

.prodtGp {
    font-weight: bold;
}

/* === Scrollable table === */

.jspTrack {
    background: #ebebeb;
}

.jspDrag {
    background: #2fa18e;
}

.tables_wrapper.scroll {
    margin: 0 0 40px 0;
    max-width: 1200px;
    width: 100%;
}

table td ul:last-child {
    margin-bottom: 10px !important;
}

table.scrollable-table {
    padding: 0;
    margin: 0 0 40px 0;
    width: 100%;
}

table.scrollable-table .subhead {
    background-color: #e1e5e9;
    font-size: 1.2em;
}

table.scrollable-table h4 {
    color: #00a0a6;
    font-size: 1.2em;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    padding: 0;
}

table.scrollable-table th a {
    color: #fff;
}

table.scrollable-table tbody td,
.scrollable-table tr th {
    font-size: 1.2em;
    line-height: 1.3em;
    border: 0;
    padding: 10px 20px;
    color: #000;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}

table.scrollable-table th p {
    margin-bottom: 0 !important;
}

table.scrollable-table tr.desc td:nth-child(n+2) {
    font-size: 1em;
    line-height: 1.4em;
}

table.scrollable-table tr th {
    background-color: #00414a;
    border-right: 1px solid #00414a;
    font-family: "WorkSans-Bold", Arial, sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
}

table.scrollable-table tr td {
    text-align:left;
}

table.scrollable-table tr th:first-child,
table.scrollable-table tr td:first-child {
    text-align: left;
}

table.scrollable-table tr th.sub-head {
    background-color: #f7f7f7;
}

table.scrollable-table tr:nth-child(odd),
table.scrollable-table tr.odd td {
    background-color: #e5f2f0;
}

table.scrollable-table tr:nth-child(odd) td:first-child,
table.scrollable-table tr.odd td:first-child {
    font-family: 'WorkSans-Regular', Helvetica, Arial, 'sans-serif';
}

table.scrollable-table.simple tr:nth-child(odd) td:first-child,
table.scrollable-table.simple tr.odd td:first-child {
    font-family: 'WorkSans-Regular', Helvetica, Arial, 'sans-serif';
}

table.scrollable-table tr:nth-child(even),
table.scrollable-table tr.even td {
    background-color: #fff;
}

table.scrollable-table tr:nth-child(even) td:first-child,
table.scrollable-table tr.even td:first-child {
    font-family: 'WorkSans-Regular', Helvetica, Arial, 'sans-serif';
}

table.scrollable-table.simple tr:nth-child(even) td:first-child,
table.scrollable-table.simple tr.even td:first-child {
    background-color: #fff;
    color: #00414a;
}

table.scrollable-table tbody tr:last-child {
    border-bottom: 1px solid #00a0a6;
}

table.scrollable-table tr.clear-cell td {
    padding: 10px 20px;
    vertical-align: top;
}

table.scrollable-table tr td {
    text-align: left;
}

table.scrollable-table tr.grey-cell td {
    padding: 10px 20px;
}

table.scrollable-table.contactUs td:first-child {
    width: 30%;
}

.tables_wrapper {
    display: table;
    max-width: 100%;
    overflow: hidden;
    outline: none;
}

table.scrollable-table.two-col td {
    width: 50%;
}

.expandTb_content .tables_wrapper.scroll {
    overflow: inherit;
    border: none;
}

/* === Benefits and features table === */

#page .benefits-features h2 {
    padding: 0;
}

table.benefits-features,
table.benefits-features p {
    color: #697378;
}

table.benefits-features p {
    margin: 0;
    padding: 0;
}

table.benefits-features h2 {
    color: #00a0a6;
    background-color: #e5f4ff;
    border-bottom: 0;
    margin-bottom: -1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 25px;
}

table.benefits-features td {
    padding: 20px;
    margin: 0;
    width: 50%;
    background-color: #e5f4ff;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.benefits-features.stripe tr:nth-child(even) td {
    background-color: #fafcfe;
}

table.benefits-features th {
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #e5f4ff;
}

/* Share links
====================================== */

.share-links {
    position: absolute;
    width: 350px;
    margin: auto;
    right: 0;
    padding: 12px 20px 5px 44px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 50px;
    text-align: right;
    z-index: 2;
    display: block;
}

#st-1 .st-btn {
    display: inline-block !important;
}

.breadcrumbs {
    top: 7px;
    padding: 20px 0 35px 0;
    margin-top: 0;
    display: block;
    max-width: calc(100% - 400px);
    width: 100%;
}

.breadcrumbs .crumbs {
    float: left;
    color: #00414a;
    width: auto;
}

.breadcrumbs .crumbs a {
    color: #00414a;
}

.crumbs span {
    margin: 0 5px;
}

.crumbs span:first-child {
    margin: 0;
}

/* Editor styles
====================================== */

div#page p.Rate-interest,
div#page p.Rate-comparison {
    display: inline-block;
    margin: 0 20px 30px 0;
}

.Rate-interest span.input {
    font-size: 50px;
    font-weight: lighter;
    line-height: 50px;
}

.Rate-comparison span.input {
    font-size: 50px;
    font-weight: lighter;
    line-height: 50px;
}

.Rate-interest span.postfix,
.Rate-comparison span.postfix {
    font-weight: normal;
    font-size: 25px;
}

.Rate-interest {
    color: #ffffff;
}

.Rate-comparison {
    color: #b2d33e;
}

iframe.R-Video {
    width: 100%;
    max-width: 650px;
}

/* Misc
====================================== */

/* byond nav bar styling */

.edit_module {
    top: 0;
    right: 0;
}

#myLogin .edit_module {
    top: 30px;
}

/* Byond edit icon styling */

.edit_module,
.contentpaneopen_edit {
    border-radius: 6px;
    width: 50px;
    height: 50px;
    margin: 5px;
    display: block;
    box-sizing: border-box;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
}

.edit_module {
    background: #b2d33e;
}

.contentpaneopen_edit {
    background: blue;
    position: absolute;
    z-index: 999999;
}

.edit_module a,
.contentpaneopen_edit a,
#moreNewstestimonial .edit_module .hasTip a {
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    padding: 10px;
    box-sizing: border-box;
    background: #b2d33e;
    min-width: 50px;
    border-radius: 6px;
}

.contentpaneopen_edit a {
    background: transparent;
}

.edit_module a:before,
.contentpaneopen_edit a:before {
    content: "\e90b";
    font-family: 'icomoon';
    font-size: 2.5rem;
    line-height: 1;
    color: #00414a;
    position: absolute;
    left: 9px;
    top: 8px;
}

.edit_module img,
.contentpaneopen_edit img {
    display: none;
}

.contentpaneopen_edit {
    position: relative;
    background: #00a0a6;
    text-align: center;
    padding: 4px;
    box-shadow: 3px 3px 0 0 rgba(68, 68, 68, 0.2);
}

div#myLogin,
#adminNav {
    position: fixed !important;
    z-index: 2 !important;
}

#adminNav {
    width: auto !important;
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.down-arrow {
    cursor: pointer;
    position: absolute;
    color: #fff;
    bottom: 20px;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #fff;
    z-index: 9999;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;
}

.down-arrow:hover {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.anchor {
    margin: -160px 0 0 0;
    display: block;
    position: absolute;
}

/* Search page styles */

table.contentpaneopen fieldset {
    border-radius: 4px;
    display: block;
    float: left;
    padding: 2%;
    width: 96%;
    margin: 10px 0;
}

table.contentpaneopen fieldset .highlight {
    background-color: #00a0a6;
    color: #fff;
}

table.contentpaneopen fieldset div:first-child {
    margin-bottom: 15px;
}

table.contentpaneopen fieldset a {
    font-weight: bold;
}

div.componentheading {
    font-size: 30px;
}

#searchForm td input {
    padding: 10px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
}

form#searchForm {
    margin: 40px 0;
    padding: 20px;
    background: #ebebeb;
    border-radius: 4px;
}

/* Search page styles */

.fifty-years {
    position: absolute;
    top: 25px;
    right: 90%;
    left: -160px;
}

.mobile {
    display: none;
    z-index: 9999;
    position: relative;
}

img.responsiveImage {
    border: 0 none;
    display: block;
    height: auto !important;
    max-width: 100%;
    width: 100% !important;
}

.max-size {
    max-width: 240px !important;
}

.site-by img {
    position: relative;
    top: 7px;
    left: 2px;
    width: 30px;
}

.site-by:hover {
    text-decoration: none;
    color: #fff;
}

.site-by i {
    color: #fff;
    font-size: 40px;
    vertical-align: middle;
    margin: 0 -0.35em 0 0.05em;
}

div#page p img {
    max-width: 100% !important;
    padding: 0;
    height: auto !important;
}

div#page p.buttonheading,
div.blog p.buttonheading {
    position: absolute;
    background-color: #fff;
    height: 31px;
    line-height: 30px;
    text-decoration: none;
    font-size: 14px;
    z-index: 999;
    width: 35px;
    text-align: center;
    bottom: -151px;
    display: none;
}

div#page p.buttonheading a,
div.blog p.buttonheading a {
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: block;
}

div#page p.buttonheading a:hover,
div.blog p.buttonheading a:hover {
    background-color: #ebebeb;
}

div#page p.buttonheading a:before,
div.blog p.buttonheading a:before {
    content: "\e60b";
    font-size: 22px;
    line-height: 32px;
    color: #00a0a6;
}

div#page p.buttonheading img,
div.blog p.buttonheading img {
    display: none;
}

.mobile-logo {
    height: 100%;
    display: inline-block;
}

/*blog summary buttons*/

.button2-left .readmore {
    float: none;
    clear: both;
    border: 2px solid #b2d33e;
    max-width: 110px;
    border-radius: 25px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
    color: #b2d33e;
    font-size: 16px;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

/* Campaigns
====================================== */

section.content.campaign {
    margin-top: 40px;
}

.campaign .internal-banner h1 {
    padding: 0;
    text-align: inherit;
}

.internal-banner h1 {
    padding: 0;
    text-align: center;
}

.banner-content h1 {
    letter-spacing: 1px;
    z-index: 98;
    font-size: 50px;
    font-family: "WorkSans-bold", Arial, sans-serif;
    color: #00414a;
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-bottom: .75rem;
}

@media screen and (max-width: 1120px) {
    .banner-content h1,
    .banner-content p,
    .banner-content .left-banner-content-2-1 p,
    .banner-content .right-banner-content-1-2 p {
        color: #fff !important;
    }
}

.slickCarousel .Slide#white .slideText,
.white,
.internal-banner.white .banner-content h1 span,
.banner-content.white h1 span,
.banner-content.white h1,
.banner-content.white p,
.banner-content.white p span,
.white p {
    color: #fff !important;
}

.internal-banner.white-box .banner-content,
.internal-banner.dark-box .banner-content {
    border-radius: 20px;
    padding: 30px !important;
    box-sizing: content-box;
    margin-left: auto !important;
    bottom: auto;
}

.internal-banner.dark-box .banner-content {
    background: rgba(1, 91, 102, 0.7);
    color: white;
}

.internal-banner.white-box .banner-content {
    background: rgba(255, 255, 255, 0.7);
    color: #00414a;
}

.internal-banner.white-box .banner-content h1,
.internal-banner.white-box .banner-content h1 span,
.internal-banner.white-box .banner-content p,
.internal-banner.white-box .banner-content p span {
    color: #00414a !important;
}

.internal-banner.dark-box .banner-content h1,
.internal-banner.dark-box .banner-content h1 span,
.internal-banner.dark-box .banner-content p,
.internal-banner.dark-box .banner-content p span {
    color: #ffffff !important;
}

@media (max-width: 1220px) {
    .internal-banner.white-box .banner-content,
    .internal-banner.dark-box .banner-content {
        margin: 0 auto !important;
        min-height: 300px;
        width: 80% !important;
    }
}

.internal-banner.summary .banner-content {
    background: rgba(1, 91, 102, 0.7);
    color: white;
    border-radius: 20px;
    padding: 30px ;
    box-sizing: content-box;
    bottom: auto;
    margin: auto;
    text-align: center;
}
.internal-banner.summary .banner-content h1 {
   
    text-align: center;
}

.internal-banner.summary .banner-content li a.btn.secondary {
    background: transparent;
    color: #FFF;
}

.banner-content .solutions ul li {
    width: 31%;
    display: inline-block;
    margin: 10px;
}




.banner-content h1 span {
    font-family: "WorkSans-bold", Arial, sans-serif;
}

.banner-content {
    padding: 0 40px;
    max-width: 65%;
    text-align: center;
    height: auto;
    min-height: auto;
}

.tealContainer,
.lightTealContainer {
    background-color: #00a0a6 !important;
}

.DarkBlueContainer {
    background-color: #00414a;
    margin-left: calc(49% - 50vw);
    width: 100vw;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.tealMainHeader,
.tealFeaturedHeader {
    color: #00414a !important;
}

p.tealMainHeader,
p.whiteHeader,
p.whiteHeader span {
    font-family: "WorkSans-bold", Arial, sans-serif !important;
}

.internal-banner .banner-content,
.internal-banner.two-1 .banner-content,
.internal-banner.one-2 .banner-content {
    padding: 0;
    max-width: 65%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 100px;
}

@media screen and (max-width: 1500px) {
    .internal-banner .banner-content,
    .internal-banner.two-1 .banner-content,
    .internal-banner.one-2 .banner-content {
        padding: 0;
        max-width: 80%;
        top: 50%;
    }
}

.internal-banner.no-rate .banner-content,
.internal-banner.no-rate.two-1 .banner-content,
.internal-banner.no-rate.one-2 .banner-content {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    text-align: center;
}

.internal-banner .banner-content {
    text-align: center;
}

.internal-banner.plain {
    height: 200px;
}

.internal-banner.plain .banner-content {
    text-align: center;
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
}

.internal-banner.plain .banner-content h1 {
    margin: 0 auto;
}

.banner-content .right-banner-content-2-1 {
    width: 40%;
    text-align: left;
    float: left;
    color: #00414a;
}

.banner-content .left-banner-content-2-1 {
    width: 68%;
    text-align: left;
    float: left;
    padding-right: 2%;
}

.banner-content .left-banner-content-1-2 {
    width: 28%;
    text-align: left;
    float: left;
    color: #00414a;
}

.banner-content .right-banner-content-1-2 {
    width: 62%;
    text-align: left;
    float: left;
    padding-left: 2%;
}

.banner-content .left-banner-content-2-1 h1,
.banner-content .right-banner-content-1-2 h1 {
    text-align: left;
}
.banner-content p,
.banner-content h1{
    text-align: center;
}

.banner-content .left-banner-content-2-1 p,
.banner-content .right-banner-content-1-2 p {
    text-align: left;
    color: #00414a;
    font-size: 20px;
}

.no-rate .banner-content p,
.no-rate .banner-content .left-banner-content-2-1 p,
.no-rate .banner-content .right-banner-content-1-2 p {

    margin-left: 0;
}

.internal-banner-campaign a {
    position: relative;
    z-index: 9999;
    text-align: center;
    display: block;
    margin: 20px auto;
    width: 300px;
    text-decoration: none;
    height: 60px;
    line-height: 60px;
    font-size: 21px;
    min-width: 108px;
    border: 0;
}

.solutions {
    width: 100%;
}

.internal-banner.summary.lime h1 {
    color: #00a0a6;
}

.share-links.campaign {
    display: inline-block;
    height: 85px;
    position: relative;
    margin: auto;
    float: right;
    padding: 23px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 9999;
    width: 144px;
}

/* Tabs
====================================== */

div.byondTabContent {
    width: 100%;
}

span.bigtext {
    display: inline-block;
    margin: 13px 0 0 0;
    font-size: 47px;
}

#page ul#byondTabMenu,
ul#byondTabMenu {
    list-style-type: none;
    margin: 0;
    height: 40px;
    border-bottom: 0;
    margin-bottom: 15px;
}

.summary #page ul#byondTabMenu {
    max-width: 800px;
    margin: 0 auto;
}

div#page ul#byondTabMenu li {
    font-family: "WorkSans-Bold", Arial, sans-serif;
    text-indent: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    margin: 0;
    height: 50px;
    background: #00414a;
    border-right: 1px solid #fff;
}

/*  8 Tabs  */

body.Section38 #page ul#byondTabMenu li {
    width: 12.5%;
}

/*  7 Tabs  */

body.Section37 #page ul#byondTabMenu li {
    width: 14.28%;
}

/*  6 Tabs  */

body.Section36 #page ul#byondTabMenu li {
    width: 16.65%;
}

/*  5 Tabs  */

body.Section33 #page ul#byondTabMenu li {
    width: 20%;
}

/*  4 Tabs  */

body.Section35 #page ul#byondTabMenu li {
    width: 25%;
}

/*  3 Tabs  */

body.Section32 #page ul#byondTabMenu li {
    width: 33.3%;
}

/*  3 Tabs  */

body.Section31 #page ul#byondTabMenu li {
    width: 50%;
}

div#page ul#byondTabMenu li:before {
    content: none;
}

ul#byondTabMenu li:hover,
ul#byondTabMenu li:active,
ul#byondTabMenu li.active,
#page ul#byondTabMenu li:hover,
#page ul#byondTabMenu li:active,
#page ul#byondTabMenu li.active {
    list-style-type: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 12px;
    height: 50px;
    border: 0;
    background: #00a0a6;
    border-right: 1px solid #fff
}

#page ul#byondTabMenu li:hover a,
#page ul#byondTabMenu li:active a,
#page ul#byondTabMenu li.active a,
ul#byondTabMenu li:hover a,
ul#byondTabMenu li:active a,
ul#byondTabMenu li.active a {
    padding: 7px 5px;
    font-weight: bold;
    line-height: 24px;
    color: #fff !important;
}

ul#byondTabMenu li a:link,
ul#byondTabMenu li a:visited,
#page ul#byondTabMenu li a:link,
#page ul#byondTabMenu li a:visited {
    background-image: none;
    padding: 0 15px;
    line-height: 45px;
    color: #fff;
    font-size: 1.5em;
    font-weight: normal;
    height: 100%;
    text-align: center;
}

#page ul#byondTabMenu li:before,
ul#byondTabMenu li:before {
    content: none;
}

/* ---------------------- Page header styling ---------------------- */

#sectionHeader img {
    position: absolute;
    left: -50%;
    right: -50%;
    margin: auto;
}

#sectionHeader .promotext.titleSansImage {
    left: 0;
    display: block;
    position: relative;
    padding: 0;
}

/* Calculators
============================================================================ */

.default_layout:before,
.responsive_layout:before,
.phones_layout:before,
.phones_to_tablets_layout:before,
.default_layout:after,
.responsive_layout:after,
.phones_layout:after,
.phones_to_tablets_layout:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.borrowing-power-calculator-app,
.stamp-duty-calculator-app,
.extra-repayments-calculator-app,
.lump-sum-calculator-app,
.budget-planner-calculator-app,
.income-tax-app,
.personal-loan-calculator-app,
.car-loan-calculator-app,
.savings-plan-calculator-app,
.split-loan-calculator-app,
.term-deposit-calculator-app,
.honeymoon-calculator-app {
    margin: 0 auto;
    max-width: 1000px !important;
}

.loan-calculator-app {
    max-width: 614px;
    margin: 0 auto;
}

.loan-comparison-calculator-app {
    margin: 0 auto;
}

.loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li.short-select-wrapper {
    width: auto !important;
}

.amount input.range .standard-input {
    margin: 0;
}

.responsive_layout .ui-accordion-header [class^="icon-"],
.responsive_layout .ui-accordion-header [class*="icon-"] {
    margin: 0;
}

.responsive_layout .gbst-loan-repayment {
    border: 1px solid #e2e2e2 !important;
}

.responsive_layout div.highcharts-container,
.responsive_layout div.highcharts-container svg {
    width: 100% !important;
    min-width: 0 !important;
}

.gbst-loan-repayment .title {
    height: 40px;
}

div#page .phones_layout tr,
div#page .phones_layout th,
div#page .phones_layout td,
div#page .responsive_layout tr,
div#page .responsive_layout th,
div#page .responsive_layout td,
div#page .phones_to_tablets_layout tr,
div#page .phones_to_tablets_layout th,
div#page .phones_to_tablets_layout td,
div#page .default_layout tr,
div#page .default_layout th,
div#page .default_layout td {
    float: none;
    margin: 0 !important;
}

td.state,
td.phone {
    vertical-align: middle !important;
}

.phones_layout,
.responsive_layout,
.phones_to_tablets_layout,
.default_layout {
    min-width: 0 !important;
}

ul.controls-wrapper li {
    vertical-align: top;
}

div#page .responsive_layout ul {
    margin: 0;
    padding: 0 10px;
}

div#page .phones_layout ul li,
div#page .responsive_layout ul li,
div#page .phones_to_tablets_layout ul li,
div#page .default_layout ul li {
    text-indent: 0 !important;
}

div#page .responsive_layout ul li,
div#page .portrait_tablets_layout ul li,
div#page .default_layout ul li {
    text-indent: 0;
    margin: 0;
    padding: 25px 10px 0 10px;
    font-size: 16px;
    line-height: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

ul.ui-widget li {
    margin: 0;
}

div#page .responsive_layout ul li:before,
div#page .portrait_tablets_layout ul li:before,
div#page .phones_to_tablets_layout ul li:before,
div#page .default_layout ul li:before {
    content: none;
}

div#page .responsive_layout h1,
div#page .portrait_tablets_layout h1,
div#page .phones_to_tablets_layout h1,
div#page .default_layout h1 {
    padding: 0;
    font: normal normal 20px/35px Arial, Tahoma, Arial, Helvetica, sans-serif;
    text-align: left;
}

.savings-plan-calculator-app .loan-inputs h2,
.responsive_layout .inputs-wrapper h2,
.default_layout .inputs-wrapper h2 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.borrowing-power-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li .borrowing-power-selectmenu-short,
div.borrowing-power-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li .borrowing-power-selectmenu {
    margin-top: 26px;
}

.income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
.car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
.term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
    padding: 0 !important;
}

.income-tax-app .gbst-loan-repayment .content .results-wrapper .outputs-wrapper .results-box.result li,
.stamp-duty-calculator-app .gbst-loan-repayment .content .results-wrapper ul li {
    padding: 0 !important;
}

.results-line .results-title {
    line-height: normal;
}

.savings-plan-calculator-app .gbst-loan-repayment .content .loan-main-view .outputs-wrapper .results-box.result .sep-result {
    margin: 0 !important;
}

.borrowing-power-calculator-app h2,
.loan-calculator-app h2,
.stamp-duty-calculator-app h2,
.extra-repayments-calculator-app h2,
.lump-sum-calculator-app h2,
.loan-comparison-calculator-app h2,
.budget-planner-calculator-app h2,
.income-tax-app h2,
.personal-loan-calculator-app h2,
.car-loan-calculator-app h2,
.savings-plan-calculator-app h2,
.split-loan-calculator-app h2,
.term-deposit-calculator-app h2 {
    padding: 0;
}

.borrowing-power-calculator-app .results-box span.label,
.stamp-duty-calculator-app .results-box span.label,
.extra-repayments-calculator-app .results-box span.label,
.lump-sum-calculator-app .results-box span.label,
.budget-planner-calculator-app .results-box span.label,
.income-tax-app .results-box span.label,
.personal-loan-calculator-app .results-box span.label,
.car-loan-calculator-app .results-box span.label,
.savings-plan-calculator-app .results-box span.label,
.split-loan-calculator-app .results-box span.label,
.term-deposit-calculator-app .results-box span.label,
.honeymoon-calculator-app .results-box span.label {
    display: inline;
    top: 0;
}


/*////////////////HOME LOANS CUSTOM PAGE//////////////*/

section.content.homeloan {
    max-width: 100%;
    background: #f6f6f6;
}

.homeloanpromos {
    max-width: 1200px;
    margin: 100px auto 0 auto;
}

.homeloanpromos .homeloan1,
.homeloanpromos .homeloan2,
.homeloanpromos .homeloan4,
.homeloanpromos .homeloan5 {
    margin-right: 3.5%;
    margin-bottom: 3.5%
}

.homeloanpromos .l-col.l-md-4 {
    width: 31%;
}

section.homeloan .btn,
    {
    color: #00a0a6;
}

section.homeloan .btn:hover {
    color: #fff;
    background: #00a0a6;
}

.homeloaninternal table td {
    background-color: #fff !important;
}

.homeloaninternal table {
    margin: 0 !important;
}

@media all and (max-width: 1250px) {
    .footerRight {
        max-width: 27%;
    }
    .footerLeft {
        max-width: 70%;
    }
    .logo-footer a:first-child img {
        padding: 0 0 10px 0;
        display: block;
    }
    .logo-footer {
        text-align: right;
    }
}

@media all and (max-width: 950px) {
    footer {
        text-align: center;
        padding: 20px;
    }
    .footerLeft {
        float: left;
        max-width: 100%;
        text-align: center;
    }
    .footerRight {
        float: inherit;
        max-width: 100%;
    }
    footer ul {
        padding: 0;
    }
    .logo-footer {
        text-align: center;
    }
    .logo-footer img,
    .logo-footer a:first-child img {
        display: block;
        margin: 10px auto;
        width: auto;
    }
    .internal-banner.summary .banner-content{
        width: 80%
    }
       .banner-content .solutions ul li {
        width: 45%;
        display: inline-block;
        margin: 10px;
    }
         .banner-content .solutions ul li a.btn{
        min-width: 200px;
        width:100%;
       
    }
}

/*
=========================================================================

                                
        CREDIT CARD KEY FACTS SHEET 


=========================================================================
*/

table.keyFactSheet {
    width: 100%;
}

table.keyFactSheet h2 {
    margin: 20px 0 5px !important;
    padding: 0 !important;
    text-align: left;
}

.pull {
    font-size: 14px;
    font-weight: bold;
    color: #135f91;
}

table.keyFactSheet td.header {
    background-color: #135f91;
}

table.keyFactSheet tr.highlight {
    color: #565656;
    font-size: 13px;
    font-weight: bold;
    background-color: #aacae0;
}

table.keyFactSheet tr.highlight td.firstColumn {
    background-color: #aacae0;
    color: #565656;
}

table.keyFactSheet tr.highlight.even td {
    background-color: #aacae0;
}

table.keyFactSheet tr.highlight.odd td {
    background-color: #fff;
}

table.keyFactSheet tr.highlight.odd td.firstColumn {
    background-color: #fff;
    color: #565656;
}

table.keyFactSheet .title {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

table.keyFactSheet td.header {
    border-radius: 10px 10px 0 0;
}

table.keyFactSheet p {
    padding: 5px;
}

table.keyFactSheet tr {
    border-bottom: solid 1px #eee;
}

table.keyFactSheet td {
    padding: 5px;
    border: none;
    width: 33.33%;
}

table.keyFactSheet tr.odd {
    background-color: #f3f3f3;
}

table.keyFactSheet td.columnOdd {
    font-weight: normal;
    font-size: 12px;
}

table.keyFactSheet td.columnEven {
    font-weight: normal;
    font-size: 12px;
}

tr.odd table.keyFactSheet td {
    padding: 5px;
    border: none;
}

table.keyFactSheet td.header {
    background-color: #00a0a6;
    border-right: solid 1px #fff;
    color: #fff;
    padding: 10px;
}

table.keyFactSheet td.firstColumn {
    background-color: #fff;
    color: #565656;
    font-size: 13px;
    font-weight: bold;
}

table.keyFactSheet tr.odd td.firstColumn {
    background-color: #f3f3f3;
    color: #565656;
    font-size: 13px;
    font-weight: bold;
}

div#accountSwitching {
    position: relative;
    float: left;
    width: 100%;
    width: 668px;
    height: auto !IMPORTANT;
}

/* =========================================== 

Forms and applications

=========================================== */

div#page .forms-applications {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#page .forms-applications h3 {
    margin: 0;
    padding: 20px 0;
    font-size: 25px;
    line-height: 30px;
}

div#page .forms-applications p {
    padding: 0;
}

div#page ul.forms-applications li:before {
    content: none;
}

div#page .forms-applications:before,
div#page .forms-applications:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

div#page .forms-applications>li {
    width: 25%;
    height: 376px;
    display: block;
    background-color: #f3f3f3;
    float: left;
    margin: 0;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    text-indent: 0;
    color: #00a0a6;
}

div#page .forms-applications>li a,
div#page .forms-applications>li h2,
div#page .forms-applications>li h2 a {
    color: inherit;
}

div#page .forms-applications>li:first-child {
    padding: 20px;
}

div#page .forms-applications>li:first-child>img {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    height: auto !important;
    width: 100% !important;
}

div#page .forms-applications>li:nth-child(2n+1) {
    background-color: #dfdfdf;
}

div#page .forms-applications>li:nth-child(4n) {
    background-color: #848484;
    color: #fff;
}

/* Max Break points
====================================== */

@media all and (max-width: 1650px) {
    .internal-banner img,
    .internal-banner-campaign img {
        height: 100%;
        width: auto;
        position: absolute;
        left: -15%;
        right: 0%;
        margin: auto;
    }
}

@media all and (max-width: 1500px) {
    .internal-banner img,
    .internal-banner-campaign img {
        height: 100%;
        width: auto;
        position: absolute;
        right: 0%;
        margin: auto;
    }
    .internal-banner .banner-content,
    .internal-banner.two-1 .banner-content,
    .internal-banner.one-2 .banner-content,
    .internal-banner.no-rate .banner-content,
    .internal-banner.no-rate.two-1 .banner-content,
    .internal-banner.no-rate.one-2 .banner-content {
        margin-left: 0;
        padding: 0 30px;
        z-index: 5;
    }
}

@media all and (max-width: 1400px) {
    /*.menu-container .online-services-wrapper {
        height: 90px;
    }
    
    .menu-container .mod-internet-banking {
        height: 59px;
    }
    
    .search-wrapper-container {
        width: 90px;
        height: 90px;
        text-align: center;
        line-height: 0;
        background: #b2d33e;
    }
    
    .menu-container .online-services-wrapper span {
        line-height: 90px;
        padding: 33px 0;
    }
    
    .menu-container .mod-internet-banking span {
        font-size: 1.25em;
        line-height: 28px;
        padding: 0;
    }
    
    .mToggle-search .icon-search {
        padding: 30px 0;
    }
    
    .menu-container .mod-internet-banking {
        line-height: 0;
        padding: 1em 1.2em;
    }
    
    .menu-wrapper {
        height: 90px;
    }
    
    .mod-logo-img {
        padding: 10px;
		max-width: 165px;
    }
    
    .menu-container {
        height: 90px;
    }*/
    .internal-banner img,
    .internal-banner-campaign img {
        height: 100%;
        width: auto;
        position: absolute;
        right: 0%;
        margin: auto;
    }
}

@media all and (max-width: 1370px) {
    .share-links {
        padding: 12px 10px 5px 44px;
    }
}

@media all and (max-width: 1300px) {
    .internal-banner.two-1 .banner-content,
    .internal-banner.one-2 .banner-content {
        padding: 0 95px 0 40px;
        margin-left: 0;
        max-width: 70%;
        width: 70%;
    }
    .banner-content .left-banner-content-1-2 {
        width: 40%;
        text-align: left;
        float: left;
        color: #fff;
    }
    .banner-content .right-banner-content-1-2 {
        width: 55%;
        text-align: left;
        float: left;
        padding-left: 2%;
        display: inline-block;
        position: relative;
        top: -20%;
    }
    #innerFooter {
        padding: 0 20px;
    }
}

@media all and (max-width: 1300px) {
    .mToggle-search .icon-search {
        font-size: 1.5em;
    }
    .mod-logo-img {
        max-height: 60px;
        max-width: 140px;
    }
    .search-wrapper-container {
        width: 71px;
        height: 71px;
    }
    .menu-wrapper {
        height: 71px;
    }
    .menu-container {
        height: 71px;
    }
    .mToggle-search .icon-search {
        padding: 23px 0;
    }
    .menu-container .mod-internet-banking span,
    .menu-container .online-services-wrapper span {
        line-height: 1.25em;
        font-size: 1em;
    }
    .menu-container .online-services-wrapper {
        line-height: 71px;
        height: 71px;
    }
    .menu-container .mod-internet-banking {
        padding: 21px 1.2em 20px 1.2em;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        height: 100%;
        width: auto;
        position: absolute;
        left: -45%;
        right: 0%;
        margin: auto;
    }
    .sub-promo .mod-sub.sub3 {
        min-height: 503px;
    }
}

@media all and (max-width: 1230px) {
    .internal-banner.two-1 .banner-content,
    .internal-banner.one-2 .banner-content {
        max-width: 80%;
        width: 80%;
    }
    .banner-content .left-banner-content-1-2 {
        width: 40%;
        text-align: left;
        float: left;
        color: #fff;
    }
    .banner-content .right-banner-content-1-2 {
        width: 55%;
        text-align: left;
        float: left;
        padding-left: 2%;
    }
    #pageWrapper {
        position: relative;
        overflow-y: hidden;
    }
    .TB_Wrapper .Slide div .txtCont span span {
        font-size: 50px;
        line-height: 55px;
    }
    .TB_Wrapper .Slide>div {
        overflow: visible;
    }
    [class^="icon-"] span,
    [class*=" icon-"] span {
        font-size: 14px;
        padding: 0 8px;
    }
    .quick-links-bar li a span {
        padding: 0;
    }
    .tables_wrapper.scroll {
        display: block;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
        border-right: 1px dashed;
        width: 100%;
        cursor: move;
        border-left: 1px solid #ebebeb;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    div#page .forms-applications>li {
        min-height: 340px;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        height: 100%;
        width: auto;
        position: absolute;
        left: -55%;
        right: 0%;
        margin: auto;
    }
    .sub-promo h3 {
        font-size: 1em;
        line-height: 2.5rem
    }
    .sub-promo .btn.tertiary {
        font-size: 1em;
    }
    #page ul.subnav {
        height: auto;
    }
    #page ul.subnav li,
    #page ul.subnav li:nth-of-type(5) {
        width: 50%;
        box-sizing: border-box;
        margin: 0 0 0 -2.4px;
    }
    #page ul.subnav li:nth-of-type(7) {
        width: 100%;
    }
    .testimonial-container .articlelist_intro .quoted,
    div.blog .quoted {
        width: 50%;
        margin-left: 40%;
    }
    .testimonial-container .js .articlelist li.articlelist_item {
        height: auto;
        min-height: 220px;
    }
}

@media all and (max-width: 1120px) {
    .sub-promo .mod-sub.news,
    .sub-promo .mod-sub.blog {
        height: 500px;
    }
    .home-news-blog-container {
        height: 440px;
    }
    .banner-content .left-banner-content-1-2 {
        width: 36%;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -65%;
    }
    .internal-banner:after {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: inline-block;
    }
    .internal-banner.lime:after {
        background: rgba(200, 219, 32, 0.6);
    }
    .internal-banner.teal:after {
        background: rgba(0, 160, 166, 0.6);
    }
    .menu-container .mod-internet-banking .icon-lock {
        margin-left: 0.2em;
    }
    .menu-container .mod-internet-banking {
        padding: 21px 0.8em 20px 0.8em;
    }
    .internal-banner .banner-content,
    .internal-banner.two-1 .banner-content,
    .internal-banner.one-2 .banner-content,
    .internal-banner.no-rate .banner-content,
    .internal-banner.no-rate.two-1 .banner-content,
    .internal-banner.no-rate.one-2 .banner-content {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        padding: 0 30px;
        z-index: 5;
    }
        .internal-banner.summary .banner-content{
              max-width: 80%;
        }
             .internal-banner.summary .banner-content .solutions .btn.highlight{
              min-width: 230px;
        }
    .mod-logo-img {
        max-height: 50px;
        max-width: 120px;
        padding: 10px 0;
    }
    .menu-container .mod-internet-banking span,
    .menu-container .online-services-wrapper span {
        font-size: 0.9em;
    }
}

@media all and (max-width: 1075px) {
    .sub-promo .mod-sub.sub3 {
        min-height: 500px;
    }
}

@media all and (max-width: 1075px) {
    .sub-promo-rate li span.input {
        font-size: 26px;
    }
    .sub-promo-rate li span.postfix {
        font-size: 12px;
        line-height: 10px;
        width: 16px;
    }
    .sub-promo .fine-print {
        font-size: 11px;
    }
    .sub-promo-rate li {
        width: 47%;
        padding: 0;
        vertical-align: top;
    }
    .sub-promo h3 {
        font-size: 22px;
    }
    .sub-promo .btn.tertiary {
        font-size: 1em;
    }
    .five-btns,
    .four-btns,
    .three-btns,
    .two-btns {
        margin: 0 20px;
    }
    .five-btns a.btn:nth-of-type(1),
    .five-btns a.btn:nth-of-type(2),
    .five-btns a.btn:nth-of-type(3) {
        width: 32.3%;
        margin-right: 1.5%;
    }
    .five-btns a.btn:nth-of-type(4),
    .five-btns a.btn:nth-of-type(5),
    .four-btns a.btn {
        width: 49.5%;
        margin-right: 1%;
    }
    .five-btns a.btn:nth-child(3),
    .five-btns a.btn:nth-child(5),
    .four-btns a.btn:last-child,
    .four-btns a.btn:nth-child(2) {
        margin-right: 0;
    }
}

.sub-promo-content {
    background: #00414a;
    padding: 20px;
    min-height: 200px;
}

.sub-promo-content.sub-promo-content.text-only {
    background: transparent;
}

@media screen and (max-width:1500px) {
    .sub-promo-content {
        padding: 20px;
        min-height: 220px;
    }
    .sub-promo-content.sub-promo-content.text-only {
        min-height: auto !important;
    }
}

@media all and (max-width: 1030px) {
    .sub-promo-rate li span.input {
        font-size: 26px;
    }
    .sub-promo-rate li span.postfix {
        font-size: 12px;
        line-height: 10px;
        width: 16px;
    }
    .sub-promo .fine-print {
        font-size: 11px;
    }
    .sub-promo-rate li {
        width: 47%;
        padding: 0;
        vertical-align: top;
    }
    .sub-promo h3 {
        font-size: 22px;
    }
    .sub-promo-content {
        padding: 20px;
        width: 100%;
        min-height: 330px;
    }
    .sub-promo-content.text-only {
        min-height: auto;
    }
    .breadcrumbs {
        max-width: calc(100% - 300px);
    }
    /*custom news
    ======*/
    /* .custom-news-container .mod-sub,
    .custom-news-container .mod-sub:nth-child(2) {
        width: 47.5%;
    }
    
    .custom-news-container .mod-sub:nth-child(2):after,
    .custom-news-container .mod-sub:nth-child(2):before {
        content: none;
    }
    
    .custom-news-container .mod-sub:last-child {
        display: none;
    }*/
    /*end*/
}

@media all and (max-width: 1023px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: inline-block;
    }
    div#page p.btn-list {
        text-align: center;
    }
    #pageWrapper {
        margin-top: 160px;
    }
    .btn.ib.mobile {
        display: none;
    }
    .main-menu-top li {
        font-size: 12px;
        padding: 0 25px 0 0;
    }
    .menutopMenu li {
        font-size: 1em;
    }
    .internal-banner-blog {
        height: 350px;
    }
    .internal-banner-campaign {
        height: 320px;
    }
    .TB_Wrapper .Slide div.noSelect {
        width: 75% !important;
    }
    h1,
    .internal-banner h1 span,
    .internal-banner-campaign h1 span,
    h1.componentheading,
    h1.page-header,
    div#page h1 {
        font-size: 40px;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -100%;
    }
    .subpromo-menu li {
        border-left: 0;
        border-right: 0;
        border-top: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
    }
    .subpromo-menu li:first-child {
        border-top: 0;
    }
    .subpromo-menu li:last-child {
        border-bottom: 0;
    }
    .subpromo-menu li,
    .subpromo-menu li:first-child,
    .subpromo-menu li:nth-child(2) {
        width: 100%;
        display: block;
    }
    .sub-promo h3 {
        line-height: 30px;
    }
    div#page .forms-applications>li {
        width: 33.33333%;
        min-height: 380px;
    }
    /* Tables */
    ul#byondTabMenu li a:link,
    ul#byondTabMenu li a:visited,
    #page ul#byondTabMenu li a:link,
    #page ul#byondTabMenu li a:visited {
        border-radius: 6px;
        font-size: 16px;
        padding: 0 5px;
    }
    body.Section38 #page ul#byondTabMenu li:last-child,
    body.Section37 #page ul#byondTabMenu li:last-child,
    body.Section36 #page ul#byondTabMenu li:last-child,
    body.Section33 #page ul#byondTabMenu li:last-child,
    body.Section35 #page ul#byondTabMenu li:last-child,
    body.Section32 #page ul#byondTabMenu li:last-child {
        margin-bottom: 15px;
    }
    table.two-col-layout-cta.stripeTable .customerDetailsThead,
    table.two-col-layout-cta.stripeTable {
        margin: 0;
    }
    table.two-col-layout-cta,
    table.two-col-layout-cta thead,
    table.two-col-layout-cta tbody,
    table.two-col-layout-cta th,
    table.two-col-layout-cta td,
    table.two-col-layout-cta tr,
    table.two-col-layout-cta td:last-child {
        display: block;
        width: 100%\9;
        /* IE9 hack */
        float: left\9;
        /* IE9 hack */
    }
    table.two-col-layout-cta td,
    table.two-col-layout-cta.stripeTable td,
    table.two-col-layout-cta td:last-child,
    table.two-col-layout-cta.stripeTable td:last-child,
    table.three-col-layout-cta td,
    table.three-col-layout-cta.stripeTable td,
    table.three-col-layout-cta td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child {
        padding: 0;
        position: relative;
        width: 100%;
    }
    table.two-col-layout-cta td,
    table.two-col-layout-cta.stripeTable td {
        margin: 0 0 40px 0 !important;
    }
    table.two-col-layout-cta td:last-child,
    table.two-col-layout-cta.stripeTable td:last-child,
    table.three-col-layout-cta td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child {
        margin: 0 !important;
    }
    table.two-col-layout-cta td:last-child .btn {
        display: inline-block;
        margin: 0 20px 20px auto;
    }
    .tables_wrapper table.scrollable-table {
        margin: 0;
        border-left: none;
    }
    table.scrollable-table tbody td,
    .scrollable-table tr th {
        padding: 10px 15px;
    }
    #search-form {
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
    }
    #search-form input {
        width: calc(100% - 60px);
    }
    .search-wrapper.active {
        height: 100px;
        padding-bottom: 0;
        padding: 0;
        box-sizing: border-box;
        background: #b2d33e;
    }
    .form-wrapper #search-form {
        margin-top: 20px;
    }
    .form-wrapper {
        width: 100%;
        height: 0;
    }
    .form-wrapper h2 {
        display: none;
    }
    .mToggle-search .icon-search {
        padding: 20px 0;
        font-size: 1.6em;
    }
    .online-services-dropdown {
        position: relative;
        top: 0;
    }
    .online-services-dropdown ul li,
    .online-services-dropdown ul li:first-child,
    .online-services-dropdown ul li:last-child {
        width: 100%;
        margin: 0;
        padding: 1em;
        display: block;
        border-radius: 0;
        border: 0;
        border-bottom: 2px solid #e1e1e1;
        min-height: 60px;
        color: #b2d33e;
        background: #ffffff;
    }
    .online-services-dropdown ul li:last-child a {
        color: #b2d33e;
        background: #ffffff;
    }
    .online-services-dropdown ul li:first-child,
    .online-services-dropdown ul li:first-child a {
        background: #b2d33e;
        color: #ffffff;
        float: none;
        Clear: both;
        padding: 1em;
        line-height: 1.2em;
    }
    .online-services-dropdown ul li:first-child:hover,
    .online-services-dropdown ul li:first-child a:hover {
        background: #00a0a6;
        color: #ffffff;
    }
    .online-services-dropdown ul li,
    .online-services-dropdown ul li:first-child,
    .online-services-dropdown ul li:last-child {
        padding: 0;
    }
    .online-services-dropdown ul li a,
    .online-services-dropdown ul li:first-child {
        height: 60px;
        width: 100%;
        min-height: 60px;
        border: 0;
        line-height: 1em;
        border-radius: 0;
    }
    .online-services-dropdown ul li span.no-icon {
        display: inline-block;
        padding: 1em;
    }
    .online-services-dropdown ul li i:before {
        margin-top: 0;
    }
    .online-services-dropdown ul li i {
        line-height: 1em;
        top: -45px;
        right: 10px;
    }
    .online-services-dropdown ul li:first-child i {
        color: #ffffff;
        top: -45px;
        right: 10px;
    }
    .online-services-dropdown ul li:last-child i {
        color: #b2d33e;
    }
    .online-services-dropdown ul li a:hover,
    .online-services-dropdown ul li a:active,
    .online-services-dropdown ul li a:focus,
    .online-services-dropdown ul li:last-child a:hover,
    .online-services-dropdown ul li:last-child a:active,
    .online-services-dropdown ul li:last-child a:focus {
        -webkit-transition: none;
        -webkit-transform: none;
        -ms-transition: none;
        -ms-transform: none;
        -moz-transition: none;
        -moz-transform: none;
        transition: none;
        transform: none;
        background-color: #ffffff;
        color: #00414a;
    }
    .online-services-dropdown ul li:nth-child(4) a:hover,
    .online-services-dropdown ul li:nth-child(4) a:active,
    .online-services-dropdown ul li:nth-child(4) a:focus {
        background: #ffffff;
        border: 0;
    }
    .online-services-dropdown ul li:hover {
        border-bottom: 2px solid #b2d33e;
    }
    .menu-container .mod-internet-banking {
        line-height: 1em;
    }
    .search-wrapper-container {
        display: inline-block;
    }
    .login-mobile {
        display: inline-block;
        background: #b2d33e;
        width: 5.5em;
        height: 5.45em;
    }
    .login-mobile:hover {
        background: #00a0a6;
    }
    .login-mobile .icon-lock {
        display: block;
        padding-top: 0.5em;
        font-size: 2.5em;
        position: relative;
        text-align: center;
        color: #00414a;
    }
    .login-mobile span {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        position: relative;
        left: 22px;
        color: #00414a;
    }
    .menu-container .mod-internet-banking {
        padding: 0;
    }
    .online-services-box.active {
        height: 370px;
    }
    .sub-promo .mod-sub.sub1,
    .sub-promo .mod-sub.sub2,
    .sub-promo .mod-sub.sub3,
    .sub-promo .mod-sub.sub4,
    .sub-promo .mod-sub.sub5 {
        width: 30%;
        margin: 1%;
        min-height: 490px;
        z-index: 1;
    }
    .mod-sub>p img.bg,
    .mod-sub>span.overlay img.bg {
        height: auto !important;
        min-width: 100%;
        max-width: 100%;
        max-height: inherit;
    }
    .sub-promo .mod-sub.sub1.news,
    .sub-promo .mod-sub.sub2.blog,
    .sub-promo .mod-sub.sub3.blog {
        margin: 7% 3% 1.5% 3%;
    }
    .sub-promo {
        width: 100%;
        margin: 0;
    }
    .sub-promo.news {
        margin: 0 auto 20px;
    }
    .sub-promo .mod-sub {
        border-bottom: 0;
    }
    .sub-promo-rate li span.input {
        font-size: 42px;
    }
    .sub-promo-rate li span.postfix {
        font-size: 20px;
        line-height: 14px;
        width: 26px;
    }
    .sub-promo .fine-print {
        font-size: 14px;
    }
    .sub-promo-rate li {
        width: 38%;
        padding: 0;
        vertical-align: top;
    }
    .sub-promo h3,
    .sub-promo span.h3 {
        font-size: 30px;
        line-height: 35px;
    }
    .sub-promo .btn.tertiary:hover {
        color: #ffffff;
        background: transparent;
    }
    .sub-promo .btn.tertiary:hover:before {
        content: none;
    }
}

@media all and (max-width: 960px) {
    .banner-content .right-banner-content-2-1 {
        width: 38%;
    }
    .banner-content .left-banner-content-2-1 {
        width: 60%;
        padding-right: 2%;
    }
    .custom-news-container .mod-sub {
        width: 100%;
    }
    .custom-news-container .owl-controls {
        top: 0;
    }
}

@media all and (max-width: 875px) {
    h2 {
        padding: 0 0 30px 0;
    }
    .main-menu-bottom input {
        width: 140px;
    }
    .btn.ib {
        width: 27px;
        padding: 0 14px;
    }
    .btn.ib:before {
        border-right: none;
        display: block;
        width: 31px;
        margin: 0 15px 0 0;
        padding: 7px 0 0 0;
        font-size: 24px;
        line-height: 28px;
    }
    .btn.ib:after {
        content: "Login";
        font-size: 12px;
        margin: 33px 0 0 0;
        position: absolute;
        display: block;
        font-family: "WorkSans-Regular", Arial, sans-serif;
        font-weight: normal;
    }
    .btn.ib span {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .testimonial-container .articlelist li {
        display: block;
        width: 100%;
        margin-right: 0;
    }
    .testimonial-container .articlelist_item .articleWrapper {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .testimonial-container .js .articlelist li.articlelist_item {
        width: 100%;
        max-width: 540px;
        margin: 0 auto;
    }
    .testimonial-container .articlelist_intro,
    .testimonial-container .articlelist_intro p {
        max-width: 540px;
        font-size: 1rem;
    }
    .testimonial-container .articlelist_intro .profile-pic img {
        max-width: 150px;
    }
    /* TABLE STYLES */
    table {
        margin: 0;
    }
    table.stripeTable.responsive,
    table.stripeTable.responsive thead,
    table.stripeTable.responsive tbody,
    table.stripeTable.responsive th,
    table.stripeTable.responsive td,
    table.stripeTable.responsive tr,
    table.three-col-layout-cta,
    table.three-col-layout-cta thead,
    table.three-col-layout-cta tbody,
    table.three-col-layout-cta th,
    table.three-col-layout-cta td,
    table.three-col-layout-cta tr,
    table.three-col-layout,
    table.three-col-layout thead,
    table.three-col-layout tbody,
    table.three-col-layout th,
    table.three-col-layout td,
    table.three-col-layout tr,
    table.four-col-layout,
    table.four-col-layout thead,
    table.four-col-layout tbody,
    table.four-col-layout th,
    table.four-col-layout td,
    table.four-col-layout tr,
    table.three-col-split,
    table.three-col-split thead,
    table.three-col-split tbody,
    table.three-col-split th,
    table.three-col-split td,
    table.three-col-split tr,
    table.two-col-split,
    table.two-col-split thead,
    table.two-col-split tbody,
    table.two-col-split th,
    table.two-col-split td,
    table.two-col-split tr {
        display: block;
        width: 100% !important;
        float: left;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    table.stripeTable.responsive td,
    table.three-col-layout-cta td,
    table.three-col-layout-cta.stripeTable td,
    table.three-col-layout-cta td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child,
    table.three-col-layout td,
    table.three-col-layout.stripeTable td,
    table.three-col-layout td:last-child,
    table.three-col-layout.stripeTable td:last-child,
    table.four-col-layout td,
    table.four-col-layout.stripeTable td,
    table.four-col-layout td:last-child,
    table.four-col-layout.stripeTable td:last-child,
    table.four-col-layout td:first-child,
    table.four-col-layout.stripeTable td:first-child {
        padding: 0;
        position: relative;
        width: 100% !important;
        margin: 0 0 40px 0 !important;
    }
    table.three-col-split td,
    table.three-col-split.stripeTable td,
    table.three-col-split td:last-child,
    table.three-col-split.stripeTable td:last-child,
    table.three-col-split td:first-child,
    table.three-col-split.stripeTable td:first-child {
        padding: 0;
        position: relative;
        width: 100% !important;
    }
    div#page table td:last-child,
    div#page table.expandTb tr,
    div#page table.expandTb tr td {
        margin: 0 !important;
        width: 100%;
    }
    div#page table.scrollable-table td:last-child {
        width: auto;
    }
    /* Rates, benefits and features */
    table.benefits-features,
    table.benefits-features tbody,
    table.benefits-features th,
    table.benefits-features td {
        width: 100% !important;
        display: block;
        width: 100%\9;
        float: left;
    }
    table.benefits-features.stripe tr td {
        background-color: #f5fafe;
    }
    table.benefits-features.stripe td:last-child {
        background-color: #eff8ff !important;
    }
    table.three-col-split .Rate-interest,
    table.three-col-split .Rate-comparison {
        display: inline-block;
    }
    table.three-col-split .Rate-interest {
        margin: 0 20px 10px 0;
    }
    table.three-col-split td,
    table.three-col-split td:first-child,
    table.three-col-split td:last-child {
        padding: 20px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    table.three-col-layout td,
    table.three-col-layout.stripeTable td,
    table.four-col-layout td,
    table.four-col-layout.stripeTable td {
        padding: 0;
    }
    .expandTb_content table.stripeTable.responsive {
        margin: 20px 0 0 0;
    }
    table.stripeTable.responsive tr th {
        display: none;
        padding: 0;
    }
    div#page table td:last-child {
        margin: 0 !important;
    }
    table.two-col-split.one-two td:first-child {
        padding: 20px;
    }
    div#page .forms-applications>li {
        width: 50%;
        min-height: 340px;
    }
    /*tablet portrait padding*/
    div#page ul,
    div.blog ul,
    div#page ol {
        margin-bottom: 30px;
    }
    .three-col-split td:last-child,
    table.two-col-split td:last-child {
        padding: 0 20px 10px;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -140%;
    }
}

@media all and (max-width: 765px) {
    #pageWrapper {
        width: 100% !important;
        padding-right: 0 !important;
    }
    #toTop {
        bottom: 18%;
        right: 20px;
        color: #b2d33e;
        border: 2px solid #b2d33e;
        display: none !important
    }
    #toTop:before {
        color: #b2d33e;
    }
    .nav-background {
        position: absolute;
        height: 2px;
        display: block;
        background-color: #eee;
        width: 100%;
        top: 0;
        z-index: -1;
    }
    .sub-promo .mod-sub.news,
    .sub-promo .mod-sub.blog {
        height: 440px;
    }
    .home-news-blog-container {
        height: 380px;
    }
    .home-news-blog-container {
        float: none;
        width: 100%;
    }
    .home-news-blog-container img {
        max-height: 300px;
    }
    .home-news-blog-container .jcarousel-prev,
    .home-news-blog-container .jcarousel-next {
        width: 3em;
        height: 1.5em;
        font-size: 28px;
    }
    .home-news-blog-container .jcarousel-prev:before {
        content: '\e905';
        font-size: 30px;
        margin-top: 5px;
        display: block;
    }
    .home-news-blog-container .jcarousel-prev {
        right: 0;
    }
    .home-news-blog-container .jcarousel-next {
        right: 3em;
    }
    .home-news-blog-container .jcarousel-next:before {
        content: '\e902';
        font-size: 30px;
        margin-top: 5px;
        display: block;
    }
    .sidebarPromo {
        width: 100%;
        margin: 50px 0 50px 0;
    }
    .right-hand-nav {
        margin: 50px 0 50px;
    }
    .internal-banner-blog {
        height: 150px;
    }
    .internal-banner-blog.ceo {
        height: 325px;
    }
    .item {
        width: 49%;
    }
    .TB_Wrapper .Slide div.noSelect {
        width: 90% !important;
        left: 0 !important;
        margin: auto;
    }
    #fancybox-content {
        width: 100% !important;
    }
    #fsOnScreen {
        width: 97%;
    }
    .mobile {
        height: 56%;
        width: auto;
    }
    .menu-container .mod-internet-banking,
    .mod-top-menu .mod-search-button {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
        border-radius: 0;
        padding: 0;
        margin-left: 0;
    }
    .menu-container .mod-internet-banking:hover {
        margin-bottom: 0;
        box-shadow: none;
    }
    .mod-mobile-menu,
    .mod-top-menu>a:not(.mod-button) {
        margin-left: 0;
        display: block !important;
        float: left;
        margin: 0 !important;
        line-height: normal;
        height: 75px;
        width: 75px;
        position: relative;
        text-align: center;
    }
    .mod-mobile-menu:before,
    .mod-top-menu>a:not(.mod-button):before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        height: 100%;
        margin-left: -0.35em;
    }
    .mod-mobile-menu:before {
        margin-left: -0.5em;
    }
    .mod-mobile-menu:after {
        width: 100%;
        background: grey;
        content: '';
    }
    .mod-mobile-menu i,
    .mod-top-menu>a:not(.mod-button) i,
    .mod-mobile-menu span,
    .mod-top-menu>a:not(.mod-button) span {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        line-height: 1;
    }
    .mod-mobile-menu i:before,
    .mod-top-menu>a:not(.mod-button) i:before {
        display: inline !important;
        line-height: normal !important;
    }
    .mod-mobile-menu i,
    .mod-top-menu>a:not(.mod-button) i {
        font-size: 1.25em;
    }
    .mod-mobile-menu span,
    .mod-top-menu>a:not(.mod-button) span {
        position: absolute;
        bottom: 0.5em;
        width: 100%;
        left: 0;
        /*  DISABLED UNTIL ASKED TO ENABLE  */
        display: none;
    }
    .mod-mobile-menu {
        background-color: #fff;
        border-left: 1px solid #eee;
    }
    .mod-mobile-menu i {
        color: #303030;
        font-size: 2em;
    }
    .mod-top-menu .mod-search-button {
        background-color: #fff;
    }
    .mod-search-button i {
        color: #303030;
        font-size: 2em;
    }
    .menu-top-wrapper .mod-logo {
        text-align: left;
        margin-left: 20px;
    }
    .menu-top-wrapper .mod-logo-img {
        max-height: 32px;
    }
    .logo {
        margin: 15px 0 15px 0;
    }
    .campaign .mobile {
        margin: 10px 0;
    }
    .mod-top-menu .pages-menu li {
        width: 25%;
        box-sizing: border-box;
        text-align: center;
    }
    .login-mobile {
        width: 60px;
        height: 60px;
        background: #b2d33e;
        display: inline-block;
    }
    .login-mobile .icon-lock {
        display: block;
        padding: 0.5em;
        font-size: 2em;
        text-align: center;
        color: #00414a;
        top: 0;
        right: 0;
    }
    .login-mobile span {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        position: relative;
        top: -18px;
        left: 16px;
        color: #00414a;
    }
    .search-wrapper-container {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .nav-right-wrapper {
        width: 120px;
    }
    .mod-logo-img {
        max-height: 47px;
        padding: 5px;
    }
    .TB_Wrapper .Slide div .txtCont {
        margin: 0;
        text-align: center;
    }
    .TB_Wrapper .navHolder {
        display: block;
        bottom: 44px !important;
    }
    .anchor {
        margin: 0;
    }
    .TB_Wrapper .btn.primary {
        min-width: 108px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: 20px auto;
    }
    .TB_Wrapper .Slide {
        top: 0 !important;
    }
    .TB_Wrapper .Slide>div {
        top: 53% !important;
    }
    section.content.campaign div#page p.buttonheading {
        margin: 0;
        bottom: -171px;
    }
    .main-menu-top li:first-child,
    .main-menu-top li:nth-child(2),
    .main-menu-top li:nth-child(3) {
        display: none;
    }
    #pageWrapper {
        width: 100%;
    }
    .nav-wrapper,
    div#myLogin,
    #adminNav {
        position: absolute;
    }
    .nav-wrapper.campaign {
        height: 90px;
    }
    .menu-wrapper {
        background: none;
        height: 60px;
    }
    .menu-container {
        height: 60px;
        background: #ffffff;
    }
    .menu-top-wrapper {
        padding: 0;
    }
    .mod-top-right {
        display: none;
    }
    .campaign .menu-top-wrapper {
        text-align: left;
    }
    .main-nav {
        background-color: #fff;
        border-bottom: 1px solid #ebebeb;
        box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
    }
    .menutopMenu,
    .mod-top-menu .list {
        display: none !important;
    }
    .mod-top-menu {
        width: 100%;
    }
    .mod-top-menu:before {
        display: none !important;
    }
    .btn.ib.mobile {
        display: block;
        position: absolute;
        top: 7px;
        right: 15px;
        height: 55px;
    }
    .main-wrapper.Banner section.content,
    section.content,
    section.content.campaign {
        margin-top: 0;
        padding: 0 20px 80px 20px;
    }
    .breadcrumbs {
        padding: 20px 0 0 0;
        max-width: none;
        display: inline-block;
    }
    #st-1 .st-btn>svg {
        height: 15px !important;
        width: 15px !important;
        top: 10px !important;
    }
    .main-menu-top li {
        line-height: 65px;
        padding: 0 15px 0 0;
    }
    .main-menu-top li:nth-child(3) {
        margin-right: 45px;
    }
    .internal-banner .banner-content,
    .internal-banner.two-1 .banner-content,
    .internal-banner.one-2 .banner-content {
        padding: 0 20px!important;
        top: 50%;
        margin-left: 0;
    }

    .banner-content .left-banner-content-1-2 {
        text-align: center;
    }
    .banner-content .right-banner-content-2-1 {
        width: 48%;
    }
    .banner-content .left-banner-content-2-1 {
        width: 50%;
    }
    .botHeader {
        width: 100%;
    }
    .botHeader .menu-container:not(.active) {
        height: 0 !important;
    }
    .form-wrapper {
        height: 200px;
        width: 100%;
        background: #b2d33e;
        position: relative;
    }
    #ps_results {
        width: 100%;
        max-height: none;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 0;
        padding: 20px;
        overflow: auto;
    }
    .search-wrapper {
        top: 0;
    }
    #search-form {
        float: none;
        margin: 0;
        border-radius: 0;
        background-color: #eee;
    }
    #search-form input {
        color: #303030;
        width: calc(100% - 75px);
        border-radius: 0;
        box-shadow: none;
        background-color: #ffffff;
        height: 75px;
    }
    table.contentpaneopen {
        width: 100%;
        position: relative;
        display: block;
    }
    table.contentpaneopen fieldset {
        padding: 4%;
        width: 92%;
    }
    table.contentpaneopen fieldset div {
        word-wrap: break-word;
        /* These are technically the same, but use both */
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;
        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    #ps_icon_background {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow: none;
        background: #ffffff;
        border-radius: 0;
    }
    #ps_icon:before {
        display: inline;
    }
    #ps_icon.close:before {
        line-height: 23px;
        right: 38px;
    }
    #ps_icon.searching {
        background: url(/templates/client/images/menu/ring-alt.svg);
        height: 26px;
        background-size: 30px;
        margin: auto;
    }
    #search-menu {
        display: block;
        position: absolute;
        right: 86px;
        width: 60px;
        top: 10px;
        height: 55px;
        margin: 0;
        text-align: center;
    }
    #search-menu:after {
        content: "Search";
        font-size: 12px;
    }
    .icon-Search-Icon:before {
        height: 35px;
        font-weight: bold;
    }
    .internal-banner-campaign {
        margin: 0;
    }
    h1,
    .internal-banner h1 span,
    h1.componentheading,
    h1.page-header,
    div#page h1 {
        font-size: 30px;
    }
    .campaign h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
    .car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
    .term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
        height: 36px !important;
    }
    .news h3 {
        float: none;
        margin: 10px 0;
    }
    #moreNewsreadAll {
        float: none;
    }
    #moreNewsreadAll a {
        margin: 0 auto;
    }
    .articlelist li.articlelist_item {
        text-align: center;
    }
    .testimonial-container .articlelist_item .thumbImage {
        float: none;
        height: auto;
        display: block;
        margin: 0 auto;
        width: auto;
    }
    .main-wrapper.Banner section.content {
        padding: 20px 20px 20px 20px;
    }
    .testimonial-container {
        position: relative;
    }
    .testimonial-container .js {
        position: relative;
    }
    .testimonial-container .js .articlelist li.articlelist_item,
    .testimonial-container .articlelist_intro,
    .testimonial-container .articlelist_intro p {
        max-width: 640px;
    }
    .share-links {
        margin-right: 0;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -143%;
    }
    /*custom news
        ======*/
    .custom-news-container .mod-sub {
        width: 100%;
        min-height: 270px;
    }
    .custom-news-container .mod-sub:nth-child(2) {
        display: none;
    }
    .custom-news-container .sub-promo-content {
        text-align: center;
    }
    .custom-news-container .sub-promo-content.has-image {
        text-align: left;
        top: 5%;
    }
    .custom-news-container .btn.tertiary,
    .custom-news-container .btn.primary,
    .custom-news-container .btn.secondary {
        position: relative;
        bottom: auto;
    }
    .custom-news-container .has-image .btn.tertiary,
    .custom-news-container .has-image .btn.primary,
    .custom-news-container .has-image .btn.secondary {
        position: absolute;
        bottom: 35px;
    }
    .custom-news-container {
        padding: 20px 0;
        min-height: 250px;
    }
    /*end*/
    .icon-phone-Icon:before {
        margin: 11px 0 0 -30px;
    }
    footer p {
        margin: 1em 0 2em 0;
    }
    .mToggle-search .icon-search {
        padding: 15px 0;
    }
    /*special content buttons full page*/
    .four-btns a.btn {
        width: 49%;
    }
    .four-btns a.btn:nth-child(2n+0) {
        margin-right: 0;
    }
    .banner-content .solutions ul li {
        width: 100%;
        display: block;
        margin: 0 5px;
    }
    .banner-content .solutions {
        text-align: center;
    }
    .banner-content .solutions ul li {
        margin-bottom: 10px;
    }
    .banner-content .solutions ul li:nth-child(odd) {
        margin-right: 10px;
    }
    .banner-content .solutions ul li .btn {}
    .solutions .btn {
        min-width: 100%;
        margin: 0;
        padding: 10px 20px;
        font-size: 1em;
    }
}

@media all and (max-width: 640px) {
    .share-links {
        padding: 15px 10px 0 0;
        position: relative;
        width: 100%;
        right: 0;
        text-align: left;
        height: 40px;
    }
    #st-1.sharethis-inline-share-buttons.st-inline-share-buttons.st-right.st-animated {
        text-align: center;
    }
    table.keyFactSheet,
    table.keyFactSheet tr,
    table.keyFactSheet th,
    table.keyFactSheet td {
        display: block;
        float: left;
        width: 100%\9;
        /* IE9 hack */
        float: left\9;
        /* IE9 hack */
        width: 100% !important;
    }
    table.keyFactSheet td.header {
        width: 100%;
        border-radius: 0;
    }
    .menu-top-wrapper {
        padding: 0;
        height: 30px;
    }
    .menu-wrapper .mod-logo-img {
        max-height: 48px;
        max-width: 110px;
        padding: 5px;
    }
    .mod-mobile-menu,
    .menu-wrapper>a:not(.mod-button) {
        width: 60px;
        height: 60px;
    }
    .campaign .menu-wrapper {
        height: 75px;
        padding: 5px 20px;
    }
    .nav-wrapper {
        background-color: #fff;
    }
    .nav-wrapper.campaign {
        height: 75px;
    }
    .btn.ib.mobile {
        top: 0;
        right: 0;
        height: 60px;
    }
    #searchForm td {
        display: block;
        width: 100%;
    }
    #searchForm td input {
        max-width: 216px;
    }
    #search-form button,
    input#searchsubmit {
        -webkit-appearance: none;
    }
    #search-menu {
        right: 60px;
        top: 0;
        height: 60px;
    }
    #ps_icon.searching {
        right: 22px;
        position: absolute;
    }
    #ps_icon_background {
        width: 60px;
        line-height: 60px;
    }
    #search-form input {
        height: 60px;
    }
    #ps_icon.close:before {
        right: 20px;
    }
    #ps_icon:before {
        right: 17px;
    }
    .btn.ib {
        height: 60px;
        margin: 0;
        border-radius: 0;
        padding: 0 17px;
    }
    .btn.ib:hover {
        border: none;
        box-shadow: none;
        margin: 0;
    }
    .btn.ib:before {
        line-height: 44px;
        margin: 0;
        padding: 0;
    }
    /* rotator */
    section.main-banner {
        margin-top: 0;
    }
    .TB_Wrapper .Slide .noSelect {
        padding: 0;
    }
    .news h2:before {
        content: none;
    }
    .sub-promo-content img {
        max-width: 225px;
        width: auto;
    }
    .sub-promo h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .sub-promo p {
        line-height: 22px;
    }
    .testimonial-container .js {
        top: -60px;
    }
    .js {
        height: 240px;
        min-height: 240px;
        max-height: 330px;
    }
    .jsnews {
        position: relative;
    }
    .testimonial-container h2 {
        z-index: 1;
        color: #ffffff;
    }
    .testimonial-container .articlelist_intro {
        display: block;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        position: relative;
        height: 380px;
        margin-top: -50px;
        overflow: hidden;
        color: #ffffff;
    }
    .testimonial-container .articlelist_intro p,
    .testimonial-container .articlelist_intro .profile-pic,
    .testimonial-container .articlelist_intro .quoted {
        display: block;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        position: relative;
        overflow: hidden;
        color: #ffffff;
    }
    .testimonial-container .articlelist_item .thumbImage {
        max-width: 100%;
        margin: 0 auto;
        float: none;
    }
    .testimonial-container .articlelist_item .thumbImage img {
        max-width: 100%;
        height: auto !important;
        display: block;
    }
    .testimonial-container .articlelist_item .articleWrapper {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .testimonial-container .articlelist_intro .profile-pic {
        width: 100%;
        display: block;
        text-align: center;
        margin-right: 0;
        position: absolute;
        height: 350px;
    }
    .testimonial-container .articlelist_intro .profile-pic img {
        max-width: none;
        border: 0;
        border-radius: 0;
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0;
        max-width: 100% !important;
        min-height: 100% !important;
        min-width: 100%;
        max-height: inherit;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .testimonial-container .articlelist_intro .profile-pic:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 240px;
        display: block;
        background:rgba(1, 91, 102, 0.7);
        z-index: 1;
        content: '';
    }
    .testimonial-container .js .articlelist li.articlelist_item {
        padding: 0;
        width: 100%;
    }
    .testimonial-container {
        overflow: hidden;
        max-height: 330px;
    }
    .testimonial-container .articlelist_intro .quoted {
        width: 100%;
        float: none;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
        font-size: 0.9em;
        box-sizing: border-box;
        padding: 0 20px;
        margin-left: auto;
    }
    .owl-controls {
        top: -120px;
    }
    #moreNewstestimonial {
        top: -55px;
    }
    .testimonial-container .articlelist_intro .who {
        z-index: 1;
        font-size: 1em;
    }
    .footer-links li {
        display: inline-block;
        float: none;
        width: auto;
        height: 50px;
        line-height: 50px;
        margin: -1px 0 0 0;
        text-align: center;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }
    .footer-links li:last-child {
        margin-bottom: 25px;
    }
    .footer-links li a {
        display: inline-block;
        height: 100%;
    }
    .footer-links li a:hover {
        padding: 0;
        color: #00a0a6;
        border-bottom: none;
    }
    /* Campaign banner */
    .banner-content h1 {
        line-height: 25px;
        margin: 0 auto 20px auto;
    }
    .internal-banner-campaign a {
        width: auto;
    }
    .campaign .mobile {
        margin: 20px auto;
    }
    /* Tables */
    table.tablesorter2 td:last-child.customerDetails {
        font-weight: bold;
    }
    table.two-col-layout.stripeTable .customerDetailsThead,
    table.two-col-layout.stripeTable {
        margin: 0;
    }
    table.two-col-layout,
    table.two-col-layout thead,
    table.two-col-layout tbody,
    table.two-col-layout th,
    table.two-col-layout td,
    table.two-col-layout tr {
        display: block;
        width: 100%\9;
        float: left;
    }
    /* fixes broken prod manager tables on mobile*/
    table .two-col-layout .tablesorter2.stripeTable,
    table.two-col-layout .tablesorter2.stripeTable thead,
    table.two-col-layout .tablesorter2.stripeTable tbody,
    table.two-col-layout .tablesorter2.stripeTable th,
    table.two-col-layout .tablesorter2.stripeTable td,
    table.two-col-layout .tablesorter2.stripeTable tr {
        display: auto !important;
        width: auto !important\9;
        float: none !important;
        float: none !important\9;
    }
    table.two-col-layout td,
    table.two-col-layout.stripeTable td,
    table.two-col-layout td:last-child,
    table.two-col-layout.stripeTable td:last-child {
        padding: 0;
        position: relative;
        width: 100%;
        margin: 0 0 40px 0 !important;
    }
    table.two-col-layout.no-gap td {
        margin: 0 0 0 0 !important;
    }
    [ class^="prod_"]:before,
    [class*=" prod_"]:before {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }
    table.tablesorter2.stripeTable .customerDetailsThead.header:last-child,
    table.tablesorter2.stripeTable td,
    table.tablesorter2.stripeTable .customerDetailsThead.header,
    table.two-col-layout .tablesorter2.stripeTable,
    table.two-col-layout .tablesorter2.stripeTable thead,
    table.two-col-layout .tablesorter2.stripeTable tbody,
    table.two-col-layout .tablesorter2.stripeTable th,
    table.two-col-layout .tablesorter2.stripeTable td,
    table.two-col-layout .tablesorter2.stripeTable th:last-child,
    table.two-col-layout .tablesorter2.stripeTable td:last-child {
        margin: 0 !important;
        padding: 0;
    }
    table.two-col-layout .tablesorter2.stripeTable th:last-child,
    table.two-col-layout .tablesorter2.stripeTable th {
        padding: 10px 20px;
    }
    table .tablesorter2.stripeTable td,
    table.two-col-layout .tablesorter2.stripeTable td,
    table.two-col-layout .tablesorter2.stripeTable td:last-child {
        padding: 5px 20px;
    }
    table.two-col-layout-cta td:last-child .btn {
        display: block;
        margin: 0 auto 20px auto;
    }
    /* Ready to apply tables (Scrollable table within expand tables) */
    div#page table.expandTb table.scrollable-table.two-col-layout tr {
        margin: 0 !important;
        padding: 20px 0;
    }
    div#page table.expandTb table.scrollable-table.two-col-layout tbody td {
        border: none;
        padding: 0 15px;
        margin: 0 !important;
    }
    .expandTb_header td {
        font-size: 18px;
    }
    /*.LPMcontainer,
    .lpchat-container {
        display: none !important;
    }*/
    section.content.campaign div#page .rates-table td p,
    div#page .rates-table td p {
        padding: 0 5px;
    }
    /* Calculators */
    div#page .responsive_layout h1 {
        font-size: 13px;
        font-weight: bold;
        line-height: normal;
        max-width: 145px;
    }
    div#page .responsive_layout ul li.slider-wrapper {
        margin: 15px 0 0 8px;
    }
    #page ul#byondTabMenu li,
    body.Section38 #page ul#byondTabMenu li,
    body.Section37 #page ul#byondTabMenu li,
    body.Section36 #page ul#byondTabMenu li,
    body.Section33 #page ul#byondTabMenu li,
    body.Section35 #page ul#byondTabMenu li,
    body.Section32 #page ul#byondTabMenu li,
    body.Section31 #page ul#byondTabMenu li {
        width: 100%;
        border-top: 2px solid #00a0a6;
    }
    ul#byondTabMenu li:hover,
    ul#byondTabMenu li:active,
    ul#byondTabMenu li.active,
    #page ul#byondTabMenu li:hover,
    #page ul#byondTabMenu li:active,
    #page ul#byondTabMenu li.active {
        border-bottom: 1px solid #00a0a6 !important;
        border-left: 1px solid #00a0a6 !important;
        border-right: 1px solid #00a0a6 !important;
    }
    #page ul#byondTabMenu,
    ul#byondTabMenu {
        height: 100px;
    }
    table.three-col-split,
    table.two-col-split {
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
    }
    body.Section38 #page ul#byondTabMenu li:last-child,
    body.Section37 #page ul#byondTabMenu li:last-child,
    body.Section36 #page ul#byondTabMenu li:last-child,
    body.Section33 #page ul#byondTabMenu li:last-child,
    body.Section35 #page ul#byondTabMenu li:last-child,
    body.Section32 #page ul#byondTabMenu li:last-child {
        margin-bottom: 40px;
    }
    /*locaitor*/
    #search_fields {
        width: 100% !important;
    }
    #search_input {
        width: 100% !important;
    }
    #searchText {
        width: 90% !important;
    }
    #locMap img {
        max-width: 270px !important;
    }
    .category-active {
        background-image: url('/templates/ByondCoreCommon/mimages/maps/tick.png');
        background-image: url('/templates/ByondCoreCommon/mimages/maps/tick.png'), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #00a0a6), color-stop(0.7, #00a0a6), color-stop(1, #00a0a6));
        background-repeat: no-repeat;
        background-position: right center;
        background: url('/templates/ByondCoreCommon/mimages/maps/tick.png') no-repeat right center, -moz-linear-gradient(top, #00a0a6 0%, #00a0a6 70%, #00a0a6 100%);
        border: 0;
        border-radius: 4px;
    }
    .category-inactive {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-color: #00a0a6;
        color: #00a0a6;
        border: 2px solid #00a0a6;
        border-radius: 4px;
    }
    .panel .searchMethod {
        width: 46%;
    }
    .action_btn {
        color: #FFFFFF;
        cursor: pointer;
        display: inline;
        float: left;
        font-weight: 700;
        margin: 4px 5px 8px;
        min-width: 96%;
        padding: 5px 0;
        text-align: center;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #00a0a6), color-stop(0.7, #00a0a6), color-stop(1, #00a0a6));
        background: -moz-linear-gradient(top, #00a0aa 60%, #00a0a6 70%, #00a0a6 100%);
        background-color: #00a0a6;
        border-radius: 4px;
    }
    .mobileLocaitor .searchText.textShadow {
        text-shadow: none;
    }
    .panel .filterTitle {
        font-size: 26px;
        color: #00a0a6;
        text-shadow: none;
    }
    .searchInput input#searchArea {
        -webkit-border-radius: 4px;
        -mos-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        padding-left: 10px;
        border: 1px solid #333;
        width: 96%;
    }
    .searchInput input#searchArea:focus {
        -webkit-border-radius: 4px;
        -mos-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid #00a0a6;
    }
    #moreNewsreadAll a,
    #moreNewstestimonial a {
        padding: 10px;
    }
    #moreNewstestimonial a {
        background: transparent;
        color: #ffffff;
        border-color: #ffffff !important;
    }
    div#page ul.directors li,
    div#page ul.directors li:first-child {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    div#page ul.directors li ul li,
    div#page ul.directors li ul li:first-child {
        padding: 0 0 0 40px;
        width: calc(100% - 40px);
    }
    div#page ul.directors li img {
        height: auto !important;
        max-width: 180px !important;
        width: auto !important;
        margin-bottom: 10px;
    }
    div#page ul.directors h2 {
        padding: 10px 0;
    }
    body.Section35 #page ul#byondTabMenu li:first-child {
        border-radius: 6px 6px 0 0;
    }
    body.Section35 #page ul#byondTabMenu li:last-child {
        border-radius: 0 0 6px 6px;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -180%;
    }
    .online-services-dropdown ul li a,
    .online-services-dropdown ul li:first-child a {
        font-size: 1em;
        line-height: 1.6em;
    }
    .online-services-dropdown ul li i {
        font-size: 1.5em;
    }
    .online-services-dropdown ul li i {
        line-height: 1em;
        top: -40px;
        right: 15px;
    }
    .online-services-dropdown ul li:first-child i {
        right: 15px;
    }
    .menu-container .mod-internet-banking {
        line-height: 1.6em;
        font-size: 1em;
    }
    .custom-news-container .sub-promo-content {
        top: 0;
    }
    h2 {
        padding: 0 0 10px 0;
        font-size: 1.6em;
        line-height: 2em;
    }
    #page h2 {
        text-align: left;
    }
    .sub-promo h2.module-title {
        padding: 0 20px 20px 20px;
        font-size: 2rem;
    }
    .internal-banner.summary img {
        display: none;
    }
    a.no-link {
        pointer-events: auto;
        cursor: pointer;
    }
    .search-wrapper-container {
        line-height: 0;
    }
    section.content div#page {
        margin: 20px auto;
    }
    #page ul.subnav li,
    #page ul.subnav li:nth-of-type(5) {
        width: 100%;
    }
    /*special content buttons full page*/
    .four-btns a.btn,
    .three-btns a.btn,
    .five-btns a.btn,
    .two-btns a.btn {
        width: 100% !important;
    }
    .summary .internal-banner h1 span {
        font-size: 23px;
        line-height: 25px;
    }
}

/* home loan boxes*/

.mask .btn {
    bottom: 20px;
}

#boxes .mask h2 {
    margin-top: 10%;
}

@media all and (max-width: 600px) {
    .extrarepaymentCalc iframe,
    .lumpsumCalc iframe {
        height: 1020px;
    }
    .popup_content h2 {
        font-size: 22px;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -200%;
    }
    /*.custom-news-container .mod-sub {
        min-height: 230px;
    }*/
}

@media all and (max-width: 540px) {
    .item {
        width: 99%;
    }
    #boxes .mask h2 {
        margin-top: 30%;
    }
    #infocastContainer .kfsemailform ul.tabMenu li {
        width: 100%;
        border-radius: 0;
        height: 100%;
        margin: 0;
        font-size: 12px;
    }
    #infocastContainer .kfsemailform ul.tabMenu li a#fsEmailedTab,
    #infocastContainer .kfsemailform ul.tabMenu li a#fsOnScreenTab,
    #infocastContainer .kfsemailform ul.tabMenu li a:hover {
        border-radius: 0;
        margin: 0 !important;
    }
    #infocastContainer .kfsemailform {
        height: 50px;
    }
    #infocastContainer #fsEmailed {
        border-radius: 0;
        width: 93%;
    }
    div#page .forms-applications>li {
        min-height: auto;
        float: none;
        width: 100%;
        min-height: 0;
        height: auto;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -225%;
    }
}

@media all and (max-width: 520px) {
    .extrarepaymentCalc iframe {
        height: 1320px;
    }
    .lumpsumCalc iframe {
        height: 1260px;
    }
    .menu-container .mod-internet-banking {
        padding-right: 0;
    }
    .internal-banner.two-1 {
        height: 800px;
    }
    .internal-banner.one-2 {
        height: 600px;
    }
    .banner-content .left-banner-content-1-2 .Rate-interest,
    .banner-content .left-banner-content-1-2 .Rate-comparison {
        display: inline-block;
    }
    .internal-banner.two-1 .banner-content,
    .internal-banner.one-2 .banner-content {
        top: 50%;
        bottom: auto;
    }
    .banner-content .right-banner-content-2-1,
    .banner-content .left-banner-content-2-1,
    .banner-content .left-banner-content-1-2,
    .banner-content .right-banner-content-1-2 {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .banner-content .left-banner-content-1-2,
    .banner-content .left-banner-content-2-1 {
        padding-bottom: 20px;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -280%;
    }
}

@media all and (max-width: 465px) {
    .extrarepaymentCalc iframe {
        height: 1400px;
    }
    .lumpsumCalc iframe {
        height: 1340px;
    }
    table.scrollable-table.contactUs td,
    table.scrollable-table.contactUs th {
        display: block;
        width: 100%;
        padding: 10px 15px;
    }
    table.scrollable-table.contactUs td:first-child {
        width: auto;
        font-weight: bold;
        font-size: 18px;
    }
    table.scrollable-table.contactUs td:last-child {
        text-align: left;
        font-size: 14px;
        line-height: 23px;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -325%;
    }
    .custom-news-container .mod-sub {
        min-height: 280px;
    }
}

@media all and (max-width: 420px) {
    #boxes .mask h2 {
        margin-top: 20%;
    }
    .logo {
        margin: 15px 0 15px 70px;
    }
    .btn,
    .two-col-layout-cta td:last-child .btn,
    #comments-container .comment-button {
        display: inline-block;
        max-width: none;
    }
    .three-col-split td:last-child .btn,
    table.two-col-split td:last-child .btn {
        width: 100%;
        max-width: none;
    }
    .desktop-ib {
        display: none;
    }
    .mobile-ib {
        display: inline-block;
    }
    .mobile {
        height: 60%;
    }
    .mod-logo-mobile {
        -moz-transform: translateX(-16.6667%);
        -ms-transform: translateX(-16.6667%);
        -o-transform: translateX(-16.6667%);
        -webkit-transform: translateX(-16.6667%);
        transform: translateX(-16.6667%);
    }
    .share-links.campaign {
        margin-right: 20px;
        display: none;
    }
    .campaign .mobile {
        margin: 20px 0 20px 20px;
        height: 40%;
    }
    .TB_Wrapper .Slide div {
        font-size: 20px;
        line-height: 25px;
    }
    .TB_Wrapper .Slide div .txtCont span span {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 0;
    }
    div#page ul li,
    div.blog ul li {
        text-indent: -35px;
    }
    div#page ul li:before,
    div.blog ul li:before {
        margin-right: 21px;
    }
    .total-surplus-amount sup {
        top: 8px !important;
    }
    .sub-promo-rate li span.input {
        font-size: 32px;
    }
    .sub-promo-rate li span.postfix {
        font-size: 15px;
        line-height: 11px;
        width: 18px;
    }
    .sub-promo-rate li {
        display: inline-block;
        width: 47%;
        padding: 0;
        box-sizing: border-box;
    }
    .rates .input {
        font-weight: bold;
    }
    .rates.comparison .input {
        font-weight: normal;
    }
    .wrapper .btn.primary {
        max-width: 70%;
        margin: 0 auto;
    }
    div#page ul li,
    div.blog ul li {
        text-indent: 0;
    }
}

@media all and (max-width: 415px) {
    .extrarepaymentCalc iframe {
        height: 1410px;
    }
    .lumpsumCalc iframe {
        height: 1350px;
    }
    .three-col-split td:last-child,
    table.two-col-split td:last-child,
    .three-col-split td:first-child,
    table.two-col-split td:first-child {
        padding: 12px;
    }
    .sub-promo .mod-sub.news,
    .sub-promo .mod-sub.blog {
        height: 470px;
    }
    .home-news-blog-container {
        height: 410px;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -335%;
    }
}

@media all and (max-width: 375px) {
    .home-news-blog-container .jcarousel-clip-vertical {
        height: 50px;
    }
    .articlelist_title a,
    .articlelist_title span {
        font-size: 17px;
        line-height: 22px;
    }
    .articlelist li.articlelist_item {
        margin: 9px 0;
    }
    .sub-promo .btn.product {
        font-size: 18px;
    }
    .sub-promo .secondary {
        font-size: 15px;
        padding: 0 10px;
    }
}

@media (max-width: 360px) {
    .internal-banner img,
    .internal-banner-campaign img {
        left: -430%;
    }
}

@media all and (max-width: 340px) {
    .logo {
        margin: 15px 0 15px 55px;
    }
    .internal-banner img,
    .internal-banner-campaign img {
        left: -495%;
    }
}

@media (max-width: 320px) {
    .internal-banner img,
    .internal-banner-campaign img {
        left: -430%;
    }
    .banner-content .solutions ul li {
        width: 80%;
    }
}

/*  Min Break points
======================================= */

@media all and (min-width: 765px) {
    nav#mainNav ul.mainmenu {
        display: block !important;
        margin-top: -30px;
    }
    nav#mainNav ul.topmenu {
        display: none !important;
    }
    ul.mainNavTopLevel li a:hover,
    ul.mainNavTopLevel li a.active {
        color: #ffffff;
        background-color: #b2d33e;
    }
}

/*  Animations
======================================== */

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-moz-keyframes spinner {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spinner {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

#overlaydynamic {
    height: 100% !important;
    background: #000;
    opacity: 0.7;
    width: 100% !important;
    position: fixed;
    z-index: 3;
}

/* byond nav bar styling */

.byond .nav-wrapper {
    top: 60px;
}

div#myLogin {
    position: fixed !important;
    z-index: 999991 !important;
    top: 0px !important;
}

#adminNav {
    position: fixed !important;
    top: 179px !important;
    z-index: 999999 !important;
    top: 0px !important;
}

.byond.cookieactive #pageWrapper {
    margin-top: 239px !important;
}

.byond.cookieinactive #pageWrapper,
.byond #pageWrapper {
    margin-top: 165px !important;
}

@media all and (max-width: 1400px) {
    .byond.cookieinactive #pageWrapper {
        margin-top: 177px !important;
    }
    .byond.cookieactive #pageWrapper {
        margin-top: 238px !important;
    }
    .byond #pageWrapper {
        margin-top: 177px !important;
    }
}

@media (max-width: 1300px) {
    .byond.cookieactive #pageWrapper {
        margin-top: 235px !important;
    }
    .byond.cookieinactive #pageWrapper,
    .byond #pageWrapper {
        margin-top: 158px !important;
    }
}

@media all and (max-width: 1230px) {
    .byond.cookieactive #pageWrapper {
        margin-top: 235px !important;
    }
    .byond.cookieinactive #pageWrapper,
    .byond #pageWrapper {
        margin-top: 158px !important;
    }
}

@media all and (max-width: 930px) {
    .byond.cookieactive #pageWrapper {
        margin-top: 238px !important;
    }
    .byond.cookieinactive #pageWrapper,
    .byond #pageWrapper {
        margin-top: 158px !important;
    }
}

@media (max-width: 765px) {
    .byond.cookieactive #pageWrapper {
        margin-top: 208px !important;
    }
    .byond.cookieinactive #pageWrapper,
    .byond #pageWrapper {
        margin-top: 148px !important;
    }
}

@media (max-width: 440px) {
    .byond.cookieactive #pageWrapper {
        margin-top: 238px !important;
    }
    .byond.cookieinactive #pageWrapper {
        margin-top: 148px !important;
    }
}

@media all and (min-width: 1400px) and (max-width: 2000px) {
    .byond.cookieactive .side-nav {
        top: 239px !important;
    }
}

@media all and (min-width: 1200px) and (max-width: 1401px) {
    .byond.cookieactive .side-nav {
        top: 230px !important;
    }
}

@media all and (min-width: 766px) and (max-width: 1201px) {
    .byond.cookieactive .side-nav {
        top: 230px !important;
    }
}

@media all and (max-width: 768px) {
    #mapWrapper .threecol .colleft {
        left: 0;
        background: transparent;
        float: none;
    }
    #mapWrapper .threecol .col1 {
        width: 90%;
        float: none;
        left: 30%;
    }
    #mapWrapper .threecol .col2 {
        width: 100%;
        left: 30%;
    }
    #mapWrapper .threecol .col3 {
        width: 100%;
        left: 30%;
        float: none;
    }
    #locMap img {
        max-width: 99% !important;
    }
}

@media all and (max-width: 420px) {
    #locMap img {
        max-width: 80% !important;
    }
    .locationHeadings h2,
    .locationHeadings h3 {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
}

.ic-phone {
    content: url(../images/quicklinks/phone.svg);
    font-family: none;
}

@media screen and (max-width:765px) {
    .sub-promo .mod-sub.sub1,
    .sub-promo .mod-sub.sub2,
    .sub-promo .mod-sub.sub3,
    .sub-promo .mod-sub.sub4,
    .sub-promo .mod-sub.sub5 {
        width: 100%;
        margin: 1% 0;
        min-height: 370px;
        z-index: 1;
    }
    .sub-promo-content {
        min-height: auto !important;
        background: #00414a;
        padding: 20px;
        height: 200px;
    }
}