@charset "utf-8";


/* CSS Document */


/* Helvetica Neue font
====================================== */

@font-face {
    font-family: 'KobernRegular';
    src: url('../fonts/Kobern-Regular-webfont.eot');
    src: url('../fonts/Kobern-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Kobern-Regular-webfont.woff2') format('woff2'), url('../fonts/Kobern-Regular-webfont.woff') format('woff'), url('../fonts/Kobern-Regular-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'KobernBold';
    src: url('../fonts/Kobern-Bold-webfont.eot');
    src: url('../fonts/Kobern-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Kobern-Bold-webfont.woff2') format('woff2'), url('../fonts/Kobern-Bold-webfont.woff') format('woff'), url('../fonts/Kobern-Bold-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'KobernBolditalic';
    src: url('../fonts/Kobern-BoldItalic-webfont.eot');
    src: url('../fonts/Kobern-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Kobern-BoldItalic-webfont.woff2') format('woff2'), url('../fonts/Kobern-BoldItalic-webfont.woff') format('woff'), url('../fonts/Kobern-BoldItalic-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Kobernitalic';
    src: url('../fonts/Kobern-Italic-webfont.eot');
    src: url('../fonts/Kobern-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Kobern-Italic-webfont.woff2') format('woff2'), url('../fonts/Kobern-Italic-webfont.woff') format('woff'), url('../fonts/Kobern-Italic-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'KobernMedium';
    src: url('../fonts/Kobern-Medium-webfont.eot');
    src: url('../fonts/Kobern-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Kobern-Medium-webfont.woff2') format('woff2'), url('../fonts/Kobern-Medium-webfont.woff') format('woff'), url('../fonts/Kobern-Medium-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'KobernMediumitalic';
    src: url('../fonts/Kobern-MediumItalic-webfont.eot');
    src: url('../fonts/Kobern-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Kobern-MediumItalic-webfont.woff2') format('woff2'), url('../fonts/Kobern-MediumItalic-webfont.woff') format('woff'), url('../fonts/Kobern-MediumItalic-webfont.ttf') format('truetype');
}

body,
html {
    height: auto !important;
    font-family: "KobernRegular", "Arial";
    font-weight: normal;
    overflow-x: hidden;
}

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

h5 {
    font-size: 23px;
    font-weight: normal;
    padding: 10px 0;
    color: #002b54;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
    font-weight: normal;
}

h2 {
    font-size: 22.5px;
    line-height: 26px;
    padding: 5px 0 10px 0;
}

h3 {
    font-size: 17.55px;
    line-height: 26px;
    padding: 5px 0 10px 0;
}

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

#comments-container .form-text {
    font-size: 15px;
    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: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

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

.menu-wrapper.darkHeader {
    background-color: #002a51;
    transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -webkit-transition: all 0.7s ease-in-out 0s;
    border-bottom: none;
}

.menu-wrapper.clearHeader {
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

div.blog .blog_more {
    margin-bottom: 3em;
}

div.blog .pagination {
    height: auto;
    overflow: auto;
}

div.blog .pagination li {
    display: inline-block;
    margin: 0;
    text-indent: 0;
}

div.blog .pagination li:not(:last-child) {
    margin-right: 1em;
}

div.blog .pagination li:before,
div.blog .pagination li:after {
    display: none;
}

.blog div#page h1 {
    padding: 83px 0 203px 0;
}

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

strong {
    font-size: inherit;
}

sub {
    font-size: 12px;
    line-height: 12px;
}

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

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: "KobernRegular", "Arial";
}

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: 4px;
    height: 4px;
    background-color: #00aeef;
}

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

div#page p,
p {
    line-height: 26px;
    font-size: 16px;
    padding: 0;
    padding-top: 5px;
    font-family: "KobernRegular", "Arial";
}

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: #0072bc;
    text-decoration: none;
}

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

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















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

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 12%;
    right: 25px;
    z-index: 999;
    width: 0;
    padding-left: 30px;
    height: 30px;
    overflow: hidden;
    font-size: 20px;
    border: 4px solid #f58025 !important;
    border-radius: 25px;
    color: #f58025;
}

#toTop:before {
    content: "\e906";
    position: absolute;
    top: 5px;
    left: 6px;
    text-align: center;
    vertical-align: middle;
    color: inherit;
    color: #f58025;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#toTop:hover {
    color: #002a51;
}

#toTopHover {
    display: none;
}

.mToggleLinks::after,
.mToggleLinks.active::after,
.site-links h3::after,
.site-links h3.active::after,
#toTop::before,
table.expandTb td.dropDownLink .icon-minus::before,
table.expandTb td.dropDownLink .icon-plus::before,
.mod-top-menu .mod-internet-banking .icon-login::before,
.menutopMenu li.menuIbLogin a::before,
.btn.ib::before,
#ps_icon::before,
#ps_icon.searching::before,
#ps_icon.close::before,
.home-news-blog-container .jcarousel-prev::before,
.home-news-blog-container .jcarousel-next::before,
.owl-carousel .owl-controls .owl-nav .owl-prev:before,
.owl-carousel .owl-controls .owl-nav .owl-next:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-family: icomoon;
    font-variant: normal normal;
}















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

.main-wrapper {
    height: 100%;
    width: 100%;
    margin-top: 0px !important;
    position: absolute;
    top: 0;
}

.searchpages section.content {
    margin-top: 170px;
}

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

.quick-tools {
    width: 100%;
    z-index: 9997;
}

.section-wrapper {
    width: 100%;
}

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

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

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

.internal-banner,
.internal-banner-campaign {
    margin: 0;
    overflow: hidden;
    height: 550px;
    position: relative;
    z-index: 1;
    left: 0;
    right: 0;
    background: #002a51;
    width: 100%;
}

.internal-banner-blog,
.internal-banner.testimonial {
    margin: 0;
    overflow: hidden;
    height: 550px;
    position: relative;
    z-index: 1;
    left: 0;
    right: 0;
    background: #002a51;
    width: 100%;
}

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

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

.blog-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

section.content div#page {
    width: 100%;
}















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

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

.logo-box {
    position: absolute;
    top: 0;
    left: 10%;
    z-index: 9;
    height: 60px;
}

.logo-container {
    display: block;
    margin: 0;
    width: 233px;
    position: absolute;
    left: 2%;
    height: auto;
}

.first-level-container {
    position: absolute;
    top: 80px;
    left: 6%;
    z-index: 9;
}

.mod-logo {
    padding-right: 100px;
}

.mod-logo-img {
    display: block;
    max-height: 75px;
    width: 260px;
}

.first-level-container .mod-logo-img {
    display: block;
    max-height: 45px;
    width: 90%;
    max-width: 366px;
}

footer .mob-first-menu img {
    max-width: 366px;
}

.visible-mob {
    display: none;
}

footer .fist-menu-links img,
footer .fist-menu-links img {
    max-width: 132px;
}

.darkheader-logo .dogoodlogo {
    display: block;
    max-height: 75px;
    width: 260px;
}

.is-scam-alert-loaded .mod-notifications.mod-scam-alert.mod-menu,
.is-cookies-alert-loaded .mod-notifications.mod-cookies-alert.mod-menu {
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.mod-notifications.mod-menu {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background-color: rgba(245, 128, 37, 0.85);
}

.mod-notifications.mod-menu .edit_module {
    -moz-transform: translate(-2.35em, 0.35em);
    -ms-transform: translate(-2.35em, 0.35em);
    -o-transform: translate(-2.35em, 0.35em);
    -webkit-transform: translate(-2.35em, 0.35em);
    transform: translate(-2.35em, 0.35em);
}

.mod-notifications.mod-menu .mod-menu-wrap {
    padding: 1.5em 0;
    margin: 0 1em;
    text-align: center;
    color: #fff;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mod-notifications.mod-menu .content,
.mod-notifications.mod-menu .mod-button {
    display: inline-block;
    vertical-align: middle;
}

.mod-notifications.mod-menu .content {
    max-width: calc(100% - 3.35em);
}

.mod-notifications.mod-menu .mod-button {
    margin-left: 1em;
    cursor: pointer;
}

.mod-notifications.mod-menu p {
    margin: 0;
}

.mod-notifications.mod-menu .content a {
    color: #fff;
    box-shadow: 0 2px 0 0 #fff;
    padding: 0 0.15em;
    margin: 0 -0.15em;
}

.mod-notifications.mod-menu .content a:hover {
    color: #d1cec6;
    box-shadow: 0 2px 0 0 #d1cec6;
}

.mod-button-scam-alert {
    display: none;
    cursor: default;
    margin-left: 1em;
    margin-right: -2em !important;
    vertical-align: middle;
}

.mod-button-scam-alert i {
    vertical-align: middle;
    display: block;
    position: relative;
}

.mod-button-scam-alert i:before {
    cursor: pointer;
    color: #0072bc;
    font-size: 20px;
}

.mod-button-scam-alert i:hover:before {
    color: #0072bc;
}

.nav-wrapper {
    top: 0;
    height: auto;
    position: fixed;
    width: 100%;
    z-index: 999;
}

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

.menu-wrapper {
    background-color: transparent;
    overflow: visible !important;
}

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

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

.menu-top-wrapper {
    padding-right: 7% !important;
    width: 100%;
    margin: auto;
    padding: 0 20px;
    height: 50px;
    position: relative;
    overflow: visible;
}

.tranparenttopheader {
    background: transparent;
}

.darktopheader {
    background: rgb(0, 114, 188);
    max-width: 100%;
}

.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;
    width: 99.8%;
    text-align: right;
}

.mod-top-menu .mobile-icon-div {
    display: inline-block;
}

.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,*/

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

.loan-calculator-app {
    width: 100%;
    max-width: 100% !important;
}

.form-wrapper.search-pop-up {
    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;
}

.form-wrapper:not(.active) {
    height: 0 !important;
}

.form-wrapper.active {
    height: 200px;
}

.search-pop-up {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 100%;
    background: #000;
    position: relative;
    top: 83px;
}

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

.form-wrapper #search-form {
    height: auto;
    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;
    width: 90%;
}

.pixsearch {
    display: block;
    height: auto;
    position: relative;
}

.search-wrapper-container {
    width: 85px;
    height: 85px;
    text-align: center;
    line-height: 80px;
    background: rgba(71, 76, 85, 0.30);
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    position: relative;
    display: inline-block;
    float: left;
}

.mod-internet-banking {
    height: 85px;
    text-align: center;
    line-height: 80px;
    background: rgba(245, 128, 37, 0.85);
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    position: relative;
    display: inline-block;
    float: left;
    padding: 0px 20px 0px 20px;
}

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

.mod-top-menu .mod-mobile-menu {
    display: none !important;
}

.mod-top-menu span.separator {
    font-size: 18px;
    color: #fff;
}

.mod-top-menu .lastItem span.separator {
    color: #fff;
}

.mod-top-menu a.mod-search-button {
    display: none;
}

.mod-top-menu .mod-internet-banking {
    line-height: 3.9em;
    background: #0072bc;
    vertical-align: middle;
    padding: 0 1.2em;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    position: relative;
}

.mod-top-menu .mod-internet-banking .icon-login:before {
    content: '\e906';
    font-size: 1.5em;
    vertical-align: sub;
}

.mod-top-menu .mod-internet-banking:hover {
    box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, 0.35);
}

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

.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: #fff;
    font-size: 18px;
    margin: 0;
}

.menutopMenu li.menuIbLogin a {
    background: #fff;
    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;
}















/* --- Search --- */

.search-wrapper {
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    margin: auto;
    position: relative;
    top: -75px;
}

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

#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: 100%;
    height: 60px;
    font-size: 22px;
    font-style: italic;
    font-size: 16px;
    color: #303030;
    border: none;
    background-color: #fff;
    vertical-align: middle;
}

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

#ps_icon_background {
    text-align: left;
    width: 31px;
    padding: 0 5px 0 0;
    margin: 0 0 0 -6px;
    cursor: pointer;
    color: #ffffff;
    background: none;
    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;
}

#ps_icon:before {
    content: "\e920";
    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: #0072bc;
}

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

::-webkit-input-placeholder {
    color: #81c2ea;
    font-family: "KobernRegular", "Arial";
}

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

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

:-ms-input-placeholder {
    color: #81c2ea;
    font-family: "KobernRegular", "Arial";
}

#ps_results {
    width: 100%;
    max-height: 200px;
    -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;
}

.search-pop-up.serachresult.active {
    min-height: 230px;
    height: auto;
    padding-bottom: 40px;
    max-height: 330px;
}

#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: #007fd4;
    padding: 20px 0;
    font-size: 18px;
}

#ps_results #ps_link {
    display: none;
}















/* Main Rotator 
====================================== */

section.main-banner {
    display: block;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #ebebeb;
}















/* Overlapping shape at bottom */

section.main-banner {
    display: block;
    position: relative;
}

.TB_Wrapper {
    background: url(/templates/client/images/rotator/spinner_new.gif) center center no-repeat;
}

.TB_Wrapper,
.TB_Wrapper .Slides {
    width: 100% !important;
    max-width: 100% !important;
    height: 698px !important;
}

.TB_Wrapper .Slide {
    overflow: hidden;
    position: absolute;
    margin: 0;
    height: 100%;
}

.TB_Wrapper .Slide div {
    font-size: 30px;
    line-height: 35px;
    font-family: "KobernRegular", "Arial";
    font-weight: normal;
    position: relative;
    width: 100% !important;
}

.TB_Wrapper .Slide>div {
    z-index: 9999;
    width: auto !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 55% !important;
    position: absolute;
    display: block !important;
    right: 0 !important;
    left: 0 !important;
    margin: 0 auto;
    height: auto !important;

}

.TB_Wrapper .Slide div.txtCont {
    position: absolute;
    top: auto;
    text-align: left;
    max-width: 1200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 0 !important;
    left: 0 !important;
    margin: 0 auto;
    width: 100% !important;
    top: 130px !important;
    height: auto !important;
}

.TB_Wrapper .Slide div.noSelect {
    top: 0 !important;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 75% !important;
    width: 100% !important;
    top: 0px !important;
}

.TB_Wrapper .Slide img.noSelect {
    margin: auto;
    left: -300% !important;
    right: -300% !important;
    width: auto !important;
    z-index: 0;
    min-height: 700px;
}

.TB_Wrapper .captionCanvas {
    display: none;
}

.TB_Wrapper .navHolder {
    z-index: 4 !important;
    bottom: 65px !important;
}

.defaultButton .rounded .icon {
    margin-top: 60px;
}

.TB_Wrapper .icon {
    background-image: url(../images/icons.png) !important;
}

