﻿.u2 .inner-product-item-header.pl {
    background: url(/images/offer/bg-abf-tile-header-plv3.jpg) no-repeat;
    min-height: 158px;
    background-size: cover;
    background-position: center;
}

.u2 .inner-product-item-header.pl .box-item-text img {
    max-width: 205px;
}

.u2 .interest-strip.pl-strip {
    padding: 5px;
    background: #FF2600;
}

.u2 .interest-strip.pl-strip p {
    color:#fff;
}

.wrap-banner-product.desktop-offers-view .d-flex .offer-box-wrap:last-child .inner-product-item-copy ul {
    margin: 28px 0;
}

.red-bg-text {
    background-color: #FF2600;
    padding:0 10px;
}

.lowrate-pl-wrap {
    position: relative;
    height: 100%;
    background: url(/images/offer/go-pl-bgV2.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 7px;
}

.lowrate-pl-wrap .box_fs_phone {
    position: absolute;
    display: block;
    max-width: 340px;
    width: 50%;
    bottom: 0;
    right: 50px;
}

body .freestyleABFB-wrap .abf-bottom-wrap h2 {
    font-size: 20px;
}

.plo .wrap-banner-slogan .seoSlogan {
    font-size: 60px;
    line-height: 75px;
    margin-bottom: 20px;
}

.wrap-banner-product.desktop-offers-view .d-flex .offer-box-wrap:last-child .inner-product-item-copy ul li {
    margin-bottom: 35px;
}

.u2 .interest-strip p {
    font-size:14px;
    margin-top:5px;
    margin-bottom:5px;
}

.u2 .fs-box-legal-text {
    position: relative;
    bottom: -50px;
    display: block;
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    z-index: 300;
}

/*Personal loans*/
body .PL .freestyleABFB-wrap {
    background: url(/images/freestyle/low-rate/lowrate-bg-desktop.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

body .plo .freestyleABFB-wrap .abf-bottom-wrap .abf-card-wrap {
    bottom:10px;
    height:auto;
}

body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-1.sectionCol-pl {
    background: url(https://cdn.moneyme.com.au/webp/images/freestyle/low-rate/4col-lowrate-1.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.no-webp body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-1.sectionCol-pl {
    background: url(/images/freestyle/low-rate/4col-lowrate-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-2.sectionCol-pl {
    background: url(https://cdn.moneyme.com.au/webp/images/freestyle/low-rate/4col-lowrate-2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.no-webp body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-2.sectionCol-pl {
    background: url(/images/freestyle/low-rate/4col-lowrate-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-3.sectionCol-pl {
    background: url(https://cdn.moneyme.com.au/webp/images/freestyle/low-rate/4col-lowrate-3.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.no-webp body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-3.sectionCol-pl {
    background: url(/images/freestyle/low-rate/4col-lowrate-3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-4.sectionCol-pl {
    background: url(https://cdn.moneyme.com.au/webp/images/freestyle/low-rate/4col-lowrate-4.webp);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.no-webp body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-4.sectionCol-pl {
    background: url(/images/freestyle/low-rate/4col-lowrate-4.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}


body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-pl .box-label {
    text-align: center;
    font-size: 25px !important;
    font-weight: bold;
    margin-bottom:10px;
}

.mobilestore-logo {
    max-width:123px;
    margin-right:3px;
}

.mobilestore-logob {
    max-width: 138px;
    margin-left: 3px;
}

.wrap-box-promise.wrap-box-promise-lowrate {
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
    padding: 10px 30px 10px 55px;
    margin-bottom: 15px;
    max-width: 600px;
}

.wrap-box-promise.wrap-box-promise-lowrate svg {
    max-width: 24px;
    position: absolute;
    top: 10px;
    left: 18px;
    opacity: .6;
}

.wrap-box-promise.wrap-box-promise-lowrate svg.svg2 {
    max-width: 30px;
    left: 15px;
    top: 10px;
}

.wrap-box-promise .sectlabel {
    margin-bottom:5px;
}

.osko-lowrate {
    max-width: 35px;
    margin-left: 10px;
}

.lowrate-vs-bank-wrap {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding-top: 30px;
    height: 100%;
    margin-right: 7px;
    position: relative;
}

body .boxRow .boxSectionC-wrap .module .lowrate-vs-bank-wrap .box-label {
    font-size: 37px;
}

.lowrate-comparison-wrap {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 30px;
}

#lowrateTabContent {
    padding: 10px 10px;
}

.lowrate-comparison-wrap .nav-tabs {
    border-bottom: none;
    max-width: 400px;
    padding: 0 15px;
    margin: 0 auto;
}

.lowrate-comparison-wrap .nav-tabs .nav-item {
    width: 50%;
    text-align: center;
}

.lowrate-comparison-wrap .nav-tabs .nav-item.show .nav-link, .lowrate-comparison-wrap .nav-tabs .nav-link.active {
    color: #777;
    border: none;
}

.lowrate-comparison-wrap .nav-tabs .nav-link:focus, .lowrate-comparison-wrap  .nav-tabs .nav-link:hover {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.lowrate-comparison-wrap .nav-tabs .nav-link.active {
    border-bottom: 2px solid #00D1D0;
}

.calc-rep-toggle {
    position: relative;
    top: 15px;
}

.calc-rep-icon {
    max-width: 20px;
    margin-right: 6px;
    position: relative;
    top: -3px;
}

.interest-graph-links {
    max-width: 320px;
    margin: 0 auto;
}

.interest-graph-links a{
    color:#777;
    text-decoration:underline;
}
/*graph*/
/* Bar Graph Horizontal */
.interest-graph-wrap, .comparison-graph-wrap {
    max-width: 350px;
    margin: 0 auto;
}

.bar-graph .year {
    -webkit-animation: fade-in-text 2.2s 0.1s forwards;
    -moz-animation: fade-in-text 2.2s 0.1s forwards;
    animation: fade-in-text 2.2s 0.1s forwards;
    opacity: 0;
}

.bar-graph-horizontal {
    max-width: 380px;
}

.bar-graph-horizontal > div {
    float: left;
    margin-bottom: 0px;
    width: 100%;
}

.bar-graph-horizontal .year {
    float: left;
    margin-top: 18px;
    max-width: 70px;
    margin-right:10px;
}

.bar-graph-horizontal .year img{
    width:100%;
}

.bar-graph-horizontal .bar {
    border-radius: 3px;
    height: 28px;
    float: left;
    overflow: hidden;
    position: relative;
    width: 0;
    top: 20px;
}

.bar-graph-horizontal .barb {
    border-radius: 3px;
    height: 28px;
    float: left;
    overflow: hidden;
    position: relative;
    width: 0;
    top: 20px;
}

.bar-graph-one .bar::after {
    -webkit-animation: fade-in-text 2.2s 0.1s forwards;
    -moz-animation: fade-in-text 2.2s 0.1s forwards;
    animation: fade-in-text 2.2s 0.1s forwards;
    color: #fff;
    content: "From " attr(data-percentage) " p.a.";
    font-weight: 400;
    position: absolute;
    right: 16px;
    top: 3px;
    font-size:14px;
}

.bar-graph-one .bar-one .bar.start {
    background-color: #00D1D0;
    -webkit-animation: show-bar-one 1.2s 0.1s forwards;
    -moz-animation: show-bar-one 1.2s 0.1s forwards;
    animation: show-bar-one 1.2s 0.1s forwards;
}

.bar-graph-one .bar-two .bar.start {
    background-color: #B2B2B2;
    -webkit-animation: show-bar-two 1.2s 0.2s forwards;
    -moz-animation: show-bar-two 1.2s 0.2s forwards;
    animation: show-bar-two 1.2s 0.2s forwards;
}

.bar-graph-one .bar-three .bar.start {
    background-color: #B2B2B2;
    -webkit-animation: show-bar-three 1.2s 0.3s forwards;
    -moz-animation: show-bar-three 1.2s 0.3s forwards;
    animation: show-bar-three 1.2s 0.3s forwards;
}

.bar-graph-one .bar-four .bar.start {
    background-color: #B2B2B2;
    -webkit-animation: show-bar-four 1.2s 0.4s forwards;
    -moz-animation: show-bar-four 1.2s 0.4s forwards;
    animation: show-bar-four 1.2s 0.4s forwards;
}

.bar-graph-one .bar-five .bar.start {
    background-color: #B2B2B2;
    -webkit-animation: show-bar-five 1.2s 0.4s forwards;
    -moz-animation: show-bar-five 1.2s 0.4s forwards;
    animation: show-bar-five 1.2s 0.4s forwards;
}

/*Comparison*/

.bar-graph-two .barb::after {
    -webkit-animation: fade-in-text 2.2s 0.1s forwards;
    -moz-animation: fade-in-text 2.2s 0.1s forwards;
    animation: fade-in-text 2.2s 0.1s forwards;
    color: #fff;
    content: "From " attr(data-percentage) " p.a.";
    font-weight: 400;
    position: absolute;
    right: 16px;
    top: 3px;
    font-size: 14px;
}

.bar-graph-two .barb-one .barb.start {
    background-color: #00D1D0;
    -webkit-animation: show-barb-one 1.2s 0.1s forwards;
    -moz-animation: show-barb-one 1.2s 0.1s forwards;
    animation: show-barb-one 1.2s 0.1s forwards;
}

.bar-graph-two .barb-two .barb.start {
    background-color: #B2B2B2;
    -webkit-animation: show-barb-two 1.2s 0.2s forwards;
    -moz-animation: show-barb-two 1.2s 0.2s forwards;
    animation: show-barb-two 1.2s 0.2s forwards;
}

.bar-graph-two .barb-three .barb.start {
    background-color: #B2B2B2;
    -webkit-animation: show-barb-three 1.2s 0.3s forwards;
    -moz-animation: show-barb-three 1.2s 0.3s forwards;
    animation: show-barb-three 1.2s 0.3s forwards;
}

.bar-graph-two .barb-four .barb.start {
    background-color: #B2B2B2;
    -webkit-animation: show-barb-four 1.2s 0.4s forwards;
    -moz-animation: show-barb-four 1.2s 0.4s forwards;
    animation: show-barb-four 1.2s 0.4s forwards;
}

.bar-graph-two .barb-five .barb.start {
    background-color: #B2B2B2;
    -webkit-animation: show-barb-five 1.2s 0.4s forwards;
    -moz-animation: show-barb-five 1.2s 0.4s forwards;
    animation: show-barb-five 1.2s 0.4s forwards;
}



/* Bar Graph Horizontal Animations */
@-webkit-keyframes show-bar-one {
    0% {
        width: 0;
    }

    100% {
        width: 35%;
    }
}

@-webkit-keyframes show-bar-two {
    0% {
        width: 0;
    }

    100% {
        width: 68%;
    }
}

@-webkit-keyframes show-bar-three {
    0% {
        width: 0;
    }

    100% {
        width: 70%;
    }
}

@-webkit-keyframes show-bar-four {
    0% {
        width: 0;
    }

    100% {
        width: 60.8%;
    }
}

@-webkit-keyframes show-bar-five {
    0% {
        width: 0;
    }

    100% {
        width: 65%;
    }
}

@-webkit-keyframes fade-in-text {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*Comparison Bar Graph Horizontal Animations */
@-webkit-keyframes show-barb-one {
    0% {
        width: 0;
    }

    100% {
        width: 45%;
    }
}

@-webkit-keyframes show-barb-two {
    0% {
        width: 0;
    }

    100% {
        width: 64%;
    }
}

@-webkit-keyframes show-barb-three {
    0% {
        width: 0;
    }

    100% {
        width: 70%;
    }
}

@-webkit-keyframes show-barb-four {
    0% {
        width: 0;
    }

    100% {
        width:55.8%;
    }
}

@-webkit-keyframes show-barb-five {
    0% {
        width: 0;
    }

    100% {
        width: 60%;
    }
}


/*costs page updates*/
.wrap-costs-none {
    border-top: 1px solid #777;
}

.costs .wrap-costs-none {
    margin-bottom: 0;
    padding: 15px 0 5px 0;
}

.lowrate-pl-costs-value .section-title {
    margin-bottom:25px;
}

.lowrate-pl-costs-value .details-section {
    position:relative;
}

.lowrate-pl-costs-value .freestyle-cut-wrap {
    padding: 0 90px;
    position: absolute;
    width: 90%;
    bottom: -80px;
    z-index: 50;
    max-width: 600px;
    right: 0;
}

/*homepage update*/

.sec6item-homepage .pl-gradient-bottom {
    width: 100%;
    height: 50px;
    background: url(/images/freestyle/pl-gradient-bottom.jpg);
    background-size: cover;
    padding-top: 10px;
}

.home-copy-link {
    font-size: 20px;
    font-family: 'Lato',Arial,sans-serif !important;
}

.wrap-homepage-collapse-container h3 {
    font-size: 37px;
    margin-bottom: 30px;
}

.wrap-homepage-collapse-container p {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 300;
}

.expand-link {
    text-decoration: none !important;
    font-weight: 400 !important;
    margin-top: 10px;
    font-family: 'Lato',Arial,sans-serif !important;
}

/*New PL SEO*/
body .seo-whitebg .boxRow .boxSectionApproved-wrap, body .seo-whitebg .boxRow .boxSectionSetup-wrap {
    background: #fff !important;
    border: 1px solid #e5e5e5;
}

body .seo-greybg .boxRow .boxSectionApproved-wrap {
    background: #f2f2f2 !important;
    border: 1px solid #e5e5e5;
}

body .seo-greybg .boxRow .wrap-collapse-seo-section {
    background: #f2f2f2 ;
}

.seopl-collapse {
    margin-top:30px;
}

.seopl-collapse .panel,
.seopl-collapse .panel-body {
    box-shadow: none;
}

.seopl-collapse .panel-group {
   border-bottom:1px solid #c2c2c2;
}

.seopl-collapse .panel-group .panel-heading {
    padding: 0;
}

.seopl-collapse .panel-group .panel-heading a {
    display: block;
    padding: 15px 0 10px 0;
    text-decoration: none;
    position: relative;
    font-size: 22px;
    color: #777777;
}

.seopl-collapse .panel-body {
    margin-top:15px;
}

.seopl-collapse .panel-group .panel-heading a:after {
    content: '-';
    float: right;
}

.seopl-collapse .panel-group .panel-heading a.collapsed:after {
    content: '+';
}

.lowrate-collapse-content h3 {
    font-size: 20px;
    margin-bottom: 25px;
}

.lowrate-collapse-content p {
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 300;
}

.lowrate-collapse-content ul {
    margin-bottom:30px;
}

.lowrate-collapse-content ul li {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 300;
}

.disclaimerNum {
    font-size:7px;
    margin-left:2px;
}

.disclaimerNum-small {
    margin-right:2px;
}

.disclaimerNum-med {
    font-size: 10px;
}

.disclaimerNum-big {
    font-size: 12px;
    margin-left: 2px;
    margin-top: -5px;
}

.wrap-apple-footer {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.calc-complete {
    margin-top:40px;
}

.plpage-disclaimer {
    margin-top: 15px;
}

.popover.bs-popover-top {
    margin-top: 20px;
    background: #fff;
    border-color: #00d1d0;
    color: #00d1d0;
    font-size: 13px;
    font-weight: 300;
    padding: 2px;
}

.popover.bs-popover-top > .arrow {
    border-top-color: #00d1d0;
    margin-top: -10px;
    border-width: 9px;
    margin-bottom: -9px;
}

.popover.bs-popover-top > .arrow:before {
    margin-left: -8px;
    margin-top: 2px;
    border-top-color: #fff;
}

.costs .ui-state-default, .costs .ui-widget-content .ui-state-default, .costs .ui-widget-header .ui-state-default {
    z-index: 1;
}

/*freestyle page update*/
.fs-offericon-wrap-mobile img {
    max-width: 75px;
    width: 100%;
    right: -20px;
    position: absolute;
    bottom: -5px;
}

body .wrap-wocs.v2 .rating-star-svg {
    top:inherit;
    left:inherit;
    margin-top:27px;
}

body .wrap-wocs.v2 {
    margin-bottom:15px;
    padding-bottom:120px;
    min-height: inherit;
}

body .wrap-wocs.v2 .b-star-txt {
    margin-left:5px;
    font-weight:300;
}

body .wrap-wocs.v2 .b-star-txt a {
    position:relative;
}

body .wrap-wocs.v2 .b-star-txt a:after {
    content:" ";
    width:100%;
    display:block;
    height:1px;
    background:#fff;
    position: absolute;
    left: 0;
    opacity: .5;
}

.wrap-wocs.v2 .chart-two svg .circle-background, .wrap-wocs.v2 .chart-two svg .circle-foreground {
    r: 45.5px;
    cx: 50%;
    cy: 50%;
    fill: none;
    stroke-width: 7px;
}


.wrap-wocs.v2 .chart-two svg .circle-foreground {
    stroke-dasharray: 273.845px 326.25px;
    stroke-linecap: inherit;
}

.wrap-wocs.v2  .reviews-content {
    max-width: 1100px;
    margin: 0 auto;
}

body .wrap-wocs.v2 .text-review-box p.copy {
    font-size: 20px;
    color: #777;
    line-height: inherit;
}

.wrap-wocs.v2 .review-quote-icon {
    position:absolute;
    top:5px;
    right:5px;
    max-width:45px;
}

body .v2 .text-review-box {
    margin-top:25px;
    min-height: 195px;
    padding:30px;
}

body .v2 .text-review-box .review-inner-container {
    padding-left:0;
}

body .wrap-wocs.v2 .like_icon_msg {
    max-width: 20px;
}

body .v2 .text-review-box p {
    font-size:22px;
}

.v2 .rating-value {
    text-indent: -9999px;
    display: inline-block;
    line-height: 1px;
}

.v2 .star-rating-small {
    max-width:75px;
}

.v2 .rating-date {
    font-size:12px;
}

.v2 .inner-review-rating-container {
    margin-bottom:25px;
    display:block;
}

.v2 .rating-star-container {
    width: 340px;
    margin-left: 20px;
    max-width: 100%;
}

.promo-description{
	min-height:90px;
}

/*------Version 4 ABF style ------*/
.home-section2 .awards-circle .awards-circle-wrap {
    margin-top:0;
}


/*-----------FS Update 15 12 2020-------------*/


/*MME Perks - credit-card/online application*/

body .plo .fs-mme-perks-pg .freestyleABFB-wrap .header{
    padding-bottom: 70px;
}

body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .abf-card-wrap{
    position:inherit;
    height:100%;
}

body .FS.fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .row .abf-card-wrap .abf-card-inner img{
    width:100%;
}

body .FS.fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .row .abf-card-wrap .abf-card-inner{
    right:0;
}

body .FS.fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .row .abf-card-wrap .abf-card-inner img.perks-sticker{
     position: absolute;
    width: 85px !important;
    right: 28px;
    top: -14px;
}

body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .abf-card-wrap{
    bottom:0;
}
/*------------------------*/


/*webp-update*/
.covid-help-inner {
    padding: 30px 30px;
    height: 100%;
    background: url(https://cdn.moneyme.com.au/webp/images/freestyle/V2/covid-help-bg.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.no-webp.covid-help-inner {
    padding: 30px 30px;
    height: 100%;
    background: url(/images/freestyle/V2/covid-help-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


@media (max-width:1199px) {
    body .v2 .rating-score {
        font-size:70px;
        margin-left:15px;
    }

    body .v2 .rating-score .rating-over {
        font-size:22px;
    }

    body .wrap-wocs.v2 .rating-star-svg {
        max-width:100%;
        width: 240px;
    }

    body .wrap-wocs.v2 .b-star-txt {
        font-size: 12px;
    }

    body .v2 .text-review-box p {
        font-size: 20px;
    }

    .v2 .inner-review-rating-container {
        margin-bottom: 20px;
    }

    body .wrap-wocs.v2 .text-review-box p.copy {
        font-size: 18px;
    }

    .v2 .rating-star-container {
        width:260px;
    }

     .calc-complete{
       margin-top: 0;
    }
    
    .plo .section2.section2-freestyle.ver4{
        margin-top:0;
    }
    body .plo .freestyleABFB-wrap .abf-bottom-wrap .abf-card-wrap{
        width:570px;
        bottom: -55px;
    }

}

@media (max-width:991px) {
    body .v2 .rating-score {
        font-size: 45px;
    }
    body .wrap-wocs.v2 .rating-star-svg {
        margin-top:10px;
    }
     body .plo .freestyleABFB-wrap .abf-bottom-wrap .abf-card-wrap{
            right: -20px;
            width:110%;
            bottom: -30px;
    }
}

@media only screen and (max-width:812px) {
    .u2 .go-freestyle-blurbs.two.twoB .box_fs_phone.box_fs_phoneB {
        position: relative;
        left: 0;
        padding-left: 0;
    }

    .u2 .inner-product-item-copy {
        padding-top: 15px;
    }

    .go-pl-wrap .box-label {
        font-size: 21px;
        margin-bottom:20px;
    }

    .u2 .interest-strip.pl-strip {
        padding: 5px;
        background: #FF2600;
    }

    .u2 .interest-strip.pl-strip p span {
        background-color: #FF2600;
        padding: 0 10px 3px 10px;
    }

    .u2 .wrap-banner-slogan .white-text.font-20 {
        font-size: 13px;
    }

    /*Personal loans*/
    body .PL .freestyleABFB-wrap {
        background: url(/images/freestyle/low-rate/lowrate-bg-mobile-v2.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }

    .plo .wrap-banner-slogan .seoSlogan {
        font-size: 40px;
        line-height: 55px;
        margin-bottom: 10px;
    }

    .plo .wrap-banner-slogan .subSlogan.seosubSlogan {
        font-size: 20px;
        margin-bottom: 0;
    }

    .u2 .small.get-started-wrap .zoomtimeline.mode-3dslider {
        height: 600px;
    }

    body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-1.sectionCol-pl {
        background: url(https://cdn.moneyme.com.au/webp/images/freestyle/low-rate/4col-lowrate-1.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .no-webp body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-1.sectionCol-pl {
        background: url(/images/freestyle/low-rate/4col-lowrate-1.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }


    body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-2.sectionCol-pl {
        background: url(https://cdn.moneyme.com.au/webp/images/freestyle/low-rate/4col-lowrate-2-mobile.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .no-webp body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-2.sectionCol-pl {
        background: url(/images/freestyle/low-rate/4col-lowrate-2-mobile.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-3.sectionCol-pl {
        background: url(https://cdn.moneyme.com.au/webp/images/freestyle/low-rate/4col-lowrate-3-mobile.webp)!important;
        background-size: cover!important;
        background-position: center!important;
        background-repeat: no-repeat!important;
    }
    .no-webp body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-3.sectionCol-pl {
        background: url(/images/freestyle/low-rate/4col-lowrate-3-mobile.jpg)!important;
        background-size: cover!important;
        background-position: center!important;
        background-repeat: no-repeat!important;
    }

    body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-4.sectionCol-pl {
        background: url(https://cdn.moneyme.com.au/webp/images/freestyle/low-rate/4col-lowrate-4-mobile.webp)!important;
        background-size: cover!important;
        background-position: top!important;
        background-repeat: no-repeat!important;
    }
    .no-webp body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-4.sectionCol-pl {
        background: url(/images/freestyle/low-rate/4col-lowrate-4-mobile.jpg)!important;
        background-size: cover!important;
        background-position: top!important;
        background-repeat: no-repeat!important;
    }

    body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-1.sectionCol-pl .bottom-label p, body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-2.sectionCol-pl .bottom-label p, body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-3.sectionCol-pl .bottom-label p, body .boxRow .boxSectionCol-wrap .module .sectionCol-inner .row .sectionCol-4.sectionCol-pl .bottom-label p {
        text-align: center;
        margin-bottom:10px;
    }

    body .boxRow .boxSectionC-wrap .module .fees-box-wrap {
        background-color:#f2f2f2;
    }

    .wrap-box-promise.wrap-box-promise-lowrate {
        opacity:1;
    }

    body .boxRow .boxSectionC-wrap .module .lowrate-vs-bank-wrap .box-label {
        font-size: 27px;
    }

    .lowrate-vs-bank-wrap {
        margin-right:0;
        border:none;
    }

    #lowrateTabContent {
        padding: 10px 15px 30px 15px;
    }

    .u2 .small.get-started-wrap .zoomtimeline.mode-3dslider.zoomtimeline0 .details-container > .detail.next-item {
        min-height: 440px;
    }

    /*Costs*/
    .lowrate-pl-costs-wrap .font-48 {
        font-size: 30px;
    }

    .lowrate-pl-costs-wrap .font-24.cost-collapse-title {
        font-size: 20px;
    }

    .lowrate-pl-costs-value .section-title {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .detail-excerpt .home-offer-disc {
        position: absolute;
        margin-top: 14px;
    }

    .wrap-costs-credit-limit .second .credit-limit-box {
        margin-top: 25px;
    }

    .costs .wrap-fs-fees-section {
        padding-top:40px;
    }

    .text-page .section1 h1 {
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    /*new homepage updates*/
    .wrap-homepage-collapse-container h3 {
        font-size: 26px;
        margin-bottom: 20px;
        text-align: left !important;
        line-height: 34px;
    }

    .wrap-homepage-collapse-container p {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 300;
    }

    .home-copy-link {
        font-size: 18px;
        font-family: 'Lato',Arial,sans-serif !important;
    }

    body .boxRow .boxSectionApproved-wrap .module .boxSectionApproved-inner .box-label.light {
        font-size: 20px;
        text-align: center !important;
        padding-top: 0;
    }

    .sec6item-homepage .pl-gradient-bottom {
        margin-bottom: 15px;
    }

    .lowrate-pl-wrap {
        margin-left:0;
    }

    .u2 .fs-box-legal-text {
        position: relative;
        bottom: -15px;
        display: block;
        max-width: 750px;
        margin: 0 auto;
        width: 100%;
        z-index: 300;
    }

    .u2 .fs-box-legal-text.two {
        bottom: -50px;
    }

    .covid-help-inner {
        padding: 30px 30px;
        height: 100%;
        background: url(/images/freestyle/V2/covid-help-bg-mobile.jpg);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
   

    .u2 .interest-strip p {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

   .u2 .get-started-wrap .zoomtimeline.mode-3dslider {
        height: 580px;
    }

    .covid-help-wrap .font-20{
        font-size:18px;
    }

    body .boxRow .boxSectionApproved-wrap.boxFeesCharges-wrap .module .boxSectionApproved-inner .box-label {
        text-align:center !important
    }

    .tile_content_container {
        padding-top: 70px;
        max-width: 290px;
        margin: 0;
    }

    .calc-complete {
        margin-top: 0;
    }

    .plo .abf-blurb-wrap {
        height: 280px;
        padding-top: 15px;
    }

    body .plo .freestyleABFB-wrap {
        padding-bottom: 200px;
    }

    .plpage-disclaimer {
        text-align:center;
        margin-top:15px;
    }

    /*freestyle pages update*/
    .fso-green-content .font-20 {
        font-size: 18px;
    }

    .freestyle .wrap-collapse-seo-section {
        min-height: 1110px;
    }

}

@media (max-width:767px) {
    
 /*MME Perks -ABF*/

    body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap{
        margin-top:20px;
    }

    body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .subheading-big{
        margin-top: 30px;
        font-size:30px;
    }

    body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap h2{
        text-align:center;
    }

    body .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .primary-cta-wrap{
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 25px;
        margin-bottom: 40px;
    }

    body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .abf-card-wrap{
        right:0;
    }

    body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .abf-card-wrap{
        max-width:100%;
    }
    body .FS.fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .row .abf-card-wrap .abf-card-inner{
        left:-10px;        
        margin-top: 40px !important;
        max-width: 310px;
    }

     body .FS.fs-mme-perks-pg .left-container{        
        bottom: -8px;        
    }

    body .FS.fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .row .abf-card-wrap .abf-card-inner img.perks-sticker{
        margin-top:0;
        width: 65px !important;
        right: 28px;
        top: -25px;
        left:unset !important;
    }

    /*-------------------*/


    .mobile-center-container {
        width: 410px;
        max-width: 100%;
        margin: 0 auto;
    }

    body .wrap-wocs.v2 {
        padding-bottom: 80px;
    }

    .v2.recommend-mobile-wrap {
        height: 130px;
        padding: 10px 22px;
        margin-top: 0;
    }

    .v2.recommend-mobile-wrap .percentIcon {
        left: 74px;
        right: inherit;
    }

    /*----new abf style---*/
    .v5 .wrap-banner-product.desktop-offers-view .offer-box-wrap .detail {
        min-height:inherit;
        height: inherit;
        padding:0;
        border-radius:10px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
    }

    .u2 .v5 .inner-product-item-header {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }

    .v5 .wrap-banner-product > .d-flex {
        display:block!important;
    }

    .v5 .wrap-banner-product.desktop-offers-view .offer-box-wrap,
    .v5 .wrap-banner-product.desktop-offers-view .offer-box-wrap.mr-5{
        width:100%;
        margin-right:0;
    }

    .v5 .fs-card-container-txt {
        padding: 0 17px 10px 17px;
    }

    .v5 .fs-card-container-txt .green-text {
        color:#58ff80;
        font-size:15px;
        margin-bottom:5px;
    }

    .v5 .trd-icon {
        font-size:10px;
        margin-right:3px;
        position:relative;
        top:-6px;
    }

    .v5 .abf-tile-lnk-mbl {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .v5 .abf-tile-lnk-mbl i.fa {
        font-size: 40px;
        font-weight:700;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #4cd233;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        cursor: pointer;
        position: absolute;
        right: 15px;
        bottom: 45px;
    }

    .v5 .abf-tile-lnk-mbl .fa-angle-right:before {
        top: -1px;
        position: relative;
        right: -1px;
    }

    .home.v4.u2 .section1 {
        padding-bottom: 60px;
    }

    .home.v4.u2 .section2,
    .fshome.u2 .section2{
        padding-top: 55px;
        padding-bottom: 35px;
    }

    .home.v4.u2 .home-section2 .awards-circle .awards-circle-wrap,
    body .section2-freestyle.ver4 .awards-circle-wrap {
        top:-85px;
        position:absolute;
    }

    body .plo .section2-freestyle.ver4 .awards-circle {
        max-width: 475px;
        position: relative;
        width: 100%;
        margin: 0 auto -20px auto;
    }

    body .section2-freestyle.ver4 .awards-circle-wrap {
        max-width:470px;
    }

    body .plo .section2-freestyle.ver4 .media-slider-wrap .media-wrap {
        margin-top:30px;
    }

    .v5 .wrap-banner-product.desktop-offers-view {
        margin: 25px 0 30px !important;
    }

    .fs-card-container-txt p {
        font-size:15px;
        margin-bottom:5px;
    }

    .u2 .v5 .inner-product-item-header .info-box-container {
        top:6%;
    }

    .u2 .v5 .inner-product-item-header .box-item {
        height:33px;
    }

    .u2 .v5 .inner-product-item-header .box-item p {
        font-size:14px;
    }

}


@media (max-width:480px) {
    .v2 .rating-star-container {
        width: 175px;
    }
}

@media only screen and (max-width:320px) {

    .v2 .rating-star-container {
        width: 120px;
    }

    .btn-login {
        width: 45px !important;
    }

    .plo .abf-blurb-wrap {
        height: 300px;
        padding-top: 15px;
    }

    .interest-graph-links a {
        font-size:12px;
    }

    .plo .wrap-calculator {
        padding: 0;
        padding-top: 72px;
    }

    .slider-range-min5 label, .slider-range-min6 label, .slider-range-min7 label, .slider-range-min8 label {
        margin-top:17px;
    }

    .inner-wrap-calc-slider .text-center.small-text.light {
        color: #818181;
        font-size: 14px;
        margin-top: 7px !important;
    }

    .plo .slider-range-min6b label {
        margin-top: 17px;
    }

    .costs .rating-calc-label {
        font-size: 13px;
        margin-top: 10px;
        color: #777777;
        margin-left: -8px;
    }

    .costs .calc-label {
        position: absolute;
        top: 23px;
        color: #777777;
        font-size: 13px;
    }
 
}

/* Low rates 1.3 */
.pl-V3 .abf-blurb-wrap {
    background: none;
}
.plo .wrap-banner-slogan {
    margin-bottom: 150px;
}
body .boxRow .SeoSection5B {
    background: #ffffff;
}

body .PL .boxRow .SeoSection5B .module {
    padding: 40px 15px 40px 15px;  
}

body .PL .collapse-seo-title,
body .FS .collapse-seo-title {
    font-family: 'Lexend Deca', sans-serif;
    font-size: 36px;
    text-align: left;
}

body .PL .wrap-seo-collapse-contanier #collapseLearnMore h3 {
    font-weight: bold;
}

body .PL .wrap-wocs.v2 .b-star-txt a:hover,
body .FS .wrap-wocs.v2 .b-star-txt a:hover {
    color: #eeeeee;
}

/* Low rates 1.3 | Freestyle */
body .FS .freestyleABFB-wrap .abf-bottom-wrap .row .abf-card-wrap .abf-card-inner img {
    width: 80%;
}
body .FS .freestyleABFB-wrap .abf-bottom-wrap .row .abf-card-wrap .abf-card-inner {
    right: -100px;
}
body .plo .FS .boxRow .boxSectionSetup-wrap .module {
    padding: 40px 15px 50px 15px;
}
body .FS .boxRow .boxSectionSetup-wrap {
    background: #ffffff;
}
body .FS .boxRow {
    margin-bottom: 0;
}

body .FS .abf-tagline {
    padding-top:50px;
    padding-bottom:120px;
}

/*---- v5 ABF Style ---*/
.wrap-banner-product.desktop-offers-view.v2{
    display:flex;
}

.offer-wrap-box-container {
    width:450px;
    padding-left:15px;
    padding-right:15px;
    display:flex;
}

.desktop-offers-view.v2 .wrap-outer-box-block {
   width:100%;
}

.inner-offer-box-container {
    min-height:250px;
    width:100%;
    display:block;
    position:relative;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

.inner-offer-box-container.pl-box {
    border:2px solid #fff;
    background: rgb(29,171,157);
    background: -moz-radial-gradient(circle, rgba(29,171,157,1) 42%, rgba(17,123,117,1) 83%, rgba(10,95,94,1) 95%);
    background: -webkit-radial-gradient(circle, rgba(29,171,157,1) 42%, rgba(17,123,117,1) 83%, rgba(10,95,94,1) 95%);
    background: radial-gradient(circle, rgba(29,171,157,1) 42%, rgba(17,123,117,1) 83%, rgba(10,95,94,1) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1dab9d",endColorstr="#0a5f5e",GradientType=1);
}

.inner-offer-box-container.fs-box {
    background: url(https://cdn.moneyme.com.au/webp/images/offer/bg-abf-tile-header-fs.webp) no-repeat;
    background-size: cover;
    background-position: center;
	border:1px solid transparent;
}
.no-webp .inner-offer-box-container.fs-box {
    background: url(/images/offer/bg-abf-tile-header-fs.png?v=1.1) no-repeat;
    background-size: cover;
    background-position: center;
	border:1px solid transparent;
}

.inner-offer-box-container .info-box-container{
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    top: 7%;
}

.inner-offer-box-container .info-box-container .box-item{
    left: 0;
    padding: 5px 20px 5px 30px;
    background: #000;
    height: 35px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


.inner-offer-box-container .info-box-svg {
    text-align: left;
    padding-top: 60px;
    padding-left: 20px;
}

.inner-offer-box-container.fs-box .info-box-svg {
    padding-top: 70px;
    margin-bottom: 18px;
}

.inner-offer-box-container .info-box-svg .box-item-text img{
    width: 353px;
    max-width: 100%;
}

.inner-offer-box-container.fs-box .info-box-svg .box-item-text img{
    width: 180px;
    max-width: 100%;
}


.inner-offer-box-container .info-box-txt{
    text-align:left;
    padding-left:20px;
    margin-top:10px;
}

.inner-offer-box-container .info-box-txt .green-text {
    color:#58ff80;
}

.desktop-offers-view.v2 .abf-tile-lnk-mbl {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.desktop-offers-view.v2 .abf-tile-lnk-mbl i.fa {
    font-size: 40px;
    font-weight: 700;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #58ff8b;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    cursor: pointer;
    position: absolute;
    right: 15px;
    bottom: 45px;
}

.offer-wrap-box-container .wrap-label-text-tile {
    width: 322px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    background: #0a5a59;
}

.offer-wrap-box-container .wrap-label-text-tile.light-bg {
    background:#58ff8b;
}

.offer-wrap-box-container .wrap-label-text-tile p{
    color: #04ff84;
    font-size: 14px;
    margin: 0;
    font-weight:700;
    position:relative;
}

.offer-wrap-box-container .wrap-label-text-tile.light-bg p {
    color:#090909;
}

.offer-wrap-box-container .wrap-label-text-tile p .sml-txt-bd {
    position: absolute;
    font-size: 10px;
    margin-left: 2px;
}

.offer-wrap-box-container .wrap-disclaimer-txt {
    margin-top: 20px;
}

.offer-wrap-box-container .wrap-disclaimer-txt p{
    font-size: 10px;
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
    line-height: 18px
}

.sml-trd-txt {
    font-size:14px;
    position:relative;
    top:-5px;
}
   
.u2 .boxSectionB-wrap.get-started-wrap .module {
    height:inherit;
}

.sml-dclmr-txt {
    font-size: 7px;
    margin-right: 2px;
    position: relative;
    top: -4px;
}

@media (max-width: 767.98px) {
    body .plo .PL .wrap-banner-slogan .seoSlogan {
        text-align: center;
        font-size: 32px;
    }
    body .PL .breadcrumb,
    body .FS .breadcrumb{
        display: inline-block;
        text-align: center;
    }

    body .PL .breadcrumb li,
    body .PL .breadcrumb li a {
        font-family: "Lato", sans-serif;
    }

    body .PL .margin-top-none,
    body .FS .left-container {
        text-align: center;
    }

    body .home.v4.u2 .PL .home-section2 .awards-circle .awards-circle-wrap,
    body .home.v4.u2 .FS .home-section2 .awards-circle .awards-circle-wrap {
        position: relative;
        top: 0;
    }

    body .plo .FS .freestyleABFB-wrap {
        padding-bottom: 0;
    }

    body .FS .abf-tagline {
        padding-bottom:300px;
    }

    body .FS .freestyleABFB-wrap .abf-bottom-wrap .abf-card-wrap .abf-card-inner img {
        position: relative;
        left: -20px;
    }

    body .plo .FS .freestyleABFB-wrap {
        background: #04FC8B;
        background: -moz-linear-gradient(167deg, #005554 0%, #0ad7d6 70%, #00CEC4 60%, #04FC8B 100%);
        background: -webkit-linear-gradient(167deg, #005554 0%, #00CEC4 70%, #00CEC4 60%, #04FC8B 100%);
        background: linear-gradient(167deg, #005554 0%, #00CEC4 70%, #00CEC4 60%, #04FC8B 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005554', endColorstr='#04FC8B', GradientType=1);
    }

    body .PL .wrap-collapse-seo-section,
    body .FS .wrap-collapse-seo-section {
        padding-top: 20px;    
    }

    body .freestyleABFB-wrap .abf-bottom-wrap .primary-cta-wrap {
        padding-top: 50px;
    }

    .wrap-banner-product.desktop-offers-view.v2{
        display:block;
    }

    .offer-wrap-box-container {
        display:block;
        width:100%;
        padding-left:5px;
        padding-right:5px;
    }

    .inner-offer-box-container {
        min-height:inherit;
    }

    .inner-offer-box-container .info-box-container {
        top:6%;
    }

    .inner-offer-box-container .info-box-container .box-item{
        height:33px;
    }

    .inner-offer-box-container .info-box-container .box-item p{
        font-size:14px;
    }

    .inner-offer-box-container .info-box-svg .box-item-text img {
        width:270px;
    }

    .inner-offer-box-container .info-box-txt .font-22{
        font-size:16px;
    }

    .inner-offer-box-container.fs-box {
        padding-bottom:1px;
    }

    .desktop-offers-view.v2 .abf-tile-lnk-mbl i.fa {
        font-size: 40px;
        font-weight: 700;
        width: 50px;
        height: 50px;
        position: absolute;
        right: 10px;
        bottom: 30px;
    }

    .sml-trd-txt {
        font-size:8px;
    }

    /*MME Perks -ABF*/

    body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap{
        margin-top:20px;
    }

    body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .subheading-big{
        margin-top: 30px;
        font-size:30px;
    }

    body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap h2{
        text-align:center;
    }

    body .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .primary-cta-wrap{
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 25px;
        margin-bottom: 40px;
    }

    body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .abf-card-wrap{
        right:0;
    }

    body .plo .fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .abf-card-wrap{
        max-width:100%;
    }
    body .FS.fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .row .abf-card-wrap .abf-card-inner{
        left:-10px;        
        margin-top: 40px !important;
        max-width: 310px;
    }

     body .FS.fs-mme-perks-pg .left-container{        
        bottom: -8px;        
    }

    body .FS.fs-mme-perks-pg .freestyleABFB-wrap .abf-bottom-wrap .row .abf-card-wrap .abf-card-inner img.perks-sticker{
        margin-top:0;
        width: 65px !important;
        right: 28px;
        top: -25px;
        left:unset !important;
    }

    /*-------------------*/
}