@charset "utf-8";
        /* CSS Document */
        /* calibri  font
====================================== */

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

        @font-face {
            font-family: "calibri-light";
            src: url("../fonts/3bf8ead2-2902-446a-af57-fcf4e5da22db.eot?#iefix");
            src: url("../fonts/3bf8ead2-2902-446a-af57-fcf4e5da22db.eot?#iefix") format("eot"), url("../fonts/52f16f8c-2868-43ee-a2ca-378b097a3580.woff2") format("woff2"), url("../fonts/9cb02ba8-d928-43f5-a1bd-32fb78238194.woff") format("woff"), url("../fonts/1cc9eda5-6732-4a23-ad69-782421f8c81b.ttf") format("truetype");
        }

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

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

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

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

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

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

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

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

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

        h1 {
            color: #002b54;
            font-style: normal;
            font-size: 2.8em;
            margin: 0 auto 40px auto;
            padding: 0 0 20px 0;
            background: none;
            z-index: 98;
            display: inline-block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            line-height: 1.1em;
            font-weight: normal;
        }

        h2 {
            padding: 0 0 40px 0;
            color: #f57222;
            font-size: 26px;
            line-height: 35px;
        }

        h3,
        h4 {
            color: #f57222;
            font-size: 18px;
            line-height: 26px;
            margin-bottom: 8px;
        }

        h1,
        h1.componentheading,
        h1.page-header,
        div#page h1 {
            color: #002b54;
        }

        body {
            background: #f1f1f1;
        }

        .blog-containerlist {
            background: #fff !important
        }

        .standard-title {
            color: #fff;
            font-size: 30px;
            font-weight: normal;
        }

        .standard-promo-large,
        .container-holder .content-right {
            display: block
        }

        .promo-sub-text-video {
            position: absolute;
            top: 20px;
            right: 28px;
            font-size: 17px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            border-bottom: 2px solid rgba(246, 102, 12, 0.90);
            padding-bottom: 2px;
            z-index: 9999;
        }

        @media all and (-ms-high-contrast: none),
        (-ms-high-contrast: active) {
            /* IE10+ CSS styles go here */
            .online-tools-wrapper .initialism {
                left: -80px;
            }
        }

        .sub-promo-top-text {
            margin: 0px !important;
            padding: 0px !important;
            z-index: 9991 !important;
        }

        .promo-sub-text {
            position: absolute;
            top: 17px;
            right: 28px;
            font-size: 17px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .promo-sub-text span {
            border-bottom: 2px solid rgba(246, 102, 12, 0.90);
            padding-bottom: 5px;
        }

        .standard-promo-large .bg {
            width: 100%;
            height: 100%;
            margin-bottom: 1em;
            background-repeat: no-repeat;
            min-height: 450px;
            height: 450px;
        }
        /* .container-holder div#page p {
        padding-left: 20px;
    }*/

        .left-content {
            background-image: none;
            width: 50%;
        }

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

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

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

        .blog-wrapper div#page p {
            line-height: 35px !important;
        }

        .right-hand-menu li.blogView a:hover {
            color: #f57222 !important;
        }

        .blog-wrapper div#page p img {
            max-width: 100% !important;
            max-height: auto!important;
            min-height: auto!important;
            height: auto !important;
        }

        .article_row div.article_column:last-child {
            border-bottom: 0px !important
        }

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

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

        .menu-wrapper.darkHeader {
            background-color: #f2eeee;
            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.darkHeader ul.mainNavTopLevel li a {
            color: #5d5d5d;
        }

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

        .blog_more h2 {
            color: #f57222
        }

        .blog-category ul li a {
            color: #747474
        }

        .blog-category div.blog ul li {
            padding: 0;
            margin: 0 0 10px 0;
            padding-left: 40px;
            position: relative;
            font-size: 16px;
            line-height: 26px;
            list-style: none;
            margin: 0px 0 10px 30px;
        }

        div.blog_more.testeinternal h2,
        div.blog_more h2 {
            display: none;
        }

        .blog-category div.blog ul li:before {
            content: "\e904";
            margin-right: 20px;
            width: 40px;
            font-size: 13px;
            line-height: 26px;
            font-family: 'icomoon' !important;
            font-size: 30px;
            color: #f57222;
            background-color: transparent;
            top: 0px;
        }

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

        div#page ul:last-child,
        div.blog ul:last-child,
        div#page ol:last-child {
            margin-bottom: 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;
        }

        table.two-col-layout.calculator-inside {
            max-width: 900px;
            margin: auto;
        }

        table.two-col-layout.calculator-inside td:first-child {
            max-width: 614px;
            width: 614px;
        }

        table.two-col-layout.calculator-inside td:last-child {
            min-width: 270px;
            width: 270px;
        }

        @media (min-width: 886px) and (max-width: 989px) {
            table.two-col-layout.calculator-inside td .calculator-iframe iframe {
                height: 1635px!important;
            }
        }

        @media (max-width: 800px) {
            table.two-col-layout.calculator-inside td,
            table.two-col-layout.calculator-inside td:first-child,
            table.two-col-layout.calculator-inside td:last-child {
                display: block;
                width: 100%;
                max-width: 100%;
            }
        }

        @media (max-width: 740px) {
            table.two-col-layout.calculator-inside td .calculator-iframe iframe {
                height: 1635px!important;
            }
        }

        @media (max-width: 600px) {
            table.two-col-layout.calculator-inside td .calculator-iframe iframe {
                height: 1800px!important;
            }
        }

        @media (max-width: 550px) {
            table.two-col-layout.calculator-inside td .calculator-iframe iframe {
                height: 1900px!important;
            }
        }

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

        div#page ul li,
        div.blog ul li {
            padding: 0;
            margin: 0 0 8px 0;
            padding-left: 25px;
            position: relative;
            font-size: 16px;
            line-height: 24px;
            list-style: none;
            font-family: "calibri";
        }

        div#page ul li:last-child,
        div.blog ul li:last-child {
            margin-bottom: 0;
        }

        #sitemap ul li a {
            color: #747474;
        }

        #sitemap {
            width: 90%;
            margin: 0 auto !important;
            margin-top: 2% !important;
        }

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

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

        .byondTabContent table h3 {
            color: #454545 !important;
            text-decoration: none;
            font-size: 28px;
            font-weight: normal;
        }

        .byondTabContent li a,
        .byondTabContent li {
            color: #3d3d3d;
        }

        div#page p,
        p {
            line-height: 26px;
            font-size: 16px;
            margin: 0 0 20px 0;
            padding: 0;
            font-family: "calibri";
        }
        /* div#page p {
        margin-bottom: 30px;
    }
    */

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

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

        .footnotes p {
            font-size: 12px !important;
            line-height: 16px !important;
            margin: 0px 0 0px 0 !important;
            padding-top: 5px !important;
        }
        /* To top 
============================================================================ */

        #toTop {
            display: none;
            text-decoration: none;
            position: fixed;
            bottom: 12%;
            right: 25px;
            z-index: 999;
            width: 0;
            overflow: hidden;
            font-size: 40px;
            background: rgba(246, 102, 12, 0.90);
            border-radius: 0;
            color: #fff;
            min-width: 51px;
            border: 0px;
            padding: 5px 8px 9px 8px;
        }

        #toTop .icon-chevron-up:before {
            margin-left: -2px;
        }

        #toTop:hover {
            color: #233291;
        }

        #toTopHover {
            display: none;
        }
        /* Site architecture
====================================== */

        .main-wrapper {
            height: 100%;
            width: 100%;
            margin-top: 70px !important;
            top: 0;
            overflow-y: hidden;
            overflow-x: hidden;
        }

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

        .section-wrapper {
            width: 100%;
        }

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

        section.content {
            margin: auto;
            position: relative;
            clear: both;
        }

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

        #tabWrap {
            padding: 0px;
        }

        section.centercontent #page h1 {
            display: none;
        }

        .container-holder {
            width: 100%;
            min-height: 500px;
            margin: 0px;
            text-align: left;
        }

        .centercontent .premiumhomeloan-heading,
        .centercontent .product-heading {
            background: #fff;
        }

        .white-container-holder {
            background: #ffffff;
            padding: 65px 65px 65px;
            box-sizing: border-box;
            margin-bottom: 20px;
            margin-top: 50px;
        }

        .white-container-holder .home-loan-summary,
        .white-container-holder .product-summary {
            margin-top: 0;
        }

        .container-holder .component-container .premiumhomeloan-heading:first-child,
        .container-holder .component-container .product-heading:first-child {
            padding: 0;
            box-sizing: border-box;
        }

        .container-holder .premiumhomeloan-heading,
        .container-holder .product-heading {
            width: 100%;
        }

        .container-holder .component-container .premiumhomeloan-heading-sub-1 .heading1 {
            padding: 0px 0 4px 140px !important;
            font-size: 19px !important;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .content-flat {
            width: 100%;
            float: left;
            margin: 0px !important;
            height: 100%;
            padding: 78px 0px 0px 0px !important;
        }

        .home-loan-summary,
        .product-summary {
            margin-top: 50px;
            /* background: #f1f1f1;*/
            padding-top: 0px;
        }

        .content-flat h1 {
            margin: 0 auto 0px auto;
        }

        .content-right {
            margin: 0%;
            width: 46%;
            min-height: 368px;
            height: 368px;
            overflow: hidden;
            float: right;
            position: absolute;
            top: -79px;
            right: 0px;
        }

        .content-right .sub-promo-2-container .bg {
            min-height: 450px;
            height: 450px;
            width: 100%;
        }

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

        .internal-banner,
        .internal-banner-campaign {
            margin: 0;
            width: 100%;
            height: 295px;
            min-height: 295px;
            position: relative;
            z-index: 1;
            left: 0;
            right: 0;
            background: #233189;
        }

        .product-header-container {
            background: #233189;
            /* height: 357px;*/
        }

        div.sectionTitleNoCheck {
            padding: 10px !important;
        }

        .internal-banner-blog,
        .internal-banner.testimonial {
            margin: 0;
            overflow: hidden;
            height: 350px;
            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;
        }

        .product-right-banner {
            position: relative;
            overflow: hidden;
            top: -79px;
            padding: 0px;
            margin: 0px;
        }

        .internal-banner img,
        .internal-banner-campaign img {
            width: auto;
            height: auto;
            max-width: none;
            max-height: none;
            display: block;
            position: relative;
            left: 54%;
            transform: translate(-53%, -30%);
            min-height: 375px;
            margin-right: 0px;
            right: 0px;
            top: 24px;
        }

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

        .left-content div.blog {
            max-width: 1200px;
            padding: 0 20px;
            margin: auto;
            float: none;
        }

        section.content div#page {
            max-width: 1400px;
            margin: auto;
            position: relative;
            padding: 20px;
            z-index: 9;
        }
        /* Main nav
====================================== */

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

        .mod-logo {
            display: inline-block;
            vertical-align: middle;
        }

        .mod-logo-img {
            display: block;
            max-height: 67px;
            max-width: auto;
        }

        .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: #545454;
        }

        .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: #f57222;
            font-size: 20px;
        }

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

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

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

        .menu-wrapper {
            background-color: rgba(59, 59, 59, 0.23);
            overflow: visible !important;
        }

        .insidecontent .menu-wrapper {
            background-color: #f4f4f4;
            border-top: 1px solid #d0cccc;
        }

        .insidecontent ul.mainNavTopLevel li a,
        .insidecontent ul.mainNavMiddleLevel li a,
        .insidecontent ul.mainNavBottomLevel li a {
            color: #4b4848 !important;
        }
        /* .insidecontent div#page h1,*/

        .insidecontent .heading1 {
            color: #ffffff;
            padding: 20px 0 0px 140px;
        }

        div#page h1 {
            margin: 0 0 20px;
            padding: 0;
        }

        .insidecontent div#page .loan-calculator-app h1 {
            background: transparent !important;
        }

        .insidecontent div#page h1:first-of-type {
            background: #233189;
            font-size: 60px;
            display: none;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .byondTabContent .title h1:first-child {
            color: #000000 !important;
            display: block !important;
            letter-spacing: normal !important;
            line-height: normal;
            font-size: 18px !important;
            font-weight: bold !important;
            margin: 0;
            padding: 0;
            position: relative;
            background: transparent !important
        }

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

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

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

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

        .playbtn {
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            width: auto !important;
            height: auto !important;
            z-index: 9 !important;
            margin-left: -26px !important;
            margin-top: -35px !important;
        }

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

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

        .mod-top-menu .list #topMenu {
            height: 100%
        }

        .mod-top-menu .list #topMenu li,
        .mod-search-button {
            border-left: 1px solid #d8d8d8;
        }
        /*.mod-mobile-menu,*/

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

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

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

        .mod-top-menu .mod-internet-banking {
            box-sizing: border-box;
            background: #f57222;
            vertical-align: middle;
            padding: 1.8em;
            color: #fff;
            font-size: 1.2em;
            font-weight: 600;
            position: relative;
            height: 100%;
        }

        .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;
            vertical-align: middle;
            height: 100%;
        }
        /* .menutopMenu li a:first-child {
        border-left: 1px solid #d8d8d8;
    }
    
    .menutopMenu li a:last-child {
        border-right: 0px;
    }*/

        .menutopMenu li a,
        .menutopMenu li .separator {
            text-decoration: none;
            color: #989898;
            font-size: 17px;
            margin: 0;
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            padding: 0 16px;
            line-height: auto;
            border-right: 1px solid #eee;
            padding: 1.8em;
            box-sizing: border-box;
        }

        .menutopMenu li .separator {
            border-left: 1px solid #eee;
        }

        .menutopMenu li a:hover {
            color: #f57222;
        }

        .menutopMenu li.Component a span {}

        .menutopMenu li.lastItem a span {}

        .menutopMenu li.menuIbLogin a {
            display: inline-block;
            vertical-align: middle;
            padding: 0 16px;
        }

        .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: #989898;
            vertical-align: middle;
            position: relative;
            top: -1px;
            font-weight: normal;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .mainNavTopLevel.topmenu li.menuIbLogin:first-child a:after {
            content: "\e92c";
            font-size: 22px;
            display: inline-block;
            padding: 0;
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            position: relative;
            padding-left: 20px;
            right: 0px
        }

        .menutopMenu li.firstItem a:before {
            content: "\e76a";
            font-size: 26px;
            display: inline-block;
            padding: 0;
            padding-right: 0.5em;
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            vertical-align: middle;
        }

        .menutopMenu li:nth-of-type(1) a:before {
            content: "\e76a";
            font-size: 24px;
            display: inline-block;
            padding: 0;
            padding-right: 0.5em;
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            vertical-align: middle;
        }

        #mainNav ul.mainNavTopLevel.othercontent {
            display: none
        }

        .menutopMenu li:nth-of-type(2) a:before {
            content: "\e7b9";
            font-size: 26px;
            display: inline-block;
            padding: 0;
            padding-right: 0.5em;
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
        }

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

        .mod-internet-banking span {
            padding-left: 10px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-weight: normal;
            font-size: 20px;
        }
        /* --- Search --- */

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

        #search-form {
            display: block;
            float: right;
            margin: 8px 20px 5px 0;
            width: 217px;
            position: absolute;
            right: 0;
            height: 60px;
        }

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

        .clearHeaderSearch #search-form input {
            font-size: 18px;
            color: #efefef;
            width: 181px;
            border: none;
            background-color: rgba(255, 255, 255, 0.10);
            line-height: 20px;
            vertical-align: middle;
            height: 60px;
            padding: 0 15px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .darkHeaderSearch #search-form input {
            font-size: 18px;
            color: #5d5d5d;
            width: 181px;
            border: none;
            background-color: #fff;
            line-height: 20px;
            vertical-align: middle;
            height: 60px;
            padding: 0 15px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        #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: 50px;
            height: 60px;
            display: inline-block;
        }

        .insidecontent #ps_icon_background {
            background: #fff !important;
            color: #989898 !important;
        }

        .insidecontent #ps_icon_background {
            background: #fff !important;
            color: #989898 !important;
        }

        .insidecontent #ps_icon {
            background: #fff !important;
            color: #989898 !important;
        }

        .insidecontent #ps_icon:before {
            color: #989898 !important;
        }

        .insidecontent #search-form input {
            background: #fff !important;
            color: #4f4f4f !important;
        }

        .clearHeaderSearch #ps_icon {
            padding: 0;
            font-size: 20px;
            display: inline-block;
            height: 60px;
            width: 2.25em;
            font-family: 'icomoon';
            text-align: center;
            background: rgba(255, 255, 255, 0.10);
        }

        .darkHeaderSearch #ps_icon {
            padding: 0;
            font-size: 20px;
            display: inline-block;
            height: 60px;
            width: 2.25em;
            font-family: 'icomoon';
            text-align: center;
            background: #fff;
        }

        .darkHeaderSearch #ps_icon:before {
            content: "\eb99";
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            color: #5d5d5d;
            display: inline-block;
        }

        .clearHeaderSearch #ps_icon:before {
            content: "\eb99";
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            color: #efefef;
            display: inline-block;
            padding-top: 6px;
        }

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

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

         ::-webkit-input-placeholder {
            color: #81c2ea;
            font-family: "calibri";
        }

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

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

         :-ms-input-placeholder {
            color: #81c2ea;
            font-family: "calibri";
        }

        #ps_results {
            width: 700px;
            max-height: 500px;
            margin: 12px 0 0 -467px;
            -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;
        }

        #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;
            color: #747474;
            margin: 0 0 20px 0;
        }

        .ps_link {
            color: #f57222;
        }

        .ps_row_btm a span {
            color: #f57222;
        }

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

        #ps_results div a h3,
        #ps_results div a.clearboth {
            color: #f57222;
            font-weight: normal
        }
        /* 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 */

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

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

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

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

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

        .TB_Wrapper .Slide div {
            font-size: 22px;
            line-height: 35px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-weight: normal;
            position: relative;
            width: 100% !important;
        }

        .slickCarousel .Slide div {
            font-size: 22px !important;
            line-height: 35px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-weight: normal;
            position: relative;
            width: 100% !important;
        }
        /* .slick-slide>div:first-child {
            opacity: 0.1 !important;
        }*/

        .TB_Wrapper .Slide>div,
        .slickCarousel .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: 35% !important;
            position: absolute;
            display: block !important;
            right: 0 !important;
            left: 0 !important;
            margin: 0 auto;
        }

        .TB_Wrapper .Slide div.txtCont,
        .slickCarousel .Slide div.txtCont {
            position: absolute;
            top: auto;
            text-align: left;
            height: auto !important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            right: 0 !important;
            left: 0 !important;
            margin: 0% 1% 0% 7%;
            width: 100% !important;
            padding-top: 5%;
        }

        .TB_Wrapper .Slide div.noSelect,
        .slickCarousel .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;
        }

        .TB_Wrapper .Slide img.noSelect,
        .slickCarousel .Slide img.noSelect {
            margin: auto;
            z-index: 0;
            height: 100% !important;
            min-height: 980px;
        }

        .TB_Wrapper .captionCanvas,
        .slickCarousel .captionCanvas {
            display: none;
        }

        .TB_Wrapper .navHolder,
        .slickCarousel .navHolder {
            z-index: 4 !important;
            bottom: 300px !important;
        }

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

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

        .TB_Wrapper .navHolder div.noSelect:first-child,
        .slickCarousel .navHolder div.noSelect:first-child {
            margin-right: 60px;
            left: -55px !important;
            top: 0px !important;
        }

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

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

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

        .TB_Wrapper .navHolder .noSelect:nth-child(2),
        .slickCarousel .navHolder .noSelect:nth-child(2) {
            left: 0 !important;
            top: 0px !important;
        }

        .TB_Wrapper .navHolder .noSelect:last-child,
        .slickCarousel .navHolder .noSelect:last-child {
            left: 50px !important;
            top: 0px !important;
        }

        .TB_Wrapper .Slide div .txtCont span span,
        .slickCarousel .Slide div .txtCont span span,
        .slickCarousel .slideText .slickTitle {
            font-size: 72px !important;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            margin-bottom: -20px;
            display: block;
            font-weight: normal !important;
            line-height: 72px !important;
            width: 90%;
        }

        .TB_Wrapper .Slide div .txtCont span,
        .slickCarousel .Slide div .txtCont span {
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .slideText span a {
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-size: 17px !important;
            font-weight: normal;
        }
        /* three Item List */

        .TB_Wrapper .navHolder div.noSelect:first-child,
        .slickCarousel .navHolder div.noSelect:first-child {
            margin-right: 60px;
            left: -75px !important;
            top: 0px !important;
        }

        .TB_Wrapper .navHolder.fouritemlist .icon,
        .slickCarousel .slick-dots.fouritemlist button {
            background: url(../images/rotator/Ellipse1.png) !important;
            height: 8px !important;
            width: 56px !important;
            background-repeat: no-repeat !important;
        }

        .TB_Wrapper .navHolder.fouritemlist .noSelect:nth-child(2),
        .slickCarousel .navHolder.fouritemlist .noSelect:nth-child(2) {
            left: -17px !important;
            top: 0px !important;
        }

        .TB_Wrapper .navHolder.fouritemlist .noSelect:nth-child(3),
        .slickCarousel .navHolder.fouritemlist .noSelect:nth-child(3) {
            left: 39px !important;
            top: 0px !important;
        }

        .TB_Wrapper .navHolder.fouritemlist .noSelect:last-child,
        .slickCarousel .navHolder.fouritemlist .noSelect:last-child {
            left: 90px !important;
            top: 0px !important;
        }

        .TB_Wrapper .navHolder.threeitemlist .icon,
        .slickCarousel .slick-dots.threeitemlist li button {
            background: url(../images/rotator/Ellipse1.png) !important;
            height: 8px !important;
            width: 55px !important;
            left: -6px !important;
            background-repeat: no-repeat !important;
        }

        .TB_Wrapper .navHolder.threeitemlist div.noSelect:first-child,
        .slickCarousel .navHolder.threeitemlist div.noSelect:first-child {
            margin-right: 60px;
            left: -55px !important;
            top: 0px !important;
        }

        .TB_Wrapper .navHolder.twoitemlist .icon,
        .slickCarousel .slick-dots.twoitemlist li button {
            background: url(../images/rotator/Ellipse1.png) !important;
            height: 8px !important;
            width: 56px !important;
            background-repeat: no-repeat !important;
        }

        .TB_Wrapper .navHolder.twoitemlist .noSelect:last-child,
        .slickCarousel .navHolder.twoitemlist .noSelect:last-child {
            left: 20px !important;
            top: 0px !important;
        }

        .TB_Wrapper .navHolder.twoitemlist div.noSelect:first-child,
        .slickCarousel .navHolder.twoitemlist div.noSelect:first-child {
            margin-right: 60px;
            left: -35px !important;
            top: 0px !important;
        }

        .TB_Wrapper .navHolder.oneitemlist .icon,
        .slickCarousel .slick-dots.oneitemlist li button {
            background: url(../images/rotator/Ellipse2.png) !important;
            height: 8px !important;
            width: 8px !important;
            background-repeat: no-repeat !important;
        }

        .TB_Wrapper .navHolder.oneitemlist div.noSelect:first-child,
        .slickCarousel .navHolder.oneitemlist div.noSelect:first-child {
            margin-right: 60px;
            left: -5px !important;
            top: 0px !important;
        }

        .TB_Wrapper .noSelect:last-child .icon,
        .slickCarousel .slick-dots li:last-child button {
            background: url(../images/rotator/Ellipse2.png) !important;
            height: 8px !important;
            width: 8px !important;
            background-repeat: no-repeat !important;
        }
        /*internal rotator*/
        /* Quick tools
====================================== */
        /* == GENERIC == */

        .quick-tools.not-selectable {
            position: absolute;
            top: 815px;
            width: 100%;
            z-index: 9;
            background: rgba(247, 246, 246, 0.8);
            height: 165px;
        }

        .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: "calibri";
        }

        .quick-tools li a {
            color: #696b6a;
            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;
        }

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

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

        .quick-tools li i {
            font-size: 38px;
            vertical-align: middle;
            display: block;
            padding-left: 15px;
            padding-bottom: 20px;
        }

        .quick-tools li span {
            color: inherit;
            font-size: 21px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }
        /* == HOME == */
        /*==============================
Online Statements Button */

        .online-tools-wrapper .online-wrapper-home.fixed-button-wrapper {
            position: fixed;
            left: 0;
            top: 50%;
            width: inherit;
            z-index: 10000;
            background: transparent;
        }

        .online-tools-wrapper .initialism {
            height: 40px;
            width: 185px;
            position: fixed;
            z-index: 999;
            background: red;
            text-align: center;
            padding: 20px 20px 0px 20px;
            display: inline-block;
            position: fixed;
            top: 500px;
            bottom: 0;
            margin: auto;
            background: rgba(190, 188, 188, 0.49);
            -webkit-transform-origin: 40% -50%;
            -moz-transform-origin: 40% -50%;
            -webkit-transform: rotate(-90deg) translate(-50%, 50%);
            -moz-transform: rotate(-90deg) translate(-50%, 50%);
            transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
        }

        .initialism a {
            color: #FFF;
            font-size: 20PX;
            cursor: pointer;
        }

        .online-tools-wrapper .online-wrapper-home.fixed-button-wrapper .quick-tools li {
            background-color: transparent;
            width: inherit;
        }

        .online-tools-wrapper .online-wrapper-home.fixed-button-wrapper .quick-tools li a[class^="icon-"]:before {
            display: inline;
        }

        .online-tools-wrapper .online-wrapper-home.fixed-button-wrapper .fixed-button a {
            background-color: #00953a;
            border-radius: 10px 10px 0 0;
            height: 40px;
            left: -112px;
            width: 185px;
            line-height: 4px;
            position: fixed;
            top: 50%;
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);
            z-index: 999;
            right: -72px\9;
            left: auto\9;
        }

        @media screen and (-ms-high-contrast: active),
        (-ms-high-contrast: none) {
            .online-tools-wrapper .online-wrapper-home.fixed-button-wrapper .fixed-button a {
                right: -72px;
                left: auto;
            }
        }

        .online-tools-wrapper .online-wrapper-home.fixed-button-wrapper .fixed-button:hover a {
            background-color: #545456;
            color: #fffff;
        }

        .online-tools-wrapper .online-wrapper-home.fixed-button-wrapper .fixed-button:hover a span {
            color: #ffffff;
        }

        .online-tools-wrapper .online-wrapper-home.fixed-button-wrapper .fixed-button a span {
            font-size: 20px;
        }
        /* Online Statements Button */
        /* quick links bar at bottom*/

        .qt-wrapper-home.fixed-button-wrapper {
            position: absolute;
            right: 0;
            top: 50%;
            width: inherit;
            z-index: 10000;
            background: transparent;
            margin: 0px;
            padding: 0px;
            width: 100%;
        }

        .qt-wrapper-home .quick-tools {
            margin: auto;
        }

        .qt-wrapper-home .quick-tools li {
            height: 165px;
            width: 16.666666666666668%;
            text-align: center;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            float: left;
            list-style: none;
            text-indent: 0;
            border-right: 1px solid rgba(190, 192, 192, 0.8);
        }

        .qt-wrapper-home .quick-tools li:last-child {
            border-right: 0px !important;
        }

        .qt-wrapper-home .quick-tools li a {
            padding: 2.2em 3.2em 3.2em 3.2em;
            text-decoration: none;
            display: block;
            -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;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            height: 100%;
            cursor: pointer;
            line-height: 20px;
            color: #5c5a5a;
        }

        .qt-wrapper-home .quick-tools li:before {
            content: none;
        }

        .qt-wrapper-home .quick-tools li:hover a span,
        .qt-wrapper-home .quick-tools li:hover a:before,
        .qt-wrapper-home .quick-tools li:hover i {
            color: #f57222;
        }
        /* == 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;
            max-width: 1100px;
        }

        #slide6 {
            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;
            max-width: 1100px;
        }

        .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;
            cursor: pointer;
        }

        .popup_content span[class*="_close"]:after {
            float: right;
            /*content: "\e910";*/
            font-size: 22px;
            display: inline-block;
            line-height: 20px;
            color: #ffffff;
        }

        .popup_content h2 {
            padding: 4% 4%;
            color: #fff;
            background-color: #f57222;
            text-align: center;
            position: relative;
        }

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

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

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

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

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

        #slide6.popup_content h2 {
            background: url(../images/rotator/tree-1200.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: #f57222;
            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:last-child,
        ul.quicklinks-popup li:last-child {
            border-bottom: none;
        }

        ul.quicklinks-popup li {
            padding: 0;
            height: auto;
            width: 33%;
            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: #f57222;
        }

        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: #f57222;
        }
        /* == finod out starts == */

        .find-out-content h3,
        .find-out-content p {
            color: #5d5d5d;
            text-align: left;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .find-out-content h3 {
            font-size: 37px;
            line-height: 1.2;
            font-weight: normal;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .find-out-content h3 span {
            color: #e76a30;
            font-weight: normal;
            font-family: "calibri", "Lucida Grande", sans-serif;
        }

        .find-out-content .btn.primary {
            background: transparent;
            color: #4f4f4f;
            border: 1px solid #4f4f4f;
            border-radius: 25px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-weight: bold;
        }

        .find-out {
            width: 100%;
            min-height: 450px;
            padding: 3% 0 2% 4.4%;
            font-size: 20px;
            background: #f6f6f6;
            color: #fff;
            position: relative;
            overflow: hidden;
            text-align: center;
        }

        .find-out .mod-sub.sub1 {
            padding: 50px 80px 0 60px;
            width: 47%;
            min-height: 450px;
            height: 100%;
        }

        .find-out-content p a.btn.primary {
            margin-top: 20px;
        }

        .find-out .mod-sub.sub2 {
            width: 45%;
            min-height: 450px;
            height: 100%;
            overflow: hidden;
        }

        .sub-promo-2-container {
            height: 100%;
        }

        .findout-txt {
            padding-top: 40px;
            font-size: 20px;
            line-height: 1.7;
        }

        .desktop-view {
            display: block;
        }

        .desktop-product-img {
            display: block
        }

        .mobile-product-img {
            display: none;
        }

        .mob-full-view {
            display: none;
        }

        .desktop-view .wrapper .video {
            min-height: 350px;
            height: 100%;
        }
        /* == finod out Ends == */
        /* == artical  starts == */

        .artical-heading {
            width: 100%;
            margin: 0;
            font-size: 20px;
            color: #fff;
            position: relative;
            overflow: hidden;
            text-align: left;
            min-height: 600px;
            background: #23328a;
        }

        .artical-heading-sub-1 {
            width: 100%;
            float: left;
            height: 100%;
            background: #23328a;
            padding-bottom: 70px;
        }

        .artical-heading-sub-1 .latest-news-heading {
            font-size: 17px;
            color: #ea7125;
            border-bottom: 1px solid #ea7125;
        }

        .js .articlelist_title a {
            text-align: left
        }

        .artical-heading .newsImg {
            width: 50%;
            height: 100%;
            float: right;
            position: absolute;
            right: 0px;
            top: 0px;
        }

        .artical-heading .newsImg img {
            margin: auto;
            left: -300% !important;
            right: -300% !important;
            width: auto !important;
            z-index: 0;
        }

        .articlelist h2,
        .articlelist .newsImg,
        .articlelist .articlelist_title a span {
            color: #d6d6d6;
        }

        .artical-heading .articlelist_intro {
            margin: 50px 0 0px 120px !important;
        }

        .artical-heading .articlelist_intro h2 {
            padding-bottom: 20px;
            font-size: 35px;
            font-family: 'CalibriBold', "calibri", "Lucida Grande", sans-serif;
        }

        .articlelist_title a span {
            color: #fff;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-size: 30px;
            font-weight: normal;
        }

        .blog-txt1 {
            font-size: 19px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-weight: normal;
            padding-bottom: 20px;
            width: 88%;
        }

        .blog-category .articlelist_title a span {
            color: #000 !important;
        }

        .articlelist .newsImg {
            color: #fff;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-size: 20px;
        }

        .blog .leading h2 {
            color: #f57222
        }

        .artical-heading .article-left {
            width: 50%;
            float: left;
            text-align: left
        }

        .article-right {
            width: 50%;
            float: right;
            top: 0px;
            float: right;
            right: 0px;
            height: 100%;
        }

        .artical-heading-sub-1 .article-right {
            position: absolute;
        }

        .blog .article-left {
            float: right;
            width: 50%;
            text-align: left;
            right: 0px;
            top: 0px;
        }

        div.blog {
            max-width: 1200px !important;
            width: 100% !important;
            margin-top: 40px !important;
        }

        div.leading,
        div.article_column {
            width: 100% !important;
        }

        div.blog .article-left h2 {
            margin: 10px 0 0px 50px;
            padding-bottom: 20px;
            color: #747474;
        }

        div.blog .article-left p {
            margin: 0px 0 0px 50px;
        }

        .readon {
            display: inline-block;
            cursor: pointer;
            text-decoration: none !important;
            text-align: center;
            letter-spacing: 0;
            border-radius: 30px;
            border-top: 0;
            border-left: 0;
            border-right: 0;
            margin: 20px auto 20px auto;
            height: 35px;
            padding: 5px 25px;
            text-indent: 0;
            border: 2px solid #f57222;
            color: #ffffff !important;
            background: #f57222;
            border: 0px !important;
        }

        .artical-heading-sub-2 {
            margin: 0%;
            width: 50%;
            min-height: 650px;
            height: 650px;
            overflow: hidden;
        }

        .artical-heading-sub-2 p {
            min-height: 650px;
            height: 650px;
            margin: 0;
        }

        .artical-heading-sub-2 p .bg {
            min-height: 650px;
            height: 650px;
            margin: 0;
        }

        .artical-heading .smalltext a {
            color: #e76a30;
            font-size: 16px;
            border-style: solid;
            border-width: 0px 0px 1px 0px;
        }

        .artical-content {
            padding: 8% 0% 0% 13.2%;
            width: 70%;
        }

        .artical-content p {
            color: #fff
        }

        .artical-heading .smalltext+p {
            padding-top: 20px;
            font-size: 30px;
            font-weight: normal;
        }

        .sub-promo-2-container .bg {
            height: 100%;
        }

        .primary-btn-container {
            padding-top: 60px !important;
            font-size: 18px !important;
        }

        .primary-btn-container .btn {
            border: 1px solid #b4b4b4;
            border-radius: 25px;
            margin: 0 20px 20px 0;
            line-height: 23px;
            padding: 10px 20px;
            color: #fff;
        }

        .artical-heading .smalltext+p+h3 {
            padding-top: 40px;
            font-size: 35px;
            color: #fff;
            font-weight: bold;
        }

        .artical-heading .heading1 {
            padding-top: 15px;
            font-size: 20px;
        }

        .artical-heading .heading2 {
            font-size: 16px;
            padding-top: 10px;
        }

        .artical-heading .btn.primary {
            background: transparent;
            color: #fff;
            border: 1px solid #fff;
            border-radius: 25px;
        }
        /* == artical Ends == */
        /* Sub promo
====================================== */

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

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

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

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

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

        .sub-promo {
            width: 100%;
            margin: 0;
            font-size: 20px;
            color: #fff;
            position: relative;
            text-align: center;
        }

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

        .sub-promo .mod-sub {
            height: 382px;
            overflow: hidden;
        }

        .sub-promo .mod-sub.sub1,
        .sub-promo .mod-sub.sub2,
        .sub-promo .mod-sub.sub3 {
            width: 33.33%;
        }

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

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

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

        .left-content .componentheading {
            display: none;
        }

        .sub-promo-content,
        .banner-content {
            padding: 0 20px 0 30px;
            position: absolute;
            top: 65%;
            -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;
        }

        .banner-content h1 {
            color: #fff
        }

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

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

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

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

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

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

        .sub-promo p,
        .sub-promo h3 {
            margin: 10px auto;
            position: relative;
            z-index: 999;
            text-align: left;
        }

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

        .mod-sub>p {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
        }

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

        .sub-promo h1,
        .sub-promo h2 {
            font-family: 'CalibriBold', "calibri", "Lucida Grande", sans-serif;
            font-size: 50px;
            padding-bottom: 10px;
            line-height: 40px;
            color: #fff;
        }

        .sub-promo h3 {
            font-size: 37px;
            line-height: 1.2;
            font-weight: normal;
            color: #fff;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            padding-bottom: 0px;
            margin-bottom: 10px;
        }

        .sub-promo .subpromotxt,
        .sub-promo .subpromotxt,
        .sub-promo .subpromotxt {
            font-family: 'calibri-light', "calibri", "Lucida Grande", sans-serif;
            font-size: 22px;
            padding-bottom: 10px;
            line-height: 35px;
            color: #fff;
        }

        .sub-promo h4 {
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-size: 18px;
            padding-bottom: 20px;
            line-height: 25px;
            color: #fff;
        }

        .sub-promo h2.module-title {
            font-size: 20px;
            text-align: center;
            color: #303030;
            padding: 0;
        }

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

        .sub-promo h5 {
            padding: 0;
        }

        .sub-promo img {
            margin: 0 auto 20px auto;
            position: absolute;
            top: 0;
            margin: auto;
            left: -300%;
            right: -300%;
            z-index: 0;
        }

        .promo2-img {
            width: 100%;
            height: 100%;
        }

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

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

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

        .Rate-interest span {
            color: #ea7125 !important;
        }

        .Rate-comparison span {
            color: #3d3d3d !important
        }

        .sub-promo-rate li span.input {
            font-size: 42px;
            font-family: "calibri";
        }

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

        .sub-promo-rate li {
            display: inline-block;
            width: 49%;
            padding: 10px;
            box-sizing: border-box;
        }
        /* 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: 1.5em;
            height: 1em;
            color: #303030;
            font-size: 28px;
            bottom: 0;
            vertical-align: middle;
            cursor: pointer;
        }

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

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

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

        .home-news-blog-container .jcarousel-next {
            right: 1.4em;
        }

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

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

        .home-news-blog-container {
            height: 380px;
        }

        .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: 1px solid #d1d1d1;
            border-radius: 10px;
        }

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

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

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

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

        .js .articlelist li.articlelist_item {
            width: 48%;
            text-align: left;
            display: inline-block;
            margin: 0;
            vertical-align: middle;
            height: auto;
            padding: 0;
        }

        .article-right img {
            width: 99.9%;
            right: 100%;
            height: 100%;
        }

        .artical-heading-sub-1 h3 span {
            font-size: 17px;
            color: #ea7125;
            border-bottom: 1px solid #ea7125;
            margin: 0px 0 0px 120px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .artical-heading-sub-1 .newsheading {
            margin: 70px 0 0px 0px;
        }

        .artical-heading .article-left .newsImg {
            margin: 0px 0 30px 80px;
        }

        .artical-heading .article-left h2 {
            margin: 20px 0 0px 80px;
            font-family: "CalibriBold", "calibri", "Lucida Grande", sans-serif;
            font-size: 35px;
        }

        .artical-heading .articlelist_title a {
            margin: 10px 0 0px 120px !important;
        }

        #moreNews {
            margin-left: 120px;
            margin-top: 60px;
        }

        .blog-txt2 {
            font-size: 16px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-weight: normal;
            padding-bottom: 20px;
            width: 88%;
        }

        .blog-txt2 span {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 41%;
            display: inline-block;
        }

        #moreNews a {
            border: 1px solid #b4b4b4;
            border-radius: 25px;
            margin: 0 20px 20px 0;
            line-height: 23px;
            padding: 10px 20px;
            color: #fff;
        }

        #moreNews a:hover {
            border: 1px solid #f57222 !important;
            background: -webkit-linear-gradient(#f67727, #eb7126);
            background: -o-linear-gradient(#f67727, #eb7126);
            background: -moz-linear-gradient(#f67727, #eb7126);
            background: linear-gradient(#f67727, #eb7126) !important;
        }

        .readMore a {
            font-size: 17px;
            color: #ea7125;
            border-bottom: 1px solid #ea7125;
            margin: 0px 0 0px 0px;
        }

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

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

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

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

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

        .js .articlelist_title a,
        .news .articlelist_title span {
            position: relative;
            font-family: "calibri";
            font-weight: bold;
            font-size: 17px;
            line-height: 26px;
            text-decoration: none;
            color: #303030;
            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 {
            color: #f57222;
        }

        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;
            font-family: "calibri";
            text-align: center;
            font-size: 20px;
            line-height: 1.5em;
            font-weight: normal;
            border-radius: 1.5em;
            padding: 10px 40px;
            color: #f57222;
            background: none;
            position: relative;
            margin: 0;
        }

        #moreNewstestimonial a {
            border: 2px solid #f57222;
        }

        #moreNewstestimonial a {
            margin: 20px auto;
        }

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

        #moreNewstestimonial a:hover {
            color: #fff;
            background: #f57222;
        }
        /* Carousel starts */

        .blog-img img {
            width: 100%;
        }

        .blog-category .blog-img img {
            max-width: 300px !important
        }

        .blog .blog-img img {
            max-width: 700px;
        }

        #articlelist .item {
            margin: 3px;
        }

        #articlelist .item img {
            display: block;
            width: 50%;
            height: auto;
        }

        .blog-txt1 span {
            font-size: 20px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .blog-txt2 span {
            font-size: 16px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .artical-heading .blog-txt1 span,
        .artical-heading .blog-txt2 span {
            color: #d6d6d6;
        }

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

        .owl-theme .owl-controls .owl-page span {
            background: none repeat scroll 0 0 #869791;
            border-radius: 20px;
            display: block;
            height: 12px;
            margin: 5px 7px;
            width: 12px;
        }

        .articlelist_intro .blog-img {
            position: absolute;
            right: 0px;
            top: -115px;
            width: 50%;
        }

        .owl-carousel .owl-wrapper-outer {
            overflow: inherit !important;
        }
        /*.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    width: 100% !important;
}*/

        .owl-carousel .owl-wrapper,
        .owl-carousel .owl-item,
        .artical-heading-sub-1 .js,
        .owl-carousel,
        .owl-carousel .owl-wrapper-outer {
            height: 81%;
        }



        .owl-theme .owl-controls .owl-pagination .owl-page span {
            background: url(../images/rotator/Ellipse1.png) !important;
            height: 8px !important;
            width: 56px !important;
            background-repeat: no-repeat !important;
        }

        .owl-theme .owl-controls .owl-pagination .owl-page:last-child span {
            background: url(../images/rotator/Ellipse2.png) !important;
            height: 8px !important;
            width: 8px !important;
            background-repeat: no-repeat !important;
        }

        .owl-controls {
            margin: 0px 40px 0px 80px !important;
            left: 0px;
            float: right;
            width: 58%;
        }
        /* Carousel Ends here */
        /* Testimonials
====================================== */

        .testimonials {
            max-width: 1200px;
            padding: 20px;
            text-align: center;
            margin: 80px auto;
        }

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

        .testimonials .articlelist li:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }

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

        .campain-banner .prodtPlugin table.stripeTable tbody td {
            padding: 13px !important;
            font-size: 19px;
        }

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

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

        .testimonials .articlelist_item .thumbImage img {
            width: 100%;
            height: auto;
        }

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

        .testimonials .articlelist_intro,
        .testimonials .articlelist_intro p {
            font-size: 16px;
            line-height: 26px;
            display: block;
        }

        .testimonials .articlelist_intro p {
            margin: 0;
        }

        .testimonials .articlelist_intro p:nth-of-type(2):after {
            content: "...";
        }

        .star-rating {
            display: block;
            position: relative;
            float: none;
            margin: 20px auto 0 auto;
        }

        .one-star,
        .two-stars,
        .three-stars,
        .four-stars,
        .five-stars,
        .half-star,
        .one-half-star,
        .two-half-stars,
        .three-half-stars,
        .four-half-stars {
            display: inline-block;
            padding: 0;
            height: auto;
            width: 0;
            overflow: hidden;
            position: relative;
        }

        .half-star:before,
        .one-star:before,
        .two-stars:before,
        .three-stars:before,
        .four-stars:before,
        .five-stars:before,
        .one-half-star:before,
        .two-half-stars:before,
        .three-half-stars:before,
        .four-half-stars:before {
            font-size: 1.5em;
            text-align: center;
            position: absolute;
            left: 0;
            white-space: nowrap;
            color: #f57222!important;
        }

        .half-star,
        .one-star {
            padding: 1.25em;
        }

        .half-star:before {
            content: "☆";
            white-space: nowrap;
            color: #f57222!important;
        }

        .one-star:before {
            content: "★";
            white-space: nowrap;
            color: #f57222!important;
        }

        .one-half-star,
        .two-stars {
            padding-left: 3em;
        }

        .one-half-star:before {
            content: "★ ☆";
            white-space: nowrap;
            color: #f57222!important;
        }

        .two-stars:before {
            content: "★ ★";
            white-space: nowrap;
            color: #f57222!important;
        }

        .two-half-stars,
        .three-stars {
            padding-left: 5em;
        }

        .two-half-stars:before {
            content: "★ ★ ☆";
            white-space: nowrap;
            color: #f57222!important;
        }

        .three-stars:before {
            content: "★ ★ ★";
            white-space: nowrap;
            color: #f57222!important;
        }

        .three-half-stars {
            padding-left: 6em;
        }

        .four-stars {
            padding-left: 7em;
        }

        .three-half-stars:before {
            content: "★ ★ ★ ☆";
            white-space: nowrap;
            color: #f57222!important;
        }

        .four-stars:before {
            content: "★ ★ ★ ★";
            white-space: nowrap;
            color: #f57222!important;
        }

        .five-stars,
        .four-half-stars {
            padding-left: 10.35em;
            white-space: nowrap;
            color: #f57222!important;
        }

        .four-half-stars:before {
            content: "★ ★ ★ ★ ☆";
            white-space: nowrap;
            color: #f57222!important;
        }

        .five-stars:before {
            content: "★ ★ ★ ★ ★";
            white-space: nowrap;
            color: #f57222!important;
        }

        .testimonials h2 {
            position: relative;
            margin: 0 0 40px 0;
            padding: 0;
        }

        .testimonials h2:after {
            border-top: 3px solid #f57222;
            content: "";
            display: block;
            height: 1px;
            margin: 30px auto 3px;
            width: 85px;
        }

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

        .testimonials span.readMore {
            display: block;
            margin: 20px 0 0 0;
            font-family: "calibri";
            font-weight: 800;
        }
        /* Site links
====================================== */

        .site-links {
            background-color: #fff;
            color: #333;
            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: 23%;
            display: inline-block;
            text-align: left;
            padding: 0;
        }

        .links-tbl td a {
            color: #636363;
            text-decoration: none;
        }

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

        .links-tbl td table th {
            font-size: 1.1em;
            font-family: "calibri";
            font-weight: 800;
            color: #303030;
            padding: 2% 0;
            border-bottom: none;
        }

        .links-tbl td table th:after {
            content: "";
            display: block;
            height: 1px;
            width: 55px;
            border-top: 2px solid #002a51;
            margin: 8px 0 3px;
        }

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

        .site-links p:last-child {
            display: none;
        }
        /* Footer
====================================== */

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

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

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

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

        .mod-footer-icons a i {
            font-size: 20px;
            margin-right: -0.5em;
            color: #fff;
        }

        footer {
            background-color: #e9e9e9;
            color: #fff;
            padding: 0px 0 0px 0;
            /*position: absolute;*/
            width: 100%;
        }

        #innerFooter {
            width: 100%;
            margin: 0 auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .footertop {
            width: 100%;
            background: #e9e9e9;
            min-height: 145px;
            padding-top: 30px;
        }

        .footerLeft {
            padding: 40px 20px 10px 20px;
            background: #233288;
            text-align: right;
        }

        .footerLeft .mod-logo {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            float: left;
            padding-top: 20px;
            padding-left: 30px;
        }

        .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: 14px;
            font-weight: 200;
            color: #adadad;
            padding-right: 20px;
        }

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

        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: 21px;
            display: inline-block;
            color: #fff;
            padding: 0 20px 0 20px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .footer-links li:not(:last-child):after {
            margin: 0 10px;
        }

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

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

        .footer-links li a:hover {
            padding: 0 0 9px 0;
            border-bottom: 1px solid #f57222;
        }

        .footer-left-container {
            float: left;
            width: 25%
        }

        .footer-left-container .footer-logo {
            padding-left: 40px;
            padding-top: 5px;
        }

        .download-container {
            width: 73%;
            float: right;
        }

        .playstore-img {
            padding-right: 20px;
            float: left;
        }

        .appstore-img {
            float: left;
        }

        .footer-cont {
            width: 100%
        }
        /* ////INFOCAST///*/

        html #infocastContainer {
            height: inherit!important;
            min-height: inherit!important;
            max-width: 1200px;
            margin: auto;
            position: relative;
            margin-top: 50px !important;
        }

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

        #infocastContainer select#infocastProdFolderId,
        #infocastContainer select#infocastSimulator {
            border-width: 1px !important;
            border-style: solid !important;
            border-color: rgb(245, 128, 37) !important;
            -webkit-border-radius: 15px;
            border-radius: 15px;
            -moz-border-radius: 15px;
        }

        #infocastContainer input#loanAmount,
        #infocastContainer input#loanTermYears {
            border-width: 1px !important;
            border-style: solid !important;
            border-color: rgb(245, 128, 37) !important;
            border-radius: 12px;
            box-shadow: none;
        }

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

        #infocastContainer table#switcherStyle th {
            font-size: 22px;
            font-weight: 700;
            color: #f57222!important;
            line-height: 50px;
        }

        #infocastContainer div.kfsemailform input#emailItToMe:hover {
            background-color: #fff !important;
            border: 1px solid #f57222!important;
            color: #f57222;
        }

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

        #infocastContainer div#productDescContent,
        #infocastContainer div.chartDetails div#loanAmount2,
        #infocastContainer div.divInputs,
        #infocastContainer div.kfsemailform input,
        #infocastContainer div.kfsproductform input {
            border-width: 1px !important;
            border-style: solid !important;
            border-color: rgb(245, 128, 37) !important;
            -webkit-border-radius: 12px !important;
            border-radius: 12px !important;
            -moz-border-radius: 12px !important;
            box-shadow: none;
        }

        #infocastContainer .backgroundColor,
        #infocastContainer .ui-widget-header {
            background: rgb(245, 128, 37) !important;
        }

        #infocastContainer form #simForm label,
        #infocastContainer div.kfsemailform h1,
        #infocastContainer div.kfsproductform h1,
        #infocastContainer div.kfsemailformDataLargeLeft label,
        #infocastContainer div.kfsemailformDataLargeRight label {
            color: #f57222!important;
            font-size: 15px;
        }

        div.section.TopSection {
            padding: 10px 0px 5px 5px;
        }

        #infocastContainer div.sectionData input.showCalcs,
        #infocastContainer div.sectionDataLarge input.emailDirect,
        #infocastContainer div#infocastApplyBtn input,
        #infocastContainer input#emailItToMe {
            color: rgb(255, 255, 255);
            font-size: 1em;
            background-color: rgb(245, 128, 37);
            border-width: 1px !important;
            border-style: solid !important;
            border-color: rgb(245, 128, 37) !important;
            border-image: initial !important;
            border-radius: 12px !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: #fff !important;
            border: 1px solid #f57222!important;
            color: #f57222;
        }

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

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

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

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

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

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

        #infocastContainer #pageInfoFooter {
            display: none;
        }

        #infocastContainer p {
            margin: 5px;
            line-height: 26px !important
        }

        #infocastContainer div.chartDetails h2 {
            color: #233291;
            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 #f57222;
            padding: 10px;
            width: 70%;
            font-size: 15px;
            box-shadow: none;
            margin-left: 20px
        }
        /* //////// 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: #f57222;
            border: 1px solid #f57222;
            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;
        }

        div.section .sectionTitle {
            padding: 10px !important;
        }

        #generateFactsheet input.emailDirect {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            background-color: rgb(245, 128, 37) !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: #f57222 !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: #f57222;
        }
        /* ////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;
        }

        .bounce {
            position: absolute;
            left: calc(50% - 27px);
            bottom: 170px;
            height: 35px;
            width: 35px;
            z-index: 5;
            border-radius: 50%;
            background-size: 50px;
            text-align: center;
            cursor: pointer;
        }

        .bounce:before {
            content: "\e93a";
            font-size: 10px;
            color: #ffffff;
            line-height: 30px;
            text-align: center;
            top: -30px;
            z-index: -1;
            position: relative;
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            font-size: 50px;
            text-shadow: none;
        }

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

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

        .locationUrlLink {
            color: #002b54 !important;
        }

        #head div,
        #head .subtitle {
            color: #002b54 !important;
        }

         ::-webkit-input-placeholder {
            color: #000;
            font-family: "calibri";
        }

         :-moz-placeholder {
            color: #000;
            font-family: "calibri";
            line-height: 40px;
        }

         ::-moz-placeholder {
            color: #000;
            font-family: "calibri";
            line-height: 40px;
        }

         :-ms-input-placeholder {
            color: #000;
            font-family: "calibri";
        }

        placeholder {
            color: #000;
            font-family: "calibri";
        }
        /* ATM locator
============================================================================ */

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

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

        #map_search_btn {
            background-color: #f57222;
            border: 1px solid #f57222;
            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;
            font-family: "calibri";
            -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: #233291;
            border: 1px solid #233291;
        }

        #searchText {
            border: 1px solid #545454;
            color: #000;
            float: left;
            font-family: "calibri";
            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: #233291;
            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: #233291;
        }

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

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

        .wrapperResults span.sub {
            font-weight: normal;
            color: #002b54;
        }

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

        .category-inactive {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border-color: #f57222;
            color: #f57222;
            border: 2px solid #f57222;
            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, #f57222), color-stop(0.7, #f57222), color-stop(1, #f57222));
            background: -moz-linear-gradient(top, #f572220%, #f5722270%, #f57222100%);
            background-color: #f57222;
            border-radius: 10px 0 10px 10px;
        }

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

        .panel .filterTitle {
            font-size: 26px;
            color: #f57222;
            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 #f57222;
        }
        /* 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: 160px;
            text-decoration: none;
            text-align: center;
            color: #fff;
            border-radius: 10px 0 10px 10px;
            border-top: 0;
            border-left: 0;
            border-right: 0;
            margin: 0 20px 20px 0;
            line-height: 23px;
            padding: 10px 20px;
            text-indent: 0;
            font-size: 18px;
            border: 2px solid #f57222;
            font-family: "calibri";
        }

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

        .btn:active {
            background: #233291;
        }

        .btn.primary {
            background: transparent;
            color: #fff;
            border: 1px solid #fff;
            border-radius: 25px;
        }

        #comments-container .comment-button {
            background: transparent;
            color: #b4b4b4;
            border: 1px solid #f57222;
            border-radius: 25px;
        }

        #comments-container .comment-button:hover {
            background: #f57222;
            color: #fff
        }

        .sub-promo-content .btn.primary {
            background: transparent;
            color: #fff;
            border: 1px solid #fff;
        }

        .content-right p {
            padding-left: 0 !important;
            min-height: 365px;
            height: 365px;
        }

        .applybtn {
            background: #f57222 !important;
            color: #fff !important;
            border: 0px;
        }

        .primary:hover,
        .readon:hover {
            border: 1px solid #f57222 !important;
            background: #f57222 !important;
            background: -webkit-linear-gradient(#f67727, #eb7126);
            background: -o-linear-gradient(#f67727, #eb7126);
            background: -moz-linear-gradient(#f67727, #eb7126);
            background: linear-gradient(#f67727, #eb7126) !important;
            color: #fff !important;
        }

        .quicklinks-table .primary {
            color: #f57222;
        }

        #comments-container .comment-button {
            color: #f57222;
        }

        .secondary {
            background: transparent;
            color: #4f4f4f;
            border: 1px solid #4f4f4f;
            border-radius: 25px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            font-weight: bold;
        }

        .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 {
            background: #f57222 !important;
            background: -webkit-linear-gradient(#f67727, #eb7126);
            background: -o-linear-gradient(#f67727, #eb7126);
            background: -moz-linear-gradient(#f67727, #eb7126);
            background: linear-gradient(#f67727, #eb7126) !important;
            border: 1px solid #f57222 !important;
            color: #fff !important;
        }

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

        .campaign-thridtable td p {
            font-size: 26px !important;
            font-weight: normal;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .campaign-thridtable ul {
            margin-top: 30px !important;
        }

        .campaign-thridtable ul li {
            font-size: 18px !important;
        }

        .campaign-firsttable td:nth-child(2) p {
            line-height: 0px !important
        }

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

        .btn.product {
            border: none;
            color: #f57222;
            text-align: left;
            padding: 0;
            white-space: normal;
            font-family: "calibri";
            font-size: 14px;
        }

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

        table.three-col-split .btn.product:hover {
            color: #002b54;
        }

        .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: #f57222;
        }

        .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,
        .slickCarousel a:hover,
        {
            text-decoration: none;
        }

        .TB_Wrapper .btn.primary,
        .slickCarousel .btn.primary {
            font-family: "calibri";
            display: block;
            margin: 50px 0;
            max-width: 180px;
            text-decoration: none;
            height: 45px;
            line-height: 24px;
            font-size: 18px;
            min-width: 108px;
            background: transparent;
            color: #fff;
            border: 1px solid #fff;
        }
        /* specific button styles */

        .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-decoration: underline;
            text-align: center;
            font-family: "calibri";
            border-top: 0;
            border-left: 0;
            border-right: 0;
            height: 38px;
            line-height: 36px;
            font-size: 16px;
            text-indent: 0;
            color: #f57222;
        }

        .readon:hover,
        #searchForm .button:hover {
            background: #f57222;
            text-decoration: underline;
            color: #fff;
            border: 0px;
        }

        #searchForm .button {
            display: inline-block;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            letter-spacing: 1px;
            border-radius: 6px;
            border-top: 0;
            border-left: 0;
            border-right: 0;
            margin: 0 auto 20px auto;
            height: 40px;
            padding: 0 20px;
            line-height: 40px;
            font-size: 14px;
            text-indent: 0;
            border: 3px solid #f67318;
            color: #fff;
            background: #f57222;
        }

        #searchForm .button:hover {
            color: #fff;
            background: #233291;
            border-color: #233291;
            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: #002b54;
        }
        /* Tables
====================================== */

        div#page table {
            margin-left: auto;
            margin-right: auto;
        }

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

        .padding td {
            padding: 0 40px;
        }

        table {
            /* max-width: 1260px !important;*/
            width: 100%;
            box-sizing: border-box;
            /*site width*/
        }

        table td,
        table tr {
            box-sizing: border-box;
            padding: 0;
        }

        table.clean,
        table.clean tr {
            background: none !important;
        }
        /* === Expand Tables === */

        div#page table.expandTb_header {
            margin: 20px 0 !important;
        }

        div#page table.expandTb .expandTb_header td {
            padding: 45px 65px;
        }

        div#page table.expandTb td.expandTb_content {
            padding: 0 65px 60px;
            height: auto;
            margin-top: -25px!important;
        }

        div#page table.expandTb td.expandTb_content p {
            padding: 0;
        }

        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 {
            width: 100%;
            margin: 0 auto !important;
            background: #e6e6e6;
            max-width: 100% !important;
            margin-bottom: 20px !important;
            -webkit-box-shadow: 10px 10px 5px 0px #d8d8d8;
            -moz-box-shadow: 10px 10px 5px 0px #d8d8d8;
            box-shadow: 5px 6px 2px 2px #d8d8d8;
        }

        .icon-mail2:before {
            content: "\eb77" !important;
        }

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

        .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: 24px;
            line-height: 30px;
            color: #3d3d3d !important;
            font-family: "calibri";
        }

        table.expandTb td.dropDownLink .icon-plus,
        table.expandTb td.dropDownLink .icon-minus,
        table.expandTb .icon-plus,
        table.expandTb .icon-minus {
            background: none;
            position: relative;
            font-size: 28px;
            height: 24px;
            width: 24px;
            vertical-align: middle;
            float: right;
            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;
            z-index: 999;
        }

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

        table.expandTb td.dropDownLink .icon-minus:before,
        .expandTb_header .icon-minus:before {
            content: "\e902";
            display: block;
            position: absolute;
            top: 55%;
            line-height: normal;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition-property: transform;
            -moz-transition-property: transform;
            -o-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: 0.8s;
            -moz-transition-duration: 0.8s;
            -o-transition-duration: 0.8s;
            transition-duration: 0.8s;
            -webkit-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
            -webkit-transform: translateY(-50%) rotate(-180deg);
            -moz-transform: translateY(-50%) rotate(-180deg);
            -ms-transform: translateY(-50%) rotate(-180deg);
            -o-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
        }
        /* === Stripe Tables (pulled in from byond product summary)  === */

        table .expandTb_content ul li a {
            color: #f57222;
        }

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

        table.stripeTable tbody td {
            border: 0;
        }

        table.stripeTable tr th {
            background-color: #f57222;
            border-right: 1px solid #f57222;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            padding: 10px 20px;
            text-align: left;
            border: none;
        }

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

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

        table.tablesorter2 td img {
            width: auto;
        }
        /* === various responsive column Tables === */

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

        table.three-col-split td:first-child {
            width: 46%;
        }

        table.two-col-split td:last-child {
            width: 24.16%/* 30%*/
            ;
        }

        table.two-col-split.one-two td:first-child {
            width: 30%;
            vertical-align: top;
        }

        table.two-col-split.one-two td:last-child {
            width: 70%;
        }

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

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

        table.three-col-layout td,
        table.three-col-layout th {
            width: 31%;
            padding-bottom: 20px !important;
        }

        .two-col-split .three-col-layout td,
        .two-col-split .three-col-layout th {
            width: 31% !important;
            padding-bottom: 10px !important;
        }

        .byondTabContent .three-col-layout {
            padding: 20px;
        }

        .pt-t-30 {
            padding-top: 30px;
        }

        table.four-col-layout td,
        table.four-col-layout.stripeTable td {
            width: 22.5% !important;
            padding: 0 1.65%;
        }

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

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

        table.three-col-split td {
            width: 30%;
        }

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

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

        .three-col-split td:last-child .btn,
        table.two-col-split td:last-child .btn,
        .two-col-layout-cta td:last-child .btn,
        .three-col-layout-cta td:last-child .btn {
            width: 100%;
            max-width: 220px;
            margin: 0 auto 20px;
            display: block;
        }

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

        .prodtPlugin table .tablesorter2.stripeTable {
            border: 1px solid #f57222;
            background: #fff
        }

        .campaign-container .prodtPlugin table.stripeTable tr th {
            background: #fff;
            border-top: 4px solid #f57222;
        }

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

        .prodtPlugin .tablesorter2.stripeTable tr {
            border-bottom: 1px solid #ccc;
            background-color: #f3f3f3;
        }

        .prodtPlugin .tablesorter2.stripeTable tr.productName {
            border-bottom: 0px !important;
            border-left: 1px solid #ccc;
        }

        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 40px 0;
            width: 100%;
        }

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

        table.scrollable-table .subhead {
            background-color: #e1e5e9;
            font-size: 18px;
        }

        table.scrollable-table h4 {
            color: #00aeef;
            font-size: 18px;
            font-family: "calibri";
            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.four-col-layout.scrollable-table tbody td,
        table.four-col-layout.scrollable-table tbody tr:last-child td,
        .four-col-layout.scrollable-table tr th {
            padding: 10px 20px;
            display: table-cell!important;
        }

        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: #f27e38;
            border-right: 1px solid #f27e38;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            text-align: center;
        }

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

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

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

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

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

        table.scrollable-table.simple tr:nth-child(odd) td:first-child,
        table.scrollable-table.simple tr.odd td:first-child {
            background-color: #f3f3f3;
            color: #233291;
            border-left: 1px solid #d1d1d1;
        }

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

        table.scrollable-table tr:nth-child(even) td:first-child,
        table.scrollable-table tr.even td:first-child {
            background-color: #ef8b4f;
            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: #233291;
            border-left: 1px solid #d1d1d1;
        }

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

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

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

        table td h3 a {
            color: #454545 !important;
            font-family: "calibri";
            line-height: 35px;
        }

        table.stripeTable tr.prodtGp td:first-child {
            font-family: "CalibriBold";
            font-size: 18px;
            font-weight: normal;
        }
        /* Share links
====================================== */

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

        .share-links .icon-mail2 {
            font-size: 18px;
            float: left;
            padding-top: 13px;
            color: #747474;
            padding-right: 0;
            cursor: pointer;
        }

        .blog-category .breadcrumbs {
            top: 50px;
            padding: 40px 0 40px 0px;
            margin-top: 0;
            display: block;
            color: #747474;
            background: transparent;
        }

        .breadcrumbs a {
            color: #fff;
        }

        .blog-category .breadcrumbs a {
            color: #000
        }

        .blog-category .blog .leading h2,
        .blog-category .blog .article_column h2 {
            color: #f57222
        }

        .breadcrumbs {
            top: 7px;
            padding: 40px 0 20px 140px;
            margin-top: 0;
            display: block;
            color: #fff;
            background: #233189;
            font-size: 17px;
            width: 50%
        }

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

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

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

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

        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: transparent;
            color: #747474;
            height: 31px;
            line-height: 30px;
            padding: 3px;
            text-decoration: none;
            font-size: 19px;
            min-width: 100px;
            text-align: center;
            width: 130px
        }

        ul#shareThisList ul li a {
            background: #fff !important
        }

        ul#shareThisList li a:hover {
            color: #f57322;
        }

        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 {
            margin: 0 20px 30px 0;
            font-family: "CalibriItalic", "calibri", "Lucida Grande", sans-serif;
            display: inline-block;
            max-width: 200px;
        }

        .Rate-interest span:first-child,
        .Rate-comparison span:first-child {
            font-size: 60px;
            font-weight: lighter;
            line-height: 50px;
            font-family: 'CalibriBold', "calibri", "Lucida Grande", sans-serif;
        }

        .Rate-interest span.input {
            font-size: 60px;
            font-weight: lighter;
            line-height: 50px;
            font-family: 'CalibriBold', "calibri", "Lucida Grande", sans-serif;
        }

        .Rate-comparison span.input {
            font-size: 60px;
            font-weight: lighter;
            line-height: 50px;
            font-family: 'CalibriBold', "calibri", "Lucida Grande", sans-serif;
        }

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

        .Rate-interest {
            color: #747474;
        }

        .Rate-comparison {
            color: #747474;
        }

        .Rate-interest+span {
            color: #f57222;
        }

        .Rate-comparison+span {
            color: #3c3c3c
        }

        iframe.R-Video {
            width: 100%;
            max-width: 650px;
        }
        /* Misc
====================================== */
        /* byond nav bar styling */

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

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

        div#myLogin {
            height: 86px !important;
            position: fixed !important;
            top: 0px !important;
        }

        #myLogin_footer {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 9999
        }

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

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

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

        .anchor {
            margin: -160px 0 0 0;
            display: block;
            position: absolute;
        }
        /* Search page styles */

        table.contentpaneopen fieldset {
            display: block;
            float: left;
            width: 96%;
            margin: 0 0 20px 0;
        }

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

        table.contentpaneopen fieldset a {
            color: #f67318;
            text-decoration: none;
            font-size: 20px
        }

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

        #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 {
            max-width: 1200px;
            margin: auto;
            margin-top: 30px;
            position: relative;
            padding: 20px;
            background: #dad8d8;
            border-radius: 6px;
        }

        form#searchForm .contentpaneopen:first-child {
            max-width: 100% !important;
            width: 100% !important;
        }

        .contentpaneopen {
            max-width: 1200px;
            margin: auto;
            margin-top: 40px;
            position: relative;
        }

        .contentpaneopen td {
            padding: 20px
        }

        #searchForm .contentpaneopen {
            margin-top: 20px;
        }

        #searchForm .contentpaneopen td,
        .searchintro td {
            padding: 10px 20px 0px 20px;
            font-size: 16px;
        }
        /* 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: absolute;
        }

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

        .content-right p:first-child img {
            min-height: 368px !important;
            height: 368px;
        }

        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;
        }
        /*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;
            font-size: 40px;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            color: #fff;
            position: relative;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

        .banner-content {
            padding: 0 40px;
            max-width: 1140px;
            text-align: center;
        }

        .internal-banner.two-1 .banner-content,
        .internal-banner.one-2 .banner-content {
            padding: 0;
            max-width: 100%;
            top: 0%;
            transform: none;
            position: relative;
        }

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

        .banner-content .left-banner-content-2-1 {
            width: 41%;
            text-align: left;
            float: left;
            padding: 40px 60px 20px 140px;
            float: left;
        }

        .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: #e5e5e5;
            font-size: 60px;
            font-weight: normal;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .banner-content .left-banner-content-2-1 p:first-child {
            line-height: 50px !important
        }

        .banner-content .left-banner-content-2-1 p.product-txt {
            font-size: 21px;
            font-weight: normal;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            padding-top: 20px;
            line-height: 30px !important;
        }

        .banner-content .left-banner-content-2-1 .btn.primary {
            display: none;
        }

        .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 {
            width: 100%;
            margin: 0 auto;
            background: #fff;
            margin-bottom: 20px;
            padding: 65px;
            box-sizing: border-box;
        }

        .byondTabContent table td p {
            line-height: 25px !important;
            color: #3d3d3d !important;
            margin-bottom: 20px !important;
        }

        .byondTabContent table:last-child {
            margin-bottom: 0!important;
        }

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

        #page ul#byondTabMenu,
        ul#byondTabMenu {
            list-style-type: none;
            margin: 0;
            height: 50px;
            border-bottom: 0;
            margin-bottom: 0px;
            width: 100%;
            margin: 0 auto;
            background: #fff;
        }

        div#page ul#byondTabMenu li {
            text-indent: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-bottom: 1px solid #fff;
            border-left: 1px solid #e9802e;
            border-right: 0;
            border-top: 0px;
            background: #e9802e;
            margin: 0;
            height: 50px;
            background: #e9802e;
            width: 33%;
        }

        .threetab-menu ul#byondTabMenu li {
            border-right: 1px solid #fff !important;
        }

        ul#byondTabMenu li:last-child,
        ul#byondTabMenu li.active {
            border-right: 0px !important
        }

        div#page ul#byondTabMenu li:last-child {
            border-right: 0px !important
        }
        /*  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  */

        .threetab-menu ul#byondTabMenu li {
            width: 33.333333333333336% !important
        }

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

        .threetab-menu ul#byondTabMenu li:last-child {
            width: 33.333333333333336% !important
        }

        #page .home-loan-summary ul#byondTabMenu li:last-child,
        #page .home-loan-summary ul#byondTabMenu li,
        #page .product-summary ul#byondTabMenu li:last-child,
        #page .product-summary ul#byondTabMenu li {
            width: 50%;
            /* border-right: 0px !important;*/
            z-index: 999;
        }

        #page ul#byondTabMenu li~#page ul#byondTabMenu li.active {
            border-right: 0px !important
        }

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

        .threetab-menu ul#byondTabMenu li.active {
            width: 33.333333333333336% !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: #747474 !important;
        }

        ul#byondTabMenu li a:link,
        ul#byondTabMenu li a:visited,
        #page ul#byondTabMenu li a:link,
        #page ul#byondTabMenu li a:visited {
            background-image: none;
            padding: 0 15px;
            line-height: 45px;
            color: #fff;
            font-size: 21px;
            font-weight: normal;
            height: 100%;
            text-align: center;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        #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: 95% !important;
            width: 100%;
            padding-top: 40px;
            background: #fff;
            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 div.highcharts-container,
        .responsive_layout div.highcharts-container svg {
            width: 100% !important;
            min-width: 0 !important;
        }

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

        div#page .expandTb expandTb_content ul li::before {
            color: #f57222;
        }

        .expandTb ul li:before {
            background-color: transparent !important;
        }

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

        .phones_layout,
        .responsive_layout,
        .phones_to_tablets_layout,
        .default_layout {
            min-width: 0 !important;
            min-width: 0 !important;
            padding-top: 30px;
            max-width: 90% !important;
            padding-bottom: 30px;
        }

        .home-loan-summary .default_layout,
        .product-summary .default_layout {
            min-width: 0 !important;
            padding-top: 30px;
            max-width: 90% !important;
            padding-bottom: 30px;
        }

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

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

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

        .homeloaninternal table {
            margin: 0 !important;
        }
        /*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;
        }

        .item {
            overflow: hidden;
            position: relative;
            float: left;
            margin: 1.6%;
            width: 30%;
            -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: #f57222;
            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;
            min-height: auto;
        }

        .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%;
            }
            .owl-carousel .owl-wrapper,
            .owl-carousel .owl-item,
            .artical-heading-sub-1 .js,
            .owl-carousel,
            .owl-carousel .owl-wrapper-outer {
                height: 85%;
            }
        }

        .callback-txt p {
            line-height: 30px !important;
            font-size: 20px !important;
            margin-top: 10px !important;
        }

        @media all and (max-width: 950px) {
            #boxes .mask h2 {
                margin-top: 10%;
            }
            .item {
                width: 32.3%;
                margin: 0.5%;
            }
            .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: #f57222;
        }

        div#page .forms-applications>li a,
        div#page .forms-applications>li h2,
        div#page .forms-applications>li h2 a {
            color: inherit;
        }

        div#page .forms-applications>li:first-child {
            padding: 20px;
        }

        div#page .forms-applications>li:first-child>img {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            position: absolute;
            height: auto !important;
            width: 100% !important;
        }
        /*div#page .forms-applications > li:nth-child(2n+1) {
    background-color: #dfdfdf;
}

div#page .forms-applications > li:nth-child(4n) {
    background-color: #848484;
    color: #fff;
}
*/
        /* Max Break points
====================================== */

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

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

        @media all and (max-width: 1230px) {
            .is-scam-alert-loaded .menu-top-wrapper {
                padding-right: 3.5em;
                max-width: none;
            }
            .TB_Wrapper .Slide div .txtCont span span,
            .slickCarousel .Slide div .txtCont span span,
            .slickCarousel .slideText .slickTitle {
                font-size: 60px;
            }
            .TB_Wrapper .Slide>div,
            .slickCarousel .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;
            }
            .home-news-blog-container {
                height: 440px;
            }
        }

        @media all and (max-width: 1075px) {
            .sub-promo-rate li span.input {
                font-size: 26px;
            }
            .sub-promo-rate li span.postfix {
                font-size: 12px;
                line-height: 10px;
                width: 16px;
            }
            .sub-promo .fine-print {
                font-size: 11px;
            }
            .sub-promo-rate li {
                width: 47%;
                padding: 0;
                vertical-align: top;
            }
            .sub-promo h3 {
                font-size: 35px;
            }
        }

        @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: 33px;
            }
            .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) {
            .desktop {
                display: none;
            }
            .mobile {
                display: inline-block;
            }
            .main-wrapper {
                margin-top: 160px;
            }
            .btn.ib.mobile {
                display: none;
            }
            .main-menu-top li {
                font-size: 12px;
                padding: 0 25px 0 0;
            }
            .internal-banner-blog {
                height: 350px;
            }
            .internal-banner-campaign {
                height: 320px;
            }
            .TB_Wrapper .Slide div.noSelect,
            .slickCarousel .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: 20px;
            }
            .qt-wrapper-home .quick-tools li {
                display: block;
                width: 100%;
                text-align: left;
                border-right: 0;
                margin: 0 10px;
            }
            ul.quicklinks-popup li {
                width: 100%;
                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: 100%;
                background: transparent;
            }
            .qt-wrapper-home .quick-tools li a:hover {
                background-color: transparent;
            }
            .quick-tools {
                background: #233288 !important;
                position: initial !important;
                height: auto !important;
            }
            .slickCarousel,
            .slickCarousel .Slides {
                height: 810px !important;
            }
            .slick-dots {
                bottom: 110px !important;
            }
            .bounce {
                bottom: 10px;
            }
            .TB_Wrapper .navHolder div.noSelect:first-child,
            .TB_Wrapper .navHolder .noSelect:nth-child(2),
            .TB_Wrapper .navHolder .noSelect:last-child,
            .TB_Wrapper .navHolder.fouritemlist .noSelect:nth-child(2),
            .TB_Wrapper .navHolder.fouritemlist .noSelect:nth-child(3),
            .TB_Wrapper .navHolder.fouritemlist .noSelect:last-child,
            .TB_Wrapper .navHolder.threeitemlist div.noSelect:first-child,
            .TB_Wrapper .navHolder.twoitemlist div.noSelect:first-child,
            .TB_Wrapper .navHolder.twoitemlist .noSelect:last-child,
            .TB_Wrapper .navHolder.oneitemlist div.noSelect:first-child,
            .slickCarousel .navHolder div.noSelect:first-child,
            .slickCarousel .navHolder .noSelect:nth-child(2),
            .slickCarousel .navHolder .noSelect:last-child,
            .slickCarousel .navHolder.fouritemlist .noSelect:nth-child(2),
            .slickCarousel .navHolder.fouritemlist .noSelect:nth-child(3),
            .slickCarousel .navHolder.fouritemlist .noSelect:last-child,
            .slickCarousel .navHolder.threeitemlist div.noSelect:first-child,
            .slickCarousel .navHolder.twoitemlist div.noSelect:first-child,
            .slickCarousel .navHolder.twoitemlist .noSelect:last-child,
            .slickCarousel .navHolder.oneitemlist div.noSelect:first-child {
                top: 80px !important;
            }
            .TB_Wrapper .Slide .noSelect,
            .slickCarousel .Slide .noSelect {
                min-height: auto !important;
            }
            .quick-tools li a {
                color: #fff !important;
            }
            .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: 1px solid #ffffff;
                border-bottom: 0px;
            }
            .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;
                text-align: center;
            }
            .sub-promo p {
                line-height: 22px;
                text-align: center;
            }
            .sub-promo h3 {
                font-size: 35px;
            }
            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.stripeTable td,
            table.two-col-layout-cta.stripeTable td:last-child,
            table.three-col-layout-cta.stripeTable td,
            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.stripeTable td:last-child,
            table.three-col-layout-cta.stripeTable td:last-child {
                margin: 0 !important;
            }
            .tables_wrapper table.scrollable-table {
                margin: 0;
                border-left: none;
            }
            .site-links {
                padding: 0;
            }
            .site-links h3 {
                margin: 0;
                background-color: #f57222;
                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: #f57222;
                color: #fff;
                width: 100%;
                padding: 20px 0;
                font-weight: normal;
            }
            .links-tbl {
                margin: 40px auto;
            }
            #search-form {
                width: 150px;
            }
            #search-form input {
                width: 114px !important;
            }
            .qt-wrapper-home .quick-tools li {
                text-align: center;
                margin: 0;
                border-bottom: 1px solid #8b8b8b;
                background: #233288;
            }
            .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: 49%;
                padding-right: 2%;
            }
        }

        .home-loan-summary .three-col-split,
        .product-summary .three-col-split {
            background: #fff;
            max-width: 100% !important;
        }

        @media all and (max-width: 6961px) {
            h2 {
                padding: 0 0 30px 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;
            }
            .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-family: "calibri";
                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;
            float: left;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }*/
            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 {
                position: relative;
            }
            div#page table td:last-child {
                margin: 0 !important;
            }
            /* 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-layout.stripeTable 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-bottom: 0 !important;
            }
            .campaignproduct-table td:last-child {
                text-align: left !important;
            }
            .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%;
                min-height: 340px;
            }
            .qt-wrapper-home .quick-tools li {
                text-align: center;
                margin: 0;
            }
        }

        #campaignClean #fancybox-content {
            height: 338px !important
        }

        @media all and (max-width: 1400px) {
            .online-tools-wrapper .initialism {
                top: 400px;
            }
        }

        @media all and (max-width: 990px) {
            #search_input {
                width: 100% !important;
            }
            .online-tools-wrapper .initialism {
                padding: 20px 10px 0px 20px;
                width: 140px;
                height: 30px;
                top: 400px;
            }
            .initialism a {
                font-size: 16px
            }
        }

        @media all and (max-width: 765px) {
            .quick-tools li .icon-Lightning-Line:before {
                font-size: 38px
            }
            .contact-us-container table {
                width: 94%;
            }
            .atm-content-box {
                margin-top: 30px !important;
            }
            div#page table td:last-child {
                text-align: left;
            }
            table.two-col-split td {
                width: 100% !important;
            }
            .home-loan-summary .byondTabContent table td,
            .product-summary .byondTabContent table td {
                width: 100% !important;
            }
            #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;
            }
            .sub-promo .mod-sub.sub1,
            .sub-promo .mod-sub.sub2,
            .sub-promo .mod-sub.sub3 {
                width: 94%;
                margin: 1.5% 3%;
            }
            .sub-promo .mod-sub.sub1.news,
            .sub-promo .mod-sub.sub2.blog,
            .sub-promo .mod-sub.sub3.blog {
                margin: 7% 3% 1.5% 3%;
            }
            .artical-heading-sub-1,
            .artical-heading-sub-2 {
                width: 94%;
            }
            .sub-promo {
                width: 100%;
                margin: 0;
            }
            .sub-promo.news {
                margin: 0 auto 20px;
            }
            .sub-promo .mod-sub {
                border-bottom: 0;
            }
            .sub-promo-rate li span.input {
                font-size: 42px;
            }
            .sub-promo-rate li span.postfix {
                font-size: 20px;
                line-height: 14px;
                width: 26px;
            }
            .sub-promo .fine-print {
                font-size: 14px;
            }
            .sub-promo-rate li {
                width: 38%;
                padding: 0;
                vertical-align: top;
            }
            .sub-promo h3 {
                font-size: 30px;
                line-height: 35px;
            }
            .sub-promo .mod-sub.news,
            .sub-promo .mod-sub.blog {
                height: 440px;
            }
            .home-news-blog-container {
                height: 380px;
            }
            .home-news-blog-container {
                float: none;
                width: 100%;
            }
            .home-news-blog-container img {
                max-height: 300px;
            }
            .home-news-blog-container .jcarousel-prev,
            .home-news-blog-container .jcarousel-next {
                width: 3em;
                height: 1.5em;
                font-size: 28px;
            }
            .home-news-blog-container .jcarousel-prev:before {
                content: '\e905';
                font-size: 30px;
                margin-top: 5px;
                display: block;
            }
            .home-news-blog-container .jcarousel-prev {
                right: 0;
            }
            .home-news-blog-container .jcarousel-next {
                right: 3em;
            }
            .home-news-blog-container .jcarousel-next:before {
                content: '\e902';
                font-size: 30px;
                margin-top: 5px;
                display: block;
            }
            .sidebarPromo {
                width: 100%;
                margin: 50px 0 50px 0;
            }
            .right-hand-nav {
                margin: 50px 0 50px;
            }
            .internal-banner-blog .banner-content {
                padding-left: 20px !important;
            }
            .internal-banner-blog.ceo {
                height: 325px;
            }
            .item {
                width: 49%;
            }
            .TB_Wrapper .Slide div.noSelect,
            .slickCarousel .Slide div.noSelect {
                width: 90% !important;
                left: 0 !important;
                margin: auto;
                text-align: left;
            }
            #fancybox-content {
                width: 100% !important;
                height: 305px !important
            }
            #fancybox-wrap {
                width: 84% !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-mobile-menu,
            .mod-top-menu>a:not(.mod-button) {
                margin-left: 0;
                display: block !important;
                float: left;
                margin: 0 !important;
                line-height: normal;
                height: 75px;
                width: 75px;
                position: relative;
                text-align: center;
                box-sizing: border-box;
            }
            .mod-mobile-menu:before,
            .mod-top-menu>a:not(.mod-button):before {
                content: '';
                display: inline-block;
                vertical-align: middle;
                width: 1px;
                height: 100%;
            }
            .mod-mobile-menu:before {
                box-sizing: border-box;
            }
            .mod-mobile-menu:after {
                width: 100%;
                background: grey;
                content: '';
            }
            .mod-mobile-menu i,
            .mod-top-menu>a:not(.mod-button) i,
            .mod-mobile-menu span,
            .mod-top-menu>a:not(.mod-button) span {
                display: inline-block;
                vertical-align: middle;
                text-align: center;
                line-height: 1;
            }
            .mod-mobile-menu i:before,
            .mod-top-menu>a:not(.mod-button) i:before {
                display: inline !important;
                line-height: normal !important;
            }
            .mod-mobile-menu i,
            .mod-top-menu>a:not(.mod-button) i {
                font-size: 1.25em;
            }
            .mod-mobile-menu span,
            .mod-top-menu>a:not(.mod-button) span {
                /*  DISABLED UNTIL ASKED TO ENABLE  */
                display: none;
            }
            .mod-mobile-menu {
                border-left: 1px solid #eee;
            }
            .mod-mobile-menu i {
                color: #747474;
                font-size: 2em;
            }
            .mod-search-button i {
                color: #747474;
                font-size: 2em;
            }
            .mod-internet-banking .icon-lock:after {
                content: "Login";
                font-size: 14px;
                margin: -18px 0 0 0;
                position: absolute;
                display: block;
                font-weight: normal;
                line-height: 52px;
                left: 23px;
                font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
                font-weight: normal;
            }
            .mod-search-button .icon-search:after {
                content: "Search";
                font-size: 14px;
                margin: -18px 0 0 0;
                position: absolute;
                display: block;
                font-weight: normal;
                line-height: 52px;
                left: 23px;
                font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
                font-weight: normal;
            }
            .amigo-login .icon-credit-card4:after {
                content: "Amigo";
                font-size: 14px;
                margin: -18px 0 0 0;
                position: absolute;
                display: block;
                font-weight: normal;
                line-height: 52px;
                left: 26px;
                font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
                font-weight: normal;
            }
            .mod-internet-banking .icon-lock,
            .mod-search-button .icon-search,
            .amigo-login .icon-credit-card4 {
                margin-top: -10px
            }
            .mod-notifications.mod-menu .mod-menu-wrap {
                padding: 0.75em 0;
                margin: 0 0.75em;
            }
            .logo {
                margin: 15px 0 15px 0;
            }
            .campaign .mobile {
                margin: 10px 0;
            }
            /* rotator */
            section.main-banner {
                margin-top: 0;
            }
            .TB_Wrapper .Slide div .txtCont,
            .slickCarousel .Slide div .txtCont {
                margin: 0;
                text-align: center;
            }
            .TB_Wrapper .navHolder,
            .slickCarousel .navHolder {
                display: block;
                bottom: 44px !important;
            }
            .anchor {
                margin: 0;
            }
            .TB_Wrapper .btn.primary,
            .slickCarousel .btn.primary {
                min-width: 108px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                margin: 20px auto;
                margin-top: 90px;
                border: 1px solid #f57222 !important;
                background: #f57222 !important;
                background: -webkit-linear-gradient(#f67727, #eb7126);
                background: -o-linear-gradient(#f67727, #eb7126);
                background: -moz-linear-gradient(#f67727, #eb7126);
                background: linear-gradient(#f67727, #eb7126) !important;
                color: #fff !important;
                height: 50px;
                max-width: 220px;
                line-height: 30px;
            }
            .TB_Wrapper .Slide,
            .slickCarousel .Slide {
                top: 0 !important;
            }
            .TB_Wrapper .Slide>div,
            .slickCarousel .Slide>div {
                top: 40% !important;
            }
            .TB_Wrapper .navHolder div.noSelect:first-child,
            .TB_Wrapper .navHolder .noSelect:nth-child(2),
            .TB_Wrapper .navHolder .noSelect:nth-child(3),
            .slickCarousel .navHolder div.noSelect:first-child,
            .slickCarousel .navHolder .noSelect:nth-child(2),
            .slickCarousel .navHolder .noSelect:nth-child(3) {
                top: -150px !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;
                border-bottom: 1px solid #ccc;
                background: #f6f6f6
            }
            .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;
            }
            section.content {
                padding-top: 0px !important;
            }
            .main-wrapper.Banner section.content,
            section.content,
            section.content.campaign {
                margin-top: 40px;
                padding-bottom: 20px !important;
            }
            .main-menu-top li {
                line-height: 65px;
                padding: 0 15px 0 0;
            }
            .main-menu-top li:nth-child(3) {
                margin-right: 45px;
            }
            .internal-banner.two-1 .banner-content,
            .internal-banner.one-2 .banner-content {
                padding: 0 20px;
                top: 0%;
            }
            .banner-content .left-banner-content-1-2 {
                width: 29%;
                text-align: center;
            }
            .banner-content .right-banner-content-2-1 {
                width: 48%;
            }
            .banner-content .left-banner-content-2-1 {
                width: 100%;
                padding: 30px 0 20px 20px !important;
            }
            #ps_results {
                width: 100%;
                max-height: none;
                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;
                border-radius: 0;
                box-shadow: none;
                background-color: transparent;
                width: 90% !important;
                margin: 0px;
                padding: 0px;
            }
            table.contentpaneopen {
                width: 100%;
                position: relative;
                display: block;
            }
            table.contentpaneopen fieldset {
                padding: 2% 4% 0 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;
                https: //dashboard.xeutil1.dev.com/website/staging/#
                hyphens: auto;
            }
            #ps_icon_background {
                width: 10%;
                line-height: 60px !important;
                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: transparent;
                border-radius: 0;
            }
            #ps_icon:before {
                display: inline;
                color: #4c4444 !important;
            }
            .clearHeaderSearch #search-form input {
                color: #4c4444;
            }
            #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,
            .internal-banner h1 span,
            h1.componentheading,
            h1.page-header,
            div#page h1 {
                font-size: 30px;
            }
            .campaign h2 {
                font-size: 25px;
                line-height: 35px;
            }
            .income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
            .car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
            .term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
                height: 36px !important;
            }
            .qt-wrapper-home .quick-tools,
            .qt-wrapper-internal .quick-tools {
                padding-top: 0;
            }
            .qt-wrapper-home .quick-tools li span,
            .qt-wrapper-internal .quick-tools li span {
                font-size: 16px;
            }
            .find-out {
                width: 100%;
                min-height: 300px;
                margin: 0;
                padding: 0px;
            }
            .find-out .mod-sub.sub1 {
                margin: 20px 0 10px 10px;
                width: 100%;
                min-height: 100%;
                height: 100%;
                overflow: hidden;
                padding: 0px;
            }
            .find-out-content {
                padding: 20px;
            }
            .find-out-content p:nth-child(3) {
                text-align: center
            }
            .find-out-content .btn.primary {
                margin-top: 50px !important;
                min-width: 200px;
            }
            .btn,
            #comments-container .comment-button {
                min-width: 200px;
                height: 50px;
                line-height: 30px;
            }
            .sub-promo-content .btn.primary {
                margin-top: 30px;
            }
            #moreNews a {
                display: inline-block;
                min-width: 200px;
                height: 33px;
                line-height: 31px;
            }
            .find-out .mod-sub.sub2 {
                width: 100%;
                min-height: 100%;
                display: none;
            }
            .mob-full-view {
                display: block;
            }
            .find-out .wrapper {
                min-height: auto !important;
                height: auto !important;
            }
            .findout-txt {
                padding-top: 20px;
            }
            .js .articlelist li.articlelist_item {
                width: 100%;
            }
            .right-hand-menu .articlelist li.articlelist_item {
                padding: 5px !important;
            }
            .right-hand-menu .articlelist_title a {
                margin: 0 0 0px 0 !important;
            }
            .articlelist {
                padding: 0px 20px 20px 20px;
            }
            #moreNews {
                width: 100%;
                text-align: center;
                margin-left: 0px;
            }
            .artical-heading-sub-1 .newsheading {
                text-align: center;
            }
            .artical-heading-sub-1 h3 span {
                margin: 0px !important;
            }
            .articlelist_intro .stars {
                margin-top: 40px;
                margin-left: 30px;
            }
            .articlelist h2,
            .articlelist .newsImg {
                font-size: 25px !important;
            }
            .articlelist h2 {
                padding-top: 20px;
            }
            .articlelist_intro .blog-img img {
                width: 96% !important;
            }
            .articlelist_title a span {
                font-size: 20px !important
            }
            .artical-heading .newsImg {
                width: 100%;
                height: 100%;
                float: none;
                position: relative;
                text-align: center;
            }
            .artical-heading .newsImg img {
                max-width: 500px;
                max-height: 383px;
            }
            .artical-heading-sub-1,
            .artical-heading-sub-2 {
                width: 100%;
            }
            .artical-heading .articlelist_title a {
                text-align: center;
                margin: 0px !important;
            }
            .qt-wrapper-home .quick-tools li a,
            .qt-wrapper-internal .quick-tools li a {
                text-align: center;
                padding: 35px;
                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: 25px;
                color: #e5e5e5 !important;
                text-align: left;
            }
            .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: 29px;
                text-align: right;
                width: 35%;
                float: left;
            }
            .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;
            }
            h3.mToggleLinks.active:before {
                content: "\e902";
                font-family: 'icomoon';
                color: #ffffff;
                display: block;
                font-size: 30px;
            }
            .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: 20px 20px 20px 20px;
            }
            .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;
            }
        }

        @media (max-width: 1065px) {
            .sub-promo .mod-sub.sub1,
            .sub-promo .mod-sub.sub2,
            .sub-promo .mod-sub.sub3 {
                width: 100%;
                margin: 0;
            }
        }

        @media all and (max-width: 640px) {
            .mod-internet-banking .icon-lock:after {
                left: 17px !important;
            }
            .mod-search-button .icon-search:after,
            .amigo-login .icon-credit-card4:after {
                left: 12px !important;
            }
            .share-links {
                padding: 0 10px 0 0;
                position: relative;
                width: 100%;
                right: 0;
                text-align: left;
                height: 40px;
            }
            .campaign-container .prodtPlugin {
                width: 80% !important;
            }
            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;
                border-bottom: 1px solid #ccc;
            }
            .mod-mobile-menu,
            .mod-top-menu>a:not(.mod-button) {
                height: 100%;
                width: 65px;
            }
            .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%;
                padding: 10px;
            }
            #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;
            }
            #search-form input {
                height: 60px;
            }
            #ps_icon.close:before {
                right: 20px;
            }
            #ps_icon:before {
                right: 17px;
            }
            .btn.ib {
                height: 60px;
                margin: 0;
                border-radius: 0;
                padding: 0 17px;
            }
            .btn.ib:hover {
                border: none;
                box-shadow: none;
                margin: 0;
            }
            .btn.ib:before {
                line-height: 44px;
                margin: 0;
                padding: 0;
            }
            /* rotator */
            section.main-banner {
                margin-top: 0;
            }
            .TB_Wrapper .Slide .noSelect,
            .slickCarousel .Slide .noSelect {
                padding: 0;
                min-height: auto !important;
            }
            .news h2:before {
                content: none;
            }
            .sub-promo-content img {
                max-width: 225px;
                width: auto;
            }
            .sub-promo h3 {
                font-size: 35px;
                line-height: 30px;
                text-align: center
            }
            .sub-promo p {
                line-height: 22px;
                text-align: center
            }
            .sub-promo .mod-sub {
                height: 250px !important;
            }
            .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;
            }
            .footerLeft {
                float: left;
                max-width: 100%;
            }
            .footerRight {
                float: inherit;
                max-width: 100%;
            }
            footer ul {
                padding: 0;
            }
            .footer-links li {
                display: inline-block;
                float: left;
                width: 25%;
                height: 50px;
                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: #f57222;
                border-bottom: none;
            }
            .icon-phone-Icon:before {
                margin: 11px 0 0 -30px;
            }
            .mod-footer-icons a {
                color: #f57222;
            }
            .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;
            }
            .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%;
            }
            .campaignproduct-table.two-col-layout th,
            .campaignproduct-table.two-col-layout td,
            .campaignproduct-table.two-col-layout tr {
                width: 100% !important;
            }
            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%;
            }
            .prodtPlugin table.stripeTable {
                width: 100% !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;
            }
            .text-left {
                text-align: left
            }
            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;
                padding-left: 30px !important;
            }
            .LPMcontainer,
            .lpchat-container {
                display: none !important;
            }
            section.content.campaign div#page .rates-table td p,
            div#page .rates-table td p {
                padding: 0 5px;
            }
            /* Calculators */
            div#page .responsive_layout h1 {
                font-size: 13px;
                font-weight: bold;
                line-height: normal;
                max-width: 145px;
            }
            div#page .responsive_layout ul li.slider-wrapper {
                margin: 15px 0 0 8px;
            }
            #page ul#byondTabMenu li,
            body.Section38 #page ul#byondTabMenu li,
            body.Section37 #page ul#byondTabMenu li,
            body.Section36 #page ul#byondTabMenu li,
            body.Section33 #page ul#byondTabMenu li,
            body.Section35 #page ul#byondTabMenu li,
            body.Section32 #page ul#byondTabMenu li {
                width: 100%;
            }
            #page ul#byondTabMenu,
            ul#byondTabMenu {
                height: 100px;
            }
            table.three-col-split,
            table.two-col-split {
                border-radius: 0 0 10px 10px;
                -moz-border-radius: 0 0 10px 10px;
                -webkit-border-radius: 0 0 10px 10px;
            }
            body.Section38 #page ul#byondTabMenu li:last-child,
            body.Section37 #page ul#byondTabMenu li:last-child,
            body.Section36 #page ul#byondTabMenu li:last-child,
            body.Section33 #page ul#byondTabMenu li:last-child,
            body.Section35 #page ul#byondTabMenu li:last-child,
            body.Section32 #page ul#byondTabMenu li:last-child {
                margin-bottom: 40px;
            }
            /*locaitor*/
            #search_fields {
                width: 100% !important;
            }
            #search_input {
                width: 100% !important;
            }
            #searchText {
                width: 90% !important;
            }
            #locMap img {
                max-width: 270px !important;
            }
            .category-active {
                background-image: url('/templates/ByondCoreCommon/mimages/maps/tick.png');
                background-image: url('/templates/ByondCoreCommon/mimages/maps/tick.png'), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f57222), color-stop(0.7, #f57222), color-stop(1, #f57222));
                background-repeat: no-repeat;
                background-position: right center;
                background: url('/templates/ByondCoreCommon/mimages/maps/tick.png') no-repeat right center, -moz-linear-gradient(top, #f572220%, #f5722270%, #f57222100%);
                border: 0;
                border-radius: 10px 0 10px 10px;
            }
            .category-inactive {
                background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
                border-color: #f57222;
                color: #f57222;
                border: 2px solid #f57222;
                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, #f57222), color-stop(0.7, #f57222), color-stop(1, #f57222));
                background: -moz-linear-gradient(top, #f572220%, #f5722270%, #f57222100%);
                background-color: #f57222;
                border-radius: 10px 0 10px 10px;
            }
            .mobileLocaitor .searchText.textShadow {
                text-shadow: none;
            }
            .panel .filterTitle {
                font-size: 26px;
                color: #f57222;
                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 #f57222;
            }
            #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: 340px;
                padding: 25px 0;
            }
            .quick-links-bar li {
                height: 115px;
                width: 50%;
            }
            .quick-links-bar li:nth-child(3) {
                width: 100%;
            }
            .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;
            }
        }

        @media all and (max-width: 540px) {
            .artical-heading .newsImg img {
                max-width: 300px;
                max-height: 383px;
            }
            .item {
                width: 99%;
            }
            #boxes .mask h2 {
                margin-top: 30%;
            }
            #infocastContainer .kfsemailform ul.tabMenu li {
                width: 100%;
                border-radius: 0;
                height: 100%;
                margin: 0;
                font-size: 12px;
            }
            #infocastContainer .kfsemailform ul.tabMenu li a#fsEmailedTab,
            #infocastContainer .kfsemailform ul.tabMenu li a#fsOnScreenTab,
            #infocastContainer .kfsemailform ul.tabMenu li a:hover {
                border-radius: 0;
                margin: 0 !important;
            }
            #infocastContainer .kfsemailform {
                height: 50px;
            }
            #infocastContainer #fsEmailed {
                border-radius: 0;
                width: 93%;
            }
            div#page .forms-applications>li {
                min-height: auto;
                float: none;
                width: 100%;
                min-height: 0;
                height: auto;
            }
            div#page p.Rate-interest,
            div#page p.Rate-comparison {
                display: block !important;
                margin: 0 20px 30px 0;
                max-width: 100%;
                font-family: "CalibriItalic", "calibri", "Lucida Grande", sans-serif;
                width: 100%;
                text-align: center;
            }
            table td h3 a {
                line-height: 40px;
            }
            .three-col-split td:last-child .btn,
            table.two-col-split td:last-child .btn {
                width: 100%;
                max-width: 220px;
                min-width: 100px;
            }
        }

        @media all and (max-width: 520px) {
            .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.two-1 {
                height: 491px;
            }
            .left-content .breadcrumbs {
                top: 20px !important;
                width: 100%;
                padding: 40px 0 20px 40px;
                position: absolute !important;
            }
            .banner-content .left-banner-content-2-1 {
                padding: 180px 0 20px 0px !important;
            }
            .product-header-container {
                /*height: 491px;*/
            }
            .container-holder .component-container .premiumhomeloan-heading:first-child,
            .container-holder .component-container .product-heading:first-child {
                margin: 4% auto;
                margin-top: 30px !important;
            }
            .internal-banner.one-2 {
                height: 550px;
            }
            .internal-banner img {
                top: 141px !important;
            }
            .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: 10%;
            }
            .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) {
            .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 {
                text-align: left;
                font-size: 14px;
                line-height: 23px;
                border-left: 1px solid #d1d1d1;
            }
        }

        @media all and (max-width: 420px) {
            #slide,
            #slide2,
            #slide3,
            #slide4,
            #slide5,
            #slide6 {
                width: 80%;
            }
            #boxes .mask h2 {
                margin-top: 20%;
            }
            .logo {
                margin: 15px 0 15px 70px;
            }
            .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,
            .slickCarousel .Slide div {
                font-size: 20px;
                line-height: 25px;
            }
            .TB_Wrapper .Slide div .txtCont span span,
            .slickCarousel .Slide div .txtCont span span,
            .slickCarousel .slideText .slickTitle {
                margin-bottom: 0;
                font-size: 40px;
                line-height: 50px;
                margin-top: 30px;
            }
            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;
            }
            .home-news-blog-container {
                height: 410px;
            }
        }

        @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;
            }
            .right-hand-menu .articlelist_title a {
                margin: 0 0 10px 0 !important;
            }
        }

        @media all and (max-width: 340px) {
            .logo {
                margin: 15px 0 15px 55px;
            }
        }
        /*  Min Break points
======================================= */

        @media all and (min-width: 765px) {
            nav#mainNav ul.mainmenu {
                display: block !important;
            }
            nav#mainNav ul.topmenu {
                display: none !important;
            }
        }

        @media (max-width: 765px) {
            .campaign-template {
                margin-top: 65px !important;
            }
            ul#shareThisList li a {
                font-size: 17px;
                min-width: 100px;
                width: 130px;
            }
            .searchintro {
                margin-left: 30px;
            }
        }

        @media (max-width: 420px) {
            .blog .leading:first-child p:nth-child(4) {
                padding: 0px !important;
                line-height: 23px;
            }
        }

        @media (max-width: 1023px) {
            .mod-top-menu>a:not(.mod-button) {
                margin-left: 0;
                margin-right: 0;
            }
        }

        @media (max-width: 1150px) {
            .containerBottomLevelMenu {
                min-height: 390px !important;
                width: 100% !important;
            }
            nav#mainNav div.containerBottomLevelPromo {
                display: none !important
            }
            .TB_Wrapper .Slide div.txtCont,
            .slickCarousel .Slide div.txtCont {
                padding-top: 6%;
            }
        }

        @media (max-width: 875px) {
            .slickCarousel .rotator-desc-text {
                top: 1% !important;
            }
            .blog-wrapper,
            .news-wrapper,
            .blog-category .right-hand-menu {
                padding: 20px !important
            }
            .TB_Wrapper .Slides,
            .slickCarousel .Slides {
                height: 630px !important;
            }
            .TB_Wrapper,
            .slickCarousel {
                height: 630px !important;
            }
            .TB_Wrapper .navHolder div.noSelect:first-child,
            .TB_Wrapper .navHolder .noSelect:nth-child(2),
            .TB_Wrapper .navHolder .noSelect:nth-child(3),
            .TB_Wrapper .navHolder.fouritemlist .noSelect:nth-child(2),
            .TB_Wrapper .navHolder.fouritemlist .noSelect:nth-child(3),
            .TB_Wrapper .navHolder.fouritemlist .noSelect:last-child,
            .TB_Wrapper .navHolder.threeitemlist div.noSelect:first-child,
            .TB_Wrapper .navHolder.twoitemlist div.noSelect:first-child,
            .TB_Wrapper .navHolder.twoitemlist .noSelect:last-child,
            .TB_Wrapper .navHolder.oneitemlist div.noSelect:first-child,

            .slickCarousel .navHolder div.noSelect:first-child,
            .slickCarousel .navHolder .noSelect:nth-child(2),
            .slickCarousel .navHolder .noSelect:nth-child(3),
            .slickCarousel .navHolder.fouritemlist .noSelect:nth-child(2),
            .slickCarousel .navHolder.fouritemlist .noSelect:nth-child(3),
            .slickCarousel .navHolder.fouritemlist .noSelect:last-child,
            .slickCarousel .navHolder.threeitemlist div.noSelect:first-child,
            .slickCarousel .navHolder.twoitemlist div.noSelect:first-child,
            .slickCarousel .navHolder.twoitemlist .noSelect:last-child,
            .slickCarousel .navHolder.oneitemlist div.noSelect:first-child {
                top: 150px !important;
            }
            .Slides:before {
                bottom: 100px !important
            }
            .main-wrapper {
                margin-top: 52px !important
            }
            div.blog {
                width: 100% !important;
                margin-top: 0px !important
            }
            .blog-txt1 {
                padding-bottom: 0px !important
            }
            #infocastContainer .sectionDataLeft p,
            #infocastContainer .sectionDataRight p {
                margin: 5px;
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .highcharts-container,
            .highcharts-container svg {
                width: 100% !important
            }
            .artical-heading-sub-1 .newsheading {
                margin: 50px 0 0px 0px;
            }
            div#page p img {
                float: none;
                margin: 0;
                padding: 0;
                /*height: 530px !important;*/
            }
            .content-right {
                width: 100%;
                min-height: 530px !important;
                height: 530px !important;
            }
            .content-right p {
                min-height: 530px !important;
                height: 530px !important;
            }
            .left-content .breadcrumbs {
                padding-top: 80px !important;
            }
            .content-right p:first-child img {
                max-width: 100% !important;
            }
            form#searchForm {
                width: 98% !important;
            }
            .contentpaneopen:first-child {
                width: 98% !important;
            }
            form#searchForm .contentpaneopen:first-child {
                max-width: 100% !important;
                width: 100% !important;
                margin-top: 0px
            }
            #sitemap {
                width: 100% !important;
            }
        }

        #tickerContainer .sectionDataLarge,
        #simulatorContainer .sectionDataLarge {
            padding: 10px;
            padding-bottom: 20px;
        }

        option {
            font-family: "calibri"
        }

        @media (max-width: 1250px) {
            html #infocastContainer {
                width: 99%;
                margin: 10% auto;
                max-width: auto !important
            }
            .footer-left-container .footer-logo {
                padding-left: 10px;
            }
            .sub-promo .mod-sub {
                height: 360px;
            }
        }

        @media (max-width: 1700px) {
            .download-container {
                width: 55%;
                float: right;
            }
        }

        @media (max-width: 940px) {
            div#page ul#byondTabMenu li,
            #page ul#byondTabMenu li:last-child,
            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,
            #page .home-loan-summary ul#byondTabMenu li:last-child,
            #page .home-loan-summary ul#byondTabMenu li,
            #page .product-summary ul#byondTabMenu li:last-child,
            #page .product-summary ul#byondTabMenu li,
            .container-holder .component-container .premiumhomeloan-heading:first-child,
            .container-holder .component-container .product-heading:first-child {
                width: 100% !important;
            }
            .desktop-product-img {
                display: none
            }
            .mobile-product-img {
                display: block;
            }
            .content-right p img {
                margin: 0px !important;
                max-width: 100% !important;
            }
            .container-holder .component-container .premiumhomeloan-heading-sub-1 .heading1 {
                position: relative;
                z-index: 9;
                top: 0px !important;
            }
            .left-content .breadcrumbs {
                position: relative;
                z-index: 9;
                top: 0px !important;
                background: transparent !important;
                width: 100%;
            }
            .content-right {
                width: 100%;
                min-height: 450px;
                height: 450px;
            }
            .content-right p {
                min-height: 450px;
                height: 450px;
            }
            .home-loan-summary,
            .product-summary {
                margin-top: 20px;
                padding-bottom: 0px;
            }
            .content-right p img {
                margin: 0px !important;
                max-width: 100% !important;
                height: 450px !important;
            }
            .insidecontent div#page h1:first-child {
                position: relative;
                z-index: 9;
                background: transparent !important;
                font-size: 60px;
                top: 0;
                width: 100%;
            }
            .internal-banner img {
                opacity: 0.7;
                position: absolute;
                top: -28px;
            }
            .product-right-banner {
                width: 100%;
                height: 100%;
                overflow: inherit;
                position: inherit;
                top: 0px;
            }
            .banner-content .left-banner-content-2-1 {
                width: 100% !important;
            }
            .breadcrumbs,
            .product-header-container,
            .internal-banner {
                background: #000;
            }
        }

        @media (min-width: 876px) and (max-width: 940px) {
            .left-content .breadcrumbs {
                position: relative;
                z-index: 9;
                background: transparent !important;
                top: 0;
                width: 100%;
            }
        }

        @media (min-width: 766px) and (max-width: 1011px) {
            .artical-heading .articlelist_intro {
                margin: 30px 0 0px 80px !important;
            }
            .artical-heading .articlelist_title a {
                margin: 10px 0 0px 80px !important;
            }
            #moreNews {
                margin-left: 80px;
            }
            .articlelist_intro .blog-img {
                top: 15px !important;
            }
        }

        @media (min-width: 200px) and (max-width: 765px) {
            .artical-heading .articlelist_intro {
                margin: 0px !important
            }
            .blog-txt2 span {
                width: 100%;
            }
            nav#mainNav ul.mainNavMiddleLevel li a,
            nav#mainNav ul.mainNavBottomLevel li a {
                font-size: 18px;
            }
        }

        @media (min-width: 951px) and (max-width: 2500px) {
            .campaign-container p.Rate-comparison {
                margin-top: 50px !important;
                margin-bottom: 10px !important;
                max-width: 100% !important;
                vertical-align: top;
            }
            .campaign-container p.Rate-interest {
                margin-top: 50px !important;
                margin-bottom: 10px !important;
                max-width: 100% !important;
                vertical-align: top;
            }
            .campaign-template .campaign-container table.expandTb {
                width: 92% !important;
            }
        }

        @media (min-width: 521px) and (max-width: 940px) {
            .banner-content .left-banner-content-2-1 {
                width: 100% !important;
                padding: 40px 0 20px 20px !important;
            }
            .product-header-container .internal-banner {
                height: 322px;
                min-height: 322px;
            }
        }

        @media (min-width: 300px) and (max-width: 940px) {
            .container-holder .component-container .premiumhomeloan-heading-sub-1 .heading1 {
                padding: 20px 0 4px 20px !important;
            }
        }

        @media (min-width: 941px) and (max-width: 1200px) {
            .container-holder .component-container .premiumhomeloan-heading-sub-1 .heading1 {
                padding: 20px 0 4px 20px !important;
            }
        }

        @media (max-width: 875px) {
            section.centercontent,
            div#page,
            #tabWrap,
            .premiumhomeloan-heading,
            .product-heading {
                height: 100%
            }
            .home-loan-summary,
            .product-summary {
                margin: 8% auto;
                margin-bottom: 0%;
            }
            .share-links {
                padding: 0px 10px 5px 44px;
                height: 100px;
                width: 40%;
                text-align: center;
                margin: 0% auto;
            }
            div#page table {
                border-radius: 0px;
            }
            .home-loan-summary .three-col-split,
            .product-summary .three-col-split {
                background: transparent;
                max-width: 100% !important;
                padding: 0px;
            }
            .prodtPlugin table.stripeTable {
                width: 98%;
                margin: 0px !important;
                margin-bottom: 20px !important;
            }
            .campaignproduct-table .summary-table .prodtPlugin {
                width: 100% !important;
            }
            .blog .article-left,
            .blog .article-right {
                width: 100%
            }
            .blog .contentheading {
                margin: 10px 0 0px 0px;
            }
            .blog .article-right {
                margin-top: 20px;
            }
            div.blog .article-left h2 {
                margin: 10px 0 0px 0px;
            }
            div.blog .article-left p {
                margin: 0px 0 0px 0px;
            }
        }

        @media (max-width: 565px) {
            .slickCarousel .Slide .slideText {
                top: 50%;
            }
            form#searchForm {
                width: 87% !important;
            }
            .home-loan-summary,
            .product-summary {
                margin: 12% auto;
                margin-bottom: 0%;
            }
            .container-holder .left-content {
                width: 100%;
                padding: 0px 0px 5px 0px !important;
            }
            .share-links {
                width: 80%;
                text-align: center;
                margin: 0% auto;
                padding-top: 0px;
            }
            .share-links .icon-mail2 {
                width: 30%;
                text-align: right;
            }
            ul#shareThisList {
                width: 40%;
            }
            footer p.mod-copy {
                text-align: left;
                line-height: 20px !important;
            }
            .artical-heading .articlelist_title a {
                margin: 0 !important;
            }
            html #infocastContainer {
                width: 94%;
                margin: 3% auto;
            }
            .artical-heading .articlelist_title a {
                text-align: center;
            }
            #moreNews {
                width: 100%;
                text-align: center;
                margin-left: 0px;
            }
            .articlelist h2,
            .articlelist .newsImg {
                font-size: 20px;
            }
            .banner-content .left-banner-content-2-1 p.product-txt {
                font-size: 19px;
            }
            .articlelist_intro p:nth-child(3) {
                white-space: normal !important;
            }
        }
        /*.insidecontent div#page h1 {
        width: 54%;
    }*/

        @media (max-width: 1500px) {}

        @media (max-width: 1300px) {

            /*.insidecontent div#page h1 {
            font-size: 50px;
            width: 54%;
            padding: 20px 0 0px 40px;
        }*/
            .breadcrumbs {
                padding: 40px 0 20px 40px;
            }
            .banner-content .left-banner-content-2-1 {
                padding: 40px 0 20px 40px;
                width: 50%;
            }
            .onlysearchdisplay {
                padding-left: 20px
            }
            form#searchForm,
            .contentpaneopen {
                margin-left: 20px;
                margin-right: 10px;
            }
        }

        @media (max-width: 1700px) {
            /*.insidecontent div#page h1 {
            font-size: 44px;
            padding-bottom: 15px;
        }*/
        }

        @media (max-width: 1350px) {
            /*.insidecontent div#page h1 {
            font-size: 37px;
            padding-bottom: 25px;
        }*/
            .banner-content .left-banner-content-2-1 p.product-txt {
                font-size: 19px
            }
        }

        @media (max-width: 1200px) {
            /*.insidecontent div#page h1,*/
            .insidecontent .heading1 {
                padding: 20px 0 20px 20px;
            }
            .breadcrumbs {
                padding: 40px 0 20px 20px;
            }
            .banner-content .left-banner-content-2-1 {
                padding: 40px 0 20px 20px;
            }
            .banner-content .left-banner-content-2-1 p:first-child {
                font-size: 50px
            }
            .blog-txt1 {
                width: 80%;
            }
            .owl-carousel .owl-wrapper,
            .owl-carousel .owl-item,
            .artical-heading-sub-1 .js,
            .owl-carousel,
            .owl-carousel .owl-wrapper-outer,
            .articlelist_intro p:nth-child(2),
            .articlelist_intro p:nth-child(2) img {
                height: 86%;
            }
        }

        @media (max-width: 788px) {
            .menutopMenu li {
                margin-left: 0 !important;
            }
            .insidecontent div#page h1 {
                width: 100%;
            }
        }
        /*  Animations
======================================== */

        @-webkit-keyframes spinner {
            from {
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
            }
            to {
                -webkit-transform: rotate(359deg);
                -moz-transform: rotate(359deg);
                -ms-transform: rotate(359deg);
                -o-transform: rotate(359deg);
                transform: rotate(359deg);
            }
        }

        @-moz-keyframes spinner {
            from {
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
            }
            to {
                -webkit-transform: rotate(359deg);
                -moz-transform: rotate(359deg);
                -ms-transform: rotate(359deg);
                -o-transform: rotate(359deg);
                transform: rotate(359deg);
            }
        }

        @keyframes spinner {
            from {
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
            }
            to {
                -webkit-transform: rotate(359deg);
                -moz-transform: rotate(359deg);
                -ms-transform: rotate(359deg);
                -o-transform: rotate(359deg);
                transform: rotate(359deg);
            }
        }

        .mod-footer-icons .facebook-icon {
            padding: 7px 15px 8px 0px
        }

        .mod-footer-icons .insta-icon {
            padding: 7px 15px 8px 0px
        }

        .mod-footer-icons .linkedin-icon {
            padding: 7px 15px 8px 0px
        }

        .footer-downloadapp {
            width: 55%;
        }

        .footer-followus {
            float: right;
            padding: 0 40px 0 0;
            width: 220px;
            text-align: left;
        }

        .follow-text {
            color: #5d5d5d;
            font-size: 21px;
            padding-bottom: 20px;
        }
        /* Premium home loan starts */

        .premium-loan-container {
            width: 100%;
            min-height: 500px;
            margin: 0px;
            text-align: left;
        }

        .premium-loan-container .artical-heading-sub-1 {
            width: 50%;
            float: left;
            min-height: 650px;
            background: #233291;
        }

        .premium-loan-container .artical-content {
            padding: 8% 0% 0% 13.2%;
            width: 70%;
        }

        .premium-loan-container .heading1 {
            padding-top: 15px;
            font-size: 20px;
        }

        .premium-loan-container .artical-heading-sub-2 {
            margin: 0%;
            width: 50%;
            min-height: 650px;
            height: 650px;
            overflow: hidden;
        }

        .premium-loan-container .sub-promo-2-container .bg {
            min-height: 650px;
            height: 650px;
        }
        /* Premium home loan ends  */

        @media (max-width: 967px) {
            .footer-followus,
            .footer-downloadapp {
                width: 100%;
                text-align: center;
                padding: 0px;
                padding-top: 30px;
            }
            .footer-downloadapp {
                width: 100%;
                float: none;
            }
            .download-container {
                width: 100%;
                float: none;
            }
            .footer-left-container {
                float: none;
                width: 100%;
                text-align: center;
            }
            .appstore-img,
            .playstore-img {
                float: none;
            }
            .footerLeft {
                margin-top: -5px;
            }
        }

        @media (max-width: 1050px) {
            div.blog {
                margin-left: 20px;
            }
        }

        @media (max-width: 1011px) {
            .owl-controls {
                margin: 0px 40px 0px 0px !important;
                right: 0px;
                text-align: right;
            }
            .artical-heading-sub-2 {
                min-height: 730px;
                height: 730px;
            }
            .sub-promo-2-container .bg {
                min-height: 730px;
                height: 730px;
            }
            .artical-heading-sub-2 p {
                min-height: 730px;
                height: 730px;
            }
            .artical-heading-sub-2 p .bg {
                height: 100%;
                margin: 0;
            }
            .artical-heading .article-left {
                width: 100% !important;
                float: none !important;
            }
            .artical-heading .article-right {
                width: 100% !important;
                float: none !important;
                margin-top: 200px;
                position: relative;
            }
            .artical-heading-sub-1 {
                min-height: 100%;
                padding-bottom: 60px;
            }
            .owl-carousel .owl-wrapper,
            .owl-carousel .owl-item,
            .artical-heading-sub-1 .js,
            .owl-carousel,
            .owl-carousel .owl-wrapper-outer,
            .articlelist_intro p:nth-child(2),
            .articlelist_intro p:nth-child(2) img {
                height: 91% !important;
            }
            .js .articlelist li.articlelist_item {
                width: 95%;
                padding: 20px
            }
            .right-hand-menu .articlelist li.articlelist_item {
                padding: 5px !important;
            }
            .articlelist_intro .blog-img {
                width: 100% !important;
                position: relative !important;
                top: 0px !important;
                margin-top: 20px;
                right: 0px;
                left: 0px;
            }
            .articlelist_intro .blog-img img {
                height: auto;
                margin: 0 auto;
                width: 88%;
                max-width: 500px;
            }
        }
        /* Video Starts*/

        .video {
            width: 100%;
            height: 100%;
        }

        .find-out .wrapper {
            width: auto;
            position: relative;
            width: 100%;
            min-height: 350px;
            height: 100%;
        }

        .playpause {
            background-image: url(http://www.modefm.com/wp-content/uploads/2015/11/Button_3-512.png);
            background-repeat: no-repeat;
            width: 80px;
            height: 80px;
            position: absolute;
            left: 0%;
            right: 0%;
            top: 0%;
            bottom: 0%;
            margin: auto;
            background-size: contain;
            background-position: center;
        }

        .sub-promo .wrapper {
            width: auto;
            position: relative;
            width: 100%;
            min-height: 350px;
            height: 382px;
        }

        .sub-promo .video {
            position: absolute;
            right: 0;
            bottom: 0;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: 100%;
            margin-bottom: 0px;
            background-size: cover;
        }
        /* Video Ends*/

        .insidecontent {
            background: #f1f1f1
        }
        /* Blog strats here*/

        .contentheading {
            color: #5d5d5d !important;
            font-size: 28px;
            line-height: 32px;
            font-weight: normal;
            padding: 0 0 20px 0;
        }
        /* Blog Ends here*/
        /* campaign strats here*/

        .campaign-template .contentheading {
            display: none;
        }

        .campaign-template {
            margin-top: 158px;
        }

        .product-box p:first-child,
        .product-box p:last-child {
            display: none;
        }

        .campaignproduct-table {
            width: 100%;
            background: #dddddd;
            max-width: 100% !important
        }

        .campaign-firsttable,
        .campaign-thridtable {
            width: 100%;
            max-width: 100% !important;
            background: #f9f9f9;
        }

        .campaignproduct-table td p {
            padding: 10% !important;
            color: #5d5d5d;
            font-size: 25px !important;
            font-weight: normal;
        }

        .split-loan-calculator-app .gbst-loan-repayment .title h1 {
            color: #000000 !important;
            display: inline !important;
            letter-spacing: normal !important;
            line-height: normal;
            font-size: 18px !important;
            font-weight: bold !important;
            margin: 0;
            padding: 0;
            position: relative;
            background: transparent !important
        }

        .campaign-container .primary,
        .campaign-container .primary,
        .campaign-container .primary {
            background: #f57222 !important;
            border: 1px solid #f57222 !important;
            color: #fff !important;
            margin-top: 10px;
        }

        .campaignproduct-table .secondary,
        .campaign-thridtable .secondary {
            background: transparent;
            color: #5d5d5d;
            border: 1px solid #5d5d5d;
            border-radius: 25px;
        }

        .campaign-thridtable ul li {
            list-style: none;
        }

        .campaign-thridtable ul li a {
            color: #5d5d5d
        }

        .campaign-thridtable ul li:before {
            background-color: transparent !important;
        }

        .campaign-container .summary-table p {
            padding: 10px !important
        }

        .campaign-container .prodtPlugin {
            width: 92%;
        }

        .campaign-container .tablesorter2.stripeTable {
            -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
            box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
            margin: 5% 0% 10% 0% !important;
            padding-left: 2% !important;
        }

        .campaign-firsttable.two-col-layout td:first-child {
            padding: 4% 0 0 4%;
        }

        .campaign-thridtable.two-col-layout td:first-child {
            padding: 4% 0 0 4%;
        }

        .campaign-left h3 {
            font-size: 60px;
            line-height: 1.2;
            font-weight: normal;
            color: #323232;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .campaign-left .campaign-sub-text {
            font-size: 23px !important;
            color: #4f4f4f;
            font-weight: normal;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
        }

        .campaign-container .light-banner {
            background: #f9f9f9 !important;
            display: table;
            width: 100%;
        }

        .campaign-container .dark-campbanner {
            background: #233189;
        }

        .campaign-container .dark-campbanner p,
        .campaign-container .dark-campbanner ul li {
            color: #fff !important
        }

        .campaign-container .dark-campbanner .secondary {
            color: #fff !important;
            border: 1px solid #fff !important;
        }

        .campaign-template .footnotes {
            padding: 2% 0 2% 4% !important;
        }

        .campaign-left .campaign-left-box {
            padding: 70px 30px 0% 0% !important;
            width: 90%;
        }

        .campaign-left {
            width: 50%;
            display: table-cell;
            vertical-align: top;
            padding-top: 100px;
        }

        .campaign-left p {
            line-height: 30px !important;
            font-size: 20px !important;
            margin-top: 10px !important;
            padding-bottom: 0px !important;
            margin-bottom: 0px !important;
            height: 100%;
        }

        .campaign-right {
            width: 50%;
            display: table-cell;
            vertical-align: top;
            height: 100%;
            padding: 0px;
            max-width: 400px;
        }

        .campaign-right p {
            height: 100%;
            line-height: 0px !important;
        }

        .campaign-right img {
            height: 100% !important;
        }

        .campaign-template .Rate-interest span.input,
        .campaign-template .Rate-comparison span.input {
            font-size: 60px;
            font-weight: lighter;
            line-height: 50px;
            font-family: 'CalibriBold', "calibri", "Lucida Grande", sans-serif;
        }

        .campaign-template .Rate-interest span.postfix,
        .campaign-template .Rate-comparison span.postfix {
            font-weight: bold;
            font-size: 60px;
        }

        .campaign-firsttable td:first-child div {
            width: 80%;
            margin: 0 auto;
            margin-top: 2%;
        }

        .campaign-thridtable ul li:before {
            left: 0 !important;
            background-color: #ccc !important;
        }

        .campaign-thridtable td p:last-child {
            margin: 0;
            line-height: 0px !important;
        }

        .campaign-thridtable ul li {
            padding-left: 60px !important;
        }

        .campaign-thridtable ul {
            padding-top: 30px;
        }

        .campaign-firsttable td:nth-child(2) p:first-child {
            height: 100% !important;
        }

        .campaign-firsttable td:nth-child(2) p:first-child img {
            min-height: 100% !important;
        }

        .rotator-desc-text {
            position: absolute;
            top: -70px;
            left: 0px;
            right: 28px;
            font-size: 13px !important;
            font-family: "calibri-light", "calibri", "Lucida Grande", sans-serif;
            color: #fff;
        }

        .rotator-desc-text:after {
            content: '';
            display: block;
            bottom: 0;
            left: 0em;
            width: 50px;
            border-bottom: 2px solid #f57222;
        }
        /* campaign Ends here*/

        @media (min-width: 300px) and (max-width: 765px) {
            .TB_Wrapper .navHolder div.noSelect:first-child,
            .TB_Wrapper .navHolder .noSelect:nth-child(2),
            .TB_Wrapper .navHolder .noSelect:nth-child(3),
            .TB_Wrapper .navHolder.fouritemlist .noSelect:nth-child(2),
            .TB_Wrapper .navHolder.fouritemlist .noSelect:nth-child(3),
            .TB_Wrapper .navHolder.fouritemlist .noSelect:last-child,
            .TB_Wrapper .navHolder.threeitemlist div.noSelect:first-child,
            .TB_Wrapper .navHolder.twoitemlist div.noSelect:first-child,
            .TB_Wrapper .navHolder.twoitemlist .noSelect:last-child,
            .TB_Wrapper .navHolder.oneitemlist div.noSelect:first-child,

            .slickCarousel .navHolder div.noSelect:first-child,
            .slickCarousel .navHolder .noSelect:nth-child(2),
            .slickCarousel .navHolder .noSelect:nth-child(3),
            .slickCarousel .navHolder.fouritemlist .noSelect:nth-child(2),
            .slickCarousel .navHolder.fouritemlist .noSelect:nth-child(3),
            .slickCarousel .navHolder.fouritemlist .noSelect:last-child,
            .slickCarousel .navHolder.threeitemlist div.noSelect:first-child,
            .slickCarousel .navHolder.twoitemlist div.noSelect:first-child,
            .slickCarousel .navHolder.twoitemlist .noSelect:last-child,
            .slickCarousel .navHolder.oneitemlist div.noSelect:first-child {
                top: -75px !important;
            }
            .Slides:before {
                bottom: 40px !important;
            }
            .quick-tools {
                height: 490px !important;
            }
        }

        @media (min-width: 1199px) and (max-width: 1300px) {
            .container-holder .component-container .premiumhomeloan-heading-sub-1 .heading1 {
                padding: 0px 0 4px 40px !important;
            }
        }
        /* About us starts */

        .aboutus-container {
            max-width: 1200px;
            margin: auto;
            margin-top: 20px;
            position: relative;
            padding: 20px;
            border-radius: 6px;
        }

        .aboutus-container h3 {
            padding-left: 20px;
        }

        .aboutus-container p {
            font-size: 18px !important
        }
        /* About us Ends */

        .onlysearchdisplay {
            display: block !important;
            max-width: 1200px;
            margin: auto;
            margin-top: 40px;
        }

        @media (min-width: 951px) and (max-width: 2500px) {
            .campaign-container .callback-txt {
                line-height: 30px !important;
                font-size: 20px !important;
                padding: 20px 0 10px 4% !important;
                width: 90%;
                margin-bottom: 0px !important;
            }
            .dark-campbanner .campaign-left {
                padding: 20px 0 10px 4% !important;
            }
            .light-banner .campaign-left {
                padding: 20px 0 10px 4% !important;
            }
        }
        /* byond menu adjustment */

        .byond .loggedIn,
        .byond #adminNav {
            top: 0px !important;
        }

        .byond .nav-wrapper {
            top: 62px !important;
        }

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

        .three-col-split table tr,
        .two-col-split table tr {
            width: 100%
        }

        .three-col-split table tr th,
        .three-col-split table tr th,
        .two-col-split table tr th,
        .two-col-split table tr th,
        .two-col-layout-cta table tr th,
        .two-col-layout-cta table tr th,
        .three-col-layout-cta table tr th,
        .three-col-layout table tr th,
        .four-col-layout table tr th {
            padding-left: 0px !important;
        }

        .three-col-split table td,
        .three-col-split table tr th,
        .two-col-split table td,
        .two-col-split table tr th {
            width: 50%;
        }

        .three-col-split table tr th,
        .two-col-split table tr th {
            text-align: left;
            padding: 20px;
        }

        .dropDownLink h3 {
            color: #333
        }

        .four-col-layout tr th {
            text-align: left;
            padding: 20px;
            width: 22.5% !important
        }

        div#page td.expandTb_content p:last-child {
            padding-bottom: 20px
        }

        .button-container {
            background: #fff
        }

        .table-layout h1 {
            color: #000 !important;
            margin-bottom: 20px;
            display: block !important;
            background: transparent !important;
            font-size: 30px !important
        }

        .atm-content-box {
            max-width: 1200px;
            margin: auto;
            position: relative;
            padding: 20px;
            margin-top: 100px;
        }

        .atm-content-box .breadcrumbs a {
            color: #333;
        }

        .atm-content-box .breadcrumbs {
            color: #333;
            background: transparent;
            padding: 40px 0 20px 0px;
        }

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

        .atm-content-box p {
            padding-bottom: 10px
        }

        .contact-us-container {
            background: #fff !important;
            margin-bottom: 20px;
            padding-top: 20px;
        }

        .contact-us-container table tbody td {
            text-align: left !important;
        }

        .contact-us-container table {
            max-width: 100%;
        }

        .quicklinks-popup {
            padding: 20px;
            box-sizing: border-box;
        }

        .popup_content {
            background: #fff
        }

        .text-left {
            text-align: left;
            padding-left: 0px !important;
        }

        .table-fullview {
            padding: 0;
        }
        /* .table-fullview {
        width: 100% !important;
        margin: 0 auto 40px auto !important;
        display: block;
        background: #fff;
        max-width: 100% !important;
        padding: 30px;
        margin-bottom: 30px !important;
    }*/

        .table-fullview .four-col-layout-orange,
        .table-fullview .two-col-layout-orange,
        .table-fullview .three-col-layout-orange {
            width: 100%;
            max-width: 100% !important;
            margin-top: 20px !important;
            border: 1px solid #ccc;
        }

        .table-fullview .four-col-layout-orange tr,
        .table-fullview .two-col-layout-orange tr,
        .table-fullview .three-col-layout-orange tr {
            width: 100%;
        }

        .table-fullview .two-col-layout-orange th {
            background-color: #f57222;
            border-right: 1px solid #f57222;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            text-align: center;
            padding: 10px;
            width: 50%;
        }

        .table-fullview .three-col-layout-orange th {
            background-color: #f57222;
            border-right: 1px solid #f57222;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            text-align: center;
            padding: 10px;
            width: 33.333333333333336%;
        }

        .table-fullview .four-col-layout-orange th {
            background-color: #f57222;
            border-right: 1px solid #f57222;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            text-align: center;
            padding: 10px;
            width: 25%;
        }

        .table-fullview .four-col-layout-orange td {
            width: 25%;
            text-align: center;
        }

        .table-fullview .two-col-layout-orange td {
            width: 50%;
            text-align: center;
        }

        .table-fullview .three-col-layout-orange td {
            width: 33.333333333333336%;
        }

        .table-fullview .four-col-layout-orange tr:nth-child(odd),
        .table-fullview .four-col-layout-orange tr.odd td,
        .table-fullview .two-col-layout-orange tr:nth-child(odd),
        .table-fullview .two-col-layout-orange tr.odd td,
        .table-fullview .three-col-layout-orange tr:nth-child(odd),
        .table-fullview .three-col-layout-orange tr.odd td {
            background-color: #f3f3f3;
        }

        @media (max-width: 875px) {
            .table-fullview {
                width: 94% !important
            }
        }
        /* calculator design */

        div#page .faq>li {
            width: 25% !important;
            height: 300px;
            min-height: 300px;
            display: block;
            background-color: rgba(0, 0, 0, 0.7);
            -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;
            float: left;
            margin: 0;
            padding: 20px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            position: relative;
            display: table;
            vertical-align: bottom;
        }

        div#page .faq li:first-child,
        div#page .faq>li:nth-child(6),
        div#page .faq>li:nth-child(8),
        div#page .faq>li:nth-child(11),
        div#page .faq>li:nth-child(13),
        div#page .faq>li:nth-child(15) {
            background-color: rgba(0, 0, 0, 0.6);
        }

        div#page ul.faq {
            margin: 0;
            padding: 0;
            background-image: url(/templates/client/images/internal/Breakwater-Sunrise.jpg);
            background-size: cover;
            background-position: bottom right;
            background-repeat: no-repeat;
            color: #fff;
        }

        div#page ul.faq h2 {
            color: #fff;
            padding-bottom: 40px;
        }

        div#page ul.faq a.btn.product {
            color: #fff;
            text-decoration: underline;
            margin: 0 20px 10px 0;
        }

        div#page .faq li:first-child:hover,
        div#page .faq li:nth-child(2):hover,
        div#page .faq li:nth-child(3):hover,
        div#page .faq li:nth-child(4):hover,
        div#page .faq li:nth-child(5):hover,
        div#page .faq li:nth-child(6):hover,
        div#page .faq li:nth-child(7):hover,
        div#page .faq li:nth-child(8):hover,
        div#page .faq li:nth-child(9):hover,
        div#page .faq li:nth-child(10):hover,
        div#page .faq li:nth-child(11):hover,
        div#page .faq li:nth-child(12):hover,
        div#page .faq li:nth-child(13):hover,
        div#page .faq li:nth-child(14):hover,
        div#page .faq li:nth-child(15):hover,
        div#page .faq li:nth-child(16):hover {
            background-color: rgba(0, 0, 0, 0.9);
        }

        @media (max-width: 1201px) {
            div#page .faq>li {
                min-height: 340px !important;
            }
        }

        @media (max-width: 1040px) {
            div#page .faq>li {
                width: 33.33333% !important;
            }
        }

        @media (max-width: 767px) {
            div#page .faq>li {
                width: 50% !important;
            }
        }

        @media (max-width: 560px) {
            div#page .faq>li {
                min-height: auto;
                float: none;
                width: 100% !important;
                min-height: 0 !important;
                height: auto;
            }
        }

        .commoncontent .breadcrumbs {
            top: 7px;
            padding: 20px 0 20px 0;
            margin-top: 0;
            display: block;
            color: #3f3b3b !important;
            width: 98%;
            background: transparent !important;
        }

        .commoncontent .breadcrumbs a {
            color: #3f3b3b !important;
        }

        .commoncontent #page {
            padding-left: 0px !important;
            padding-right: 0px !important;
            padding-top: 0px !important;
        }

        .commoncontent h1 {
            padding-left: 0px !important;
            padding: 10px 20px 0px 0px;
        }

        .commoncontent .product-header-container {
            background: transparent !important;
        }

        .common-content-box {
            max-width: 1200px;
            margin: auto;
            position: relative;
            clear: both;
            padding: 140px 20px 30px !important;
        }

        .commoncontent .phones_layout,
        .commoncontent .responsive_layout,
        .commoncontent .phones_to_tablets_layout,
        .commoncontent .default_layout {
            min-width: 0 !important;
            min-width: 0 !important;
            padding-top: 0px;
            max-width: 99% !important;
            padding-bottom: 30px;
        }
        /* edit for Byond */

        .edit_module {
            background: rgb(35, 50, 136);
        }

        .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: rgb(35, 50, 136);
        }

        .edit_module a:before,
        .contentpaneopen_edit a:before {
            content: "\e613";
            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;
        }

        .byond .nav-wrapper {
            top: 70px;
        }

        .gbst-calculator iframe {
            max-width: 600px;
            display: block;
            margin: 0 auto;
            padding-top: 30px;
        }

        .expandtable {
            margin-top: 20px;
        }

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

        @media all and (max-width: 950px) {
            .campaign-right.imag-tag p {
                overflow: inherit;
            }
        }

        .amigo-login {
            background: transparent !important;
            text-decoration: none;
            color: #989898 !important;
            font-size: 17px !important;
            margin: 0;
            display: inline-block;
            vertical-align: middle;
            padding: 0 16px;
            border-right: 1px solid #eee;
            border-left: 1px solid #d8d8d8;
            border-right: 0px;
            margin-right: 0px !important;
            cursor: pointer;
        }

        .amigo-login .mod-desktop-only,
        .amigo-login .mod-internet-banking span {
            font-size: 17px !important;
        }

        .amigo-login .icon-credit-card4:before {
            font-size: 24px;
            display: inline-block;
            vertical-align: middle;
        }

        .mod-top-menu .amigo-login:hover {
            box-shadow: none !important;
        }

        .mod-top-menu .amigo-login:hover span {
            color: #f57222;
        }

        @media (max-width: 1024px) {
            .mod-top-menu #amigologin {
                display: block !important;
                float: left;
                margin: 0 !important;
                line-height: normal;
                width: 85px;
                position: relative;
                text-align: center;
            }
             .mod-top-menu #amigologin .mod-desktop-only{
                display: none
             }
        }

        @media (max-width: 640px) {
            .mod-top-menu #amigologin {
                width: 65px;
            }
            .white-container-holder {
                padding: 35px;
            }

            div.byondTabContent {
                padding: 35px;
            }
            div#page table.expandTb .expandTb_header td {
                padding: 15px !important;
            }
            div#page table.expandTb td.expandTb_content {
                padding: 15px;
            }
            .loan-calculator-app.phones_layout {
                min-width: auto !important
            }
            .calculator-box .content .results-wrapper .amortization-table-wrapper {
                float: none;
                width: 97%;
            }
            .calculator-box .content .results-wrapper .outputs-wrapper {
                float: none;
                width: 100%;
            }
            .calculator-box .content .results-wrapper .amortization-table td {
                width: 15% !important
            }
        }

        .content .results-wrapper .outputs-wrapper .results-box.total-result table.results td {
            min-width: auto;
            width: auto;
        }

        .amigo-login:hover .icon-credit-card4:before {
            color: #f57222;
        }
         @media (max-width: 1230px) {
            .mod-logo-img {
                max-width: 320px;
            }
        }
        @media (max-width: 1120px) {
            .mod-logo-img {
                max-width: 230px;
            }
        }

        @media (max-width: 930px) {
            .mod-logo-img {
                max-height: 55px;
            }
        }

        @media (max-width: 885px) {
            .mod-logo-img {
                max-width: 140px;
            }
        }

        @media (max-width: 765px) {
            .menu-top-wrapper .mod-logo-img {
                max-height: 50px;
                width: auto;
                max-width: 100%;
            }
        }

        .calculator-box .two-col-layout.calculator-inside {
            max-width: 1100px;
        }

        .calculator-box .content .results-wrapper .amortization-table td {
            min-width: auto;
        }

        .loan-calculator-app table {
            max-width: 1260px
        }

        @media all and (max-width: 540px) {
            .menu-top-wrapper .mod-logo {
                width: 27%;
            }
            .amigo-login .icon-credit-card4::before {
                font-size: 21px;
                margin-left: -5px
            }
            .mod-top-menu>a:not(.mod-button) {
                font-size: 16px;
            }
            .calculator-box {
                padding: 0px !important;
                padding-bottom: 20px !important;
                margin-bottom: 0px;
            }
            .loan-calculator-app {
                width: 100% !important;
                max-width: 100% !important;
                padding-top: 0px;
            }
            .calculator-box .calculator-inside td:last-child .btn,
            .calculator-box .calculator-inside td:last-child .btn,
            .calculator-box .calculator-inside td:last-child .btn,
            .calculator-box .calculator-inside td:last-child .btn,
            .calculator-box .calculator-inside td:last-child .btn,
            .calculator-box .calculator-inside td:last-child .btn {
                max-width: 70% !important;
                font-size: 14px !important;
            }
        }

        @media all and (max-width: 368px) {
            .mod-mobile-menu,
            .mod-top-menu>a:not(.mod-button) {
                width: 55px;
            }
            .mod-top-menu #amigologin {
                width: 60px;
            }
        }

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

        table.three-col-split:only-child,
        table.three-col-split:last-child,
        table.two-col-layout-cta:only-child,
        table.two-col-layout-cta:last-child,
        table.two-col-split:only-child,
        table.two-col-split:last-child,
        table.two-col-layout:only-child,
        table.two-col-layout:last-child,
        table.three-col-layout:only-child,
        table.three-col-layout:last-child,
        table.four-col-layout:only-child,
        table.four-col-layout:last-child,
        table.three-col-layout-cta:only-child,
        table.three-col-layout-cta:last-child {
            margin-bottom: 0;
        }

        table.three-col-split td,
        table.two-col-layout-cta td,
        table.two-col-split td,
        table.two-col-layout td,
        table.three-col-layout td,
        table.four-col-layout td,
        table.three-col-layout-cta td {
            padding: 0 20px 40px;
        }

        table.three-col-split td:first-child,
        table.two-col-layout-cta td:first-child,
        table.two-col-split td:first-child,
        table.two-col-layout td:first-child,
        table.three-col-layout td:first-child,
        table.four-col-layout td:first-child,
        table.three-col-layout-cta td:first-child {
            padding-left: 0;
        }

        table.three-col-split td:last-child,
        table.two-col-layout-cta td:last-child,
        table.two-col-split td:last-child,
        table.two-col-layout td:last-child,
        table.three-col-layout td:last-child,
        table.four-col-layout td:last-child,
        table.three-col-layout-cta td:last-child {
            padding-right: 0;
        }

        table.three-col-split tr:last-child td,
        table.two-col-layout-cta tr:last-child td,
        table.two-col-split tr:last-child td,
        table.two-col-layout tr:last-child td,
        table.three-col-layout tr:last-child td,
        table.four-col-layout tr:last-child td,
        table.three-col-layout-cta tr:last-child td,
        table.three-col-split tr:only-child td,
        table.two-col-layout-cta tr:only-child td,
        table.two-col-split tr:only-child td,
        table.two-col-layout tr:only-child td,
        table.three-col-layout tr:only-child td,
        table.four-col-layout tr:only-child td,
        table.three-col-layout-cta tr:only-child td {
            padding-bottom: 0;
        }

        .table-color-row tr:nth-child(2n+1) {
            background-color: #f3f3f3;
        }

        .table-color-row td {
            padding: 10px 20px!important;
        }

        div#page table.three-col-split .Rate-interest,
        div#page table.three-col-split .Rate-comparison {
            display: block;
            margin: 0 auto 30px;
        }

        .three-col-split td:last-child .btn,
        table.two-col-split td:last-child .btn,
        .two-col-layout-cta td:last-child .btn,
        .three-col-layout-cta td:last-child .btn,
        .two-col-layout td:last-child .btn,
        .three-col-layout td:last-child .btn {
            width: 100%;
            max-width: 220px;
            margin: 0 auto 20px;
            display: block;
        }

        @media (max-width: 970px) {
            table.three-col-split td,
            table.three-col-layout-cta td,
            table.three-col-split td:first-child,
            table.three-col-layout-cta td:first-child,
            table.three-col-split td:last-child,
            table.three-col-layout-cta td:last-child {
                display: block;
                width: 100%!important;
                padding-left: 0;
                padding-right: 0;
            }
            table.three-col-split tr:only-child td,
            table.three-col-layout-cta td,
            table.three-col-layout-cta tr:only-child td {
                padding-bottom: 40px;
            }
            table.three-col-split tr:last-child td:last-child,
            table.three-col-layout-cta tr:last-child td:last-child {
                padding-bottom: 0;
            }
        }

        @media (min-width: 641px) and (max-width: 970px) {
            table.three-col-layout-cta td:last-child .btn,
            table.three-col-split td:last-child .btn {
                display: inline-block;
                margin: 0 20px 20px auto;
            }
            div#page table.three-col-split .Rate-interest,
            div#page table.three-col-split .Rate-comparison {
                display: inline-block;
                margin: 0 20px 0;
                vertical-align: top;
            }
            div#page table.three-col-split .Rate-interest:last-child,
            div#page table.three-col-split .Rate-comparison:last-child,
            table.three-col-layout-cta td:last-child .btn:last-child,
            table.three-col-split td:last-child .btn:last-child {
                margin-right: 0;
            }
        }

        @media (max-width: 765px) {
            table.two-col-layout-cta td,
            table.three-col-layout td,
            table.four-col-layout td {
                display: block;
                width: 100%!important;
                padding-left: 0;
                padding-right: 0;
            }
            table.two-col-layout-cta tr:only-child td:first-child,
            table.three-col-layout tr:only-child td,
            table.four-col-layout tr:only-child td {
                padding-bottom: 40px;
            }
            table.three-col-layout tr:last-child td:last-child,
            table.four-col-layout tr:last-child td:last-child {
                padding-bottom: 0;
            }
            table.two-col-layout-cta td:last-child .btn,
            table.two-col-split td:last-child .btn {
                display: inline-block;
                margin: 0 20px 20px auto;
            }
        }

        @media (max-width: 640px) {
            .campaign-left .campaign-left-box {
                padding: 30px 30px 0% 0% !important;
                width: 96% !important;
            }
            table.two-col-layout td,
            table.two-col-split td,
            table.two-col-layout td:first-child,
            table.two-col-split td:first-child,
            table.two-col-layout td:last-child,
            table.two-col-split td:last-child {
                display: block;
                width: 100%!important;
                padding-left: 0;
                padding-right: 0;
            }
            table.two-col-split tr:only-child td:first-child,
            table.two-col-layout tr:only-child td:first-child {
                padding-bottom: 40px;
            }
            .three-col-split td:last-child .btn:last-child,
            table.two-col-split td:last-child .btn:last-child,
            .two-col-layout-cta td:last-child .btn:last-child,
            .three-col-layout-cta td:last-child .btn:last-child {
                margin-bottom: 0;
            }

            .calculator-box table.two-col-split tr:only-child td:first-child,
            .calculator-box table.two-col-layout tr:only-child td:first-child {
                padding-bottom: 0px !important;
            }
        }

        @media (max-width: 500px) {
            .btn,
            .two-col-layout-cta td:last-child .btn,
            .three-col-layout-cta td:last-child .btn,
            .three-col-split td:last-child .btn,
            table.two-col-split td:last-child .btn,
            .two-col-layout td:last-child .btn,
            .three-col-layout td:last-child .btn,
            #comments-container .comment-button {
                display: block;
                width: 100%;
                max-width: none;
            }
        }

        .find-out-border:after {
            border-top: 1px solid #fead7c;
            content: "";
            display: block;
            height: 1px;
            width: 95px;
        }

        .calculator-inside td:last-child .btn,
        .calculator-inside td:last-child .btn,
        .calculator-inside td:last-child .btn,
        .calculator-inside td:last-child .btn,
        .calculator-inside td:last-child .btn,
        .calculator-inside td:last-child .btn {
            max-width: 100% !important
        }

        .expandTb ul li:before {
            background-color: #5e5a5a !important;
        }

        @media all and (max-width: 540px) {
            .expandTb_content .tables_wrapper.scroll {
                max-width: 400px;
                overflow-x: scroll;
                border-right: 1px dashed !important;
            }
        }

        @media all and (max-width: 480px) {
            .expandTb_content .tables_wrapper.scroll {
                max-width: 380px;
            }
        }

        @media (max-width: 440px) {
            .expandTb_content .tables_wrapper.scroll {
                width: 280px;
            }
        }

        @media (max-width: 360px) {
            .expandTb_content .tables_wrapper.scroll {
                max-width: 60%;
            }
        }

        @media (max-width: 765px) {
            .home-loan-summary .byondTabContent .calculator-responsive-fix table td,
            .product-summary .byondTabContent .calculator-responsive-fix table td {
                width: auto !important;
            }
        }


        @media (max-width: 987px) {
            .content .results-wrapper .chart-wrapper {
                float: none !important;
                min-width: auto !important;
                width: auto !important;
            }
            .content .results-wrapper .outputs-wrapper {
                float: none !important;
                width: 100% !important;
            }
            .content .results-wrapper .amortization-table-wrapper {
                width: 98% !important;
                margin-left: 0% !important;
            }
            .content .results-wrapper .outputs-wrapper .results-responsive {
                width: 98% !important;
                margin-left: 0% !important;
                margin-top: 0px !important;
            }
            .content .results-wrapper .stamp-duty-info-box {
                float: none !important;
                min-width: auto !important;
                width: auto !important;
                padding-bottom: 20px;
            }
            .content .results-wrapper .tax-thresholds {
                float: none !important;
                min-width: auto !important;
                width: auto !important;
                padding-bottom: 20px;
            }
        }

        .stamp-duty-info-table td:last-child {
            min-width: auto !important
        }

        .content .results-wrapper .stamp-duty-info-box .stamp-duty-info-table .state {
            width: 34px !important;
        }

        .content .results-wrapper .stamp-duty-info-box .stamp-duty-info-table .phone {
            width: 118px !important;
        }

        .content .results-wrapper .tax-thresholds .standard-table td {
            width: auto !important;
            min-width: auto !important;
        }

        .content .results-wrapper .tax-thresholds .standard-table thead th {
            width: auto !important;
        }

        @media (min-width: 1012px) and (max-width: 2500px) {
            .articlelist_intro .blog-img img {
                width: auto;
                height: auto;
                max-width: none;
                max-height: none;
                display: block;
                position: relative;
                left: 54%;
                transform: translate(-53%, -30%);
                min-height: 375px;
                margin-right: 0px;
                right: 0px;
                top: 130px;
            }
            .articlelist_intro .blog-img {
                overflow: hidden;
            }
        }

        .slickCarousel .Slide .slickMargins .slideText {
            font-size: 80%;
            line-height: 100%;
            text-align: left;
            height: auto !important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            right: 0 !important;
            left: 0 !important;
            padding: 10% 7% 0;
            position: relative;
            width: 100%;
        }

        .slickCarousel .rotator-desc-text:after {
            top: 25px;
            position: absolute;
        }

        .slickCarousel .rotator-desc-text {

            top: 20%;
            font-size: 17px !important;
            left: auto;
            right: auto;
        }

        .slick-next,
        .slick-prev {
            display: none !important;
        }

        @media (max-width: 640px) {
            .slickCarousel .Slide .slickMargins .slickTitle {
                margin-bottom: 0;
                font-size: 50px !important;
                line-height: 50px !important;
                margin-top: 30px !important;
                width: 90%;
            }
            .slickCarousel .btn.primary {
                margin-top: 30px;
            }
            .slickCarousel .Slide .slideText {
                top: 55% !important;
                width: 90% !important;
            }
        }

        @media (max-width: 420px) {
            .slickCarousel .Slide .slickMargins .slickTitle {
                font-size: 48px !important;
                line-height: 48px !important;
                margin-top: 30px !important;
            }
        }

        @media (max-width: 1500px) {
            .slickCarousel .Slides .Slide {
                background-position: 75% 0;
            }
        }

        @media (max-width: 1600px) {
            .slickCarousel .Slides .Slide {
                background-position: 80% 0;
            }
        }

        @media (max-width: 1830px) {
            .slickCarousel .Slides .Slide {
                background-position: 50% 0;
            }
        }

        @media (max-width: 1300px) {
            .slickCarousel .rotator-desc-text {
                top: 8%;
            }
        }

        @media (max-width: 950px) {
            .slickCarousel,
            .slickCarousel .Slides {
                height: 640px !important
            }
        }

        .slick-dots {
            bottom: 285px;
            left: 15px;
        }

        .slick-dots li {
            width: 40px;
        }

        @media (max-width: 970px) {
            .slickCarousel .Slide .slideText {
                top: 60%;
            }
        }

        @media (max-width: 800px) {
            .slickCarousel,
            .slickCarousel .Slides {
                height: 630px !important;
            }
            .TB_Wrapper .Slide div .txtCont span span,
            .slickCarousel .Slide div .txtCont span span,
            .slickCarousel .slideText .slickTitle {
                line-height: 60px !important;
                font-size: 60px !important;
            }
        }

        @media (max-width: 500px) {
            .slickCarousel,
            .slickCarousel .Slides {
                height: 580px !important;
            }
        }

        @media (min-width: 1051px) and (max-width: 2550px) {
            .campaign-right.imag-tag p {
                overflow: hidden;
                position: relative;
            }

            .campaign-right.imag-tag p {

                padding: 0px !important;
                margin: 0px !important;
            }

            .campaign-right.imag-tag p img {
                left: -60%;
                margin: auto !important;
                /*position: absolute;*/
                right: -70%;
                height: 100% !important;
                width: auto !important;
            }
        }

        @media (min-width: 1051px) and (max-width: 1320px) {
            .campaign-left h3 {
                font-size: 50px;
            }
        }

        @media (min-width: 250px) and (max-width: 1050px) {
            .campaign-template .Rate-interest span.postfix,
            .campaign-template .Rate-comparison span.postfix,
            .campaign-template .Rate-interest span.input,
            .campaign-template .Rate-comparison span.input {
                font-size: 50px
            }
            .campaign-left h3 {
                font-size: 38px;
            }
            .campaign-container .light-banner:first-child {
                height: 100% !important;
                padding-bottom: 30px;
            }
            .campaign-right p img {
                height: 100%;
                margin: 0px !important;
                left: -60%;
                margin: auto !important;
                right: -70%;
                width: auto !important;
                min-height: 100% !important;
            }
            .campaign-right p {
                opacity: 0.2;
                height: 100% !important;
            }
            div#page p.Rate-interest,
            div#page p.Rate-comparison {
                width: 100%;
                margin-top: 30px
            }
            .campaign-right.imag-tag {
                position: absolute;
                top: 0px;
                height: 100% !important;
                max-width: 100% !important;
            }
            .campaign-left {
                width: 98% !important;
                display: block !important;
                height: auto !important;
                   position: relative;
                background: none;
                z-index: 1;
            }
            .campaign-template .campaign-container table.expandTb {
                width: 88% !important;
            }
            .campaign-left p {
                width: 95% !important;
                font-size: 20px !important;
            }
            .campaign-container .callback-txt {
                padding: 4% 2% 2% 8% !important;
            }
            .dark-campbanner .campaign-left {
                padding: 20px 0 10px 8% !important;
            }
            .light-banner .campaign-left {
                padding: 20px 0 10px 8% !important;
            }
            .campaign-left h3 {
                width: 90%;
            }
            .campaign-right {
                width: 100% !important;
                display: block !important;
                height: auto !important;
                z-index: 0;
                
            }
            div#page  .campaign-right  p img{
                width: auto!important;
            }
            .campaign-container .prodtPlugin {
                width: 92%;
                padding: 4% 2% 2% 8% !important;
            }
            .campaign-container .callback-txt {
                line-height: 30px !important;
                font-size: 20px !important;
                width: 90%;
                padding: 9% 0 4% 4%;
            }
        }

        .Rate-comparison sup ,  .Rate-interest sup {
            font-size: 18px !important;
            line-height: 18px;
        }