.TB_Wrapper .defaultButton {
    height: 70px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.TB_Wrapper .navHolder div.noSelect:first-child {
    margin-right: 60px;
}

.TB_Wrapper .navHolder div.noSelect:first-child .icon:before,
.TB_Wrapper .navHolder div.noSelect:last-child .icon:before {
    line-height: 57px;
    position: absolute;
    color: #fff;
}

.TB_Wrapper .navHolder div.noSelect:first-child .icon:before {
    content: "\e610";
    left: -18px;
}

.TB_Wrapper .navHolder div.noSelect:last-child .icon:before {
    content: "\e603";
    right: -18px;
}

.TB_Wrapper .Slide div .txtCont span span {
    font-size: 60px;
    font-family: "KobernRegular", "Arial";
    margin-bottom: -20px;
    display: block;
    font-weight: normal !important;
    line-height: 60px;
}








/*internal rotator*/

.main-banner-internal .TB_Wrapper,
.main-banner-internal .TB_Wrapper .Slides {
    height: 470px !important;
}

.main-banner-internal .TB_Wrapper .Slide div.noSelect {
    max-width: 100% !important;
}

.main-banner-internal .TB_Wrapper .Slide div.txtCont {
    text-align: center;
}

.main-banner-internal .TB_Wrapper .btn.primary {
    margin: 20px auto;
}








/* Quick tools
====================================== */


/* == GENERIC == */

.quick-tools h3.mToggleLinks {
    display: none;
}

.quick-tools li {
    margin: 0 20px 0 30px;
    cursor: pointer;
    list-style: none !important;
    font-size: 12px;
    font-family: "KobernRegular", "Arial";
}

.quick-tools li a {
    color: #d8d8d8;
    display: inline-block;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    -webkit-transition-property: background-color color;
    -moz-transition-property: background-color color;
    -o-transition-property: background-color color;
    transition-property: background-color color;
    line-height: 1.3em;
}

.quick-tools li:hover a {
    color: #0072bc;
}

.quick-tools li a:before {
    content: '';
    width: 1px;
    height: 100%;
    vertical-align: middle;
}

.quick-tools li i {
    color: #fff;
    font-size: 22px;
    vertical-align: middle;
    display: block;
    padding-left: 15px;
    padding-bottom: 10px;
}

.quick-tools li span {
    color: inherit;
}

.quick-tools li:hover i {
    color: #0072bc;
}

.mod-mobile-show {
    display: none;
}















/* == HOME == */

.qt-wrapper-home {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 174, 239, 0.80);
    max-width: 75px;
    width: 21%;
    z-index: 999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px 5px 5px 0px;
}

.quick-tools li span {
    color: #fff
}

.qt-wrapper-home .quick-tools {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.qt-wrapper-home .quick-tools li {
    max-width: 100%;
}

.qt-wrapper-home .quick-tools li:hover {
    background: #fff;
    color: #00aeef;
}

.qt-wrapper-home .quick-tools li:hover a,
.qt-wrapper-home .quick-tools li:hover a span,
.qt-wrapper-home .quick-tools li:hover a i {
    color: #00aeef;
}

.qt-wrapper-home .quick-tools li a {
    display: block;
    margin-right: 0;
}















/* quick links bar at bottom*/

.ql-wrapper {
    background: linear-gradient(to right, #00aeef 10%, #273996 100%);
    height: 190px;
}

.quick-links-bar {
    margin: auto;
    max-width: 1500px;
}

.quick-links-bar li:before {
    content: none;
}

.quick-links-bar li {
    box-sizing: border-box;
    float: left;
    font-family: "KobernRegular", "Arial";
    height: 190px;
    list-style: outside none none;
    margin: 0;
    text-align: center;
    text-indent: 0;
    width: 20%;
}

.quick-links-bar a:before {
    display: block;
    color: #fff;
    font-size: 44px;
    line-height: 70px;
    padding-bottom: 20px
}

.quick-links-bar li a {
    box-sizing: border-box;
    color: #fff;
    display: block;
    height: 100%;
    padding: 30px 0;
    text-decoration: none;
    transition: background-color 0.3s ease 0s;
    font-family: "KobernRegular", "Arial";
}

.quick-links-bar li a span {
    font-size: 22px;
    font-family: "KobernMedium", "Arial" !important;
    font-weight: normal;
}

.quick-links-bar li a:hover,
.quick-links-bar a:hover:before {
    color: #fff;
}

.quick-links-bar li a:hover {
    background-color: #0798de;
}

.quick-links-bar li a.mobile-only {display:none;}

@media all and (max-width: 765px){
	
.quick-links-bar li a.desktop-only {display:none;}
.quick-links-bar li a.mobile-only {display:block;}

}

.footer-left-container {
    width: 60%;
    padding: 0;
    margin: 0;
    float: left;
}

.footer-right-container {
    width: 30%;
    padding: 0;
    margin: 0;
    float: left;
}















/* == INTERNAL == */

.qt-wrapper-internal {
    background-color: #f6f6f6;
    width: 100%;
    height: 150px;
    margin-top: 50px;
}

.qt-wrapper-internal ul {
    height: 100%;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.qt-wrapper-internal li {
    float: left;
    height: 100%;
    width: 20%;
}

.qt-wrapper-internal li a {
    text-align: center;
    color: #808080;
}

.qt-wrapper-internal li:hover a {
    background-color: #fff;
}

.qt-wrapper-internal ul.quick-tools li {
    margin: 0;
    font-size: 18px;
}

.qt-wrapper-internal ul.quick-tools li a:before {
    display: none;
}

.qt-wrapper-internal ul.quick-tools li i {
    display: block;
    padding-left: 20px;
    padding-top: 40px;
}

.qt-wrapper-internal ul.quick-tools li span {
    clear: both;
}















/* == POPUP STYLES == */

#slide_background,
#slide2_background,
#slide3_background,
#slide4_background,
#slide5_background {
    -webkit-transition: all 0.3s 0.3s;
    -moz-transition: all 0.3s 0.3s;
    -o-transition: all 0.3s 0.3s;
    transition: all 0.3s 0.3s;
}

#slide,
#slide2,
#slide3,
#slide4,
#slide5,
#slide_wrapper,
#slid2_wrapper,
#slide3_wrapper,
#slide4_wrapper,
#slide5_wrapper {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#slide,
#slide2,
#slide3,
#slide4,
#slide5 {
    -webkit-transform: translateX(0) translateY(-40%);
    -moz-transform: translateX(0) translateY(-40%);
    -ms-transform: translateX(0) translateY(-40%);
    -o-transform: translateX(0) translateY(-40%);
    transform: translateX(0) translateY(-40%);
    display: none;
    background-color: #fff;
    border: none !important;
    border-radius: 8px;
    width: 60%;
    font-size: 1em;
    line-height: 1.5em;
    z-index: 9999;
    position: absolute;
    padding: 0;
    color: #666;
}

.popup_content:focus {
    outline: none;
}

.popup_visible #slide,
.popup_visible #slide2,
.popup_visible #slide3,
.popup_visible #slide4,
.popup_visible #slide5 {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}

.popup_content span[class*="_close"] {
    color: #fff;
    display: block;
    float: right;
    padding: 10px;
    z-index: 9999;
    position: relative;
}

.popup_content h2 {
    padding: 4% 4%;
    color: #fff;
    background-color: #0072bc;
    text-align: center;
    border-radius: 8px 0 0 0;
    position: relative;
}

#slide.popup_content h2 {
    background: url(../images/rotator/Quicklinks-popup-header.jpg) no-repeat scroll right center;
}

#slide2.popup_content h2 {
    background: url(../images/rotator/Quicklinks-popup-header.jpg) no-repeat scroll right center;
}

#slide3.popup_content h2 {
    background: url(../images/rotator/Quicklinks-popup-header.jpg) no-repeat scroll right center;
}

#slide4.popup_content h2 {
    background: url(../images/rotator/Quicklinks-popup-header.jpg) no-repeat scroll right center;
}

#slide5.popup_content h2 {
    background: url(../images/rotator/Quicklinks-popup-header.jpg) no-repeat scroll right center;
}

.popup_content h2:before,
.popup_content h2:after {
    top: 100%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.popup_content h2:after {
    border-color: rgba(0, 120, 194, 0);
    border-top-color: #0072bc;
    border-width: 10px;
    margin-left: -10px;
}

.popup_content .quicklinks-table {
    padding: 30px;
}

.popup_content .quicklinks-table table.two-col-layout-cta {
    margin: 0 !important;
}

ul.quicklinks-popup {
    width: 100%;
}

ul.quicklinks-popup li a {
    color: #303030;
    font-size: 16px;
}

ul.quicklinks-popup li {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    height: 60px;
    font-size: 20px;
    overflow: hidden;
    margin: 0;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
}

ul.quicklinks-popup li p {
    font-size: 14px;
}

.qt-wrapper-home .quick-tools li {
    display: block;
    width: 100%;
    text-align: center;
    border-right: 0;
    margin: 0;
    padding: 10px 0;
}

.qt-wrapper-home {
    width: 24%;
    top: 450px !important;
}

.qt-wrapper-home .quick-tools li:last-child,
ul.quicklinks-popup li:last-child {
    border-bottom: none;
}

ul.quicklinks-popup li {
    padding: 0;
    height: auto;
    width: 32%;
    min-height: 114px;
    float: none;
    display: inline-block;
    vertical-align: top;
}

ul.quicklinks-popup li a {
    padding: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    display: block;
}

ul.quicklinks-popup li:hover,
ul.quicklinks-popup li a:hover {
    background: #f3f2f2;
    color: #333;
}

ul.quicklinks-popup li a span {
    margin: 10px 0 0 44px;
    line-height: 21px;
    font-size: 14px;
    color: #7b7b7b;
    display: block;
}

ul.quicklinks-popup li a span.title {
    margin: 0 0 0 44px;
    line-height: 18px;
    font-size: 16px;
    color: #303030;
    font-family: "KobernRegular", "Arial";
}

ul.quicklinks-popup li a span.desc {
    font-family: "KobernRegular", "Arial";
}

ul.quicklinks-popup li a span.icon-quicklinks {
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    text-transform: none;
    color: #0072bc;
}






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


/* News
====================================== */

.home-news-blog-container .jcarousel-container-horizontal {
    margin: auto;
}

.home-news-blog-container .jcarousel-clip-horizontal {
    height: auto;
}

.home-news-blog-container .jcarousel-container-vertical {
    margin: auto;
}

.home-news-blog-container .jcarousel-clip-vertical {
    height: auto;
}

.home-news-blog-container .jcarousel-prev,
.home-news-blog-container .jcarousel-next {
    display: inline-block;
    position: absolute;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    z-index: 1000;
    width: 32px;
    height: 32px;
    color: #303030;
    font-size: 28px;
    bottom: -50px;
    vertical-align: middle;
    cursor: pointer;
    border: 0px !important;
    border-radius: 0;
    right: 50px;
}

.home-news-blog-container .jcarousel-next,
.home-news-blog-container .jcarousel-prev {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.home-news-blog-container .jcarousel-next:before {
    content: "\eaae";
    display: block;
    position: absolute;
    top: 0;
    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;
    padding-left: 4px;
    color: #0072bc;
}

.home-news-blog-container .jcarousel-prev:before {
    content: "\eab0";
    display: block;
    position: absolute;
    top: 40%;
    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;
    padding-left: 4px;
    color: #0072bc;
}

@media all and (max-width: 539px) {
    .owl-carousel .owl-prev {
        left: -15px;
    }
    .owl-carousel .owl-next {
        right: -15px;
    }
}

.home-news-blog-container .jcarousel-prev:before,
.home-news-blog-container .jcarousel-next:before {
    vertical-align: middle;
}

.home-news-blog-container .jcarousel-prev {
    right: 0;
}

.home-news-blog-container .jcarousel-next {
    right: 50px;
}

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

.home-news-blog-container {
    height: 270px;
    padding-top: 30px;
}

.blog .js .articlelist li.articlelist_item.jcarousel-item .articlelist_intro span.readMore {
    margin-top: 40px
}

.home-news-blog-container p {
    display: block;
    width: 100%;
    height: 150px;
    position: absolute;
    top: 50px;
    left: 0;
    margin: 0;
}

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

.home-news-blog-container img {
    margin-left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: auto !important;
    padding: 0;
    max-height: 240px;
    width: auto !important;
}

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

.js.jcarousel-container.jcarousel-container-vertical {
    height: 100% !important;
    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;
}

.js .articlelist li.articlelist_item {
    width: calc(100% - 2rem);
    text-align: center;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    height: auto;
    padding: 1.7rem 1rem 1rem;
    border-bottom: 1px solid #d1d1d1;
}

.js .articlelist li.articlelist_item {
    width: calc(100% - 2rem);
    text-align: center;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    height: auto;
    padding-top: 20px;
    padding-left: 0px
}

.news .js .articlelist li.articlelist_item {
    border-bottom: 1px dotted #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: 2px;
}

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

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

.js .articlelist li.articlelist_item.jcarousel-item .articlelist_intro span.readMore {
    display: block;
    font-size: 18px;
    font-family: "KobernRegular", "Arial";
    font-weight: bold;
}

.js.news .articlelist_title a {
    padding-bottom: 20px
}

.js.news .articlelist_intro {
    position: relative;
    margin-top: 10px;
}

.js.news .article_list_extrainfo {
    position: absolute;
    left: 0px;
    top: -30px;
}

.js.news .article_list_extrainfo .date {
    font-size: 12px
}

.js .articlelist_title a {
    position: relative;
    font-family: "KobernMedium", "KobernRegular", "Arial";
    font-weight: normal;
    font-size: 26px;
    line-height: 26px;
    text-decoration: none;
    color: #0072bc;
    display: block;
    margin: 0;
}

.blog .articlelist_title span {
    position: relative;
    font-family: "KobernMedium", "KobernRegular", "Arial";
    font-weight: normal;
    font-size: 26px !important;
    line-height: 26px;
    text-decoration: none;
    color: #0072bc !important;
    display: block;
    margin: 0;
}

.news .articlelist_title span {
    position: relative;
    font-family: "KobernMedium", "KobernRegular", "Arial";
    font-weight: normal;
    font-size: 26px;
    line-height: 26px;
    text-decoration: none;
    color: #474c55;
    display: block;
    margin: 0;
}



/*.home-news-blog-container .news .articlelist_title span {
    font-size: 15px;
}*/

.js .articlelist_title a:hover,
.news .articlelist_title span:hover,
.home-news-blog-container .news .articlelist_title span {
    color: #0072bc;
}

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;
}

#moreNewsreadAll a,
#moreNewstestimonial a {
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: normal;
    border-radius: 1.5em;
    padding: 0;
    color: #0072bc;
    background: none;
    position: relative;
    margin: 0;
}

#moreNewstestimonial a {
    border: 2px solid #0072bc;
}

#moreNewstestimonial a {
    margin: 20px auto;
}

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

#moreNewstestimonial a:hover {
    color: #fff;
    background: #0072bc;
}

.news-block {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

.sub-promo {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sub-promo .colWrap.constrain {
    padding: 20px;
}

.news-block .icon-info:before,
.blog-block .icon-bubbles:before,
.testimonial-block .icon-quotes-right:before {
    margin-right: 0.3em;
    font-size: 26px;
    display: inline-block;
    vertical-align: bottom;
    font-family: 'icomoon';
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
}

.testimonial-block .articlelist_title {
    display: none
}

.testimonial-block .articlelist_intro {
    font-size: 29px !important;
    text-align: center;
    line-height: 42px !important;
    color: #474c55 !important;
}

.testimonial-block .articlelist_intro .readMore {
    padding-top: 30px
}

.testimonial-block li.articlelist_item {
    border-bottom: 0px !important
}

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

.sidebar-content h1,
.sidebar-content h2,
.sidebar-content h3,
.sidebar-content p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
}

.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;
}

.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;
}

@media screen and (min-width: 800px) {
    .news-block {
        max-width: 33.333333333333336%;
    }
    .blog-block {
        max-width: 33.333333333333336% !important;
    }
    .testimonial-block {
        max-width: 33.333333333333336% !important;
    }
    .sub-promo .news-block .colWrap {
        margin-right: 2em;
        border-right: 1px solid #777;
        padding-right: 2em;
    }
    .sub-promo .blog-block .colWrap {
        margin-right: 2em;
        border-right: 1px solid #777;
        padding-right: 2em;
    }
    .blog-block.blog {
        float: left !important
    }
}

@media screen and (min-width: 1400px) {
    .sub-promo .colWrap.constrain {
        max-width: calc(100% - 8rem - 70px) !important;
    }
}

@media screen and (min-width: 960px) {
    .content-column .colWrap.constrain {
        max-width: calc(960px - 4em - 70px);
    }
    .content-column {
        max-width: 1570px;
        width: 100%;
        margin: auto;
        padding: 40px;
        padding-bottom: 70px;
    }
}

