@media (min-width: 1199px) {
    .row--table-LG {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
}
@media (min-width: 1199px) {
    .row--table-LG > [class*="col-"] {
        display: table-cell;
        float: none;
        vertical-align: top;
    }
}
@media (min-width: 991px) {
    .row--table-MD {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
}
@media (min-width: 991px) {
    .row--table-MD > [class*="col-"] {
        display: table-cell;
        float: none;
        vertical-align: top;
    }
}
@media (min-width: 767px) {
    .row--table-SM {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
}
@media (min-width: 767px) {
    .row--table-SM > [class*="col-"] {
        display: table-cell;
        float: none;
        vertical-align: top;
    }
}
@media (min-width: 479px) {
    .row--table-XS {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
}
@media (min-width: 479px) {
    .row--table-XS > [class*="col-"] {
        display: table-cell;
        float: none;
        vertical-align: top;
    }
}
.Acc__title,
.Now__title,
.Card__title,
.Map__title,
.Rewards__title,
.About__title {
    font-size: 44px;
    line-height: 1.2;
}
@media (max-width: 991px) {
    .Acc__title,
    .Now__title,
    .Card__title,
    .Map__title,
    .Rewards__title,
    .About__title {
        font-size: 34px;
    }
}
@media (max-width: 767px) {
    .Acc__title,
    .Now__title,
    .Card__title,
    .Map__title,
    .Rewards__title,
    .About__title {
        font-size: 24px;
    }
}
@media (max-width: 479px) {
    .Acc__title,
    .Now__title,
    .Card__title,
    .Map__title,
    .Rewards__title,
    .About__title {
        line-height: 1.1;
    }
}
.Banner__text--strong,
.AccBox__desc {
    font-size: 22px;
    line-height: 1.3;
}
@media (max-width: 991px) {
    .Banner__text--strong,
    .AccBox__desc {
        font-size: 21px;
    }
}
@media (max-width: 767px) {
    .Banner__text--strong,
    .AccBox__desc {
        font-size: 20px;
    }
}
.AccStep__title,
.NowBox__desc,
.NowBox__btn,
.modal--title {
    font-size: 20px;
}
@media (max-width: 991px) {
    .AccStep__title,
    .NowBox__desc,
    .NowBox__btn,
    .modal--title {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .AccStep__title,
    .NowBox__desc,
    .NowBox__btn,
    .modal--title {
        font-size: 16px;
    }
}
.Acc__desc,
.Now__desc,
.Card__desc,
.Rewards__desc,
.Map__desc,
.MapBox__title {
    font-size: 20px;
    line-height: 1.3;
}
@media (max-width: 991px) {
    .Acc__desc,
    .Now__desc,
    .Card__desc,
    .Rewards__desc,
    .Map__desc,
    .MapBox__title {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .Acc__desc,
    .Now__desc,
    .Card__desc,
    .Rewards__desc,
    .Map__desc,
    .MapBox__title {
        font-size: 16px;
    }
}
.AccBox__title,
.AccBox__list,
.AccBox__sub,
.NowBox__details,
.NowBox__title,
.NowBox__list,
.Map__tag,
.Map__tool,
.MapSelBox__name,
.modal-header,
.nowBox__text {
    font-size: 16px;
    line-height: 1.2;
}
@media (max-width: 991px) {
    .AccBox__title,
    .AccBox__list,
    .AccBox__sub,
    .NowBox__details,
    .NowBox__title,
    .NowBox__list,
    .Map__tag,
    .Map__tool,
    .MapSelBox__name,
    .modal-header,
    .nowBox__text {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .AccBox__title,
    .AccBox__list,
    .AccBox__sub,
    .NowBox__details,
    .NowBox__title,
    .NowBox__list,
    .Map__tag,
    .Map__tool,
    .MapSelBox__name,
    .modal-header,
    .nowBox__text {
        font-size: 14px;
    }
}
.AccBox__term,
.AccBox__link,
.AccStep__terms,
.NowBox__link,
.Card__term,
.Now__term,
.Rewards__terms,
.CardSlider__term,
.MapBox__btn button,
.phone__disclaimer {
    font-size: 14px;
    line-height: 1.3;
}
.section--gapNormal {
    padding: 80px 0 100px;
    background: #efefef;
}
@media (max-width: 767px) {
    .section--gapNormal {
        padding: 50px 0 50px;
    }
}
.section-white--gapNormal {
    padding: 80px 0 100px;
    background: #ffffff;
}
@media (max-width: 767px) {
    .section-white--gapNormal {
        padding: 50px 0 50px;
    }
}
@media (max-width: 991px) {
    .padding--MD {
        padding: 0 15px;
    }
}
.row--custom {
    margin: 0 -10px !important;
}
body {
    font-family: lato;
}
.page--width {
    max-width: 1440px;
    margin: 0 auto;
}
.Acc__title {
    font-family: "lato-light";
}
.Acc__desc {
    padding-top: 20px;
    line-height: 1.5;
}
.AccBox {
    box-shadow: 0px 0px 11px -3px rgba(0, 0, 0, 0.3);
    position: relative;
    transition: transform 0.3s ease;
    max-width: 310px;
    margin: 0 auto;
}
.AccBox.PersonalBox {
    height: 700px;
}
.AccBox.CurrentBox {
    height: 600px;
}
.AccBox.RemittanceBox {
    height: 800px;
}
.AccBox.CreditcardBox {
    height: 600px;
}
.AccBox.HomeloanBox {
    height: 550px;
}
.AccBox.FixedBox {
    height: 670px;
}
.AccBox.MedicBox {
    height: 665px;
}
.AccBox.MotorBox {
    height: 665px;
}
.AccBox.AccidentBox {
    height: 665px;
}
.AccBox.PropertyBox {
    height: 665px;
}
.AccBox.TravelBox {
    height: 665px;
}
.AccBox.WorkmenBox {
    height: 650px;
}
.AccBox.MotorCommBox {
    height: 550px;
}
.AccBox.IslamicBizBox {
    height: 550px;
}
@media (max-width: 991px) {
    .AccBox {
        height: 600px;
    }
}
.AccBox--side {
    padding: 0 20px;
    border: 1px solid transparent;
}
.AccBox__title {
    padding: 20px 0;
}
.AccBox__desc {
    font-family: "lato-bold";
    padding-bottom: 20px;
}
.AccBox__sub {
    padding: 20px;
    line-height: 1.5;
}
.AccBox__list {
    padding-top: 20px;
    line-height: 1.5;
}
.AccBox__list li {
    padding-left: 20px;
    position: relative;
}
.AccBox__list li:before {
    font-family: "FontAwesome";
    font-weight: 400;
    content: "\f111";
    font-size: 6px;
    position: absolute;
    left: 0px;
    top: 13px;
    transform: translateY(-50%);
}
.AccBox__link {
    padding: 20px;
}
.AccBox__link .fa-chevron-right {
    font-size: 10px;
    padding-left: 5px;
}
.AccBox__term {
    padding: 20px 20px 0;
}
.AccBox__wrapper {
    padding: 40px 20px 40px;
}
@media (max-width: 991px) {
    .AccBox__wrapper {
        padding: 10px 20px 20px;
    }
}
.Acc__slider {
    max-width: 1050px;
    margin: 0 auto;
    padding-top: 60px;
}
@media (max-width: 767px) {
    .Acc__slider .slick-slide {
        max-width: 300px;
    }
}
.Acc__slider .slick-list,
.Acc__slider .slick-slide,
.Acc__slider .slick-slide:focus {
    outline: none !important;
}
@media (min-width: 991px) {
    .Acc__slider .slick-active .AccBox {
        transform: scale(1.1);
        background: #fff;
    }
    .Acc__slider .slick-active + .slick-active + .slick-active .AccBox {
        transform: scale(1);
    }
}
@media (max-width: 991px) {
    .Acc__slider {
        max-width: 700px;
    }
}
@media (max-width: 767px) {
    .Acc__slider {
        padding-top: 30px;
    }
}
a.AccBox__btn {
    color: #fff;
    background: #0067b1;
    display: block;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    left: 0;
    bottom: 20px;
    padding: 10px 0;
    left: 30px;
    right: 30px;
    outline: none;
    cursor: pointer;
    font-size: 16px;
}
.Acc__arrows,
.Acc__arrows_1 {
    position: relative;
    max-width: 100%;
    margin: 30px auto 0;
}
.Acc__arrows .slick-prev:before,
.Acc__arrows .slick-next:before,
.Acc__arrows_1 .slick-prev:before,
.Acc__arrows_1 .slick-next:before {
    color: #0067b1;
    font-family: "FontAwesome";
}
.Acc__arrows .slick-prev:before,
.Acc__arrows_1 .slick-prev:before {
    content: "\f053";
}
.Acc__arrows .slick-next:before,
.Acc__arrows_1 .slick-next:before {
    content: "\f054";
}
@media (max-width: 767px) {
    .Acc__arrows,
    .Acc__arrows_1 {
        margin: 10px auto 0;
    }
}
.Acc__label {
    display: inline-block;
}
.AccStep__title {
    line-height: 26px;
}
@media (max-width: 767px) {
    .AccStep__title {
        line-height: 22px;
    }
}
.AccStep__terms {
    padding-top: 20px;
}
.AccStep {
    padding: 80px 0 80px;
}
@media (max-width: 767px) {
    .AccStep {
        max-width: 400px;
        margin: 0 auto;
        padding: 40px 0 30px;
    }
}
.AccStep__img {
    max-width: 60px;
}
@media (max-width: 767px) {
    .AccStep__box {
        padding: 40px 0 0 0;
    }
}
.AccStep__desc {
    padding-top: 5px;
    line-height: 22px;
}
.Now {
    background: #f9f9f9;
    position: relative;
    padding: 80px 0 100px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .Now {
        padding: 50px 0 80px;
    }
}
.Now.RemittanceNow {
    background: #fafbfd;
    padding-bottom: 0;
}
@media (max-width: 767px) {
    .Now.RemittanceNow {
        padding: 50px 0 0;
    }
}
.Now.FixedDepositsNow {
    padding: 80px 0 100px;
    position: relative;
    background: url("images/personal/deposits/fixed-deposits/overview/bg--now.jpg") bottom;
    background-size: cover;
}
@media (max-width: 767px) {
    .Now.FixedDepositsNow {
        padding-bottom: 0;
        background-size: cover;
    }
}
.Now.HomeEco {
    padding: 80px 0 100px;
    position: relative;
    background: url("images/personal/home-loan/bg--home_eco.jpg") bottom;
    background-size: cover;
}
@media (max-width: 767px) {
    .Now.HomeEco {
        padding-bottom: 0;
        background-position: 72% 0;
    }
}
.Now.CreditcardNow {
    padding: 80px 0 0;
    position: relative;
    background: url("images/personal/cards/credit-cards/overview/bg--now.png") bottom;
    background-size: cover;
}
@media (max-width: 767px) {
    .Now.CreditcardNow {
        background: url("images/personal/cards/credit-cards/overview/bg--now--mobile.png") right;
        background-size: cover;
    }
}
.Now.mobility {
    padding: 80px 0 0;
    position: relative;
    background: url("images/personal/loans/auto-financing/highlight_image.jpg") bottom;
    background-size: cover;
}
@media (max-width: 767px) {
    .Now.mobility {
        background: url("images/personal/loans/auto-financing/highlight_image_mobile.jpg") bottom;
        background-size: cover;
    }
}
.Now.BankingNow {
    background: linear-gradient(to bottom, #fff 20%, #fafafa);
    position: relative;
    padding: 80px 0 0;
    overflow: hidden;
}
@media (max-width: 767px) {
    .Now.BankingNow {
        padding: 0 0 50px;
    }
}
.Now.BankingNow .Now__desc {
    max-width: 800px;
}
.NowBox {
    padding: 10px;
    background: #ffffff;
    transition: all 0.2s linear;
}
.NowBox.BankingBox {
    padding: 20px;
    position: relative;
    z-index: 1;
}
.NowBox td,
.NowBox img {
    vertical-align: middle;
}
.NowBox td + td {
    padding-left: 10px;
}
.NowBox.panel {
    border-radius: 0;
    border: none;
}
.NowBox + .NowBox {
    margin-top: 20px;
}
@media (max-width: 767px) {
    .NowBox + .NowBox {
        margin-top: 10px;
    }
}
.NowBox .NowBox__title {
    line-height: 18px;
}
.NowBox .NowBox__desc {
    line-height: 22px;
}
.NowBox.NowBox--borderRed {
    border-left: 7px solid #ff6b7e;
}
.NowBox.NowBox--borderYellow {
    border-left: 7px solid #e18e4b;
}
.NowBox.NowBox--borderBlue {
    border-left: 7px solid #0067a7;
}
.NowBox.NowBox--borderGreen {
    border-left: 7px solid #8ae14b;
}
.NowBox.NowBox--borderLightBlue {
    border-left: 7px solid #70cde3;
}
@media (min-width: 767px) {
    .NowBox {
        cursor: pointer;
    }
    .NowBox:hover {
        box-shadow: 2px 2px 20px -2px rgba(0, 0, 0, 0.3);
        transform: translateY(-5px);
    }
    .NowBox .hover--effect:hover {
        box-shadow: 0;
        transform: translateY(0);
    }
}
.Now__bg {
    right: 0;
    top: 0;
    position: absolute;
    max-width: 1200px;
}
@media (max-width: 767px) {
    .Now__bg {
        position: static;
        z-index: 1;
    }
}
.Now__bg.Remittance__bg {
    top: 0;
    max-width: unset;
}
@media (max-width: 1199px) {
    .Now__bg.Remittance__bg {
        top: 7%;
    }
}
@media (max-width: 767px) {
    .Now__bg.Remittance__bg {
        position: absolute;
        top: -7%;
        z-index: 0;
    }
}
.Now__bg.Creditcard__bg {
    max-width: unset;
    top: unset;
    bottom: 0;
}
.Now__title {
    font-family: "lato-light";
}
.Now__content {
    position: relative;
}
.Now__desc {
    padding-top: 20px;
    margin: 0 auto;
    max-width: 600px;
    position: relative;
    z-index: 2;
    text-shadow: 2px 2px 5px #fff;
}
@media (max-width: 767px) {
    .Now__desc {
        padding: 10px 30px 0 30px;
    }
}
@media (max-width: 767px) {
    .Now__desc.Remittance__desc,
    .Now__desc.Creditcard__desc {
        padding: 10px 30px;
    }
}
.Now__term.Remittance__term {
    padding-top: 10px;
    color: #b2b2b2;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}
.Now__term.Creditcard__term {
    color: #898989;
    padding-top: 5px;
    margin: 0 auto;
    max-width: 600px;
    position: relative;
    z-index: 2;
}
@media (max-width: 767px) {
    .Now__term.Creditcard__term {
        padding: 0 30px;
    }
}
.NowBox__wrapper {
    padding: 50px;
}
@media (max-width: 767px) {
    .NowBox__wrapper {
        padding: 0 30px;
        margin-top: 10%;
    }
}
@media (max-width: 767px) {
    .NowBox__wrapper.auto__wrapper {
        background: none;
    }
}
.NowBox__wrapper.Remittance__wrapper {
    min-height: 510px;
}
@media (max-width: 767px) {
    .NowBox__wrapper.Remittance__wrapper {
        background: none;
        padding: 50px 30px;
        margin-top: unset;
    }
}
.NowBox__wrapper.Creditcard__wrapper {
    min-height: 570px;
}
@media (max-width: 767px) {
    .NowBox__wrapper.Creditcard__wrapper {
        background: none;
        padding: 50px 30px;
        margin-top: unset;
        min-height: 860px;
    }
}
.NowBox__wrapper.HomeEco__wrapper {
    min-height: 490px;
}
@media (max-width: 767px) {
    .NowBox__wrapper.HomeEco__wrapper {
        min-height: 610px;
    }
}
.NowBox__wrapper.FixedDeposits__wrapper {
    min-height: 525px;
}
@media (max-width: 479px) {
    .NowBox__wrapper.FixedDeposits__wrapper {
        min-height: unset;
        background: none;
        padding: 50px 30px 0;
        margin-top: unset;
    }
}
.NowBox__wrapper.Banking__wrapper {
    background: transparent;
    padding-top: 60px;
}
@media (max-width: 767px) {
    .NowBox__wrapper.Banking__wrapper {
        padding-top: 10px;
    }
}
.NowBox__wrapper.Banking__wrapper .phone {
    position: relative;
}
@media (max-width: 767px) {
    .NowBox__wrapper.Banking__wrapper .phone {
        padding-top: 20px;
    }
}
@media (max-width: 479px) {
    .NowBox__wrapper.Banking__wrapper .phone {
        padding-top: 10px;
    }
}
.NowBox__wrapper.Banking__wrapper .phone .phone__img {
    transform: translate(18%, -7%);
    width: 290px;
}
@media (max-width: 991px) {
    .NowBox__wrapper.Banking__wrapper .phone .phone__img {
        transform: translate(5%, -5%);
    }
}
@media (max-width: 767px) {
    .NowBox__wrapper.Banking__wrapper .phone .phone__img {
        transform: translate(2%, 0%);
        width: auto;
    }
}
.NowBox__wrapper.Banking__wrapper .download {
    padding-top: 10px;
}
@media (max-width: 767px) {
    .NowBox__wrapper.Banking__wrapper .download {
        padding-top: 0;
    }
}
.NowBox__wrapper.Banking__wrapper .download .download__text {
    padding-bottom: 10px;
}
@media (max-width: 767px) {
    .NowBox__wrapper.Banking__wrapper .download .download__text {
        text-align: center;
        padding-bottom: 5px;
    }
}
.NowBox__wrapper.Banking__wrapper .download .download--app-store,
.NowBox__wrapper.Banking__wrapper .download .download--play-store {
    margin-left: -10px;
}
@media (max-width: 991px) {
    .NowBox__wrapper.Banking__wrapper .download .download--app-store,
    .NowBox__wrapper.Banking__wrapper .download .download--play-store {
        margin-left: -7px;
    }
}
@media (max-width: 767px) {
    .NowBox__wrapper.Banking__wrapper .download .download--app-store,
    .NowBox__wrapper.Banking__wrapper .download .download--play-store {
        margin-left: 0;
    }
}
.NowBox__details {
    padding-top: 20px;
}
.NowBox__link {
    padding: 5px 0 10px;
}
.NowBox__link a {
    text-decoration: underline;
}
a.NowBox__btn {
    color: #fff;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0;
    left: 30px;
    right: 30px;
    outline: none;
    cursor: pointer;
}
.Card {
    position: relative;
}
.Card.RemittanceCard {
    position: relative;
    background: url("images/personal/remittance/remittance/bg--card.png") bottom;
    background-size: cover;
}
@media (max-width: 767px) {
    .Card.RemittanceCard {
        background: #56d0e7;
        background-size: cover;
    }
}
.Card.FixedDepositsCard {
    position: relative;
    background: #f9f9f9;
}
.Card .Card__bg {
    left: 0;
    top: 0;
    position: absolute;
    max-width: 1200px;
    transition: all 0.2s linear;
}
@media (max-width: 767px) {
    .Card .Card__bg {
        position: static;
        margin-right: -15px;
        z-index: 1;
    }
}
.Card .Card__content {
    min-height: unset;
}
@media (max-width: 767px) {
    .Card .Card__content {
        padding: 20px 15px 0;
        margin-top: 20px;
    }
}
.NowBox__list li:before {
    content: url("images/global/list-square.png");
    padding-right: 10px;
}
.NowBox__list {
    padding-top: 10px;
}
.NowBox__list li {
    padding-top: 5px;
}
.Card__title {
    font-family: "lato-light";
    line-height: 30px;
}
.Card__content {
    padding-top: 50px;
    min-height: 450px;
}
.CardSlider {
    padding: 0 10px;
}
.CardSlider .fade {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
}
.CardSlider .fade.in {
    opacity: 1;
    transform: translateY(0) !important;
}
.Card__desc {
    padding-top: 20px;
}
.Card__term {
    padding-top: 10px;
    color: #888888;
    line-height: 1.2;
}
.CardSlider__term {
    padding: 10px 20px 0 40px;
    color: #454545;
    line-height: 1.2;
}
.CardSlider__term a {
    color: #454545;
    text-decoration: underline;
}
@media (max-width: 767px) {
    .CardSlider__term {
        padding: 10px 20px 40px 40px;
    }
}
@media (max-width: 479px) {
    .CardSlider__term {
        padding: 10px 10px 40px 10px;
    }
}
.CardSlider__img {
    max-width: 400px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.CardSlider__img img {
    position: relative;
    z-index: 2;
}
@media (max-width: 479px) {
    .CardSlider__img {
        padding-left: 20px;
    }
}
.Rewards {
    padding: 30px 0;
    background: url("images/personal/cards/credit-cards/overview/bg--rewards.jpg") no-repeat;
    background-size: cover;
    background-color: #6dcee7;
}
@media (max-width: 767px) {
    .Rewards {
        padding-top: 10px;
        background: #6dcee7;
        background-size: cover;
    }
}
.Rewards__title {
    font-family: "lato-light";
    padding-top: 30px;
}
@media (max-width: 767px) {
    .Rewards__title {
        padding-top: 10px;
    }
}
.Rewards__desc {
    padding-top: 10px;
    margin: 0 auto;
    max-width: 600px;
    position: relative;
    z-index: 2;
}
.Rewards__terms {
    padding-top: 10px;
}
.RewardsTab {
    padding-top: 20px;
}
.RewardsBox {
    background: #fff;
    position: relative;
    max-width: 245px;
    transition: transform 0.3s ease;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .RewardsBox {
        transform: scale(0.9);
    }
}
.RewardsBox__img {
    padding: 0 15px;
}
.RewardsBox__img img {
    margin: 0 auto;
}
.RewardsBox__title {
    padding: 0 20px 10px;
}
.RewardsBox__desc {
    padding: 0 20px 10px;
}
a.Rewardscard__btn {
    color: #fff;
    background: #0067b1;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 12px 30px;
    margin: 12px 20px;
    outline: none;
    cursor: pointer;
    font-size: 16px;
}
.RewardsBox__wrapper {
    padding: 40px 0;
    margin-right: 10px;
}
@media (max-width: 767px) {
    .RewardsBox__wrapper {
        padding: 20px 0 0;
    }
}
.RewardBox__points span {
    font-size: 1.8em;
}
.Rewards__slider {
    margin: 0 auto;
    padding-top: 20px;
}
.Rewards__slider .slick-list,
.Rewards__slider .slick-slide,
.Rewards__slider .slick-slide:focus {
    outline: none !important;
}
@media (min-width: 991px) {
    .Rewards__slider .slick-active + .slick-active .AccBox {
        transform: scale(1.1);
        background: #fff;
    }
    .Rewards__slider .slick-active + .slick-active + .slick-active .AccBox {
        transform: scale(1);
    }
}
a.RewardsBox__btn {
    text-align: center;
    border-radius: 5px;
    border: 2px solid #0067b1;
    padding: 12px 30px;
    margin-left: 5px;
    outline: none;
    cursor: pointer;
}
@media (max-width: 767px) {
    a.RewardsBox__btn {
        display: block;
        max-width: 170px;
        width: 100%;
        margin: 10px auto 0;
    }
}
a.RewardsNav {
    display: block;
    color: #454545;
    padding: 10px 10px;
    position: relative;
    border-bottom: 2px solid #9a9a9a;
}
@media (max-width: 1199px) {
    a.RewardsNav {
        padding: 10px 0;
    }
}
a.RewardsNav.active {
    background: #0067b1;
    color: #fff;
    border: none;
}
.OverviewBox__desc {
    padding-top: 10px;
    color: #404040;
}
a.OverviewBox_link {
    display: block;
    padding-top: 10px;
}
.RewardsWrapper {
    padding: 0;
    margin-top: -10px;
    margin-bottom: 20px;
    position: relative;
}
.RewardsWrapper .btn--next_0,
.RewardsWrapper .btn--next_1,
.RewardsWrapper .btn--next_2,
.RewardsWrapper .btn--next,
.RewardsWrapper .btn--prev_0,
.RewardsWrapper .btn--prev_1,
.RewardsWrapper .btn--prev_2,
.RewardsWrapper .btn--prev {
    position: absolute;
    top: 50%;
}
.RewardsWrapper .btn--next_0,
.RewardsWrapper .btn--next_1,
.RewardsWrapper .btn--next_2,
.RewardsWrapper .btn--next {
    right: 0;
    transform: translate(250%, 10%);
}
.RewardsWrapper .btn--prev_0,
.RewardsWrapper .btn--prev_1,
.RewardsWrapper .btn--prev_2,
.RewardsWrapper .btn--prev {
    left: 0;
    transform: translate(-250%, 10%);
}
.RewardsWrapper.fade.in {
    transform: translateY(0);
}
.RewardsWrapper.fade {
    transform: translateY(20px);
    transition: all 0.1s ease;
}
@media (max-width: 991px) {
    .banking__product--bottom {
        margin-top: 30px;
    }
}
.banking__button {
    padding-top: 20px;
}
a.banking__btn {
    color: #fff;
    background: #0067b1;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 12px 30px;
    max-width: 170px;
    outline: none;
    cursor: pointer;
    font-size: 16px;
}
.Map {
    height: 600px;
    background-image: url("images/personal/personal-saving/bg--map.jpg");
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}
@media (max-width: 991px) {
    .Map {
        padding: 50px 0;
    }
}
@media (max-width: 479px) {
    .Map {
        padding: 30px 0;
    }
}
@media (max-width: 767px) {
    .Map {
        text-align: left;
    }
}
@media (max-width: 991px) {
    .Map.map--placeholder {
        background-image: url("images/personal/personal-saving/bg--map-mobile.png");
    }
}
#Map {
    position: absolute;
    left: 0;
    top: 0;
    height: 600px;
    width: 100%;
    background: #fff;
}
@media (max-width: 991px) {
    #Map {
        height: 600px;
        visibility: hidden;
    }
}
#Map__input {
    font-size: 20px;
    padding: 20px 15px;
    border: 0;
    box-shadow: -3px 3px 6px -2px rgba(0, 0, 0, 0.2);
    width: 100%;
}
#Map__input:focus {
    outline: none;
}
@media (max-width: 479px) {
    #Map__input {
        font-size: 16px;
        padding: 15px;
    }
}
.Map__wrapper {
    top: 30px;
    right: 100px;
    position: absolute;
    z-index: 99;
    width: 35%;
}
@media (max-width: 1199px) {
    .Map__wrapper {
        right: 50px;
        width: 40%;
    }
}
@media (max-width: 991px) {
    .Map__wrapper {
        position: static;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .Map__wrapper table {
        position: relative;
        z-index: 99;
    }
}
.Map__title {
    font-family: "lato-light";
    line-height: 30px;
    padding-top: 80px;
}
@media (max-width: 991px) {
    .Map__title {
        padding-top: 60px;
    }
}
@media (max-width: 991px) {
    .Map__content {
        padding: 0 15px;
    }
}
.Map__search {
    box-shadow: -3px 3px 6px -2px rgba(0, 0, 0, 0.2);
    background: #ef3e42;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    text-align: center;
}
@media (max-width: 479px) {
    .Map__search {
        font-size: 20px;
    }
}
.Map__desc {
    line-height: 1.6;
    padding-top: 20px;
}
@media (max-width: 767px) {
    .Map__desc {
        padding-top: 10px;
    }
}
@media (max-width: 479px) {
    .Map__desc {
        line-height: 1.3;
    }
}
.Map__point {
    padding-top: 20px;
}
.Map__point span:before {
    content: url("images/global/list-square.png");
    padding-right: 5px;
    padding-left: 15px;
}
@media (max-width: 767px) {
    .Map__point span:before {
        padding-left: 0;
        padding-right: 10px;
    }
}
@media (max-width: 767px) {
    .Map__point span {
        display: block;
    }
    .Map__point span + span {
        padding-top: 15px;
    }
}
.Map__btn {
    padding-top: 20px;
}
.MapRes {
    background: #0067b1;
    padding: 0 10px 20px 20px;
    position: relative;
    margin-top: 20px;
    border-bottom: 50px solid #0067b1;
}
.MapRes ::-webkit-scrollbar {
    width: 5px;
}
.MapRes ::-webkit-scrollbar-track {
    background: linear-gradient(to right, #0067b1 1%, #0067b1 40%, #0067b1 40%, #baedff 40%, #baedff 61%, #0067b1 61%, #0067b1 61%, #0067b1 100%);
}
.MapRes ::-webkit-scrollbar-thumb {
    background: #51aeed;
    width: 10px;
    border-radius: 10px;
}
.MapRes ::-webkit-scrollbar-thumb:hover {
    background: #51aeed;
}
@media (max-width: 479px) {
    .MapRes {
        padding: 0 10px 20px;
    }
}
.MapRes.fade {
    opacity: 1;
    transition: all 0.4s ease;
    transform: translateY(100%);
}
.MapRes.fade.in {
    transform: translateY(0);
    transition: all 0.4s ease;
}
@media (max-width: 991px) {
    .MapRes.fade.in {
        transform: translateY(-134px);
    }
}
@media (max-width: 479px) {
    .MapRes.fade.in {
        transform: translateY(-140px);
    }
}
@media (max-width: 991px) {
    .MapRes {
        padding-top: 119px;
    }
}
@media (max-width: 479px) {
    .MapRes {
        padding: 119px 15px;
    }
}
.MapBox {
    background: #fff;
    padding: 15px;
    border-right: 10px solid #0067b1;
}
.MapBox + .MapBox {
    margin-top: 10px;
}
.MapBox__wrapper {
    margin: 10px 0;
    height: 380px;
    overflow: auto;
}
.MapBox__btn {
    padding-top: 20px;
}
.MapBox__btn .row.row--custom > [class^="col-"],
.MapBox__btn .row.row--custom > [class*=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
@media (max-width: 479px) {
    .MapBox__btn .row.row--custom > [class^="col-"],
    .MapBox__btn .row.row--custom > [class*=" col-"] {
        padding-right: 3px;
        padding-left: 3px;
    }
}
.MapBox__btn button {
    padding: 10px 5px;
    border-radius: 0;
    border: none;
}
@media (max-width: 479px) {
    .MapBox__btn button {
        padding: 0;
        height: 30px;
    }
}
.MapBox__btn i {
    font-size: 15px;
    margin-right: 10px;
}
.MapBox__btn button.waze {
    background: #007fdb;
}
.MapBox__icon {
    width: 18px;
    vertical-align: middle;
    margin-right: 10px;
}
@media (max-width: 479px) {
    .MapBox__icon {
        width: 13px;
    }
}
.MapBox__icon.waze {
    width: 20px;
}
.Map__tag {
    padding-top: 20px;
    text-align: left;
    vertical-align: middle;
}
.Map__tag img {
    width: 50px;
    vertical-align: middle;
    margin-right: 30px;
    margin-bottom: 10px;
}
@media (max-width: 479px) {
    .Map__tag img {
        width: 40px;
    }
}
.Map__close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 20px;
    transform: scale(1.3, 1);
    font-weight: 300;
    cursor: pointer;
}
@media (max-width: 991px) {
    .Map__close {
        top: calc(10px + 119px);
    }
}
@media (max-width: 479px) {
    .Map__close {
        font-size: 15px;
    }
}
.gm-style .gm-style-iw {
    font-family: lato;
}
.MapSelBox {
    user-select: none;
    background: #ffffff;
    text-align: left;
    padding: 20px 15px;
    height: 160px;
    margin: 20px 10px 0;
    box-shadow: -3px 3px 6px -2px rgba(0, 0, 0, 0.2);
}
.MapSelBox .MapSelBox__name {
    padding-top: 20px;
}
@media (max-width: 991px) {
    .MapSelBox .MapSelBox__name {
        padding-top: 5px;
    }
}
@media (max-width: 991px) {
    .MapSelBox {
        height: 120px;
    }
}
.MapSelBox__img {
    max-width: 50px;
}
.MapSelBox__img .b {
    fill: #db0011;
}
.modal-backdrop {
    background-color: #f8f8f8;
}
.modal-backdrop.in {
    opacity: 0.85;
}
.modal-header {
    background: #ffffff;
    border: none;
    padding: 15px 30px;
    color: #a0a0a0;
}
.modal-content {
    padding: 15px 30px;
    font-size: 14px;
}
.modal--content {
    padding: 0;
    max-height: 70vh;
    overflow: auto;
}
.mca-tabnav {
    text-align: center;
}
@media (min-width: 768px) {
    .mca-tabnav {
        display: flex;
    }
}
@media (min-width: 768px) {
    .mca-tabnav li {
        width: 50%;
    }
}
.mca-tabnav li a {
    display: inline-block;
    width: 100%;
}
.mca-tabnav .card {
    background-color: #f7f7f7;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
    color: #212121;
    position: relative;
    z-index: 10;
}
.mca-tabnav .card::before,
.mca-tabnav .card::after {
    background-color: #f7f7f7;
    position: absolute;
    display: block;
    width: 100%;
    height: 0;
    content: "";
    left: 0;
    transition: height 0.5s ease-in;
}
.mca-tabnav .card::before {
    top: 0;
    transform: translateY(-100%);
}
.mca-tabnav .card::after {
    top: 100%;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
}
.mca-tabnav .card-head {
    padding: 15px 10px 17px;
}
@media (min-width: 768px) {
    .mca-tabnav .card-head {
        padding: 45px 10px 33px;
    }
}
.mca-tabnav .card-image img {
    width: 100%;
}
.mca-tabnav .card-body {
    padding: 0 0 42px;
    width: 80%;
    margin: 0 auto;
    display: none;
}
@media (min-width: 768px) {
    .mca-tabnav .card-body {
        padding: 21px 0 42px;
        display: block;
    }
}
.mca-tabnav .is--active.card {
    background-color: #5ec2e7;
    color: #ffffff;
}
@media (min-width: 768px) {
    .mca-tabnav .is--active.card::before,
    .mca-tabnav .is--active.card::after {
        height: 20px;
        background-color: #5ec2e7;
    }
}
@media (max-width: 767px) {
    .mca-tabnav .is--active.card .card-body {
        display: block;
    }
}
.mca_well {
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
}
.mca_currencies img {
    padding-right: 6px;
}
.mca_well_footer {
    background-color: #5ec2e7;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.MCA.Accounts {
    background-color: #f2f2f2 !important;
}
.MCA li {
    line-height: 1.6;
}
.MCA .NowBox__desc {
    padding: 10px 0;
}
@media (min-width: 1199px) {
    .MCA .slick-slide img {
        margin-left: 20%;
    }
}
.MCA .Card--dots .slick-dots li button {
    width: 15px;
    height: 15px;
    margin: 15px;
    border-radius: 50%;
    border: 2px solid #8091a9;
    background: Transparent;
    transition: all 0.5s;
    display: inline-block;
    font-size: 0;
    padding: 0;
}
.MCA .Card--dots .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2px;
}
.MCA .Card--dots .slick-dots li.slick-active button {
    border: 2px solid #c1cdd8;
    background: #c1cdd8;
}
.salary-account--container {
    padding-bottom: 50px;
}
.salary-account--container .salary-account--table-column {
    padding: 15px;
}
.salary-account--container .salary-account--table-column:first-child {
    padding-right: 0;
}
.salary-account--container .salary-account--table-column:last-child {
    padding-left: 0;
}
.salary-account--container .salary-account--table-column p {
    line-height: 1.7;
}
.salary-account--container .salary-account--table-column .table-head {
    padding: 10px 50px;
    border-left: 1px solid #0067b1;
    border-bottom: 1px solid #0067b1;
    color: #0067b1;
    font-size: 20px;
    font-weight: 500;
}
.salary-account--container .salary-account--table-column .table-body {
    padding: 15px 50px;
    border-left: 1px solid #0067b1;
}
.salary-account--container .salary-account--table-column .table-body ul {
    padding-top: 0;
}
.salary-account--container .salary-account--table-column .table-body p + p {
    padding-top: 15px;
}
.salary-account--container .salary-account--table-column:first-child .table-head {
    border-left: 0;
}
.salary-account--container .salary-account--table-column:first-child .table-body {
    border-left: 0;
}
@media (max-width: 680px) {
    .salary-account--container .salary-account--table-column {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .salary-account--container .salary-account--table-column .table-head,
    .salary-account--container .salary-account--table-column .table-body {
        border-left: none;
        border-right: none;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.salary-account--container .salary--posttext {
    padding: 50px;
}
.salary-account--container .txt--link {
    margin-bottom: 13px;
    line-height: 1;
}
.salary-account--container .blue--seperator {
    border-top: 1px solid #0067b1;
}
.salary-account--container .btn-download-container {
    padding-top: 30px;
    padding-bottom: 30px;
}
@media (max-width: 680px) {
    .salary-account--container .Card__content {
        padding-top: 25px;
    }
    .salary-account--container .salary-account--table-column {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .salary-account--container .salary-account--table-column .table-head,
    .salary-account--container .salary-account--table-column .table-body {
        border-left: none;
        border-right: none;
    }
    .salary-account--container .salary--posttext {
        padding: 30px 15px 0;
    }
    .salary-account--container .salary--posttext .table-head,
    .salary-account--container .salary--posttext .table-body {
        border-left: none;
        border-right: none;
    }
    .salary-account--container .btn-download-container.left-item {
        padding-bottom: 15px;
    }
    .salary-account--container .btn-download-container.right-item {
        padding-top: 15px;
    }
}
#salary-account-modal .modal__inner {
    color: #0067b1;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
    #salary-account-modal .modal__inner {
        width: 80%;
    }
}
@media (max-width: 768px) {
    #salary-account-modal .modal__inner {
        width: 90%;
    }
}
#salary-account-modal .second {
    max-width: 520px;
    width: 100%;
}
@media (max-width: 768px) {
    #salary-account-modal .second {
        margin: 0;
    }
}
#salary-account-modal .modal-content {
    padding: 40px 35px 40px;
    border-radius: 0;
    position: relative;
    text-align: left;
}
@media (max-width: 768px) {
    #salary-account-modal .modal-content {
        padding: 40px 20px 80px;
        text-align: center;
    }
}
#salary-account-modal .modal-content .close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    color: #5bc2e7;
    font-size: 50px;
    font-weight: 300;
    opacity: 1;
    position: absolute;
    right: 2%;
    top: 1%;
}
@media (max-width: 768px) {
    #salary-account-modal .modal-content .close {
        bottom: 3%;
        top: auto;
        left: 50%;
        transform: translate(-50%, -3%);
    }
}
#salary-account-modal .modal-content .popup__content p {
    padding-top: 10px;
}
#promotion-modal .modal__inner {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
    #promotion-modal .modal__inner {
        width: 80%;
    }
}
@media (max-width: 768px) {
    #promotion-modal .modal__inner {
        width: 90%;
    }
}
#promotion-modal .second {
    max-width: 800px;
    width: 100%;
}
@media (max-width: 768px) {
    #promotion-modal .second {
        margin: 0;
    }
}
#promotion-modal .modal-content {
    padding: 40px 35px 40px;
    border-radius: 0;
    position: relative;
    text-align: left;
}
@media (max-width: 768px) {
    #promotion-modal .modal-content {
        padding: 40px 20px 80px;
    }
}
#promotion-modal .modal-content ul {
    padding-top: 0;
}
#promotion-modal .modal-content ul.list_standard {
    margin-left: 20px;
}
#promotion-modal .modal-content ul li {
    line-height: 28.8px;
}
#promotion-modal .modal-content .close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    color: #5bc2e7;
    font-size: 50px;
    font-weight: 300;
    opacity: 1;
    position: absolute;
    right: 2%;
    top: 1%;
}
@media (max-width: 768px) {
    #promotion-modal .modal-content .close {
        bottom: 3%;
        top: auto;
        left: 50%;
        transform: translate(-50%, -3%);
    }
}
#promotion-modal .modal-content .popup__content p {
    padding-top: 10px;
}
.promotion--container {
    background: url("images/personal/deposits/joy-at-work/bg--promotion.jpg") top center;
    background-size: cover;
}
.promotion--container .card-box {
    box-shadow: 0px 0px 11px -3px rgba(0, 0, 0, 0.3);
    background: #ffffff;
    position: relative;
    transition: transform 0.3s ease;
    max-width: 220px;
    display: inline-block;
    margin: 0 10px;
    padding-bottom: 60px;
    vertical-align: top;
}
.promotion--container .card-box .card-box--side {
    padding: 0px 20px 10px;
}
.promotion--container .card-box .card-box--title {
    color: #0067b1;
    font-weight: bold;
    margin-bottom: 11px;
}
@media (max-width: 680px) {
    .promotion--container .card-box:last-child {
        margin-top: 30px;
    }
}
.promotion--container .card-box--img {
    text-align: center;
}
.promotion--container .txt-note--promotion {
    font-family: "lato-light";
    padding-top: 40px;
    line-height: 1.4;
}
.Prefooter {
    font-size: 14px;
    color: #a0a0a0;
    line-height: 1.2;
    padding: 60px 0 40px;
}
@media (max-width: 767px) {
    .Prefooter {
        padding: 30px 0 30px;
    }
}
.js--productBannerSlick {
    position: relative;
    width: 100%;
    max-height: 811px;
    opacity: 0;
    visibility: hidden;
    transition: all 1.2s ease;
    position: relative;
    width: 100%;
}
.js--productBannerSlick.slick-initialized {
    opacity: 1;
    visibility: visible;
}
.js--productBannerSlick .slick-dots {
    position: absolute;
    bottom: unset;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 45px;
    margin-top: -45px;
}
@media (max-width: 768px) {
    .js--productBannerSlick .slick-dots {
        margin-top: -40px;
    }
}
@media (max-width: 680px) {
    .js--productBannerSlick .slick-dots {
        margin-top: -35px;
    }
}
.js--productBannerSlick .slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 15px;
    margin: 0 5px;
    cursor: pointer;
    background-color: #fff;
    opacity: 0.5;
    -webkit-transition: width 2s;
    transition: width 0.5s;
}
@media (max-width: 768px) {
    .js--productBannerSlick .slick-dots li {
        height: 7px;
        width: 7px;
        border-radius: 15px;
        margin: 0 4px;
    }
}
@media (max-width: 680px) {
    .js--productBannerSlick .slick-dots li {
        height: 5px;
        width: 5px;
        border-radius: 15px;
        margin: 0 3px;
    }
}
.js--productBannerSlick .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.js--productBannerSlick .slick-dots li button:hover,
.js--productBannerSlick .slick-dots li button:focus {
    outline: none;
}
.js--productBannerSlick .slick-dots li button:hover:before,
.js--productBannerSlick .slick-dots li button:focus:before {
    opacity: 1;
}
.js--productBannerSlick .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    color: transparent;
}
.js--productBannerSlick .slick-dots li.slick-active {
    opacity: 1;
}
.js--productBannerSlick .slick-slide {
    position: relative;
    max-height: 811px;
}
.js--productBannerSlick .slick-slide::before {
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
}
.js--productBannerSlick .slick-slide #play {
    transition: margin-top 0.5s;
}
.js--productBannerSlick .slick-slide .play {
    max-width: 70px;
    margin: 0 auto;
    position: relative;
}
@media (max-width: 680px) {
    .js--productBannerSlick .slick-slide .play {
        max-width: 40px;
    }
}
.js--productBannerSlick .slick-slide .play img {
    display: block;
    position: relative;
    z-index: 1999;
    width: 70px;
}
@media (max-width: 680px) {
    .js--productBannerSlick .slick-slide .play img {
        width: 40px;
    }
}
.js--productBannerSlick .slick-slide #endPlay {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    max-width: 52px;
    display: none;
}
@media (max-width: 768px) {
    .js--productBannerSlick .slick-slide #endPlay {
        max-width: 30px;
    }
}
@media (max-width: 680px) {
    .js--productBannerSlick .slick-slide #endPlay {
        max-width: 20px;
    }
}
.js--productBannerSlick .slick-slide video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    width: 1px;
}
.js--productBannerSlick .slick-slide figure {
    position: relative;
    height: 100%;
}
.js--productBannerSlick .slick-slide .slide-image {
    max-height: 811px;
    opacity: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.8s ease;
}
.js--productBannerSlick .slick-slide .slide-image.show {
    opacity: 1;
}
.js--productBannerSlick .slick-slide .image-entity {
    width: 100%;
    opacity: 0;
    visibility: hidden;
}
@media (max-width: 768px) {
    .js--productBannerSlick .slick-slide .image-entity {
        opacity: 1;
        visibility: initial;
    }
}
.txt-note {
    font-size: 12px;
    line-height: 1.4;
}
.txt-note-2 {
    font-size: 12px;
    line-height: 1.8;
}