@media (max-width: 960px) {
    .right-hand-nav {
        margin: 20px 0 50px 10px !important;
    }
    .sidebarPromo {
        width: 98% !important;
        margin: 20px 0 50px 10px !important;
    }
    #innerFooter {
        padding: 0px !important
    }
    .footer-left-container,
    .footer-right-container {
        width: 100%;
    }
    .contact-container {
        min-height: 390px !important;
    }
}

@media (max-width: 1100px) {
    .contact-container {
        min-height: 350px !important;
    }
}

@media screen and (min-width: 800px) {
    .content-column .colWrap.constrain {
        margin: 0 auto;
        max-width: 100%;
    }
}

.content-column .colWrap.constrain {
    width: auto;
    margin: 0 1.9em;
}















/* Site links
====================================== */

.clear-both:after,
.owl-carousel-1:after {
    clear: both;
    content: "";
    display: block;
    visibility: hidden;
}

.site-links {
    background-color: #474c55;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

.links-tbl {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.links-tbl td {
    font-size: 1em;
    width: 31%;
    display: inline-block;
    text-align: left;
    padding: 0;
}

.links-tbl td a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.links-tbl td a:hover {
    text-decoration: underline;
}

.mobile-arrow {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    padding: 2% 0;
    border-bottom: none;
}

.products div,
.services div,
.newstools div {
    font-size: 16px;
    color: #fff;
    padding: 2% 0;
    border-bottom: none;
}

.links-tbl td table td {
    font-size: 24px;
    width: 100%;
    text-align: left;
    padding: 2% 0;
}















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

.footer-right-container iframe {
    height: 750px
}

footer {
    padding-top: 20px
}

.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;
}

#innerFooter {
    width: 100%;
    padding: 0 0 45px 100px;
    color: #ffffff;
    margin: 0 auto;
	box-sizing: border-box;
}

.footerLeft {
    text-align: left;
    width: 91%;
    padding: 0 0 5px 0px;
    color: #ffffff;
    display: inline-table;
}

.fist-menu-links {
    width: 100%;
    padding: 30px 0 20px 50px;
    color: #ffffff;
    margin: 0 auto;
    height: 60px;
}

.fist-menu-links li {
    font-size: 16px;
    display: inline-block;
    color: #303030;
    list-style: none;
    float: left;
    padding-right: 2.5em;
}

.footer-links {
    padding-left: 0px;
}

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

.footerRight .icon-twitter-square {
    color: #00aced;
}

.footerRight .icon-linkedin-square {
    color: #007bb5;
}

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

footer p.mod-copy {
    font-size: 10px;
    font-weight: 200;
    color: #c2bfbf;
    font-family: arial;
}

footer p.mod-copy a {
    color: #0072bc;
}

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

.icon-phone,
.icon-email,
.icon-locate,
.icon-form {
    display: inline-block;
}

.footer-links li {
    font-size: 16px;
    display: inline-block;
    color: #303030;
}

.footer-links li:not(:last-child):after {
    content: '|';
    font-weight: 600;
    color: #fff;
    margin: 0 10px;
}

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

.footer-links li a {
    text-decoration: none;
    color: #303030;
}

.footer-links li a:hover {
    padding: 0 0 9px 0;
}















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

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 #0072bc!important;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
}

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

#infocastContainer div.kfsemailform ul.tabMenu li a:hover {
    font-weight: 700;
    background-color: #0072bc!important;
    color: #ffffff!important;
}

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

#infocastContainer div.kfsemailform input#emailItToMe:hover {
    background: none repeat scroll 0 0 #002a51!important;
    border: 1px solid #002a51!important;
}

#infocastContainer div.kfsproductform input#emailItToMe:hover {
    background: none repeat scroll 0 0 #002a51!important;
    border: 1px solid #002a51!important;
}

#infocastContainer div#productDescContent,
#infocastContainer div.chartDetails div#loanAmount2,
#infocastContainer div.divInputs,
#infocastContainer div.kfsemailform input,
#infocastContainer div.kfsproductform input {
    border: 1px solid #0072bc!important;
    -webkit-border-radius: 10px 0 10px 10px!important;
    -moz-border-radius: 10px 0 10px 10px!important;
    border-radius: 10px 0 10px 10px!important;
    box-shadow: none !important;
}

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

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

#infocastContainer div.sectionData input.showCalcs,
#infocastContainer div.sectionDataLarge input.emailDirect,
#infocastContainer div#infocastApplyBtn input,
#infocastContainer input#emailItToMe {
    background-color: #0072bc!important;
    border: 1px solid #0072bc!important;
    color: #ffffff;
    font-size: 1em;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !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-color: #002a51!important;
    border: 1px solid #002a51!important;
    color: #ffffff;
}

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

#infocastContainer div#generateFactsheet input.emailDirect {
    border: 1px solid #0072bc;
    color: #ffffff;
}

#infocastContainer div.kfsemailform div.kfsemailformDataLargeWide input#previewFactsheet {
    color: #002a51;
}

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

#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: #002a51;
}

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

#infocastContainer #pageInfoFooter {
    display: none;
}

#infocastContainer p {
    margin: 5px;
}

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

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

div#infocastApplyBtn input:hover {
    background-color: #000000 !important;
    border: 1px solid #1d88c9;
}

body.contentpane {
    margin: 0;
}

select#infocastProductId,
select#infocastSimulator {
    border: 1px solid #0072bc;
    padding: 10px;
    width: 70%;
    font-size: 15px;
    box-shadow: none;
    margin-left: 20px;
}

.searchpages {
    background: #f6f6f6
}

div.sectionData input {
    box-shadow: none
}









/* //////// 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: #0072bc;
    border: 1px solid #0072bc;
    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: 10px 10px 10px 10px;
}

#generateFactsheet {
    margin-top: 25px;
}

#generateFactsheet input.emailDirect {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #0072bc !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: #0072bc !important;
}

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: 10px 0 10px 10px;
}

#infocastContainer .kfsemailform {
    height: 30px;
}

#infocastContainer #fsEmailed {
    width: 97%;
}

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

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

ul#previewFactsheetLinks a {
    color: #0072bc;
}







/* ////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: #0971b5 !important;
}

#head div,
#head .subtitle {
    color: #0971b5 !important;
}

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
    line-height: 40px;
}

::-moz-placeholder {
    color: #000;
    line-height: 40px;
}

:-ms-input-placeholder {
    color: #000;
}

placeholder {
    color: #000;
}







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

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

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

#catIds {
    height: 46px;
}

#map_search_btn {
    background-color: #0072bc;
    border: 1px solid #0072bc;
    box-shadow: none;
    width: 100px;
    -moz-border-radius: 10px 0 10px 10px;
    -ms-border-radius: 10px 0 10px 10px;
    -webkit-border-radius: 10px 0 10px 10px;
    -o-border-radius: 10px 0 10px 10px;
    border-radius: 10px 0 10px 10px;
    -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;
}

#map_search_btn:hover {
    background-color: #002a51;
    border: 1px solid #002a51;
}

#searchText {
    border: 1px solid #545454;
    color: #000;
    float: left;
    font-size: 14px;
    height: 45px;
    line-height: 40px;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 3px;
    padding-left: 10px;
    width: 320px;
    border-radius: 10px 0 10px 10px;
    margin-bottom: 20px;
}

div#closeContainer:hover {
    background-color: #002a51;
    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: #002a51;
}

.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: #0971b5;
    font-weight: bold;
    text-shadow: none;
}

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

.wrapperResults span.sub {
    font-weight: normal;
    color: #0971b5;
}

.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, #0072bc), color-stop(0.7, #0072bc), color-stop(1, #0072bc));
    background-repeat: no-repeat;
    background-position: right center;
    background: url('/templates/ByondCoreCommon/mimages/maps/tick.png') no-repeat right center, -moz-linear-gradient(top, #0072bc0%, #0072bc70%, #0072bc100%);
    border: 0;
    border-radius: 10px 0 10px 10px;
}

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

.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, #0072bc), color-stop(0.7, #0072bc), color-stop(1, #0072bc));
    background: -moz-linear-gradient(top, #0072bc0%, #0072bc70%, #0072bc100%);
    background-color: #0072bc;
    border-radius: 10px 0 10px 10px;
}

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

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

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

.searchInput input#searchArea:focus {
    -webkit-border-radius: 10px 0 10px 10px;
    -mos-border-radius: 10px 0 10px 10px;
    -ms-border-radius: 10px 0 10px 10px;
    -o-border-radius: 10px 0 10px 10px;
    border-radius: 10px 0 10px 10px;
    border: 2px solid #0072bc;
}







/* 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 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 236px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin: 10px 20px 20px 0;
    line-height: 23px;
    padding: 15px 20px 15px 20px;
    text-indent: 0;
    font-size: 18px;
    border: 2px solid #0072bc;
}

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

.btn:active {
    background: #002a51;
}

.btn.primary,
#comments-container .comment-button {
    background: #0072bc;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.primary:hover,
.readon:hover,
#comments-container .comment-button:hover {
    color: #fff;
    background: #f58025;
    border-color: #f58025;
}

.byondTabContent table td h3 {
    padding-bottom: 20px;
}

.product-title {
    font-size: 20px;
    line-height: 30px;
    color: #303030;
    font-weight: normal;
    font-family: "KobernMedium", "Arial" !important;
}








/*.internalpages #page h1:first-child {
    display: none
}*/

.internalpages {
    background: #f7f7f7
}

.internalpages section.content div#page {
    margin: 30px 0 0 0;
}

.internalpages .content h1 {
    color: #00aeef;
    font-size: 40px;
    font-family: "KobernRegular", "Arial";
    line-height: 45px;
    margin-bottom: 20px;
    font-weight: normal;
}

.secondary {
    color: #0072bc;
    background: none;
    position: relative;
    border-color: #0072bc;
}

.tertiary {
    color: #fff;
    background: none;
    position: relative;
    border-color: #fff;
}

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

.secondary:hover,
.tertiary:hover {
    color: #fff;
    background: #0072bc;
    border-color: #0072bc;
}

.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 {
    border: none;
    color: #0072bc;
    text-align: left;
    padding: 0;
    white-space: normal;
    font-size: 18px;
    font-family: 'KobernMedium';
}

table.three-col-split .btn.product:hover {
    color: #0072bc;
}

.btn.product:after {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.btn.product:hover {
    border: none;
    color: #0072bc;
}

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

.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 {
    display: block;
    margin: 20px 0;
    max-width: 300px;
    text-decoration: none;
    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 {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    height: 38px;
    line-height: 36px;
    font-size: 15px;
    text-indent: 0;
    color: #0072bc;
    font-family: "KobernBold", "KobernRegular", "Arial";
}

.readon:hover,
#searchForm .button:hover {
    background: none;
    text-decoration: underline;
    color: #0971b5;
}

#searchForm .button {
    background: #0072bc;
    border: 2px solid #0072bc;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    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;
}

#searchForm .button:hover {
    color: #fff;
    background: #002a51;
    border-color: #002a51;
    text-decoration: none;
}

div#page p.fine-print {
    font-size: 12px;
    line-height: 18px;
    color: #888888;
}







/* Directors page styling
============================================================================ */

div#page ul.directors {
    margin: 10px 0 40px 0;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 10px 0 10px 10px;
}

div#page ul.directors h2 {
    padding: 0 0 10px 0;
}

div#page ul.directors li {
    list-style: none;
    display: inline-block;
    width: 76%;
    margin: 0 0 0 2%;
    padding-left: 4%;
    vertical-align: top;
    text-indent: 0;
}

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

div#page ul.directors li:first-child {
    width: 17%;
    margin: 0;
    padding-left: 0;
}

div#page ul.directors li img {
    max-width: 180px !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 10px 0 10px 10px;
}

div#page ul.directors li p {
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 22px;
}

div#page ul.directors li ul li,
div#page ul.directors li ul li:first-child {
    width: 100%;
    margin: 0;
    padding: 5px 0 5px 40px;
}

div#page ul.directors li ul li::before {
    content: ' ';
    position: absolute;
    left: 12px;
    top: 0.9em;
    border-radius: 100%;
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #0971b5;
}








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

div#page table {
    margin: auto;
    /*border: 1px solid #ccc;*/
}

table tbody td h3 a {
    font-size: 28px;
    font-size: 28px;
    font-family: "KobernMedium", "KobernRegular", "Arial";
    font-weight: normal;
}

.contactus .byondTabContent table {
    border: 1px solid #ccc;
}

table tbody td {
    font-size: 15px;
    line-height: 26px;
    vertical-align: top;
}

.padding td {
    padding: 0 40px;
}

.site-links table {
    max-width: 1500px;
    width: 100%;
}

table {
    max-width: 1160px;
    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% 1% 1% 0;
    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 {
    padding: 8px 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#page table.expandTb {
    margin: 0 auto 1px auto;
    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;
}

.internalaccordion .expandTb_header {
    height: 70px;
    width: 100%;
    background: #fff;
    border: 1px solid #d9d9d9;
    margin-bottom: 20px !important
}

.internalaccordion table.expandTb td.dropDownLink .icon-plus,
.internalaccordion table.expandTb td.dropDownLink .icon-minus {
    float: right;
}

.internalaccordion table.expandTb {
    margin-bottom: 20px !important;
}

.internalaccordion table.expandTb td {
    padding-left: 40px !important;
    padding-top: 20px !important;
}

.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: 20px;
    line-height: 30px;
    padding: 0 20px;
    color: #0072bc;
    font-family: 'KobernMedium';
}

table.expandTb td.dropDownLink .icon-plus,
table.expandTb td.dropDownLink .icon-minus {
    background: none;
    position: relative;
    font-size: 28px;
    vertical-align: middle;
    margin-right: 10px;
    width: 25px;
}

table.expandTb td.dropDownLink .icon-plus:before {
    content: "\eab0";
    display: block;
    position: absolute;
    top: 51%;
    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;
    padding-left: 4px;
}

table.expandTb td.dropDownLink .icon-minus:before {
    content: "\eaae";
    display: block;
    position: absolute;
    top: 45%;
    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;
    padding-left: 4px;
}









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

table.stripeTable {
    padding: 0;
    margin: 0 0 40px 0;
}

table.stripeTable tbody td {
    border: 0;
}

table.stripeTable tr th {
    background-color: #174875;
    border-right: 1px solid #002a51;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    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: #0072bc;
    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 20px auto !important;
}

table.three-col-split,
table.two-col-split {
    width: 100% !important;
    margin: 0 auto 40px auto !important;
    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: 42%;
}

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%;
    padding: 0 1.65%;
}

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

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: 16px;
    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 === */

.tables_wrapper.scroll {
    margin: 0 0 20px 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: 18px;
}

table.scrollable-table h4 {
    color: #00aeef;
    font-size: 18px;
    padding: 0;
}

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

table.scrollable-table tbody td,
.scrollable-table tr th {
    font-size: 15px;
    line-height: 26px;
    border: 0;
    padding: 10px 20px;
    color: #545454;
    border-right: 1px solid #d1d1d1;
    -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: 12px;
    line-height: 20px;
}

table.scrollable-table tr th {
    background-color: #474c55;
    border-right: 1px solid #474c55;
    color: #fff;
    font-size: 20px;
    text-align: left;
    font-family: 'KobernBold';
}

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

table.scrollable-table tr td:last-child {
    border-right: 1px solid #d1d1d1 !important;
}

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

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

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

table.scrollable-table.simple tr:nth-child(odd) td,
table.scrollable-table.simple tr.odd td:first-child {
    background-color: #f6f6f6;
    color: #002a51;
}

table.scrollable-table tr:nth-child(even),
table.scrollable-table tr.even td,
table.scrollable-table tr:nth-child(odd),
table.scrollable-table tr.odd td {
    background-color: #fff;
    border-bottom: 1px solid #d1d1d1;
}

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

table.scrollable-table.simple tr:nth-child(even) td:first-child,
table.scrollable-table.simple tr.even td:first-child {
    background-color: #fff;
    color: #002a51;
    border-left: 0;
}

table.scrollable-table tr.clear-cell td {
    padding: 10px 20px;
    vertical-align: top;
    border-left: 1px solid #d1d1d1 !important;
    border-right: 1px solid #d1d1d1 !important;
}

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: #005dab;
    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;
}

.displaytransition {
    min-height: 0;
    max-height: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.displaytransition.active {
    min-height: 20px;
    opacity: 1;
}















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

.share-links {
    /*display: none;*/
    /* Hiding until updated */
    position: absolute;
    width: 210px;
    margin: auto;
    right: 0;
    padding: 12px 20px 5px 44px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 65px;
    text-align: right;
    z-index: 99;
    display: block;
}

.breadcrumbs {
    top: 7px;
    padding: 20px 0 20px 0;
    margin-top: 0;
    display: block;
}

ul#shareThisList {
    right: 0;
    text-align: left;
    z-index: 99;
    width: 140px;
}

ul#shareThisList {
    margin: 0;
    position: relative;
    left: 0;
    display: inline-block;
}

#shareThisList li ul {
    margin-top: 10px;
}

#shareThisList li ul {
    margin-top: 10px;
}

ul#shareThisList li ul:before {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

ul#shareThisList>li:first-child,
ul#shareThisList>li:nth-child(2) {
    float: left;
}

.socialLink_em,
.socialLink_st {
    padding: 0;
    margin-right: 10px;
    width: 130px;
}

ul#shareThisList .list-group-item.socialLink>a:first-child {
    padding: 0 14px 0 24px
}

ul#shareThisList li ul li {
    width: inherit;
    margin: 0;
}

ul#shareThisList ul li li {
    display: list-item;
}

ul#shareThisList li a {
    display: block;
    border: 1px solid #bbbbbb;
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    height: 31px;
    line-height: 30px;
    padding: 0 14px;
    text-decoration: none;
    font-size: 14px;
}

ul#shareThisList li a:hover {
    color: #0072bc;
}

ul#shareThisList li:nth-child(2) a:active,
ul#shareThisList li ul li:first-child a {
    border-radius: 4px 4px 0 0;
}

ul#shareThisList li ul li:nth-child(2) a,
ul#shareThisList li ul li:nth-child(3) a,
ul#shareThisList li ul li:nth-child(2) a:hover,
ul#shareThisList li ul li:nth-child(3) a:hover {
    border-radius: 0;
    border-top: none;
}

ul#shareThisList li ul li:last-child a,
ul#shareThisList li ul li:last-child a:hover {
    border-radius: 0 0 4px 4px;
    border-top: none;
}

ul#shareThisList li a i.icon-share-alt:before,
ul#shareThisList li a i.icon-facebook:before,
ul#shareThisList li a i.icon-twitter:before,
ul#shareThisList li a i.icon-at:before,
ul#shareThisList li a i.icon-google-plus:before,
ul#shareThisList li a i.icon-linkedin:before {
    width: 20px;
    text-align: center;
    font-size: 17px;
    margin-right: 10px;
    line-height: 30px;
    float: left;
}















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

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

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

.byondTabContent .secondary {
    color: #0072bc;
    background: none;
    position: relative;
    font-size: 20px;
    border-color: #0072bc !important;
    font-family: 'KobernMedium';
}

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

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

.Rate-interest {
    color: #002b54;
}

.Rate-comparison {
    color: #002b54;
}

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















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


/* byond nav bar styling */

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

div#myLogin,
#adminNav {
    position: fixed !important;
    z-index: 9991 !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: -220px 0 0 0;
    display: block;
    position: absolute;
}















/* Search page styles */

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

table.contentpaneopen fieldset .highlight {
    background-color: #0072bc;
    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 20px 0;
    padding: 20px;
    background: #dad8d8;
    border-radius: 10px 0 10px 10px;
    padding-bottom: 40px
}















/* 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;
}

.contentpaneopen_edit {
    position: relative;
    height: 30px;
    margin-bottom: 20px;
    width: 30px;
    background: #007fd4;
    text-align: center;
    padding: 4px;
    box-shadow: 3px 3px 0 0 rgba(68, 68, 68, 0.2);
}

div#page p img {
    max-width: auto;
    padding: 0;
}

div#page p.buttonheading,
div.blog p.buttonheading {
    position: absolute;
    /*display: block;*/
    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;
    /* Hiding until share-links updated */
}

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: #007fd4;
}

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

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

#comments-container {
    display: none !important;
}













/*blog summary buttons*/

.button2-left .readmore {
    float: none;
    clear: both;
    border: 2px solid orange;
    max-width: 110px;
    border-radius: 25px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
    color: orange;
    font-size: 16px;
}















/* 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;
    color: #fff;
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 80px auto 40px auto;
    font-size: 50px;
    font-family: "KobernBold", "Arial";
}

.banner-content {
    padding: 0 40px;
    max-width: 1140px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9991;
    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;
}

.internal-banner.two-1 .banner-content,
.internal-banner.one-2 .banner-content {
    padding: 0;
    max-width: 1165px;
    top: 65%;
}

.internalpages .mod-internet-banking .icon-lock:before {
    padding-right: 10px;
}

.banner-content .right-banner-content-2-1 {
    width: 30%;
    text-align: left;
    float: left;
    color: #fff;
}

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

.banner-content .left-banner-content-1-2 {
    width: 22%;
    text-align: left;
    float: left;
    color: #fff;
}

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

.banner-content .left-banner-content-1-2 .Rate-interest,
.banner-content .left-banner-content-1-2 .Rate-comparison {
    color: #fff;
    display: block;
    margin-bottom: 20px;
}

.banner-content .left-banner-content-1-2 .Rate-interest span.postfix,
.banner-content .left-banner-content-1-2 .Rate-comparison span.postfix {
    display: inline-block;
    font-weight: lighter;
    line-height: 19px;
    width: 30px;
    word-wrap: break-word;
    margin-left: 5px;
}

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

.banner-content .left-banner-content-2-1 p,
.banner-content .right-banner-content-1-2 p {
    text-align: left;
    color: #fff;
    font-size: 30px;
    line-height: 37px;
}

.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;
}

.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 {
    border: 1px solid #d1d1d1;
    width: 100%;
    background: #fff;
    padding: 30px;
    border-top: 0px !important;
    box-sizing: border-box;
}

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

.internalpages .content .productinner-title,
.searchpages .video-title {
    color: #00aeef;
    font-size: 40px;
    font-family: "KobernRegular", "Arial";
    line-height: 45px;
    margin-bottom: 20px;
    font-weight: normal;
}

.searchpages .buttonheading {
    display: none
}

#page ul#byondTabMenu,
ul#byondTabMenu {
    list-style-type: none;
    margin: 0;
    height: 60px;
    margin-bottom: 0;
    margin-top: 60px;
}

.byondTabContent p:first-child {
    margin: 0 !important;
    padding: 0px !important;
}

div#page ul#byondTabMenu li {
    text-indent: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px;
    margin: 0;
    height: 60px;
    background: none;
}















/*  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%;
}

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

ul#byondTabMenu li:hover,
#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: 61px;
    border: 0px;
}

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 {
    background: url(../images/activetab.jpg) no-repeat top;
    background-size: 100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    background-color: #fff !important;
}

#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: #0072bc !important;
    font-family: "KobernRegular", "Arial";
    font-weight: bold !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: 10px;
    line-height: 27px;
    color: #303030;
    font-size: 21px;
    font-weight: normal;
    height: 100%;
    text-align: center;
    padding-top: 13px !important;
}

#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;
}








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


Embedded form module 


========================================================================


*/

.formSection-wrapper .backgroundImage {
    height: 100%;
    left: 0;
    margin: 0;
    max-height: 700px;
    overflow: hidden;
    position: relative;
    right: 0;
    width: 100%;
}

.formSection-wrapper {
    background: #0072bc none repeat scroll 0 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: 700px;
    position: relative;
    right: 0;
    width: 100%;
}

.formSection-wrapper h2 {
    text-align: center;
    padding: 30px 20px;
    color: #fff;
}

.formSection-wrapper img {
    height: 100%;
    width: auto;
    position: absolute;
    left: -300%;
    right: -300%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    max-height: 600px;
}

.formSection-inner {
    box-sizing: border-box;
    left: 0;
    margin: auto;
    max-width: 990px;
    padding: 20px 40px 20px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 9991;
}

.form {
    width: 70%;
    text-align: left;
    display: inline-block;
}

.ctas {
    width: 25%;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    text-align: left;
}















/*////////////////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,
.btn.outline {
    color: #0072bc;
}

section.homeloan .btn:hover {
    color: #fff;
    background: #0072bc;
}

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

.homeloaninternal table {
    margin: 0 !important;
}

#disclaimertext {
    display: none
}







/*flip images*/

#boxes {
    max-width: 1200px;
    margin: 100px auto 0 auto;
}

#boxes p,
#boxes h2 {
    color: #fff;
    padding: 0 20px;
}

#boxes p {
    line-height: 22px;
    margin: 10px 20px;
}

#boxes .mask h2 {
    margin-top: 20%;
    padding-bottom: 10px;
}

#carouselContainer {
    margin-top: 50px !important
}

#carouselContainer .item {
    height: 440px;
    margin-bottom: 20px;
}

.item {
    overflow: hidden;
    position: relative;
    float: left;
    width: 33.333333333333336%;
    -webkit-tap-highlight-color: transparent;
    /*fix for flicker on ipad*/
}

.item .heading {
    box-sizing: border-box;
    left: 0;
    margin: auto;
    max-width: 800px;
    padding: 0 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 100%;
    z-index: 999;
}

.item .heading h2,
.item .heading h2 a {
    color: #fff;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    padding: 0 10px;
}

.item-first .mask {
    opacity: 0;
    transition: all 0.3s ease-in-out 0.3s;
    background: #fff;
    text-align: center;
}

.item-first .mask h2 {
    padding: 50px 30px 0 30px;
    margin: 0;
}

div#page .item-first .mask p {
    padding: 30px 60px;
    font-size: 1.2em;
}

.item .mask {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    background-image: url(/templates/client/images/homeloansBG.gif);
}

.item i {
    color: #0072bc;
    font-size: 50px;
    text-align: center;
    display: block;
    line-height: 68px;
    padding: 10px 10px 10px 30px;
}

.item-first:hover .mask,
.item-first:active .mask {
    opacity: 1;
    transition: all 0.3s ease-in-out 0.3s;
}

.item-first:hover .heading,
.item-first:active .heading {
    opacity: 0;
    transition: all 0.3s ease-in-out 0.3s;
}

.item-first .heading,
.item-first .heading {
    opacity: 1;
    transition: all 0.3s ease-in-out 0.3s;
}

.item-first img {
    transition: all 0.3s linear 0.3s;
}

.item img {
    display: block;
    position: relative;
    width: 100%;
}

.editlinktip img {
    width: 16px;
    height: 16px;
}

.item .btn {
    display: block;
    margin: 0 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 250px;
}

.mask .btn {
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 40px;
}















/*ie 9 and 10 fix - centre the button on each box*/

@media screen and (min-width: 0\0) {
    .mask .btn {
        width: 250px;
    }
}















/*end of flip images*/

@media all and (max-width: 1500px) {
    .formSection-wrapper img {
        left: -300% !important;
        margin: auto;
        right: -300% !important;
        width: auto !important;
        z-index: 0;
        height: 100%;
    }
}

@media all and (max-width: 950px) {
    #boxes .mask h2 {
        margin-top: 10%;
    }
    .item {
        width: 32.3%;
        margin: 0.5%;
    }
    #carouselContainer .item {
        width: 100% !important;
        margin: 0 !important;
        height: 370px;
    }
    .item .btn {
        max-width: 200px;
    }
    .form {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .formSection-wrapper h2 {
        text-align: center;
    }
    .formSection-wrapper iframe {
        height: 615px !important;
    }
    .formSection-wrapper,
    .formSection-wrapper .backgroundImage {
        max-height: 710px;
        z-index: 1;
    }
    .formSection-inner {
        padding: 20px 0 20px 20px;
        max-height: 570px;
    }
    .ctas {
        display: none;
    }
}















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

                                
        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: #faa633;
    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: #0072bc;
}

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: rgba(0, 0, 0, 0.7);
    color: #fff;
}















/* Max Break points
====================================== */

@media all and (max-width: 1370px) {
    .share-links {
        padding: 12px 10px 5px 44px;
        margin-right: 90px;
    }
}

@media all and (max-width: 1350px) {
    .internal-banner.two-1 .banner-content,
    .internal-banner.one-2 .banner-content {
        padding: 0 95px 0 40px;
    }
}

@media all and (max-width: 1230px) {
    .stripe.stripe-white {
        padding: 50px 0 50px 0;
    }
    .promo-bottom-txt h4 {
        font-size: 20px !important;
        line-height: 20px;
    }
    .is-scam-alert-loaded .menu-top-wrapper {
        padding-right: 3.5em;
        max-width: none;
    }
    .TB_Wrapper .Slide div .txtCont span span {
        font-size: 50px;
        line-height: 55px;
    }
    .TB_Wrapper .Slide>div {
        overflow: visible;
    }
    .quick-tools li {
        margin: 0 20px;
    }
    .qt-wrapper-home .quick-tools li a {
        margin-left: auto;
        margin-right: 0;
    }
    .quick-tools li a[class^="icon-"]:before,
    .quick-tools li a[class*=" icon-"]:before {
        font-size: 38px;
    }
    [class^="icon-"] span,
    [class*=" icon-"] span {
        font-size: 14px;
        padding: 0 8px;
    }
    .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;
    }
    ul.quicklinks-popup li {
        width: 32.9%;
    }
}

@media all and (max-width: 1120px) {
    .sub-promo .mod-sub.news,
    .sub-promo .mod-sub.blog {
        height: 500px;
    }
    div#page .contact-container ul li {
        width: 49% !important;
    }
}

@media all and (max-width: 1075px) {
    body.Section32 #page ul#byondTabMenu li {
        width: 38.3%;
    }
    .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;
    }
}

@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: 0 20px;
    }
    /* home loan boxes*/
    .mask .btn {
        bottom: 20px;
    }
    #boxes .mask h2 {
        margin-top: 10%;
    }
}

@media all and (max-width: 1023px) {
    .footer-right-container {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    .footer-right-container iframe {
        height: 722px;
    }
    .footer-right-container {
        float: none;
    }
    .fist-menu-links li {
        padding-right: 0;
        width: 50%;
        text-align: left;
    }
    .fist-menu-links {
        box-sizing: border-box;
        padding: 30px 0 20px 30px;
    }
    .footer-left-menu {
        width: 100% !important;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: inline-block;
    }
    .main-wrapper {
        margin-top: 160px;
    }
    .menu-top-wrapper {
        height: 70px;
    }
    .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: 50px;
        line-height: 40px;
    }
    .qt-wrapper-home .quick-tools li {
        display: block;
        width: 100%;
        text-align: left;
        border-right: 0;
        margin: 0 10px;
    }
    ul.quicklinks-popup li {
        width: 96%;
        height: auto;
        border-bottom: 1px solid #ccc;
        min-height: 75px;
        margin: 0;
    }
    ul.quicklinks-popup li a {
        padding: 12px;
    }
    ul.quicklinks-popup li a span.icon-quicklinks {
        top: 12px;
        left: 16px;
    }
    .qt-wrapper-home {
        width: 24%;
    }
    .qt-wrapper-home .quick-tools li:last-child,
    ul.quicklinks-popup li:last-child {
        border-bottom: none;
    }
    ul.quicklinks-popup li p {
        display: none;
    }
    .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 {
        /*font-size: 25px;*/
        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 */
        box-sizing: border-box;
    }
    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%;
    }
    .popup_content .quicklinks-table table.two-col-layout-cta td:last-child p {
        width: 35%;
        display: inline;
        float: left;
    }
    .popup_content .quicklinks-table table.two-col-layout-cta td:last-child p.Rate-interest span.input,
    .popup_content .quicklinks-table table.two-col-layout-cta td:last-child p.Rate-comparison span.input {
        font-size: 50px;
    }
    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;
    }
    .site-links {
        padding: 0;
    }
    .site-links h3 {
        margin: 0;
        background-color: #0072bc;
        color: #fff;
        width: 100%;
        padding: 20px 0;
        font-size: 20px;
        font-weight: bold;
        -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;
        z-index: 999;
        cursor: pointer;
    }
    .site-links h3:after,
    .site-links h3.active:after {
        font-size: 30px;
        display: inline-block;
        font-weight: bold;
        line-height: 0;
        vertical-align: middle;
        margin-left: 8px;
    }
    .site-links h3:after {
        content: "\e905";
        color: #fff;
    }
    .site-links h3.active:after {
        content: "\e902";
    }
    .site-links h3.active {
        margin: 0;
        background-color: #0072bc;
        color: #fff;
        width: 100%;
        padding: 20px 0;
        font-weight: normal;
    }
    .links-tbl {
        margin-top: 10px;
    }
    .qt-wrapper-home .quick-tools li {
        text-align: center;
        margin: 0;
    }
    .quick-tools li a:before {
        content: none;
    }
    .quick-tools li i {
        display: block;
    }
    .qt-wrapper-internal ul.quick-tools li i {
        display: block;
        padding-left: 20px;
        padding-top: 40px;
        padding-bottom: 10px;
    }
}

@media all and (max-width: 960px) {
    .banner-content .right-banner-content-2-1 {
        width: 38%;
    }
    .banner-content .left-banner-content-2-1 {
        width: 100%;
        padding-right: 2%;
    }
}

.searchpages .menutopMenu li a {
    color: #000 !important
}

.searchpages .mod-top-menu span.separator {
    color: #000 !important
}

.searchpages .darktopheader .mod-top-menu span.separator,
.searchpages .darktopheader .menutopMenu li a {
    color: #fff !important;
}

@media all and (max-width: 480px) {
    #infocastContainer div#generateFactsheet input.emailDirect {
        font-size: 11px !important;
    }
}

@media all and (max-width: 875px) {
    .contact-container {
        min-height: 200px !important;
    }
    table.two-col-cta-layout td {
        width: 98% !important;
        display: block;
        padding: 0px 20px 20px 0px !important;
    }
    select#infocastProductId,
    select#infocastSimulator {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }
    #infocastContainer .sectionDataLeft p,
    #infocastContainer .sectionDataRight p {
        margin: 5px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    h2 {
        padding: 0 0 20px 0;
    }
    .popup_content .quicklinks-table {
        padding: 20px;
    }
    .popup_content .quicklinks-table table.two-col-layout-cta td {
        margin: 0 0 20px 0 !important;
    }
    .popup_content .quicklinks-table table.two-col-layout-cta td:last-child p {
        width: 50%;
        display: inline;
        float: left;
    }
    h1,
    .internal-banner h1 span,
    .internal-banner-campaign h1 span,
    h1.componentheading,
    h1.page-header,
    div#page h1 {
        font-size: 45px;
        line-height: 40px;
    }
    .banner-content .left-banner-content-2-1 p,
    .banner-content .right-banner-content-1-2 p {
        font-size: 25px;
        line-height: 30px;
    }
    /*#page {
                background: #fff;
            }*/
    .expandTb {
        margin: 20px;
    }
    .popup_content .quicklinks-table p {
        margin: 0 0 15px 0;
    }
    .popup_content .quicklinks-table .btn {
        margin: 0 12px 10px 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-weight: normal;
    }
    .btn.ib span {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .testimonials .articlelist li {
        display: block;
        width: 100%;
        margin-right: 0;
    }
    .testimonials .articlelist_item .articleWrapper {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }
    /* 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;
        -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 30px 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: auto;
    }
    /* Rates, benefits and features */
    .Rate-interest span.input,
    .Rate-comparison span.input {
        font-size: 40px;
    }
    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;
    }
    .qt-wrapper-home [class^="icon-"] span,
    .qt-wrapper-home [class*=" icon-"] span {
        display: block;
        padding: 0 15px;
    }
    /*div#page .forms-applications > li:first-child {
        display: none;
    }*/
    div#page .forms-applications>li {
        width: 50%;
    }
    /*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;
    }
    .qt-wrapper-home .quick-tools li {
        text-align: center;
        margin: 0;
    }
}

.mod-desktop-none {
    display: none;
}

@media all and (max-width: 800px) {
    div.blog {
        padding-top: 15px !important;
        width: 100%;
        float: right !important;
    }
    .news-block .home-news-blog-container {
        height: 290px !important;
        padding-top: 0px !important;
        padding-bottom: 30px;
    }
}

.mobile-discalimer {
    display: none
}

.products,
.services,
.newstools,
.disclaimertext {
    display: block
}

.item .secondary {
    color: #fff;
    background: none;
    position: relative;
    border-color: #fff;
}

@media all and (max-width: 765px) {
    .mod-top-menu .mod-mobile-menu {
        display: block !important;
    }
    .mod-top-menu a.mod-search-button {
        display: block;
    }
    .testimonial-block .articlelist_intro {
        font-size: 25px !important;
        width: 94%;
    }
    .mod-mobile-show {
        display: block !important
    }
    .first-level-logo.mod-mobile-show {
        display: inline-block !important;
    }
    .right-hand-nav {
        margin: 20px 0 50px 10px;
    }
    .sidebarPromo {
        width: 98%;
        margin: 20px 0 50px 10px;
    }
    .darkbottom {
        font-size: 17px !important
    }
    .mob-first-menu img {
        width: 89%;
        max-width: 400px;
    }
    .internal-banner,
    .internal-banner-campaign {
        height: 500px
    }
    .blog.blog-landing .leading .contentheading,
    .leading.blog-landing p {
        width: 95% !important;
        line-height: 30px;
    }
    p.img-container,
    .leading.blog-landing p.img-container {
        width: 100% !important
    }
    .leading.blog-landing p {
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }
    .mob-first-menu {
        display: block !important;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    footer {
        text-align: center;
        padding: 0;
        padding-bottom: 30px;
    }
    .banner-content h1 {
        margin: 20px auto 40px auto;
        text-align: center !important;
    }
    .banner-content .left-banner-content-2-1 p,
    .banner-content .right-banner-content-1-2 p,
    .left-banner-content-2-1 {
        text-align: center !important;
    }
    .products,
    .services,
    .newstools {
        display: none
    }
    .footer-left-container .links-tbl td {
        width: 100%;
        padding: 0px
    }
    .products div,
    .services div,
    .newstools div {
        padding: 5px;
        text-align: left
    }
    .mobile-discalimer {
        display: block;
        font-size: 20px;
        cursor: pointer;
    }
    .disclaimertext {
        width: 80%;
        padding: 20px 20px 20px 0px;
        display: none;
    }
    .products,
    .services,
    .newstools {
        padding: 10px
    }
    .mobile-arrow {
        padding: 20px;
        text-align: left;
        border-bottom: 1px solid #8e8e8e;
        font-family: "KobernRegular", "Arial";
        font-weight: bold;
    }
    #disclaimertext {
        display: block;
        float: left;
        padding-right: 10px;
        font-size: 23px;
        padding-top: 0px;
    }
    .footer-right-container iframe {
        height: 690px;
    }
    .footer-links.mod-footer-links li {
        width: 100%;
        float: none
    }
    .mobile-arrow:after {
        background: none !important;
        padding: 0;
        font-size: 28px;
        display: inline-block;
        font-family: 'icomoon';
        text-align: center;
        content: "\e902";
        float: right;
        cursor: pointer;
        color: #919499;
    }
    .mobile-arrow.active:after {
        background: none !important;
        padding: 0;
        font-size: 28px;
        display: inline-block;
        font-family: 'icomoon';
        text-align: center;
        content: "\e905";
        float: right;
        cursor: pointer;
        color: #919499;
    }
    .links-tbl td table th {
        font-size: 1.1em;
        font-weight: 800;
        color: #fff;
        padding: 20px;
        border-bottom: none;
    }
    .prdouct-above-content {
        padding: 20px
    }

    #toTop {
        bottom: 18%;
        right: 20px;
    }
    .nav-background {
        position: absolute;
        height: 2px;
        display: block;
        background-color: #eee;
        width: 100%;
        top: 0;
        z-index: -1;
    }
    .main-wrapper {
        margin-top: 75px !important;
    }

    .item {
        width: 100%;
        padding: 0px !important;
    }
    #carouselContainer .item {
        width: 100% !important;
        height: 410px
    }
    .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;
    }
    .mod-notifications .content {
        font-size: 16px;
        font-weight: 400;
    }
    .mod-top-menu .mod-internet-banking,
    .mod-top-menu .mod-search-button {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
        line-height: 75px;
        border-radius: 0;
        padding: 0;
        margin-left: 0;
    }
    .mod-top-menu .mod-internet-banking:hover {
        margin-bottom: 0;
        box-shadow: none;
    }
    .mod-top-menu .mod-internet-banking {
        background: #f58025;
    }
    .mod-desktop-none {
        display: block;
    }
    .TB_Wrapper,
    .TB_Wrapper .Slides {
        height: 600px !important;
    }
    .mod-mobile-menu,
    .mod-top-menu div.mobile-icon-div>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-top-menu div.mobile-icon-div>a.first-level-logo:not(.mod-button) {
        height: auto;
        width: auto;
    }
    .mod-mobile-menu:before,
    .mod-top-menu div.mobile-icon-div>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 div.mobile-icon-div>a:not(.mod-button) i,
    .mod-mobile-menu span,
    .mod-top-menu div.mobile-icon-div>a:not(.mod-button) span {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        line-height: 1;
    }
    .sub-promo-wrapper {
        padding: 0px !important
    }
    .share-links {
        margin-left: 0px
    }
    .stripe.stripe-white {
        padding: 30px 35px 30px 35px !important
    }
    .sub-promo-slider.owl-carousel .owl-controls .owl-nav .owl-prev {
        margin-left: -25px !important;
        background: #00aeef !important
    }
    .sub-promo-slider.owl-carousel .owl-controls .owl-nav .owl-next {
        background: #00aeef !important;
        margin-right: -32px !important;
    }
    .promo-bottom-txt h4 {
        font-size: 20px !important;
        line-height: 20px;
    }
    .footer-left-menu {
        width: 100%;
    }
    .mod-mobile-menu i:before,
    .mod-top-menu div.mobile-icon-div>a:not(.mod-button) i:before {
        display: inline !important;
        line-height: normal !important;
    }
    .mod-mobile-menu i,
    .mod-top-menu div.mobile-icon-div>a:not(.mod-button) i {
        font-size: 1.25em;
    }
    .mod-mobile-menu span,
    .mod-top-menu div.mobile-icon-div>a:not(.mod-button) span {
        position: absolute;
        bottom: 0.5em;
        width: 100%;
        left: 0;
        /*  DISABLED UNTIL ASKED TO ENABLE  */
        display: none;
    }
    .sub-promo-slider .owl-controls .owl-nav .owl-prev,
    .sub-promo-slider .owl-controls .owl-nav .owl-next {
        background: #00aeef !important;
    }
    .product-banner .img {
        margin-right: 0px !important
    }
    .mod-mobile-menu {
        background-color: #474c55;
    }
    .mod-mobile-menu i {
        
        color: #fff;
        font-size: 2em;
    }
    .promo-bottom-txt {
        padding: 10px !important;
        margin-right: 0px !important
    }
    .promo-bottom-txt .btn.primary {
        padding-top: 10px !important;
        margin-bottom: 10px;
        text-align: left;
    }
    .mod-top-menu .mod-search-button {
        background-color: transparent;
    }
    .promo-bottom-txt p:nth-child(2) {
        margin-top: 10px !important;
    }
    .mod-search-button i {
        color: #fff;
        font-size: 2em;
    }
    .mod-notifications.mod-menu .mod-menu-wrap {
        padding: 0.75em 0;
        margin: 0 0.75em;
    }
    .menu-top-wrapper .mod-logo {
        text-align: left;
        margin-left: 20px;
    }
    .menu-top-wrapper .mod-logo-img {
        max-height: 32px;
        width: 260px;
        text-align: left;
        margin-top: -5px;
        position: absolute;
        left: 10px;
        position: absolute;
        left: 10px;
        top: 29px;
    }
    .logo {
        margin: 15px 0 15px 0;
    }
    .campaign .mobile {
        margin: 10px 0;
    }
    /* rotator */
    section.main-banner {
        margin-top: 0;
    }
    .TB_Wrapper .Slide div .txtCont {
        margin: 0;
        text-align: center;
        top: 0px !important;
    }
    .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;
    }
    .main-wrapper {
        margin-top: 0;
    }
    .nav-wrapper,
    div#myLogin,
    #adminNav {
        position: absolute;
    }
    .nav-wrapper.campaign {
        height: 90px;
    }
    .menu-wrapper {
        background: none;
    }
    .menu-top-wrapper {
        height: 75px;
        padding: 0;
        background: #0072bc;
        padding-right: 0px !important;
    }
    .is-scam-alert-loaded .menu-top-wrapper {
        padding-right: 0;
    }
    .is-scam-alert-loaded .mod-button-scam-alert {
        margin-left: 30px;
        margin-right: -45px !important;
    }
    .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: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: 30px;
        padding: 0 20px 80px 20px;
    }
    .searchpages section.content {
        margin-top: 30px !important;
        padding-bottom: 20px;
    }
    .share-links {
        padding: 0px 0px 0 0;
        text-align: right;
    }
    .main-menu-top li {
        line-height: 65px;
        padding: 0 15px 0 0;
    }
    .main-menu-top li:nth-child(3) {
        margin-right: 45px;
    }
    .internal-banner.two-1 .banner-content,
    .internal-banner.one-2 .banner-content {
        padding: 0 20px;
        top: 50%;
    }
    .banner-content .left-banner-content-1-2 {
        width: 29%;
        text-align: center;
    }
    .banner-content .right-banner-content-2-1 {
        width: 48%;
    }
    #ps_results {
        width: 100%;
        max-height: 200px;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 0;
        overflow: auto;
    }
    .search-wrapper {
        top: 0;
    }
    #search-form {
        display: none;
        float: none;
        margin: 0;
        width: 100%;
        border-radius: 0;
        background-color: #eee;
    }
    #search-form input {
        color: #303030;
        width: 80%;
        border-radius: 0;
        box-shadow: none;
        background-color: #fff;
        height: 60px;
    }
    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 {
        width: 20%;
        line-height: 60px;
        height: 60px !important;
        height: auto;
        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: #fff;
        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/spinner_new.gif);
        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,
    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;
    }
    .qt-wrapper-home,
    .qt-wrapper-internal {
        width: 100%;
        top: auto !important;
        bottom: 92px;
        position: fixed;
        right: 1px;
        left: auto;
        border-radius: 5px 0px 0px 5px;
    }
    .qt-wrapper-home .quick-tools,
    .qt-wrapper-internal .quick-tools {
        padding-top: 0;
    }
    h3.mToggleLinks {
        display: block !important;
        width: 60px;
        position: fixed;
        bottom: 20px;
        right: 0;
        padding: 0;
        line-height: 26px;
        background: rgba(0, 174, 239, 0.80);
        border-radius: 50%;
        color: #ffffff;
        z-index: 99999;
        height: 60px;
        margin: 0;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
    }
    .qt-wrapper-home {
        display: none;
    }
    .qt-wrapper-home .quick-tools li span,
    .qt-wrapper-internal .quick-tools li span {
        font-size: 1em;
    }
    .qt-wrapper-home .quick-tools li a,
    .qt-wrapper-internal .quick-tools li a {
        text-align: center;
        padding: 0.8rem 0.5rem;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .qt-wrapper-home [class^="icon-"] span,
    .qt-wrapper-home [class*=" icon-"] span,
    .qt-wrapper-internal [class^="icon-"] span,
    .qt-wrapper-internal [class*=" icon-"] span {
        display: inline-block;
    }
    .qt-wrapper-internal ul.quick-tools li i {
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }
    .qt-wrapper-home .quick-tools li a[class^="icon-"]:before,
    .qt-wrapper-home .quick-tools li a[class*=" icon-"]:before,
    .qt-wrapper-internal .quick-tools li a[class^="icon-"]:before,
    .qt-wrapper-internal .quick-tools li a[class*=" icon-"]:before {
        font-size: 44px;
        line-height: 20px;
    }
    .qt-wrapper-home .quick-tools li a,
    .qt-wrapper-internal .quick-tools li a {
        margin-right: 0;
        vertical-align: middle;
        line-height: 23px;
    }
    .quick-tools li a:before {
        content: none;
        width: 1px;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }
    .quick-tools li i:before {
        left: 6px;
    }
    .quick-tools li i {
        font-size: 23px;
    }
    .qt-wrapper-internal ul.quick-tools li i {
        padding-bottom: 10px;
    }
    h3.mToggleLinks:before {
        content: "\e905";
        font-family: 'icomoon';
        color: #ffffff;
        display: block;
        font-size: 30px;
        position: absolute;
        top: 23%;
        left: 36%;
        font-weight: bold;
    }
    h3.mToggleLinks.active:before {
        content: "\e902";
        font-family: 'icomoon';
        color: #ffffff;
        display: block;
        font-size: 30px;
        position: absolute;
        top: 23%;
        left: 36%;
        font-weight: bold;
    }
    .qt-wrapper-internal ul.quick-tools li,
    .qt-wrapper-home ul.quick-tools li {
        height: 20%;
        max-width: 100%;
        display: block;
        width: 100%;
        text-align: left;
        border-right: 0;
        margin: 0;
        padding: 0;
    }
    .qt-wrapper-internal li:hover a {
        background-color: transparent;
    }
    .news h3 {
        float: none;
        margin: 10px 0;
    }
    #moreNewsreadAll {
        float: none;
    }
    #moreNewsreadAll a {
        margin: 0 auto;
    }
    .articlelist li.articlelist_item {
        text-align: center;
    }
    .testimonials .articlelist_item .thumbImage {
        float: none;
        height: auto;
        display: block;
        margin: 0 auto;
        width: auto;
    }
    .main-wrapper.Banner section.content {
        padding: 0px;
    }
    .internalpages .content .productinner-title {
        padding: 10px 20px 20px 0px !important;
    }
    .contactus-title {
        padding: 30px 20px 20px 0px !important;
    }
    .contactus .byondTabContent table {
        margin-top: 20px !important;
    }
    .contact-container {
        width: 94% !important;
    }
    .main-wrapper.Banner section.content div,
    .main-wrapper.Banner section.content span,
    .main-wrapper.Banner section.content p,
    .main-wrapper.Banner section.content h1 {
        padding: 10px 20px 20px 20px;
        box-sizing: border-box;
    }
    .productheading .icon-home2 {
        margin-left: 0px !important;
        padding-bottom: 0px !important;
    }
    .Rate-interest span,
    .Rate-comparison span {
        padding: 0px !important
    }
    .contact-holder,
    .contactus,
    .contactus .byondTabContent {
        padding: 0px !important
    }
    .contact-holder ul#byondTabMenu {
        width: 100% !important
    }
    table.expandTb .expandTb_icon {
        padding: 0px !important
    }
    div#page p.Rate-interest,
    div#page p.Rate-comparison {
        width: 100%;
    }
    div#page h1 {
        line-height: 40px;
        margin-bottom: 0px;
        padding-bottom: 10px;
        padding-top: 30px;
    }

    .byond div#page h1:nth-child(2),
    div#page h1:nth-child(1) {
        padding-left: 0px;
        padding-top: 0px;
    }
    .news .breadcrumbs {
        padding: 0px 20px 0px 0px !important;
        width: 80%;
    }
    .searchpages .breadcrumbs {
        padding: 0px 20px 0px 0px !important
    }
    .product-box {
        padding: 10px 0px 0px 0px !important;
    }
    #carouselContainer {
        margin-bottom: 0px !important;
    }
    #carouselContainer .item {
        padding: 0px;
    }
    .internalpages section.content div#page {
        margin: 0 0 0 0;
        width: 99%;
        padding: 10px 10px 20px 20px;
    }
    #page ul#byondTabMenu,
    ul#byondTabMenu {
        margin-top: 30px;
    }
    table.three-col-split,
    table.two-col-split {
        margin: 0 auto 0px auto !important;
    }
    #tabWrap {
        padding: 0px;
    }
    .product-tileitem1.theme2,
    .product-tileitem2.theme2,
    .product-tileitem3.theme2 {
        border-right: 1px solid #ccc !important
    }
}

.testimonials {
    margin: 20px auto;
}

.sub-promo .mod-sub.sub1,
.sub-promo .mod-sub.sub3,
.sub-promo .mod-sub.sub4 {
    border-right: none;
}

.share-links {
    margin-right: 0;
}

.share-links:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}







}
.mob-first-menu {
    display: none
}

.contact-container .top {
    border-bottom: 1px solid #fbf6f6;
}

@media (max-width: 799px) {

    .blog-block:before,
    .testimonial-block:before {
        content: '';
        display: block;
        bottom: 0;
        left: 0em;
        width: calc(100% - 0em);
        border-bottom: 1px solid #00aeef;
    }

    .testimonial-block {
        padding-top: 40px;
    }

    .testimonial-block .mod-container {
        padding-top: 30px;
    }

    .blog-block .mod-container {
        padding-top: 50px;
    }

    .news-block .icon-info:before,
    .blog-block .icon-bubbles:before {
        margin-right: 0.3em;
        font-size: 26px;
        display: inline-block;
        vertical-align: bottom;
        font-family: 'icomoon';
        display: inline-block;
        vertical-align: middle;
    }

    .sub-promo .mod-sub.sub1,
    .sub-promo .mod-sub.sub2,
    .sub-promo .mod-sub.sub3 {
        width: 94%;
        margin: 0.5% 0%;
    }

    .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 0px;
    }

    .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 {
        font-size: 30px;
        line-height: 35px;
    }

    .sub-promo .mod-sub.news,
    .sub-promo .mod-sub.blog {
        height: 440px;
    }

    .home-news-blog-container {
        float: none;
        width: 100%;
        padding-top: 0px;
        height: 205px;
    }

    .home-news-blog-container img {
        max-height: 300px;
    }

    .home-news-blog-container .jcarousel-prev {
        right: 0;
        bottom: -27px;
    }

    .home-news-blog-container .jcarousel-next {
        bottom: -27px;
    }

    .sidebarPromo {
        width: 100%;
        margin: 50px 0 50px 0;
    }

    .right-hand-nav {
        margin: 50px 0 50px;
    }

    .internal-banner-blog.ceo {
        height: 325px;
    }
}
@media (min-width: 451px) and (max-width: 500px) {
    div#page .contact-container ul li.contact-clock {
        width: 41% !important;
        font-size: 11px !important;
    }

    div#page .contact-container ul li.contact-printer-desk {
        width: 40% !important;
        font-size: 11px !important;
    }
}
@media all and (max-width: 450px) {
    div#page .contact-container ul li:nth-child(1) {
        width: 100% !important;
        padding-left: 35px;
    }

    div#page .contact-container ul li.contact-clock {
        width: 100% !important;
        font-size: 11px !important;
    }

    div#page .contact-container ul li.contact-printer-desk {
        width: 100% !important;
        font-size: 11px !important;
        text-align: left;
    }


    div#page .contact-container ul li:nth-child(3):before {
        left: 0 !important;
    }
}

@media (min-width: 641px) and (max-width: 2500px) {
    .contact-container {
        max-height: 340px;
    }
}
@media (min-width: 876px) and (max-width: 1200px) {
    div#page .contact-container ul li {
        width: 100% !important
    }
}
@media (min-width: 501px) and (max-width: 640px) {
    div#page .contact-container ul li.contact-clock {
        width: 47% !important;
        padding-left: 30px !important;
        font-size: 13px !important;
        vertical-align: top;
    }

    div#page .contact-container ul li.contact-printer-desk {
        width: 34% !important;
        padding-left: 30px !important;
        font-size: 13px !important;
        vertical-align: top;
    }
}
@media all and (max-width: 765px) {
    /*fixed gbst calculator*/
    .main-wrapper.Banner section.content div.responsive_layout div, .main-wrapper.Banner section.content div.responsive_layout span:not(.calculator-disclaimer), .main-wrapper.Banner section.content div.responsive_layout p, .main-wrapper.Banner section.content div.responsive_layout h1, .main-wrapper.Banner section.content div.phones_to_tablets_layout div, .main-wrapper.Banner section.content div.phones_to_tablets_layout span:not(.calculator-disclaimer), .main-wrapper.Banner section.content div.phones_to_tablets_layout p, .main-wrapper.Banner section.content div.phones_to_tablets_layout h1 {
         padding:0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
     }
     .main-wrapper.Banner section.content div.responsive_layout .ui-button span.ui-button-text, .main-wrapper.Banner section.content div.phones_to_tablets_layout .ui-button span.ui-button-text {
        padding-left: 27px;
     }
    .loan-calculator-app #gbst-loan-calculator.gbst-loan-repayment .title .info-panel.backgroundWith3Icons, .car-loan-calculator-app #gbst-car-loan.gbst-loan-repayment .title .info-panel.backgroundWith3Icons, .info-panel.backgroundWith3Icons {
        -webkit-box-sizing:content-box;
        -moz-box-sizing:content-box;
        box-sizing:content-box;
    }
/*
    .borrowing-power-calculator-app #gbst-borrowing-power.gbst-loan-repayment .title .info-panel.backgroundWith3Icons, .budget-planner-calculator-app #gbst-budget-planner.gbst-loan-repayment .title .info-panel.backgroundWith3Icons {
         width: 135px !important;
     }
*/
     .loan-calculator-app #gbst-loan-calculator.gbst-loan-repayment .title {
         padding-right:150px!important;
     }
}

@media all and (max-width: 640px) {
    .top p:before {
        width: 130px !important;
        text-align: right !important;
        padding-left: 20px !important;
    }

    .contact-container .top {
        padding-bottom: 20px !important;
    }

    .contact-container div {
        padding-bottom: 10px !important;
    }

    .contact-container {
        min-height: auto !important
    }

    .contact-num {
        display: none
    }

    .fist-menu-links li {
        padding-right: 0;
        width: 50%;
        text-align: left;
    }

    .share-links {
        padding: 0 10px 0 0;
        position: relative;
        width: 100%;
        right: 0;
        text-align: right;
        height: 60px;
    }

    div#page .contact-container ul li:nth-child(1):before,
    div#page .contact-container ul li.faxicon:before {
        content: '\e91f';
        color: #0072bc;
        font-size: 25px;
    }

    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;
    }

    .is-scam-alert-loaded .mod-button-scam-alert {
        margin-left: 23px;
        margin-top: 20px;
        margin-right: -38px !important;
    }

    .menu-top-wrapper {
        padding: 0;
        height: 60px;
        padding-right: 0px !important
    }

    .menu-top-wrapper .mod-logo-img {
        max-height: 56px;
        width: 260px;
        text-align: left;
        margin-top: -5px;
        position: absolute;
        left: 10px;
        top: 22px;
    }

    .mod-mobile-menu,
    .mod-top-menu div.mobile-icon-div>a:not(.mod-button) {
        width: 60px;
        height: 60px;
    }

    .campaign .menu-top-wrapper {
        height: 75px;
        padding: 5px 20px;
    }

    .main-wrapper {
        margin-top: 60px !important;
    }

    .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.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;
    }

    .testimonials .articlelist li:nth-child(2),
    .testimonials .articlelist li:last-child {
        display: none;
    }

    .testimonials .articlelist_item .thumbImage {
        max-width: 100%;
        margin: 0 auto;
        float: none;
    }

    .testimonials .articlelist_item .thumbImage img {
        max-width: 100%;
        height: auto !important;
    }

    .testimonials .articlelist_item .articleWrapper {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }

    footer {
        text-align: center;
        padding: 0;
        padding-bottom: 30px;
    }

    .footerLeft {
        float: left;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 0 5px 50px;
    }

    .footerRight {
        float: inherit;
        max-width: 100%;
    }

    footer ul {
        padding: 0;
    }

    .footer-links li {
        display: inline-block;
        float: left;
        width: 100%;
        height: 38px;
        line-height: 50px;
        margin: -1px 0 0 0;
        text-align: left;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    .footer-links li:last-child {
        margin-bottom: 25px;
    }

    .footer-links li a {
        display: block;
        height: 100%;
    }

    .footer-links li a:hover {
        padding: 0;
        /*color: #0072bc;*/
        border-bottom: none;
    }

    .icon-phone-Icon:before {
        margin: 11px 0 0 -30px;
    }

    .mod-footer-icons a {
        color: #0072bc;
    }

    .mod-footer-icons a span {
        display: none;
    }

    .footer-links li:not(:last-child):after {
        content: none;
    }

    footer p {
        margin: 1em 0 2em 0;
    }
    /* Campaign banner */

    .banner-content h1 {
        line-height: 40px;
    }

    .news .banner-content h1 {
        line-height: 48px;
    }

    .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%;
        /*float: left;*/
    }

    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.stripeTable tr td {
        border-left: 1px solid #d1d1d1;
    }

    [ 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;
    }

    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 {
        width: 100%;
    }

    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;
    }

    #page ul#byondTabMenu,
    ul#byondTabMenu {
        margin-top: 30px;
        padding: 20px 0 0 0;
        width: 98%;
        border-bottom: 0px;
        height: auto;
    }

    ul#byondTabMenu li:active,
    ul#byondTabMenu li.active,
    #page ul#byondTabMenu li:active,
    #page ul#byondTabMenu li.active {
        background: linear-gradient(to right, #00aeef 10%, #273996 100%);
        border: 0px;
        border-radius: 0px;
        color: #fff !important;
    }

    #byondTabMenu:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    table tbody td h3 a {
        font-size: 22px;
    }

    table td p .btn {
        width: 90%
    }

    div.byondTabContent {
        border: 0px !important;
        width: 97%;
        margin: 0px 0px 20px 0px !important;
    }

    div#page ul#byondTabMenu li {
        border: 1px solid #ccc
    }

    ul#byondTabMenu li:hover,
    #page ul#byondTabMenu li:hover {
        background: linear-gradient(to right, #00aeef 10%, #273996 100%);
        border: 0px;
        border-radius: 0px;
        color: #fff !important;
    }

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

    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, #0072bc), color-stop(0.7, #0072bc), color-stop(1, #0072bc));
        background-repeat: no-repeat;
        background-position: right center;
        background: url('/templates/ByondCoreCommon/mimages/maps/tick.png') no-repeat right center, -moz-linear-gradient(top, #0072bc0%, #0072bc70%, #0072bc100%);
        border: 0;
        border-radius: 10px 0 10px 10px;
    }

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

    .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, #0072bc), color-stop(0.7, #0072bc), color-stop(1, #0072bc));
        background: -moz-linear-gradient(top, #0072bc0%, #0072bc70%, #0072bc100%);
        background-color: #0072bc;
        border-radius: 10px 0 10px 10px;
    }

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

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

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

    .searchInput input#searchArea:focus {
        -webkit-border-radius: 10px 0 10px 10px;
        -mos-border-radius: 10px 0 10px 10px;
        -ms-border-radius: 10px 0 10px 10px;
        -o-border-radius: 10px 0 10px 10px;
        border-radius: 10px 0 10px 10px;
        border: 2px solid #0072bc;
    }

    #moreNewsreadAll a,
    #moreNewstestimonial a {
        padding: 10px;
    }

    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;
    }
    /*pop up Quicktools*/

    #slide,
    #slide2,
    #slide3,
    #slide4,
    #slide5 {
        width: 80%;
    }
    /* home loan boxes*/

    .mask .btn {
        bottom: 20px;
    }

    #boxes .mask h2 {
        margin-top: 10%;
    }

    .ql-wrapper {
        height: 220px;
        padding: 25px 0;
    }

    .quick-links-bar li {
        height: 115px;
        width: 50%;
    }

    .quick-links-bar li:nth-child(3),
    .quick-links-bar li:nth-child(4),
    .quick-links-bar li:nth-child(5) {
        width: 33%;
    }

    .quick-links-bar li a span {
        font-size: 18px;
    }

    .quick-links-bar a:before {
        font-size: 40px;
        line-height: 60px;
        padding-bottom: 10px;
    }

    .quick-links-bar li a {
        padding: 5px 0;
    }

    .links-tbl td {
        width: 46%;
    }
}
@media all and (max-width: 620px) {
    .formSection-wrapper,
    .formSection-wrapper .backgroundImage {
        min-height: 770px;
    }

    .formSection-wrapper h2 {
        padding: 30px 20px 0 20px;
        text-align: center;
    }

    .formSection-inner {
        padding: 20px 0 20px 20px;
        max-height: 777px;
    }
}
@media all and (max-width: 600px) {
    .extrarepaymentCalc iframe,
    .lumpsumCalc iframe {
        height: 1020px;
    }

    .popup_content h2 {
        font-size: 22px;
    }

    .popup_content .quicklinks-table table.two-col-layout-cta td:last-child p {
        width: 50%;
    }

    ul.quicklinks-popup li:last-child {
        margin: 0 0 10px 0;
    }

    .home-news-blog-container {
        height: 235px
    }
}
@media all and (max-width: 540px) {
    div#page .contact-container ul li {
        width: 100% !important;
        padding-left: 35px !important
    }

    .footer-right-container iframe {
        height: 710px;
        width: 98%;
    }

    .footer-left-menu {
        width: 100% !important;
    }

    .visible-mob {
        display: block
    }

    .item {
        width: 99%;
    }

    #carouselContainer .item {
        width: 100% !important;
        margin: 0 !important;
        height: 440px
    }

    #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;
    }
}
@media all and (max-width: 520px) {
    .menu-top-wrapper .mod-logo-img {
        width: 240px;
    }

    .extrarepaymentCalc iframe {
        height: 1320px;
    }

    .lumpsumCalc iframe {
        height: 1260px;
    }

    .mod-top-menu .mod-internet-banking,
    .is-scam-alert-loaded .menu-top-wrapper {
        padding-right: 0;
    }

    .mod-button-scam-alert {
        display: none !important;
    }

    .internal-banner.one-2 {
        height: 550px;
    }

    .banner-content .left-banner-content-1-2 .Rate-interest,
    .banner-content .left-banner-content-1-2 .Rate-comparison {
        display: inline-block;
        width: 49%;
    }

    .internal-banner.two-1 .banner-content,
    .internal-banner.one-2 .banner-content {
        top: 50%;
    }

    .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;
    }
}
@media all and (max-width: 465px) {

    .mod-mobile-menu,
    .mod-top-menu div.mobile-icon-div>a:not(.mod-button) {
        width: 46px;
        height: 60px;
    }

    .extrarepaymentCalc iframe {
        height: 1400px;
    }

    .lumpsumCalc iframe {
        height: 1340px;
    }

    .popup_content .quicklinks-table table.two-col-layout-cta td:last-child p {
        width: 100%;
        margin: 0 0 20px 0;
    }

    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 {
        font-size: 14px;
        line-height: 23px;
        border-left: 1px solid #d1d1d1;
    }
}
@media all and (max-width: 420px) {
    .menu-top-wrapper .mod-logo-img {
        width: 200px;
        top: 25px
    }

    div#page .contact-container ul li:nth-child(3):before {
        left: 21%;
    }

    #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: block;
        width: 90%;
        max-width: none
    }

    .product-box .text-content .secondary {
        width: 100%
    }

    .banner-content .btn {
        max-width: 300px;
        margin: 0 auto;
        margin-top: 30px;
    }

    .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: 25px;
        line-height: 30px;
    }

    .TB_Wrapper .Slide div .txtCont span span {
        font-size: 40px;
        line-height: 50px;
        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;
    }

    .links-tbl td {
        width: auto;
        display: block;
        text-align: center;
        font-size: 1.1em;
        padding: 15px 20px;
    }

    .links-tbl td table th {
        font-size: 1.2em;
    }

    .links-tbl td table td {
        font-size: 1.1em;
    }

    .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;
    }
}
@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 all and (max-width: 340px) {
    .logo {
        margin: 15px 0 15px 55px;
    }
}














/*  Min Break points
======================================= */
@media all and (min-width: 766px) {
    nav#mainNav ul.mainmenu {
        display: block !important;
    }

    nav#mainNav ul.topmenu {
        display: none !important;
    }
}














/* SUBPRMO CAROUSEL STARTS */
.stripe.stripe-white {
    background: #474c55;
    padding: 50px;
}
.stripe {
    min-width: 100%;
    overflow: hidden;
}
.sub-promo-wrapper {
    max-width: 1460px;
    width: 100%;
    margin: auto;
    padding: 0 5.5rem;
    box-sizing: border-box;
}
.sub-promo-slider.stripe-col.stripe-col-extended {
    max-width: 1422px;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.sub-promo-slider .owl-controls .owl-nav {
    top: 35%;
}
.owl-carousel .owl-controls .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 0;
}
.sub-promo-slider.owl-carousel .owl-controls .owl-nav .owl-prev {
    margin-left: -65px;
}
.sub-promo-slider .owl-controls .owl-nav .owl-prev,
.sub-promo-slider .owl-controls .owl-nav .owl-next {
    width: 5rem;
    height: 5rem;
    border: 2px solid #dddddd;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
    float: left;
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
    display: block;
    position: relative;
    text-indent: -9999px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:before {
    content: '\eaad';
    color: #dddddd;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:before,
.owl-carousel .owl-controls .owl-nav .owl-next:before {
    position: absolute;
    top: 20%;
    left: 25%;
    display: block;
    color: #474c55;
    text-indent: 0;
    font-size: 22px;
    font-weight: bold;
}
.owl-carousel .owl-controls .owl-nav .owl-next:before {
    content: '\eaa9';
}
.sub-promo-slider.owl-carousel .owl-controls .owl-nav .owl-next {
    margin-right: -50px;
}
.sub-promo-slider .owl-controls .owl-nav .owl-prev,
.sub-promo-slider .owl-controls .owl-nav .owl-next {
    border: none;
    width: 40px !important;
    height: 40px;
    border-radius: 25px !important;
    background: #73777e !important;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
    float: right;
}

.product-banner {
    width: 95%;
    margin-left: 1px;
   
}
.product-banner .img {
    margin-bottom: 0px;
    margin-right: 0px;
}
.promo-bottom-txt {
 position: absolute;
bottom: 0px;
background: rgba(0, 114, 188, 0.75);
padding: 20px 25px;
border-radius: 0 0 4px 4px;
width: 95%;
box-sizing: border-box;
}


.promo-bottom-txt p:nth-child(2) {
    margin-top: 20px
}
.promo-bottom-txt p {
    margin-bottom: 0px;
    color: #fff;
    font-family: "KobernRegular", "Arial";
    line-height: 20px;
}
.module-title {
    font-family: "KobernMedium", "KobernRegular", "Arial";
    font-size: 28px;
    color: #474c55;
    font-weight: normal;
}
.promo-bottom-txt .btn.primary {
    background: transparent;
    border: 0px;
    color: #fff;
    padding: 0px;
    padding-top: 20px;
    line-height: 20px;
    margin-bottom: 0px;
    font-size: 16px;
}
.promo-bottom-txt h4 {
    font-size: 26px;
    color: #fff;
    font-family: "KobernMedium", "KobernRegular", "Arial";
    font-weight: normal;
}
.promo-bottom-txt p:first-child {
    font-size: 16px;
    color: #fff;
}














/* SUBPRMO CAROUSEL ENDS */

/*darkbottom starts*/
.darkbottom {
    background: #383c43;
    color: #fff;
    font-size: 20px;
    padding: 20px;
    text-align: center;
    line-height: 28px;
}
.darkbottom span {
    color: #d6d6d6
}














/*darkbottom Ends*/

/* footer icons starts */
.footer-left-menu {
    width: 100%;
    padding: 30px 0 5px 50px;
    box-sizing: border-box;
    color: #ffffff;
    margin: 0 auto;
    height: 65px;
}
.footer-left-menu li {
    list-style: none;
    float: left;
    padding-right: 1.5em;
}
.footer-links li a,
.footer-left-menu a {
    text-decoration: none;
    color: #ffffff;
}
.footer-left-menu a.contactUsFooter i:before {
    font-size: 40px
}
@media screen and (min-width: 960px) {
    .col .footer-left-menu a i {
        margin-right: -0.2em;
    }
}


@media (max-width: 1350px) {
    .TB_Wrapper .Slide div.txtCont {
        max-width: 1000px;
    }
}
@media (max-width: 1200px) {
    .TB_Wrapper .Slide div.txtCont {
        max-width: 850px;
    }
}


\










/* footer icons ends */
.contactus-title {
    font-family: 'KobernBold';
    font-size: 28px;
    color: #474c55;
    padding: 40px 20px 40px 0px;
}
.contactus .byondTabContent {
    border: 1px solid #d1d1d1;
    width: auto;
}
.contact-container {
    width: 100%;
    background: #ffffff;
    padding: 0;
    border: 1px solid #dcdada;
    margin-bottom: 20px;
    border-radius: 9px;
    min-height: 340px;
}
.contact-container .top {
    width: 100%;
    padding: 2rem 2rem 1rem 2rem;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact-container .bottom {
    width: 100%;
    padding: 1em 1em 1em 2em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media all and (min-width: 870px) {
    div#page .contact-container ul li:nth-child(1) {
        width: 50%;
    }

    div#page .contact-container ul li:nth-child(2) {
        float: right;
        width: 50%;
        line-height: 20px;
    }

    div#page .contact-container ul li:nth-child(3) {
        width: 100%;
    }
}
div#page .contact-container ul li {
    padding-left: 25px;
    width: 100%;
    margin: 0;
    margin-bottom: 5px;
    position: relative;
    text-indent: 0;
    box-sizing: border-box;
    display: inline-block;
    font-family: "KobernMedium", "Arial";
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 10px;
}
div#page .contact-container ul li:nth-child(1):before {
    content: '\e91f';
}
div#page .contact-container ul li.contact-clock:before {
    content: '\e9a8';
}
div#page .contact-container ul li.contact-printer-desk:before {
    content: '\e9b1';
}
div#page .contact-container ul li:before {
    font-family: 'icomoon';
    font-size: 20px;
    position: absolute;
    left: 0;
    font-weight: 100;
    background: transparent;
    top: 0;
    color: #15b3ef
}
.contactus .three-col-layout {
    border: 0px !important;
}
.contact-container .top h3 {
    font-family: "KobernMedium", "Arial";
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 15px;
}
.contact-container .top p {
    font-family: "KobernMedium", "Arial";
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 15px;
}
.top p:before {
    content: '\e92b';
    font-family: 'icomoon';
    color: #15b3ef;
    font-size: 47px;
    float: right;
    width: 80px;
    text-align: right;
}
.contactus ul#byondTabMenu li {
    width: 20%
}
.contactus ul#byondTabMenu li.active,
.contactus ul#byondTabMenu li.hover {
    border-bottom: 0px !important;
}
.contactus table.three-col-layout td {
    padding: 0 1.5% 0 0;
}
.contactus table.three-col-layout td:last-child {
    /* padding-right: 0px*/
}
.mob-first-menu {
    text-align: left;
    padding: 30px 0 5px 40px;
    box-sizing: border-box;
}
#comments-container .display {
    width: 90%
}
.byond .loggedIn,
.byond #adminNav {
    top: 0px !important;
}
.byond .nav-wrapper {
    top: 62px !important;
}
.byond .main-wrapper {
    margin-top: 55px !important;
}
.icon-lock2:before {
    font-size: 22px;
}
.banking-text {
    padding-left: 10px
}
.product-tileitem1 {
    padding: 20px;
    display: table-cell;
    width: 33.333333333333336%;
}

.product-tileitem2 {
    padding: 20px;
    display: table-cell;
    width: 33.333333333333336%;
}
.product-tileitem3 {
    padding: 20px;
    display: table-cell;
    width: 33.333333333333336%;
}
.product-tileitem1.theme1 {
    background: #2d3494;
}
.product-tileitem1.theme2 {
    background: #e9e9e9;
    border: 1px solid #ccc;
    border-right: 0px;
}
.product-tileitem2.theme1 {
    background: #0072bc;
}
.product-tileitem2.theme2 {
    background: #e9e9e9;
    border: 1px solid #ccc;
    border-right: 0px;
}
.product-tileitem3.theme1 {
    background: #474c55;
}
.product-tileitem3.theme2 {
    background: #e9e9e9;
    border: 1px solid #ccc;
}
.product-box {
    display: table;
}

.productheading [class^="icon-"],
.productheading .icon-home2,
.productheading .icon-users,
.productheading .icon-calculator22 {
    font-size: 28px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    text-indent: 24px;
}
.theme1,
.product-box .theme1 .text-content p,
.product-box .theme1 .text-content .secondary,
.theme1 .productheading h2 {
    color: #fff;
}

.theme2,
.product-box .theme2 .text-content p,
.product-box .theme2 .text-content .secondary,
.theme2 .productheading h2 {
    color: #565656;
}
.product-box .theme1 .text-content .secondary {
    border-color: #fff;
}
.product-box .theme2 .text-content .secondary {
    border-color: #0072bc;
    color: #0072bc;
}
.theme-header2 {
    padding-top: 50px;
    padding-bottom: 50px
}

.productheading h2 {
    font-size: 22px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 26px;
}
.product-box .text-content {
    text-align: center;
}
.product-box .text-content p {
    font-size: 18px;
    text-align: center;
    padding-bottom: 20px;
}
.product-box .text-content .secondary {
    background: none;
    position: relative;
}
.product-container {
    margin-top: 50px
}
@media all and (max-width: 1000px) {
    .product-box {
        display: block;
    }

    .product-tileitem1,
    .product-tileitem2,
    .product-tileitem3 {
        display: inline-block;
        width: 28%;
        vertical-align: top;
        min-height: 310px;
        margin-bottom: 10px;
        height: 380px;
    }

    .product-box .text-content p {
        font-size: 16px;
    }

    .productheading h2 {
        font-size: 20px;
    }

    .product-box .secondary {
        min-width: 206px;
    }
}

@media all and (max-width: 900px) {

    .product-tileitem1,
    .product-tileitem2,
    .product-tileitem3 {
        width: 27%;
        height: 420px;
    }
}
@media all and (max-width: 765px) {
    .search-pop-up {
        top: 0px;
    }

    .product-box {
        display: block;
    }

    .product-tileitem1,
    .product-tileitem2,
    .product-tileitem3 {
        display: block;
        width: 100%;
        min-height: auto;
        margin-bottom: 0px;
    }


    .product-box .text-content {
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .product-box .text-content p {
        padding-top: 0px !important;
        font-size: 22px;
        line-height: 29px;
    }

    .productheading h2 {
        padding-bottom: 0px;
    }

    .product-container {
        padding: 0px !important;
        margin-top: 30px;
    }

    .theme-header2 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .product-box {
        margin-bottom: 0px !important;
        padding-top: 0px !important
    }

    table.expandTb tr td.dropDownLink {
        padding-left: 40px !important;
    }

    table.expandTb .expandTb_icon {
        position: absolute;
        margin-left: -40px;
    }

    table.expandTb td.dropDownLink .icon-plus:before {
        padding-left: 5px;
        font-size: 23px;
        top: 45%;
    }
}
table.two-col-cta-layout td:first-child {
    width: 32%;
    padding: 0px 20px 20px 50px;
    vertical-align: top;
}
.table-header {
    margin-bottom: 20px;
    margin-top: 20px;
}







/* edit for Byond */
.edit_module {
    background: #0072bc;
}
.edit_module,
.contentpaneopen_edit {
    border-radius: 6px;
    width: 40px;
    height: 40px;
    margin: 5px;
    display: block;
    box-sizing: border-box;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
    background: #0072bc;
}
.edit_module a:before,
.contentpaneopen_edit a:before {
    content: "\e95f";
    font-family: 'icomoon';
    font-size: 20px;
    line-height: 1;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
}
.editlinktip img {
    width: 16px;
    height: 16px;
}
.editlinktip img,
.contentpaneopen_edit img {
    display: none !important;
}
.byond.homeloan .contentWrapper.fixedHeader {
    top: 63px !important;
}
@media all and (max-width: 207px) {
    html #infocastContainer {
        width: 60%!important;
    }
}
.vacancies-table td {
    padding: 10px 20px !important;
}
@media all and (max-width: 500px) {
    .vacancies-table tr th {
        padding: 2%;
        font-size: 15px !important
    }
}
div#page .contact-container ul li.faxicon:before {
    content: '\e91f';
}
table.expandTb .tables_wrapper.scroll .scrollable-table td {
    border-top: 1px solid #d1d1d1;
    padding: 10px 20px !important;
}
table.scrollable-table tbody td {
    border-top: 1px solid #d1d1d1;
}
.testimonial-wrapper div#page p img {
    margin: 0px;
}
.testimonial-wrapper {
    padding-bottom: 20px;
}
.banner-content h1.blue-font,
.banner-content .left-banner-content-2-1 p.blue-font,
.banner-content .right-banner-content-1-2 p.blue-font {
    color: #0072bc;
}
.banner-content h1.black-font,
.banner-content .left-banner-content-2-1 p.black-font,
.banner-content .right-banner-content-1-2 p.black-font {
    color: #000;
}
.internal-banner .blue-overlay {
    position: absolute;
    background: rgba(0, 174, 239, 0.2);
    height: 100%;
    width: 100%;
}
.internal-banner .grey-overlay {
    position: absolute;
    background: rgba(128, 128, 128, 0.2);
    height: 100%;
    width: 100%;
}
.testimonial-title {
    color: #0072bc;
    font-family: 'KobernMedium'
}
.shared-service-frame iframe {
    min-height: 700px;
    height: 100%;
}
@media all and (max-width: 650px) {
    .shared-service-frame iframe {
        min-height: 750px;
        height: 100%;
    }
}
@media all and (max-width: 500px) {
    .productheading h2 {
        line-height: 30px;
    }

    .shared-service-frame iframe {
        min-height: 790px;
        height: 100%;
    }

    .footer-left-menu a.contactUsFooter i:before {
        font-size: 30px
    }

    .quick-links-bar a:before {
        font-size: 30px
    }

    .quick-links-bar li a span {
        font-size: 15px;
    }

    .owl-carousel {
        width: 90%;
    }

    .promo-bottom-txt {
        bottom: 0px;
        top: auto !important;
    }

    .TB_Wrapper,
    .TB_Wrapper .Slides {
        height: 600px !important;
    }
}
.owl-carousel .owl-item img {
    border-radius: 4px;
    overflow: hidden;
}
@media all and (max-width: 470px) {
    .shared-service-frame iframe {
        min-height: 830px;
        height: 100%;
    }

    .fist-menu-links {
        width: 90%
    }

    .fist-menu-links li {
        width: 100%
    }
}
@media (max-width: 370px) {
    .TB_Wrapper .Slide div .txtCont span span {
        font-size: 30px;
        line-height: 40px;
    }

    .mobile-arrow {
        font-size: 21px
    }

    div.byondTabContent {
        width: 98%
    }

    #page ul#byondTabMenu,
    ul#byondTabMenu {
        width: 95%
    }

    #tabWrap {
        padding-right: 0px !important
    }

    .byondTabContent table {
        width: 90% !important
    }

    .byondTabContent .expandTb {
        width: 90% !important;
    }

    table.expandTb tr td.dropDownLink {
        padding: 0 20px;
    }

    .menu-top-wrapper .mod-logo-img {
        width: 170px;
    }

    .mod-mobile-menu,
    .mod-top-menu div.mobile-icon-div>a:not(.mod-button) {
        width: 42px;
    }

    .pixsearch {
        max-width: 300px;
        margin: 10px;
    }

    .btn,
    .two-col-layout-cta td:last-child .btn,
    #comments-container .comment-button {
        width: 94%;
    }

    table.two-col-cta-layout td,
    table.three-col-cta-layout td {
        width: 88% !important;
    }

    .Rate-interest span.input,
    .Rate-comparison span.input {
        font-size: 30px;
    }

    .Rate-interest span.postfix,
    .Rate-comparison span.postfix {
        font-size: 22px;
        padding: 10px 20px 20px 0px;
    }

    .main-wrapper.Banner section.content span {
        padding: 10px 20px 20px 0px;
    }

    .internalpages .breadcrumbs {
        padding: 10px 20px 0px 20px !important;
    }

    .internalpages .content h1 {
        margin-bottom: 0px
    }
}

@media (max-width: 330px) {
    .mod-mobile-menu,
    .mod-top-menu div.mobile-icon-div>a:not(.mod-button) {
        width: 45px;
    }

    .internalpages .breadcrumbs {
        padding: 10px 20px 0px 20px !important;
    }

    .internalpages section.content div#page {
        width: 100%;
        padding: 10px 0px 20px 0px;
    }

    .btn,
    .two-col-layout-cta td:last-child .btn,
    #comments-container .comment-button {
        width: 90%;
    }

    .menu-top-wrapper .mod-logo-img {
        width: 165px;
        margin-top: 0px;
    }
}
@media (max-width: 1150px) {
    .first-level-container .mod-logo-img {
        width: 60% !important
    }

    .first-level-container {
        top: 90px;
    }
}
@media (max-width: 1000px) {
    .owl-carousel .owl-item {
        height: 280px;
    }

    .product-banner .img {
        overflow: hidden;
        padding-top: 0px;
        margin-top: 0px;
    }

    .promo-bottom-txt {
        top: 0px;
    }

    .home-news-blog-container {
        padding-top: 0px;
    }

    .owl-carousel .owl-item img {
        height: 280px;
        width: auto;
    }
}
@media (max-width: 767px) {
    .owl-carousel .owl-item img {
        height: auto;
        width: 100%;
    }

    .owl-carousel .owl-item {
        height: 100%;
        max-height: 300px;
    }
}
@media (max-width: 765px) {
    .prodtPlugin {
        padding: 0px !important
    }

    .customerDetails span {
        padding: 0px !important
    }

    .promo-bottom-txt {
        bottom: -2px;
        top: auto !important;
    }
}
@media (max-width: 350px) {
    .menu-top-wrapper .mod-logo-img {
        width: 160px;
        top: 23px;
    }

    .owl-carousel .owl-item {
        height: auto;
    }

    .promo-bottom-txt {
        top: 0px !important
    }
}
@media (max-width: 1750px) {
    .stripe.stripe-white {
        padding: 50px 150px 50px 150px;
    }

    .promo-bottom-txt {
        position: absolute;
        padding: 10px 20px 20px 20px;
        max-height: 300px;
    }

    .promo-bottom-txt p:nth-child(2) {
        margin-top: 0px;
        padding-top: 5px;
    }

    .promo-bottom-txt h4 {
        font-size: 21px;
        line-height: 21px;
    }
}
@media (max-width: 950px) {
    .stripe.stripe-white {
        padding: 50px 90px 50px 90px;
    }

    .sub-promo .colWrap.constrain {
        padding: 10px;
        margin: 0px 10px 10px 10px;
    }

    .js .articlelist li.articlelist_item {
        width: 100%;
        padding-right: 0px !important;
    }
}
.owl-carousel .owl-item {
    margin-top: 0px !important
}
@media (min-width: 1025px) and (max-width: 1350px) {

    section.content,
    section.content.campaign {
        margin: 0px 100px 0px 100px;
    }
}
@media (max-width: 1024px) {
    .qt-wrapper-home,
    .qt-wrapper-internal {
        width: 100%;
        top: auto !important;
        bottom: 92px;
        position: fixed;
        right: 1px;
        left: auto;
        border-radius: 5px 0px 0px 5px;
    }

    .qt-wrapper-home .quick-tools,
    .qt-wrapper-internal .quick-tools {
        padding-top: 0;
    }

    h3.mToggleLinks {
        display: block !important;
        width: 60px;
        position: fixed;
        bottom: 20px;
        right: 10px;
        padding: 0;
        line-height: 26px;
        background: rgba(0, 174, 239, 0.80);
        border-radius: 50%;
        color: #ffffff;
        z-index: 99999;
        height: 60px;
        margin: 0;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
    }

    .qt-wrapper-home {
        display: none;
    }

    .qt-wrapper-home .quick-tools li span,
    .qt-wrapper-internal .quick-tools li span {
        font-size: 1em;
    }

    .qt-wrapper-home .quick-tools li a,
    .qt-wrapper-internal .quick-tools li a {
        text-align: center;
        padding: 0.8rem 0.5rem;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .qt-wrapper-home [class^="icon-"] span,
    .qt-wrapper-home [class*=" icon-"] span,
    .qt-wrapper-internal [class^="icon-"] span,
    .qt-wrapper-internal [class*=" icon-"] span {
        display: inline-block;
    }

    .qt-wrapper-internal ul.quick-tools li i {
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }

    .qt-wrapper-home .quick-tools li a[class^="icon-"]:before,
    .qt-wrapper-home .quick-tools li a[class*=" icon-"]:before,
    .qt-wrapper-internal .quick-tools li a[class^="icon-"]:before,
    .qt-wrapper-internal .quick-tools li a[class*=" icon-"]:before {
        font-size: 44px;
        line-height: 20px;
    }

    .qt-wrapper-home .quick-tools li a,
    .qt-wrapper-internal .quick-tools li a {
        margin-right: 0;
        vertical-align: middle;
        line-height: 23px;
    }

    .quick-tools li a:before {
        content: none;
        width: 1px;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

    .quick-tools li i:before {
        left: 6px;
    }

    .quick-tools li i {
        font-size: 23px;
    }

    .qt-wrapper-internal ul.quick-tools li i {
        padding-bottom: 10px;
    }

    h3.mToggleLinks:before {
        content: "\e905";
        font-family: 'icomoon';
        color: #ffffff;
        display: block;
        font-size: 30px;
        position: absolute;
        top: 23%;
        left: 36%;
        font-weight: bold;
    }

    h3.mToggleLinks.active:before {
        content: "\e902";
        font-family: 'icomoon';
        color: #ffffff;
        display: block;
        font-size: 30px;
        position: absolute;
        top: 23%;
        left: 36%;
        font-weight: bold;
    }

    .qt-wrapper-internal ul.quick-tools li,
    .qt-wrapper-home ul.quick-tools li {
        height: 20%;
        max-width: 100%;
        display: block;
        width: 100%;
        text-align: left;
        border-right: 0;
        margin: 0;
        padding: 0;
    }

    .qt-wrapper-internal li:hover a {
        background-color: transparent;
    }
}
.expandTb {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-collapse: inherit;
}

table.expandTb td.dropDownLink .icon-plus,
table.expandTb td.dropDownLink .icon-minus {
    right: 0px;
    float: right;
    margin-top: 10px;
    margin-left: 20px;
}
.byondTabContent .expandTb {
    border: 0px !important;
    border-radius: 0px !important;
    background: transparent;
}
.byondTabContent td.dropDownLink .icon-plus,
.byondTabContent td.dropDownLink .icon-minus {
    float: left !important;
    margin-right: 20px !important;
    margin-left: 0px !important;
}
div#page table.expandTb,
div#page table.expandTb tr,
div#page table.expandTb td {
    padding: 10px;
}

.product-box .text-content .secondary:hover {
    background: #fff !important;
    color: #0072bc !important;
}
.byondTabContent .secondary:hover {
    background: #0072bc !important;
    color: #fff !important;
}
.left-banner-content-2-1 h1 span {
    line-height: 43px;
}
.three-col-layout-cta.with-head th {
    background-color: #dfdfdf;
    padding: 5px;
    border: 1px solid #ccc;
}
.three-col-layout-cta.with-head td {
    border: 1px solid #ccc;
    padding: 10px !important;
}

.news-block .jcarousel-prev,
.testimonial-block .jcarousel-prev,
.blog-block .jcarousel-prev {
    left: 0;
}

.news-block .jcarousel-next,
.testimonial-block .jcarousel-next,
.blog-block .jcarousel-next {
    left: 50px;
}
.news-block #moreNews,
.testimonial-block #moreNews,
.blog-block #moreNewsblog {
    display: block !important;
    position: relative;
    left: 90%;
    width: 20px;
    top: 20px;
}
.news-block #moreNews img,
.testimonial-block #moreNews img,
.blog-block #moreNewsblog img {
    height: 24px !important
}

#mobile-banking-btn{
    cursor: pointer;
}
.login-wrapper {
    height: 0px;
    overflow: hidden;
    padding: 0;
    -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;
    position: absolute;
    top: 75px;
    background: #f58025;
    right: 0px;
    width: 210px;
}
.b-b-w{
        border-bottom: 1px solid #ffffff;
}
.banking-box:hover{
    background: #0072bc;
}
.login-wrapper.active {
    height: 100px
}
.mobile-banking{
      color: #f6f6f6;
    font-size: 17px;
    padding: 15px;
    line-height: 19px;
    text-align: left;
}
.online-banking-mob i{
    color: #f6f6f6;
    font-size: 17px;
    padding: 15px;
    float: left;
}
.online-banking-mob i.icon-display{
    padding-right: 12px;
}

@media all and (max-width: 640px) {

    .login-wrapper{
        top:60px;
    }
}

table.two-col-layout tbody td,
table.two-col-layout-cta tbody td, 
table.three-col-layout tbody td,
table.three-col-layout-cta tbody td, 
table.textWhite  tbody td {
    font-size: 18px;
}
.order-list-margin-fix{
    margin-bottom: 0px !important;
}
.order-list-margin-fix li{
    margin-bottom: 10px;
}