@font-face {
    font-family: 'NotoSansBold';
    src: url('../fonts/noto-sans-bold.woff') format('woff'),
        url('../fonts/noto-sans-bold.woff2') format('woff2'),
        url('../fonts/noto-sans-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSansLight';
    src: url('../fonts/noto-sans-light.woff') format('woff'),
        url('../fonts/noto-sans-light.woff2') format('woff2'),
        url('../fonts/noto-sans-light.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSansRegular';
    src: url('../fonts/noto-sans-regular.woff') format('woff'),
        url('../fonts/noto-sans-regular.woff2') format('woff2'),
        url('../fonts/noto-sans-regular.ttf') format('truetype');
}

html,
body {
    /*overflow-x: hidden*/
}


body {
    font-family: 'NotoSansRegular', Helvetica, Arial, sans-serif;
    color: #212121;
    font-size: 14px;
    /*background: #eee*/
    background: #ffffff;
}

a {
    color: #0084FF;
}

a:hover {
    color: #004585;
}

a:focus {
    color: #0084FF;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

.primary-btn {
    background: #FB002C;
    color: #ffffff;
    border: 1px solid #FB002C
}

.primary-btn:hover {
    color: #FB002C;
    background: #ffffff
}

.primary-btn.blue-btn {
    background: #0084FF;
    color: #ffffff;
    border: 1px solid #0084FF
}

.primary-btn.blue-btn:hover {
    color: #0084FF;
    background: #ffffff;
}

.primary-btn.btn-lg {
    border-radius: 2px;
    height: 52px;
    padding: 12px;
    font-size: 18px
}

.secondary-btn {
    background: 0 0;
    color: #004585;
    border: 1px solid #004585
}

.secondary-btn:hover {
    color: #ffffff;
    background: #004585
}

.secondary-btn.btn-lg {
    border-radius: 2px;
    height: 52px;
    padding: 12px;
    font-size: 18px
}

.grey-link {
    color: #7D7D7D !important;
    text-decoration: underline
}

.grey-link:hover,
.grey-link:visited {
    color: #7D7D7D !important
}

.white-link {
    color: #ffffff !important;
    text-decoration: underline
}

.white-link:hover,
.white-link:visited {
    color: #ffffff !important
}

.dark-grey-bg {
    background: #6e6e6e !important
}

.grey-bg {
    background: #FAFAFA !important
}

.blue-bg {
    background: #004585 !important
}

.red {
    color: #FB002C !important
}

.white {
    color: #ffffff !important
}

.black {
    color: #000 !important
}

.blue {
    color: #005EB8 !important
}

.bold {
    font-weight: 700
}

.display-inline-block {
    display: inline-block
}

.bg-image {
    display: none
}

.slider-bg {
    background-size: cover !important;
    background-position: bottom !important
}

.height-50 {
    height: 50px
}

.height-100 {
    height: 100px
}

.table-container {
    overflow-x: scroll;
    margin: 30px auto;
    max-width: 820px;
    -webkit-overflow-scrolling: touch;
}

.table-container .range-table {
    max-width: 820px;
    min-width: 720px;
    margin: 0 auto 20px;
    color: #6e6e6e
}

.table-container .range-table tr {
    border: 1px solid #E6E6E6
}

.table-container .range-table tr.header-row {
    color: #ffffff;
    font-weight: 700
}

.table-container .range-table tr td {
    padding: 15px
}

.table-container .range-table tr td.border-right {
    border-right: 1px solid #E6E6E6
}

.content-container {
    max-width: 1024px;
    margin: 0 auto
}

.center-content {
    text-align: center !important
}

.left-content {
    text-align: left !important
}

.right-content {
    text-align: right !important
}

.relative-div {
    position: relative;
    height: 100%
}

.padding-10 {
    padding: 0 10px
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    background: url('../images/overlay.png');
    display: none
}

.container {
    max-width: 1024px;
    width: 100%;
}

#card-listing-popup .custom-tab-item {
    border-left: none !important;
    border-right: none !important
}

.custom-tab {
    border: 1px solid #E6E6E6;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 30px auto 0
}

@media only screen and (max-width: 1023px) {
    .custom-tab.category {
        text-align: center;
        border: none
    }
}

.custom-tab.category .custom-tab-item {
    padding: 5px 13px
}

@media only screen and (max-width: 1023px) {
    .custom-tab.category .custom-tab-item {
        float: none;
        display: inline-block;
        margin: 2px;
        border: 1px solid #E6E6E6 !important;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
}

.custom-tab .custom-tab-item {
    font-size: 16px;
    color: #9B9B9B;
    float: left;
    padding: 5px 45px;
    cursor: pointer;
    border-right: 1px solid #E6E6E6
}

@media only screen and (max-width: 767px) {
    .custom-tab .custom-tab-item {
        padding: 5px 30px
    }
}

.custom-tab .custom-tab-item.first-child {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.custom-tab .custom-tab-item.last-child {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: none
}

.custom-tab .custom-tab-item.active {
    background: #FB002C;
    color: #ffffff
}

.custom-tab.cards-category {
    width: 100%;
    border: none;
    display: block;
    overflow: hidden;
    border-radius: 0
}

.custom-tab.cards-category #promo-tab-slider {
    padding-bottom: 3px
}

.custom-tab.cards-category .promo-prvi-tab .swiper-wrapper {
    width: 100% !important
}

@media only screen and (max-width: 767px) {
    .custom-tab.cards-category .promo-prvi-tab .swiper-wrapper {
        width: 900px !important
    }
}

.custom-tab.cards-category .custom-tab-item {
    width: 16.6667%;
    box-sizing: border-box;
    text-transform: uppercase;
    padding: 20px 0;
    text-align: center;
    border: none;
    background: #FAFAFA;
    color: #212121;
    border-radius: 0;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6
}

.custom-tab.cards-category .custom-tab-item .card-cate-icon {
    margin: 0 auto
}

.custom-tab.cards-category .custom-tab-item.active {
    color: #7D7D7D;
    background: #ffffff;
    border-bottom: 2px solid #FB002C;
    border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6
}

.custom-tab.cards-category .custom-tab-item.active:first-child {
    border-left: none
}

.custom-tab.cards-category .custom-tab-item.active:last-child {
    border-right: none
}

.header {
    background: #ffffff;
    z-index: 10
}

@media only screen and (max-width: 767px) {
    .header {
        height: auto;
        padding: 10px 0
    }
}

.header .logo {
    padding-top: 15px
}

.header .logo img {
    display: block
}

@media only screen and (max-width: 767px) {
    .header .logo {
        padding-top: 0
    }
}

.header .header-card {
    float: right;
    margin-top: -15px
}

@media only screen and (max-width: 767px) {
    .header .header-card img {
        height: 52px
    }

    .visa-infinite-card .header .header-card {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    .header .header-card {
        display: none
    }
}

.ie8 .header .header-btn {
    margin-right: 30px
}

.header .header-btn .apply-btn {
    padding: 15px 30px;
    font-size: 24px
}

@media only screen and (max-width: 767px) {
    .header .header-btn .apply-btn {
        font-size: 18px;
        padding: 5px 25px
    }
}

.content .block {
    background: #ffffff;
    border-bottom: 1px solid #E6E6E6
}

.content .block .title {
    text-align: center;
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
    color: #212121
}

@media only screen and (max-width: 767px) {
    .content .block .title {
        font-size: 24px
    }
}

.content .block .description {
    font-size: 18px;
    font-weight: 200;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .content .block .description {
        font-size: 18px
    }
}

.content .block .small-description {
    font-size: 18px;
    text-align: center;
    max-width: 840px;
    margin: auto;
    font-weight: 200
}

.content .block .small-description b {
    color: #212121
}

.content .block .smaller-description {
    font-size: 14px;
    text-align: center;
    max-width: 840px;
    margin: auto;
    font-weight: 200
}

.content .block .smaller-description b {
    color: #212121
}

.content .block .unionpay-img {
    cursor: pointer
}

.content .top-block {
    text-align: center;
    color: #ffffff
}

.content .top-block h1 {
    margin: 0 auto 10px;
    max-width: 810px;
    font-size: 28px;
    font-family: 'NotoSansBold', Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 767px) {
    .content .top-block h1 {
        font-size: 24px;
        font-family: 'NotoSansBold', Helvetica, Arial, sans-serif;
    }
}

.content .top-block h4 {
    margin-top: 30px;
    font-family: 'NotoSansBold', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 200;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto
}

.content .top-block img {
    width: 100%;
    display: block
}

.content .motherhood-block {
    background: url(../images/delight-bg.jpg) no-repeat center center;
    padding: 40px 0;
    font-size: 20px;
    font-weight: 200
}

.content .motherhood-block a {
    text-decoration: underline
}

.content .tab-block {
    border-bottom: 1px solid #E6E6E6
}

.content .tab-block .custom-tab {
    margin-top: 0
}

.content .tab-block .tab-block-item {
    min-width: 300px;
    float: left;
    padding: 20px 0;
    border-right: 1px solid #E6E6E6;
    cursor: pointer;
    position: relative
}

.content .tab-block .tab-block-item.last {
    border-right: none
}

.promo-prvi .content .tab-block .tab-block-item {
    min-width: 341px
}

@media (max-width: 1024px) {
    .promo-prvi .content .tab-block .tab-block-item {
        min-width: 339px
    }
}

@media (max-width: 768px) {
    .promo-prvi .content .tab-block .tab-block-item {
        min-width: 254px
    }
}

@media only screen and (max-width: 767px) {
    .promo-prvi .content .tab-block .tab-block-item {
        min-width: 300px
    }
}

.content .tab-block .tab-block-item .bottom-line {
    display: none;
    position: absolute;
    height: 3px;
    width: 100%;
    bottom: -3px;
    background: #FB002C
}

.content .tab-block .tab-block-item img {
    max-width: 100%
}

.content .tab-block .tab-block-item.active {
    background: #ffffff
}

.content .tab-block .tab-block-item.active .bottom-line {
    display: block
}

.content .tab-block .tab-block-item .card-name {
    color: #004585;
    font-size: 18px;
    margin: 10px 0 0
}

@media only screen and (max-width: 767px) {
    .promo-prvi .content .tab-block .tab-block-item .card-name {
        font-size: 14px
    }
}

.content .tab-block .more-card-tab {
    min-width: 124px;
    float: left;
    cursor: pointer;
    position: relative
}

.content .tab-block .more-card-tab .icon-container {
    position: relative;
    text-align: center;
    height: 100%
}

.content .tab-block .more-card-tab .icon-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -20px
}

.content .promo-tab-content {
    display: none
}

.content .promo-tab-content.active {
    display: block
}

.content .intro-block {
    text-align: center;
    padding: 35px 0
}

.content .intro-block .info-container {
    font-size: 0
}

.content .intro-block .info-container .info-item {
    margin: 10px 5px;
    display: inline-block
}

.content .intro-block .cvp-image {
    max-width: 100%;
    margin-top: 50px
}

@media only screen and (max-width: 767px) {
    .content .intro-block .cvp-image {
        margin-top: 20px
    }
}

.content .intro-block .same-day-delivery-container {
    position: relative;
    margin-top: 30px
}

.content .intro-block .same-day-delivery-container .separate-line {
    position: absolute;
    top: 50%;
    width: calc(50% - 110px);
    height: 1px;
    background: #004585;
    left: 0
}

.ie8 .content .intro-block .same-day-delivery-container .separate-line {
    width: 350px
}

.ie8 .content .intro-block .same-day-delivery-container .separate-line.right {
    right: 30px;
    left: auto
}

.content .intro-block .same-day-delivery-container .separate-line.right {
    right: 0;
    left: auto
}

.visa-infinite-card .content .intro-block .title,
.pp-card .content .intro-block .title,
.one-card .content .intro-block .title,
.unionpay-card .content .intro-block .title,
.visa-signature-card .content .intro-block .title,
.delight-card .content .intro-block .title,
.promo .content .intro-block .title,
.prvi-amex-card .content .intro-block .title,
.prvi-master-card .content .intro-block .title,
.prvi-visa-card .content .intro-block .title,
.jcb-card .content .intro-block .title,
.singtel-card .content .intro-block .title,
.metro-card .content .intro-block .title {
    margin-bottom: 40px;
    color: #212121;
    font-size: 34px
}

@media only screen and (max-width: 767px) {

    .visa-infinite-card .content .intro-block .title,
    .pp-card .content .intro-block .title,
    .one-card .content .intro-block .title,
    .unionpay-card .content .intro-block .title,
    .visa-signature-card .content .intro-block .title,
    .delight-card .content .intro-block .title,
    .promo .content .intro-block .title,
    .prvi-amex-card .content .intro-block .title,
    .prvi-master-card .content .intro-block .title,
    .prvi-visa-card .content .intro-block .title,
    .jcb-card .content .intro-block .title,
    .singtel-card .content .intro-block .title,
    .metro-card .content .intro-block .title {
        font-size: 24px
    }
}

.visa-infinite-card .content .intro-block .title.small-margin-bottom,
.pp-card .content .intro-block .title.small-margin-bottom,
.one-card .content .intro-block .title.small-margin-bottom,
.unionpay-card .content .intro-block .title.small-margin-bottom,
.visa-signature-card .content .intro-block .title.small-margin-bottom,
.delight-card .content .intro-block .title.small-margin-bottom,
.promo .content .intro-block .title.small-margin-bottom,
.prvi-amex-card .content .intro-block .title.small-margin-bottom,
.prvi-master-card .content .intro-block .title.small-margin-bottom,
.prvi-visa-card .content .intro-block .title.small-margin-bottom,
.jcb-card .content .intro-block .title.small-margin-bottom,
.singtel-card .content .intro-block .title.small-margin-bottom,
.metro-card .content .intro-block .title.small-margin-bottom {
    margin-bottom: 5px
}

.visa-infinite-card .content .intro-block p,
.pp-card .content .intro-block p,
.one-card .content .intro-block p,
.unionpay-card .content .intro-block p,
.visa-signature-card .content .intro-block p,
.delight-card .content .intro-block p,
.promo .content .intro-block p,
.prvi-amex-card .content .intro-block p,
.prvi-master-card .content .intro-block p,
.prvi-visa-card .content .intro-block p,
.jcb-card .content .intro-block p,
.singtel-card .content .intro-block p,
.metro-card .content .intro-block p {
    font-size: 18px;
    color: #7D7D7D;
    margin: 15px 0
}

@media only screen and (max-width: 767px) {

    .visa-infinite-card .content .intro-block p,
    .pp-card .content .intro-block p,
    .one-card .content .intro-block p,
    .unionpay-card .content .intro-block p,
    .visa-signature-card .content .intro-block p,
    .delight-card .content .intro-block p,
    .promo .content .intro-block p,
    .prvi-amex-card .content .intro-block p,
    .prvi-master-card .content .intro-block p,
    .prvi-visa-card .content .intro-block p,
    .jcb-card .content .intro-block p,
    .singtel-card .content .intro-block p,
    .metro-card .content .intro-block p {
        font-size: 14px
    }
}

.visa-infinite-card .content .intro-block ul,
.pp-card .content .intro-block ul,
.one-card .content .intro-block ul,
.unionpay-card .content .intro-block ul,
.visa-signature-card .content .intro-block ul,
.delight-card .content .intro-block ul,
.promo .content .intro-block ul,
.prvi-amex-card .content .intro-block ul,
.prvi-master-card .content .intro-block ul,
.prvi-visa-card .content .intro-block ul,
.jcb-card .content .intro-block ul,
.singtel-card .content .intro-block ul,
.metro-card .content .intro-block ul {
    font-size: 16px;
    color: #7D7D7D;
    list-style-type: none;
    padding-left: 30px
}

.ie8 .visa-infinite-card .content .intro-block ul,
.ie8 .pp-card .content .intro-block ul,
.ie8 .one-card .content .intro-block ul,
.ie8 .unionpay-card .content .intro-block ul,
.ie8 .visa-signature-card .content .intro-block ul,
.ie8 .delight-card .content .intro-block ul,
.ie8 .promo .content .intro-block ul,
.ie8 .prvi-amex-card .content .intro-block ul,
.ie8 .prvi-master-card .content .intro-block ul,
.ie8 .prvi-visa-card .content .intro-block ul,
.ie8 .jcb-card .content .intro-block ul,
.ie8 .singtel-card .content .intro-block ul,
.ie8 .metro-card .content .intro-block ul {
    padding-right: 30px !important
}

.visa-infinite-card .content .intro-block ul li,
.pp-card .content .intro-block ul li,
.one-card .content .intro-block ul li,
.unionpay-card .content .intro-block ul li,
.visa-signature-card .content .intro-block ul li,
.delight-card .content .intro-block ul li,
.promo .content .intro-block ul li,
.prvi-amex-card .content .intro-block ul li,
.prvi-master-card .content .intro-block ul li,
.prvi-visa-card .content .intro-block ul li,
.jcb-card .content .intro-block ul li,
.singtel-card .content .intro-block ul li,
.metro-card .content .intro-block ul li {
    margin-bottom: 20px;
    text-indent: -21px
}

.visa-infinite-card .content .intro-block ul li:before,
.pp-card .content .intro-block ul li:before,
.one-card .content .intro-block ul li:before,
.unionpay-card .content .intro-block ul li:before,
.visa-signature-card .content .intro-block ul li:before,
.delight-card .content .intro-block ul li:before,
.promo .content .intro-block ul li:before,
.prvi-amex-card .content .intro-block ul li:before,
.prvi-master-card .content .intro-block ul li:before,
.prvi-visa-card .content .intro-block ul li:before,
.jcb-card .content .intro-block ul li:before,
.singtel-card .content .intro-block ul li:before,
.metro-card .content .intro-block ul li:before {
    content: '>';
    margin-right: 10px;
    color: #FB002C
}

.content .intro-block .card-name {
    font-size: 34px;
    font-weight: 500;
    color: #212121
}

@media only screen and (max-width: 767px) {
    .content .intro-block .card-name {
        font-size: 24px
    }
}

.content .intro-block .card-des {
    font-size: 28px;
    max-width: 810px;
    font-weight: 400;
    margin: auto;
    color: #212121
}

@media only screen and (max-width: 767px) {
    .content .intro-block .card-des {
        font-size: 18px
    }
}

.content .intro-block .card-features {
    padding-top: 50px;
    padding-bottom: 30px
}

.content .intro-block .card-features .feature-name {
    font-size: 16px;
    font-weight: 400
}

.content .intro-block .card-features .card-features-item-container {
    display: inline-block;
    margin: 0 40px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .intro-block .card-features .card-features-item-container {
        margin: 0 25px
    }
}

@media only screen and (max-width: 767px) {
    .content .intro-block .card-features .card-features-item-container {
        display: block
    }
}

.content .intro-block .card-features .card-feature-item {
    position: relative;
    text-align: left;
    font-size: 16px;
    padding: 10px 0;
    font-weight: 400
}

.content .intro-block .card-features .card-feature-item .header-line {
    position: absolute;
    width: 65px;
    height: 2px;
    top: 0;
    left: 50%;
    margin-left: -33px;
    background: #FB002C
}

.content .intro-block .card-image {
    text-align: center
}

.content .intro-block .card-image img {
    max-width: 100%
}

.one-card .content .intro-block .card-image img,
.promo .content .intro-block .card-image img {
    max-height: 274px
}

.lady-card .content .intro-block .card-image img {
    max-width: 315px;
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .lady-card .content .intro-block .card-image img {
        max-width: 100%
    }
}

.content .other-block {
    background: url(../images/lady-other-bg.png) no-repeat;
    padding: 200px 0;
    color: #ffffff
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .other-block {
        padding: 150px 0
    }
}

@media only screen and (max-width: 767px) {
    .content .other-block {
        padding: 100px 0
    }
}

.content .other-block p {
    max-width: 600px !important
}

.content .slider-block {
    border-bottom: none
}

.content .slider-block.image-bg {
    background-size: cover;
    background: url(../images/delight-bg.jpg) no-repeat
}

.content .slider-block .swiper-container {
    position: relative
}

.content .slider-block .swiper-container .swiper-slide.slider-bg {
    background-size: cover
}

.content .slider-block .swiper-container .swiper-slide .swiper-content {
    padding: 50px 35px;
    height: 555px
}

.content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg {
    background-size: cover;
    padding-top: 200px !important
}

.delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg {
    padding-top: 50px !important
}

@media only screen and (max-width: 767px) {
    .content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg {
        padding: 120px 40px !important
    }
}

@media only screen and (max-width: 480px) {
    .content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg {
        padding: 80px 40px !important
    }
}

.content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg .bg-image {
    display: none
}

.content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg h1 {
    max-width: 620px;
    margin: 0 auto 20px
}

.delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg h1 {
    max-width: 810px
}

@media only screen and (max-width: 767px) {
    .delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg h1 {
        font-size: 20px
    }
}

.visa-infinite-card .content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg h1 {
    font-size: 50px;
    font-weight: 100
}

@media only screen and (max-width: 767px) {
    .visa-infinite-card .content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg h1 {
        font-size: 25px
    }
}

.content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg p {
    max-width: 680px;
    margin: 0 auto
}

.content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg p .small-text {
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg p .small-text {
        font-size: 12px
    }
}

.content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg .small-text {
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .content .slider-block .swiper-container .swiper-slide .swiper-content.make-bg .small-text {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    .content .slider-block .swiper-container .swiper-slide .swiper-content {
        padding: 35px;
        height: auto !important
    }

    .content .slider-block .swiper-container .swiper-slide .swiper-content h1 {
        font-size: 24px
    }
}

.content .slider-block .swiper-container .swiper-slide .swiper-content h1 {
    color: #212121;
    font-size: 34px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .content .slider-block .swiper-container .swiper-slide .swiper-content h1 {
        font-size: 24px
    }
}

.content .slider-block .swiper-container .swiper-slide .swiper-content p {
    font-size: 18px;
    font-weight: 200
}

@media only screen and (max-width: 767px) {
    .content .slider-block .swiper-container .swiper-slide .swiper-content p {
        font-size: 14px
    }
}

.content .slider-block .swiper-container .swiper-slide .swiper-content img {
    max-width: 100%
}

.one-card .content .slider-block .swiper-container .swiper-slide .swiper-content {
    padding: 0;
    color: #ffffff
}

.lady-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-one h1 {
    margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
    .lady-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-one h1 {
        margin-bottom: 20px
    }
}

.lady-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-three img,
.lady-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-three h1 {
    margin-bottom: 30px
}

.lady-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-four {
    padding-top: 150px !important
}

.delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-one {
    padding-top: 160px !important
}

@media only screen and (max-width: 767px) {
    .delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-one {
        padding: 120px 40px !important
    }

    .delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-one img {
        margin-top: 30px
    }
}

.delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-one img {
    margin-top: 60px
}

.delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-two {
    padding-top: 140px !important
}

@media only screen and (max-width: 767px) {
    .delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-two {
        padding: 120px 40px !important
    }

    .delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-two img {
        margin-top: 30px
    }

    .delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-two h1 {
        margin-bottom: 20px
    }
}

.delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-two h1 {
    margin-bottom: 40px
}

.delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-two img {
    margin: 10px
}

@media only screen and (max-width: 480px) {
    .delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-two img {
        max-height: 30px
    }
}

@media only screen and (max-width: 767px) {
    .delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-three {
        padding-top: 190px !important
    }
}

.delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-four {
    padding-top: 140px !important
}

.delight-card .content .slider-block .swiper-container .swiper-slide .swiper-content.slide-five img {
    max-width: 200px;
    margin-top: 20px
}

.content .slider-block .swiper-container .swiper-slide .swiper-content .terms-line {
    font-size: 12px;
    margin-top: 40px !important
}

.content .slider-block .swiper-container .swiper-button-next {
    position: absolute;
    width: 28px;
    height: 51px;
    right: 35px;
    top: 50%;
    margin-top: -25px;
    background: url(../images/right-arrow.png) no-repeat;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .content .slider-block .swiper-container .swiper-button-next {
        width: 14px;
        height: 26px;
        right: 15px;
        background-size: 14px 26px
    }
}

.content .slider-block .swiper-container .swiper-button-prev {
    position: absolute;
    width: 28px;
    height: 51px;
    left: 35px;
    top: 50%;
    margin-top: -25px;
    background: url(../images/left-arrow.png) no-repeat;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .content .slider-block .swiper-container .swiper-button-prev {
        width: 14px;
        height: 26px;
        left: 15px;
        background-size: 14px 26px
    }
}

.content .slider-block .swiper-container .swiper-pagination {
    text-align: center;
    padding: 33px;
    position: absolute;
    bottom: 0;
    width: 100%
}

.content .slider-block .swiper-container .swiper-pagination .swiper-pagination-switch {
    width: 15px;
    height: 15px;
    background: #6e6e6e;
    border: 1px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer
}

.content .slider-block .swiper-container .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
    background: #ffffff;
    border: 1px solid #6e6e6e
}

.content .reward-block {
    padding: 30px 0
}

.content .reward-block .reward-container {
    text-align: center;
    margin: 20px 0
}

.ie8 .content .reward-block .reward-container {
    margin-left: -30px
}

.content .reward-block .reward-container .reward-item {
    display: inline-block;
    margin: 6px;
    position: relative
}

.content .reward-block .reward-container .reward-item:hover .reward-item-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.ie8 .content .reward-block .reward-container .reward-item:hover .reward-item-content,
.ie8 .content .reward-block .reward-container .reward-item:hover .reward-item-content span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important
}

.content .reward-block .reward-container .reward-item:focus .reward-item-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.ie8 .content .reward-block .reward-container .reward-item:focus .reward-item-content,
.ie8 .content .reward-block .reward-container .reward-item:focus .reward-item-content span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important
}

.content .reward-block .reward-container .reward-item .reward-item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    background: url('../images/overlay.png');
    text-align: center;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.ie8 .content .reward-block .reward-container .reward-item .reward-item-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=86)";
    filter: alpha(opacity=86);
    -moz-opacity: .86;
    -khtml-opacity: .86;
    opacity: .86
}

.content .reward-block .reward-container .reward-item .reward-item-content span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%
}

.content .range-block {
    padding: 35px 0
}

.lady-card .content .range-block p {
    max-width: 810px;
    margin: auto
}

.one-card .content .range-block ol,
.one-card .content .range-block p {
    color: #7D7D7D;
    font-size: 14px
}

.content .range-block ol {
    padding-right: 39px
}

.content .range-block .align-p {
    padding: 0 39px 0 20px
}

.content .range-block p.rate-description {
    max-width: 600px;
    margin: auto
}

.content .range-block .plus-icon {
    font-size: 24px;
    font-weight: 700;
    position: relative
}

.content .range-block .range-blocks-container {
    margin-bottom: 20px;
    position: relative
}

.content .range-block .range-container {
    margin-top: 100px;
    color: #004585;
    display: none
}

.content .range-block .range-container.active {
    display: block
}

.content .range-block .range-container.small-range-container {
    margin-top: 65px;
    margin-bottom: 20px
}

.content .range-block .range-container.small-range-container.other-container {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-container.small-range-container {
        padding: 0 20px;
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .range-block .range-container.small-range-container {
        padding: 0 20px;
        margin-top: 0
    }
}

.content .range-block .range-container.small-range-container .number {
    font-size: 14px
}

.content .range-block .range-container.small-range-container .number-title {
    font-size: 10px
}

.content .range-block .range-container.small-range-container .min-value,
.content .range-block .range-container.small-range-container .max-value {
    width: 100px
}

.content .range-block .range-container.small-range-container .range-slider {
    width: calc(100% - 340px);
    height: 5px;
    margin-top: 45px
}

.ie8 .content .range-block .range-container.small-range-container .range-slider {
    width: 420px
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-container.small-range-container .range-slider {
        width: 100% !important;
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .range-block .range-container.small-range-container .range-slider {
        width: 100% !important;
        margin-left: 0
    }
}

.content .range-block .range-container.small-range-container .range-slider .noUi-base .noUi-origin .noUi-handle {
    top: -13px;
    left: -16px;
    width: 33px;
    height: 33px;
    background-size: 33px 33px
}

.ie8 .content .range-block .range-container.small-range-container .range-slider .noUi-base .noUi-origin .noUi-handle {
    background: url(../images/bullet_ie8.png) no-repeat
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-container.small-range-container .range-slider .noUi-base .range-slider-value {
        top: -25px;
        left: -40px
    }
}

.content .range-block .range-container.small-range-container .value-rate {
    font-size: 18px;
    color: #6e6e6e;
    display: none
}

.content .range-block .range-container.small-range-container .value-rate .spend-value span {
    font-weight: 100
}

.content .range-block .range-container.small-range-container .value-rate .spend-value span.number {
    font-size: 24px;
    font-weight: 500
}

.ie8 .content .range-block .range-container.small-range-container .value-rate .spend-value span.number {
    font-weight: 700
}

.content .range-block .range-container.small-range-container .value-rate .spend-value span.number .amount {
    font-style: normal
}

.content .range-block .range-container.small-range-container .other-input {
    position: relative;
    width: 247px;
    height: 95px;
    background: url(../images/input.png) no-repeat;
    margin: 10px auto
}

.content .range-block .range-container.small-range-container .other-input input[type="text"] {
    position: absolute;
    height: 95px;
    width: 180px;
    outline: none;
    /*border: none;*/
    right: 0;
    /*background: 0 0;*/
    color: #6e6e6e;
    font-size: 24px
}

.ie8 .content .range-block .range-container.small-range-container .other-input input[type="text"] {
    line-height: 95px !important
}

.content .range-block .range-container.small-range-container .calculated-rate {
    margin-top: 20px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .range-block .range-container.small-range-container .calculated-rate {
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-container.small-range-container .calculated-rate {
        margin-top: 0
    }
}

.content .range-block .range-container.small-range-container .calculated-rate.margin-top-small {
    margin-top: 35px
}

.content .range-block .range-container.small-range-container .calculated-rate span {
    font-size: 16px
}

.content .range-block .range-container.small-range-container .calculated-rate span.number {
    font-size: 55px;
    font-weight: 100
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-container.small-range-container .calculated-rate span.number {
        font-size: 36px
    }
}

.content .range-block .range-container.small-range-container .calculated-rate .calculated-value {
    padding-top: 40px
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-container.small-range-container .calculated-rate .calculated-value {
        padding-top: 60px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .range-block .range-container.small-range-container .calculated-rate .calculated-value {
        padding-top: 80px
    }
}

.content .range-block .range-container.small-range-container .noUi-pips {
    top: -14px
}

.content .range-block .range-container.small-range-container .noUi-pips .noUi-marker-large {
    height: 17px !important;
    background: url(../images/circle.png) no-repeat;
    width: 17px;
    background-size: 13px 13px
}

.content .range-block .range-container.small-range-container .noUi-pips .noUi-marker-large.active {
    background: url(../images/circle-active.png) no-repeat;
    background-size: 13px 13px
}

.content .range-block .range-container.small-range-container .noUi-pips .noUi-marker-large.first,
.content .range-block .range-container.small-range-container .noUi-pips .noUi-marker-large.last {
    background: 0 0;
    border-left: 1px solid #f5f5f5;
    height: 14px !important
}

.content .range-block .range-container.small-range-container .noUi-pips .noUi-value-horizontal {
    padding-top: 25px
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-container {
        margin-top: 60px;
        margin-bottom: 50px
    }
}

.content .range-block .range-container .number {
    font-size: 24px;
    line-height: 20px
}

@media only screen and (max-width: 1023px) {
    .content .range-block .range-container .number {
        font-size: 14px
    }
}

.content .range-block .range-container .number-title {
    font-size: 12px
}

@media only screen and (max-width: 1023px) {
    .content .range-block .range-container .number-title {
        font-size: 10px
    }
}

.content .range-block .range-container .min-value,
.content .range-block .range-container .max-value {
    float: left;
    width: 150px
}

@media only screen and (max-width: 1023px) {

    .content .range-block .range-container .min-value,
    .content .range-block .range-container .max-value {
        width: 100px
    }
}

.content .range-block .range-container .range-slider {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 10px;
    box-shadow: none;
    border: none;
    width: calc(100% - 300px);
    float: left;
    margin-top: 40px
}

.ie8 .content .range-block .range-container .range-slider {
    width: 640px
}

@media only screen and (max-width: 1023px) {
    .content .range-block .range-container .range-slider {
        width: calc(100% - 200px);
        height: 5px;
        margin-top: 30px
    }
}

.content .range-block .range-container .range-slider .noUi-base {
    background: #FB002C
}

.content .range-block .range-container .range-slider .noUi-base .noUi-origin {
    background: #E6E6E6;
    border-radius: 0
}

.content .range-block .range-container .range-slider .noUi-base .noUi-origin .noUi-handle {
    width: 65px;
    height: 65px;
    background: url(../images/bullet.png);
    border: none;
    box-shadow: none;
    top: -25px;
    left: -33px;
    cursor: pointer;
    background-size: 65px 65px
}

@media only screen and (max-width: 1023px) {
    .content .range-block .range-container .range-slider .noUi-base .noUi-origin .noUi-handle {
        top: -13px;
        left: -16px;
        width: 33px;
        height: 33px;
        background-size: 33px 33px
    }
}

.content .range-block .range-container .range-slider .noUi-base .noUi-origin .noUi-handle:before,
.content .range-block .range-container .range-slider .noUi-base .noUi-origin .noUi-handle:after {
    display: none
}

.content .range-block .range-container .calculated-rate {
    text-align: center;
    margin-top: 65px
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-container .calculated-rate {
        margin-top: 35px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .range-block .range-container .calculated-rate {
        margin-top: 35px
    }
}

.content .range-block .range-container .calculated-rate span {
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-container .calculated-rate span {
        font-size: 10px
    }
}

.content .range-block .range-container .calculated-rate span.number {
    font-size: 50px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .range-block .range-container .calculated-rate span.number {
        font-size: 32px
    }
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-container .calculated-rate span.number {
        font-size: 18px
    }
}

.content .range-block .range-container .calculated-rate .calculated-value {
    padding: 10px 0 0
}

.content .range-block .calculated-value {
    display: inline-block;
    padding: 0 30px
}

.content .range-block .calculated-value em {
    font-style: normal
}

.content .range-block .range-slider-value {
    position: absolute;
    top: -40px;
    font-size: 24px;
    width: 125px;
    left: -25px;
    text-align: center;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-slider-value {
        font-size: 14px;
        left: -33px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .range-block .range-slider-value {
        font-size: 18px !important;
        width: 70px !important;
        top: -40px !important
    }
}

.content .range-block .range-slider-value.has-text {
    top: -70px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .range-block .range-slider-value.has-text {
        font-size: 18px !important;
        width: 105px !important;
        top: -65px !important
    }
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-slider-value.has-text {
        font-size: 14px;
        left: -47px;
        top: -45px
    }
}

.content .range-block .range-slider-value.has-text span {
    font-weight: 400;
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .content .range-block .range-slider-value.has-text span {
        font-size: 12px !important
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .range-block .range-slider-value span {
        font-size: 12px !important
    }
}

.content .range-block.prvi-miles-range-block .local,
.content .range-block.prvi-miles-range-block .overseas {
    display: inline-block;
    vertical-align: middle
}

.content .range-block.prvi-miles-range-block .sign {
    width: 10%;
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    text-align: center;
    font-weight: 700
}

.content .range-block.prvi-miles-range-block .sign span {
    position: relative;
    top: 15px
}

.content .range-block.prvi-miles-range-block .range-slider {
    border-radius: 0;
    height: 10px;
    box-shadow: none;
    border: none;
    width: calc(100% - 300px);
    float: left;
    margin-top: 40px
}

.content .range-block.prvi-miles-range-block .range-slider .range-slider-value {
    position: absolute;
    top: -70px;
    font-size: 24px;
    width: 155px;
    left: -40px;
    text-align: center;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .content .range-block.prvi-miles-range-block .range-slider .range-slider-value {
        font-size: 17px;
        top: -50px;
        width: 95px;
        left: -30px
    }
}

.content .range-block.prvi-miles-range-block .range-slider .range-slider-value span {
    font-size: 16px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .content .range-block.prvi-miles-range-block .range-slider .range-slider-value span {
        font-size: 12px
    }
}

.content .range-block.prvi-miles-range-block .range-slider .range-slider-value strong {
    font-weight: 700
}

.content .range-block.prvi-miles-range-block .range-container {
    display: none
}

.content .range-block.prvi-miles-range-block .range-container.active {
    display: block
}

.content .feature-block {
    padding: 50px 0
}

@media only screen and (max-width: 767px) {
    .content .feature-block {
        padding: 35px 0
    }
}

.content .feature-block .logo-container {
    text-align: center;
    font-size: 0
}

.content .feature-block .logo-container .logo-item {
    display: inline-block;
    margin: 5px
}

.content .feature-block .logo-container .logo-item img {
    width: 100%
}

.ie8 .content .feature-block .rebate-table-container .center-content {
    width: 330px
}

.content .feature-block .rebate-table-container .header-title {
    font-size: 24px;
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .content .feature-block .rebate-table-container .header-title {
        font-size: 18px
    }
}

.content .feature-block .rebate-table-container .rebate-table {
    width: 100%;
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    .content .feature-block .rebate-table-container .rebate-table {
        font-size: 14px
    }
}

.content .feature-block .rebate-table-container .rebate-table th {
    background: #004585;
    color: #ffffff;
    padding: 10px;
    border-bottom: 2px solid #ffffff
}

.content .feature-block .rebate-table-container .rebate-table th.border-right {
    border-right: 2px solid #ffffff
}

.content .feature-block .rebate-table-container .rebate-table td {
    background: #ffffff;
    color: #004585;
    padding: 5px 5px 0
}

.content .feature-block .rebate-table-container .rebate-table td.last-td {
    padding-bottom: 5px
}

.content .feature-block .rebate-table-container .rebate-table td.border-right {
    border-right: 2px solid #ffffff
}

.ie8 .content .feature-block .rebate-table-container .rebate-table td {
    font-size: 16px
}

.content .feature-block .rebate-table-container .table-des {
    font-size: 12px;
    margin: 10px auto
}

.content .feature-block .delight-logo-container {
    margin: 30px 0
}

.content .feature-block .delight-logo-container .delight-logo-item {
    margin: 10px
}

.content .feature-block .paywave-logo-item {
    margin: 10px 0
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .feature-block .paywave-logo-item {
        margin: 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .content .feature-block .paywave-logo-item {
        margin: 0 10px
    }
}

.content .feature-block .feature-logo-container {
    text-align: center;
    margin: 30px 0
}

.content .feature-block .feature-logo-container .feature-logo-item {
    display: inline-block;
    margin: 0 5px
}

.jcb-card .content .feature-block .feature-logo-container .feature-logo-item {
    margin: 0 15px
}

.content .feature-block .feature-images {
    margin: 80px auto 0;
    max-width: 810px;
    text-align: center
}

.lady-card .content .feature-block .feature-images {
    margin-top: 0
}

.lady-card .content .feature-block .feature-images img {
    max-height: 250px
}

@media only screen and (max-width: 767px) {
    .lady-card .content .feature-block .feature-images img {
        max-height: 250px
    }
}

.unionpay-card .content .feature-block .feature-images {
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .content .feature-block .feature-images {
        margin-top: 40px
    }
}

.content .feature-block .feature-images img {
    max-width: 100%
}

.content .feature-block .feature-images .feature-img {
    display: inline-block;
    text-align: center;
    margin: 10px 20px
}

@media only screen and (max-width: 767px) {
    .content .feature-block .feature-images .feature-img {
        margin-bottom: 20px;
        width: 145px
    }

    .lady-card .content .feature-block .feature-images .feature-img {
        width: auto
    }
}

.content .feature-block .feature-images .feature-img img {
    max-width: 100%
}

@media only screen and (max-width: 480px) {
    .prvi-visa-card .content .feature-block .custom-tab {
        text-align: center;
        border: none
    }
}

@media only screen and (max-width: 480px) {
    .prvi-visa-card .content .feature-block .custom-tab .custom-tab-item {
        float: none;
        display: inline-block;
        margin: 2px;
        border: 1px solid #E6E6E6 !important;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
}

.prvi-visa-card .content .feature-block .custom-tab .custom-tab-item {
    padding: 5px 10px
}

.prvi-visa-card .content .feature-block .custom-tab-content .custom-tab-content-item {
    display: none
}

.prvi-visa-card .content .feature-block .custom-tab-content .custom-tab-content-item.active {
    display: block
}

.prvi-visa-card .content .feature-block .custom-tab-content .custom-tab-content-item p {
    max-width: 810px;
    margin: 30px auto
}

.prvi-visa-card .content .feature-block .custom-tab-content .custom-tab-content-item img {
    max-width: 100%
}

.content .filter-logo-block {
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .content .filter-logo-block {
        padding-top: 30px
    }
}

.prvi-amex-card .content .filter-logo-block,
.prvi-master-card .content .filter-logo-block,
.one-card .content .filter-logo-block {
    padding-bottom: 30px
}

.prvi-master-card .content .filter-logo-block .offers-container {
    margin-top: 30px;
    text-align: center
}

.prvi-master-card .content .filter-logo-block .offers-container .offer-item-container {
    display: inline-block
}

@media only screen and (max-width: 480px) {
    .prvi-master-card .content .filter-logo-block .offers-container .offer-item-container {
        width: 100%
    }
}

.prvi-master-card .content .filter-logo-block .offers-container .offer-item-container .offer-item {
    position: relative;
    margin: 0 4px 8px
}

.prvi-master-card .content .filter-logo-block .offers-container .offer-item-container .offer-item img {
    display: block;
    width: 100%
}

.prvi-master-card .content .filter-logo-block .offers-container .offer-item-container .offer-item:hover .offer-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.prvi-master-card .content .filter-logo-block .offers-container .offer-item-container .offer-item .offer-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    background: url('../images/overlay.png');
    text-align: center;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.prvi-master-card .content .filter-logo-block .offers-container .offer-item-container .offer-item .offer-content span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%
}

.prvi-master-card .content .filter-logo-block .view-all-offers {
    text-decoration: underline;
    cursor: pointer
}

.content .filter-logo-block .category-container {
    margin: 30px 20px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .filter-logo-block .category-container {
        margin: 30px 0
    }
}

.content .filter-logo-block .category-container .category-item {
    display: inline-block;
    position: relative;
    margin: 10px 25px
}

@media only screen and (max-width: 767px) {
    .content .filter-logo-block .category-container .category-item {
        margin: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .filter-logo-block .category-container .category-item {
        margin: 10px
    }
}

.content .filter-logo-block .category-container .category-item:hover .category-item-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.ie8 .content .filter-logo-block .category-container .category-item:hover .category-item-content,
.ie8 .content .filter-logo-block .category-container .category-item:hover .category-item-content span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important
}

.content .filter-logo-block .category-container .category-item:focus .category-item-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.ie8 .content .filter-logo-block .category-container .category-item:focus .category-item-content,
.ie8 .content .filter-logo-block .category-container .category-item:focus .category-item-content span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important
}

@media only screen and (max-width: 767px) {
    .content .filter-logo-block .category-container .category-item img {
        width: 145px;
        height: 145px
    }
}

.content .filter-logo-block .category-container .category-item .category-item-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/circle-transparent-bg.png') no-repeat;
    background-size: cover;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@media only screen and (max-width: 767px) {
    .content .filter-logo-block .category-container .category-item .category-item-content {
        width: 145px;
        height: 145px
    }
}

.ie8 .content .filter-logo-block .category-container .category-item .category-item-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=86)";
    filter: alpha(opacity=86);
    -moz-opacity: .86;
    -khtml-opacity: .86;
    opacity: .86
}

.content .filter-logo-block .category-container .category-item .category-item-content span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%
}

.pp-card .content .filter-logo-block .category-container .category-item .category-item-content span {
    padding: 0 25px;
    font-size: 14px
}

.content .filter-logo-block .logo-container {
    text-align: center;
    max-width: 850px;
    margin: 10px auto
}

.content .filter-logo-block .logo-container .logo-item {
    display: inline-block;
    margin: 10px
}

@media only screen and (max-width: 767px) {
    .content .filter-logo-block .logo-container .logo-item {
        margin: 5px
    }
}

.prvi-amex-card .content .filter-logo-block .logo-container .logo-item {
    margin: 15px 50px
}

@media only screen and (max-width: 767px) {
    .prvi-amex-card .content .filter-logo-block .logo-container .logo-item {
        margin: 15px 30px
    }
}

.content .delivery-block {
    padding: 30px 0
}

.content .delivery-block .delivery-content {
    margin-top: 20px
}

.content .delivery-block .delivery-content .delivery-image img {
    max-width: 100%
}

@media only screen and (max-width: 767px) {
    .content .delivery-block .delivery-content .delivery-image img {
        margin-bottom: 20px
    }
}

.content .delivery-block .delivery-des {
    margin-top: 20px
}

.content .fees-block {
    padding-top: 30px;
    border-bottom: none
}

.content .fees-block .rate-detail-container {
    position: relative;
    color: #004585;
    margin-top: 30px;
    height: 147px;
    overflow: hidden
}

@media only screen and (max-width: 480px) {
    .content .fees-block .rate-detail-container {
        height: 130px !important;
        margin-top: 10px
    }
}

@media only screen and (max-width: 767px) {
    .content .fees-block .rate-detail-container {
        height: 115px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .fees-block .rate-detail-container {
        height: 120px
    }
}

.content .fees-block .rate-detail-container .custom-tab-content {
    margin-top: 15px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .fees-block .rate-detail-container .custom-tab-content {
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .content .fees-block .rate-detail-container .custom-tab-content {
        margin-top: 0
    }
}

.content .fees-block .rate-detail-container .custom-tab-content.active {
    margin-top: -125px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .fees-block .rate-detail-container .custom-tab-content.active {
        margin-top: -110px
    }

    .content .fees-block .rate-detail-container .custom-tab-content.active span.or {
        top: 50% !important
    }
}

@media only screen and (max-width: 767px) {
    .content .fees-block .rate-detail-container .custom-tab-content.active {
        margin-top: -100px
    }

    .content .fees-block .rate-detail-container .custom-tab-content.active span.or {
        top: 50% !important
    }
}

@media only screen and (max-width: 480px) {
    .content .fees-block .rate-detail-container .custom-tab-content.active {
        margin-top: -134px !important
    }
}

@media only screen and (min-width: 320px)and (max-width:320px) {
    .content .fees-block .rate-detail-container .custom-tab-content.active {
        margin-top: -130px !important
    }
}

@media only screen and (min-width: 435px)and (max-width:480px) {
    .content .fees-block .rate-detail-container .custom-tab-content.active {
        margin-top: -120px !important
    }
}

.content .fees-block .rate-detail-container .custom-tab-content.active span.or {
    top: 50%
}

.jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active {
    margin-top: -248px
}

.jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active.japanese {
    margin-top: -124px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active.japanese {
        margin-top: -110px
    }

    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active.japanese span.or {
        top: 50% !important
    }
}

@media only screen and (max-width: 767px) {
    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active.japanese {
        margin-top: -100px
    }

    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active.japanese span.or {
        top: 50% !important
    }
}

@media only screen and (max-width: 480px) {
    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active.japanese {
        margin-top: -120px !important
    }
}

@media only screen and (min-width: 320px)and (max-width:320px) {
    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active.japanese {
        margin-top: -130px !important
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active {
        margin-top: -220px
    }

    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active span.or {
        top: 50% !important
    }
}

@media only screen and (max-width: 767px) {
    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active {
        margin-top: -200px
    }

    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active span.or {
        top: 50% !important
    }
}

@media only screen and (max-width: 480px) {
    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active {
        margin-top: -240px !important
    }
}

@media only screen and (min-width: 320px)and (max-width:320px) {
    .jcb-card .content .fees-block .rate-detail-container .custom-tab-content.active {
        margin-top: -260px !important
    }
}

.content .fees-block .rate-detail-container h1.rate-number {
    font-size: 40px;
    text-align: center
}

.content .fees-block .rate-detail-container h1.rate-number span {
    font-size: 30px
}

@media only screen and (max-width: 480px) {
    .content .fees-block .rate-detail-container h1.rate-number {
        font-size: 15px !important
    }

    .content .fees-block .rate-detail-container h1.rate-number span {
        font-size: 10px !important
    }
}

@media only screen and (max-width: 767px) {
    .content .fees-block .rate-detail-container h1.rate-number {
        font-size: 24px;
        margin-top: 15px
    }

    .content .fees-block .rate-detail-container h1.rate-number span {
        font-size: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .fees-block .rate-detail-container h1.rate-number {
        font-size: 30px
    }

    .content .fees-block .rate-detail-container h1.rate-number span {
        font-size: 20px
    }
}

.content .fees-block .rate-detail-container span.or {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -7px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    text-transform: lowercase
}

@media only screen and (max-width: 767px) {
    .content .fees-block .rate-detail-container span.or {
        font-size: 10px;
        top: 35%
    }
}

.content .fees-block .rate-detail-container .rate-des {
    font-size: 14px;
    text-align: center;
    text-transform: uppercase
}

.content .fees-block .rate-detail-container .rate-des span {
    text-transform: none
}

.content .fees-block .rate-detail-container .rate-des.margin-bottom {
    margin-bottom: 50px
}

@media only screen and (max-width: 480px) {
    .content .fees-block .rate-detail-container .rate-des.margin-bottom {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 480px) {
    .content .fees-block .rate-detail-container .rate-des {
        font-size: 10px !important;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 320px)and (max-width:320px) {
    .content .fees-block .rate-detail-container .rate-des {
        font-size: 9px !important
    }
}

@media only screen and (max-width: 767px) {
    .content .fees-block .rate-detail-container .rate-des {
        font-size: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .content .fees-block .rate-detail-container .rate-des {
        font-size: 12px
    }
}

.content .list-card-block {
    background: #004585;
    color: #ffffff;
    padding: 40px 0
}

.content .list-card-block .description {
    font-size: 20px
}

.content .list-card-block a {
    color: #ffffff;
    text-decoration: underline
}

.footer {
    background: #E6E6E6;
    padding: 35px 0 50px
}

.footer .footer-content {
    padding: 0 15px
}

@media only screen and (max-width: 767px) {
    .footer .footer-content {
        padding: 0
    }
}

.ie8 .footer .footer-content {
    padding-right: 30px !important
}

.footer h3 {
    margin: 0 0 30px;
    color: #212121
}

.footer p {
    margin-bottom: 20px
}

.footer a {
    text-decoration: underline;
    color: #7D7D7D
}

@media only screen and (max-width: 767px) {
    .footer ol {
        padding-left: 20px
    }
}

.footer .hidden-text {
    display: none
}

.footer .read-full-text {
    text-decoration: underline;
    cursor: pointer
}

#card-listing-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    display: none
}

#card-listing-popup .custom-tab-item.active .card-cate-icon.icon-gift {
    background-position: -65px 0 !important
}

#card-listing-popup .custom-tab-item.active .card-cate-icon.icon-money {
    background-position: -65px -55px !important
}

#card-listing-popup .custom-tab-item.active .card-cate-icon.icon-plane {
    background-position: -65px -165px !important
}

#card-listing-popup .custom-tab-item.active .card-cate-icon.icon-ship {
    background-position: -65px -110px !important
}

#card-listing-popup .custom-tab-item.active .card-cate-icon.icon-shopping {
    background-position: -215px 0 !important
}

#card-listing-popup .custom-tab-item.active .card-cate-icon.icon-diamond {
    background-position: -215px -107px !important
}

@media only screen and (max-width: 767px) {
    #card-listing-popup .custom-tab-item.active .card-cate-icon.icon-gift {
        background-position: -33px 0 !important
    }

    #card-listing-popup .custom-tab-item.active .card-cate-icon.icon-money {
        background-position: -33px -28px !important
    }

    #card-listing-popup .custom-tab-item.active .card-cate-icon.icon-plane {
        background-position: -33px -83px !important
    }

    #card-listing-popup .custom-tab-item.active .card-cate-icon.icon-ship {
        background-position: -33px -55px !important
    }

    #card-listing-popup .custom-tab-item.active .card-cate-icon.icon-shopping {
        background-position: -107px 0 !important
    }

    #card-listing-popup .custom-tab-item.active .card-cate-icon.icon-diamond {
        background-position: -108px -53px !important
    }
}

#card-listing-popup .custom-tab-item .card-cate-icon {
    background: url(../images/sprites.png) no-repeat;
    width: 60px;
    height: 50px;
    display: block;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    #card-listing-popup .custom-tab-item .card-cate-icon {
        width: 30px;
        height: 25px;
        background-size: 138px 107px
    }

    #card-listing-popup .custom-tab-item .card-cate-icon.icon-all-card {
        background-position: -75px -28px !important
    }

    #card-listing-popup .custom-tab-item .card-cate-icon.icon-gift {
        background-position: 0 0 !important
    }

    #card-listing-popup .custom-tab-item .card-cate-icon.icon-money {
        background-position: 0 -28px !important
    }

    #card-listing-popup .custom-tab-item .card-cate-icon.icon-plane {
        background-position: 0 -83px !important
    }

    #card-listing-popup .custom-tab-item .card-cate-icon.icon-ship {
        background-position: 0 -55px !important
    }

    #card-listing-popup .custom-tab-item .card-cate-icon.icon-shopping {
        background-position: -75px 0 !important
    }

    #card-listing-popup .custom-tab-item .card-cate-icon.icon-diamond {
        background-position: -75px -53px !important
    }
}

#card-listing-popup .custom-tab-item .card-cate-icon.icon-all-card {
    background-position: -150px -55px
}

#card-listing-popup .custom-tab-item .card-cate-icon.icon-gift {
    background-position: 0 0
}

#card-listing-popup .custom-tab-item .card-cate-icon.icon-money {
    background-position: 0 -55px
}

#card-listing-popup .custom-tab-item .card-cate-icon.icon-plane {
    background-position: 0 -165px
}

#card-listing-popup .custom-tab-item .card-cate-icon.icon-ship {
    background-position: 0 -110px
}

#card-listing-popup .custom-tab-item .card-cate-icon.icon-shopping {
    background-position: -150px 0
}

#card-listing-popup .custom-tab-item .card-cate-icon.icon-diamond {
    background-position: -150px -108px
}

#card-listing-popup .icon-close-gray {
    background: url(../images/card-list/icon-close.png) no-repeat;
    width: 20px;
    height: 26px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.card-listing-popup {
    margin: 0 auto;
    background: #ffffff;
    padding-top: 30px;
    position: relative;
    z-index: 999
}

.card-listing-popup .popup-header {
    border-bottom: none;
    text-align: center
}

.card-listing-popup .popup-header img {
    max-width: 90% !important;
    margin: 0 auto !important
}

.card-listing-popup .custom-tab .custom-tab-item {
    background: #004585;
    color: #ffffff;
    min-width: 205px
}

@media only screen and (max-width: 767px) {
    .card-listing-popup .custom-tab .custom-tab-item {
        min-width: 150px;
        font-size: 12px
    }
}

.card-listing-popup .custom-tab .custom-tab-item.first-child {
    border-left: 1px solid #E6E6E6 !important
}

.card-listing-popup .icon-close-gray {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    font-size: 0;
    z-index: 99
}

.card-listing-popup .card-list-container .card-item {
    border-bottom: 1px solid #E6E6E6
}

.card-listing-popup .card-list-container .card-item:nth-child(odd) .cart-item-info {
    float: left !important
}

.card-listing-popup .card-list-container .card-item:nth-child(odd) .cart-item-image {
    float: right !important
}

.card-listing-popup .card-list-container .card-item.card-left .cart-item-info {
    float: left !important
}

.card-listing-popup .card-list-container .card-item.card-left .cart-item-image {
    float: right !important
}

.card-listing-popup .card-list-container .card-item:nth-child(even) .cart-item-info {
    float: right !important
}

.card-listing-popup .card-list-container .card-item:nth-child(even) .cart-item-image {
    float: left !important
}

.card-listing-popup .card-list-container .card-item.card-right .cart-item-info {
    float: right !important
}

.card-listing-popup .card-list-container .card-item.card-right .cart-item-image {
    float: left !important
}

.card-listing-popup .card-list-container .card-item .cart-item-info {
    padding: 30px;
    font-size: 16px;
    font-weight: 200
}

@media only screen and (max-width: 767px) {
    .card-listing-popup .card-list-container .card-item .cart-item-info {
        padding: 15px
    }
}

.card-listing-popup .card-list-container .card-item .cart-item-info .card-name {
    color: #212121;
    font-size: 24px;
    margin-top: 0
}

.card-listing-popup .card-list-container .card-item .cart-item-image {
    padding: 30px;
    text-align: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .card-listing-popup .card-list-container .card-item .cart-item-image img {
        max-height: 255px !important
    }
}

@media only screen and (max-width: 767px) {
    .card-listing-popup .card-list-container .card-item .cart-item-image {
        padding: 15px
    }

    .card-listing-popup .card-list-container .card-item .cart-item-image img {
        max-width: 280px !important;
        max-height: 250px !important
    }
}

.card-listing-popup .card-list-container .card-item .cart-item-image img {
    max-width: 100%
}

.card-listing-popup .card-list-container .card-item .cart-item-image img.one-card-list-page {
    max-height: 280px
}

.card-listing-popup .card-list-container .card-item .btn {
    padding: 10px 25px;
    margin: 40px 15px 0 0
}

@media only screen and (max-width: 480px) {
    .card-listing-popup .card-list-container .card-item .btn {
        margin: 40px 3px 0 0
    }
}

.only-delight-shown {
    display: none
}

.delight-card .only-delight-shown {
    display: block
}

.margin-top-0 {
    margin-top: 0 !important
}

.delight-range-block .first-rebate-row {
    margin-top: 30px;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .delight-range-block .first-rebate-row {
        margin-bottom: 0
    }
}

.delight-range-block .first-rebate-row.other-container .rebate-title-big {
    padding-top: 50px;
    font-size: 24px
}

@media only screen and (max-width: 767px) {
    .delight-range-block .first-rebate-row.other-container .rebate-title-big {
        padding-top: 0
    }
}

.delight-range-block .first-rebate-row .total-value-container {
    background: #FAFAFA;
    padding: 20px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 36px;
    line-height: 63px
}

.ie8 .delight-range-block .first-rebate-row .total-value-container {
    width: 994px
}

@media only screen and (max-width: 767px) {
    .delight-range-block .first-rebate-row .total-value-container {
        font-size: 24px;
        line-height: initial
    }
}

.delight-range-block .first-rebate-row .total-value-container .total-spend-text {
    font-size: 55px;
    font-weight: 100
}

.delight-range-block .first-rebate-row .total-value-container .total-spend-text p {
    font-size: 12px;
    line-height: 12px;
    color: #000
}

.delight-range-block .first-rebate-row .total-value-container .total-spend-text em {
    font-style: normal
}

@media only screen and (max-width: 767px) {
    .delight-range-block .first-rebate-row .total-value-container .total-spend-text {
        font-size: 36px
    }
}

.delight-range-block .rebate-title {
    font-size: 14px;
    font-weight: 200
}

.delight-range-block .rebate-title.stand-alone {
    margin-top: 105px
}

@media only screen and (max-width: 767px) {
    .delight-range-block .rebate-title.stand-alone {
        margin-top: 30px
    }
}

.delight-range-block .rebate-title-big {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px
}

.delight-range-block .range-description {
    min-height: initial;
    font-size: 16px;
    padding-top: 15px;
    color: #004585
}

.delight-range-block .range-description p {
    margin-bottom: 0
}

.delight-range-block .logo-container {
    margin-top: 20px
}

.delight-range-block .range-container,
.singtel-card .range-block .range-container {
    display: block !important
}

.range-two-column {
    padding: 0 55px
}

.ie8 .range-two-column {
    padding: 0 85px 0 55px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .range-two-column {
        padding: 0 35px
    }
}

@media only screen and (max-width: 767px) {
    .range-two-column {
        padding: 0 33px
    }
}

.range-two-column .local {
    float: left;
    width: 43%
}

@media only screen and (max-width: 767px) {
    .range-two-column .local {
        width: 100%;
        margin: 30px 0 25px !important
    }
}

.range-two-column .local .range-slider {
    width: 100% !important
}

.range-two-column .overseas {
    float: right;
    width: 43%
}

@media only screen and (max-width: 767px) {
    .range-two-column .overseas {
        width: 100%;
        margin: 30px 0 25px !important
    }
}

.range-two-column .overseas .range-slider {
    width: 100% !important
}

.range-two-column .icon-plus {
    float: left;
    margin: 137px 0 0 55px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    #unionpay-range-slider .range-two-column .icon-plus {
        margin: 125px 0 0 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .range-two-column .icon-plus {
        margin: 137px 0 0 40px
    }
}

@media only screen and (max-width: 767px) {
    .range-two-column .icon-plus {
        width: 100%;
        margin: 0;
        text-align: center
    }
}

.range-two-column .icon-plus img {
    display: block
}

@media only screen and (max-width: 767px) {
    .range-two-column .icon-plus img {
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .range-two-column .range-container .min-value {
        width: 65px !important;
        text-align: left !important
    }
}

@media only screen and (max-width: 767px) {
    .range-two-column .range-container .max-value {
        width: 65px !important;
        text-align: right !important
    }
}

@media only screen and (max-width: 767px) {
    .range-two-column .range-container .range-slider {
        width: 100% !important
    }
}

.range-two-column .range-container .range-slider .noUi-base {
    position: relative;
    z-index: 2
}

.range-two-column .range-container .range-slider .noUi-base .noUi-origin {
    background: #f5f5f5 !important
}

.range-two-column .noUi-pips {
    top: -14px
}

.range-two-column .noUi-pips .noUi-marker-large {
    height: 17px !important;
    background: url(../images/circle.png) no-repeat;
    width: 17px
}

.range-two-column .noUi-pips .noUi-marker-large.active {
    background: url(../images/circle-active.png) no-repeat
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .range-two-column .noUi-pips .noUi-marker-large {
        background: url(../images/circle.png) no-repeat;
        background-size: 13px 13px
    }

    .range-two-column .noUi-pips .noUi-marker-large.active {
        background: url(../images/circle-active.png) no-repeat;
        background-size: 13px 13px
    }
}

@media only screen and (max-width: 767px) {
    .range-two-column .noUi-pips .noUi-marker-large {
        background: url(../images/circle.png) no-repeat;
        background-size: 12px 12px
    }

    .range-two-column .noUi-pips .noUi-marker-large.active {
        background: url(../images/circle-active.png) no-repeat;
        background-size: 12px 12px
    }
}

.range-two-column .noUi-pips .noUi-marker {
    height: 0
}

.range-two-column .noUi-pips .noUi-value-horizontal {
    padding-top: 40px;
    color: #6e6e6e;
    font-size: 12px;
    line-height: 14px;
    margin-left: -14px
}

@media only screen and (max-width: 767px) {
    .range-two-column .noUi-pips .noUi-value-horizontal {
        padding-top: 25px
    }
}

.range-two-column .calculated-rate {
    text-align: center;
    margin-top: 65px
}

@media only screen and (max-width: 767px) {
    .range-two-column .calculated-rate {
        margin-top: 35px
    }
}

.range-two-column .calculated-rate .calculated-value {
    display: inline-block;
    padding: 0 30px
}

#unionpay-range-slider .range-two-column .calculated-rate .calculated-value {
    padding: 0 50px
}

@media only screen and (max-width: 767px) {
    .range-two-column .calculated-rate .calculated-value {
        padding: 0;
        display: block;
        margin-bottom: 10px
    }
}

.range-two-column .calculated-rate span {
    color: #004585
}

.range-two-column .calculated-rate span.number {
    font-size: 50px
}

@media only screen and (max-width: 767px) {
    .range-two-column .calculated-rate span.number {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .range-dot .range-container .min-value {
        width: 65px !important;
        text-align: left !important
    }
}

@media only screen and (max-width: 767px) {
    .range-dot .range-container .max-value {
        width: 65px !important;
        text-align: right !important
    }
}

@media only screen and (max-width: 767px) {
    .range-dot .range-container .range-slider {
        width: calc(100% - 130px) !important
    }
}

.range-dot .range-container .range-slider .noUi-base {
    position: relative;
    z-index: 2
}

.range-dot .range-container .range-slider .noUi-base .noUi-origin {
    background: #f5f5f5 !important
}

.range-dot .noUi-pips {
    top: -14px
}

.range-dot .noUi-pips .noUi-marker-large {
    height: 17px !important;
    background: url(../images/circle.png) no-repeat;
    width: 17px
}

.range-dot .noUi-pips .noUi-marker-large.active {
    background: url(../images/circle-active.png) no-repeat
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .range-dot .noUi-pips .noUi-marker-large {
        background: url(../images/circle.png) no-repeat;
        background-size: 13px 13px
    }

    .range-dot .noUi-pips .noUi-marker-large.active {
        background: url(../images/circle-active.png) no-repeat;
        background-size: 13px 13px
    }
}

@media only screen and (max-width: 767px) {
    .range-dot .noUi-pips .noUi-marker-large {
        background: url(../images/circle.png) no-repeat;
        background-size: 12px 12px
    }

    .range-dot .noUi-pips .noUi-marker-large.active {
        background: url(../images/circle-active.png) no-repeat;
        background-size: 12px 12px
    }
}

.range-dot .noUi-pips .noUi-marker {
    height: 0
}

.range-dot .noUi-pips .noUi-value-horizontal {
    padding-top: 40px;
    color: #6e6e6e;
    font-size: 12px;
    line-height: 14px;
    margin-left: -14px
}

@media only screen and (max-width: 767px) {
    .range-dot .noUi-pips .noUi-value-horizontal {
        font-size: 10px;
        padding-top: 25px
    }

    .range-dot .noUi-pips .noUi-value-horizontal.first {
        padding-top: 40px
    }
}

.delight-range-block .range-dot .noUi-pips .noUi-value-horizontal.first,
.delight-range-block .range-dot .noUi-pips .noUi-value-horizontal.last,
#preferred-platinum-range-slider .range-blocks-container {
    display: none
}

#preferred-platinum-range-slider .range-blocks-container.active {
    display: block
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    #preferred-platinum-range-slider .range-two-column .icon-plus {
        margin: 125px 0 0 40px
    }
}

#preferred-platinum-range-slider #petrol-at-caltex .range-container .range-slider {
    margin-top: 13px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    #preferred-platinum-range-slider #petrol-at-caltex .range-container .range-slider {
        margin-top: 9px
    }
}

@media only screen and (max-width: 767px) {
    #preferred-platinum-range-slider #petrol-at-caltex .range-container .range-slider {
        margin-top: 9px
    }
}

#preferred-platinum-range-slider #petrol-at-caltex .range-container .min-value {
    text-align: right !important;
    padding-right: 35px
}

@media only screen and (max-width: 767px) {
    #preferred-platinum-range-slider #petrol-at-caltex .range-container .min-value {
        padding-right: 20px
    }
}

.upload-group {
    max-width: 720px;
    margin: 45px auto 0;
    text-align: center;
    font-size: 0
}

.upload-group .upload-item {
    width: 200px;
    vertical-align: top !important;
    text-align: center;
    display: inline-block;
    margin: 0 18px 40px;
    height: 275px;
    font-size: 0
}

.upload-group .upload-item h4 {
    font-size: 20px;
    line-height: 24px;
    color: #0084FF;
    margin: 0 0 10px
}

.upload-group .upload-item .upload-content {
    border: 1px solid #979797;
    padding: 10px;
    width: 200px;
    height: 230px
}

.upload-group .upload-item .upload-content .upload-img {
    height: 155px
}

.upload-group .upload-item .upload-content .upload-img.nric-front img,
.upload-group .upload-item .upload-content .upload-img.nric-back img {
    padding-top: 10px
}

.upload-group .upload-item .upload-content .upload-img.income img {
    padding-top: 15px
}

.upload-group .upload-item .upload-content .upload-btn {
    position: relative;
    overflow: hidden;
    background: url(../images/upload-btn.png) no-repeat;
    width: 176px;
    height: 51px;
    cursor: pointer
}

.upload-group .upload-item .upload-content .upload-btn input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: 176px;
    height: 51px;
    font-size: 400px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: #ffffff;
    cursor: inherit;
    display: block
}

.new-update {
    text-align: center;
    color: #6e6e6e;
    font-size: 24px;
    line-height: 35px;
    width: auto !important;
    padding: 0 !important
}

.new-update .inner {
    margin: 0 auto !important
}

.new-update p,
.new-update p a {
    color: #6e6e6e !important
}

.new-update p a {
    text-decoration: none
}

@font-face {
    font-family: 'Halter';
    src: url('../font/halter.eot');
    src: url('../font/halter.eot?#iefix') format("embedded-opentype"), url('../font/halter.woff') format("woff"), url('../font/halter.ttf') format("truetype"), url('../font/halter.svg#lexiaregular') format("svg");
    font-weight: 400;
    font-style: normal
}

html {
    height: 100%
}

.floatlabel-wrapper>label {
    left: 0 !important
}

.selectUI {
    position: relative
}

.selectUI select {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0;
    top: 0;
    z-index: 2;
    border-bottom: 1px solid transparent
}

.select-primary {
    height: 35px;
    margin-bottom: 10px;
    max-width: 520px
}

.select-primary .select-btn {
    height: 40px;
    display: block;
    border: 1px solid #ccc;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 10px;
}

.select-primary .arrow {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 13px;
    height: 12px;
    background: url(select-arrow.png) no-repeat top left;
    text-indent: -1000em
}

.select-primary.disabled .select-btn {
    background: #ccc
}

.select-primary.disabled .arrow {
    border-top-color: #eee
}

.form-group-container.error input {
    color: red
}

.form-group-container span.sep {
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px auto;
    border-bottom: 1px dotted #b2b2b2;
}

.form-group-container h4 {
    color: #6e6e6e;
    padding-top: 10px;
    font-weight: bold;
}


.form-group-container.error span.error {
    color: #FB002C;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    font-weight: 400;
    display: block
}

.form-group-container.error span.error:before {
    content: "x";
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: top;
    background: #FB002C;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    margin-right: 8px
}

.parsley-errors-list {
    list-style: none;
    color: #FB002C;
}

.checkbox-item span.error {
    color: #FB002C;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    font-weight: 400;
    display: block
}

.checkbox-item span.error:before {
    content: "x";
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: top;
    background: red;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    margin-right: 8px
}

.card-register-form .card-wrapper {
    position: relative
}

.card-register-form .card-face {
    max-width: 313px
}

.card-register-form .card-name,
.card-register-form .uob-card-name {
    position: absolute;
    color: #bbb;
    text-shadow: 1px 1px 3px #000;
    text-transform: uppercase;
    font-family: Halter;
    font-size: 11px;
    bottom: 18px;
    left: 20px;
    width: 200px
}

.card-register-form .form-group-container-date span.error+span.error {
    display: none !important
}

.card-register-form .form-group-fulldate-group input {
    width: 1px;
    height: 1px;
    position: absolute
}

.card-register-form .form-group-fulldate-group .real-date {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.card-register-form .form-group-fulldate-group .fake-date-input {
    font-size: 0;
    color: #000
}

.card-register-form .form-group-fulldate-group .fake-date-input span {
    font-size: 18px
}

.card-register-form .form-group-fulldate-group .fake-date-input input {
    width: 30px;
    height: 34px;
    position: static;
    display: inline;
    font-size: 18px
}

.card-register-form .form-group-fulldate-group .fake-date-input input.fake-month {
    width: 35px;
    text-align: center
}

.card-register-form .form-group-fulldate-group .fake-date-input input.fake-year {
    width: 50px;
    margin-left: 5px
}

.card-register-form .payment-method .radio-input {
    width: 42%;
    text-align: center
}

.card-register-form .placeholder {
    color: #999
}

.card-register-form .form-group {
    /* margin-top: 57px;*/
    margin-top: 15px;
    margin-bottom: 10px;
}

.card-register-form .form-group label.control-label {
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 16px;
    color: #005EB8
}

.control-label-bold {
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 16px;
    color: #005EB8
}

.card-register-form .form-group.disabled label.control-label {
    color: #cecece
}

.card-register-form .form-group .currency-wrapper {
    position: relative
}

.card-register-form .form-group .currency-wrapper input {
    line-height: 34px;
    display: inline-block;
    width: 25%;
    margin-left: 4px
}

.card-register-form .form-group .currency {
    line-height: 35px;
    font-size: 18px;
    color: #000
}

.card-register-form .btn-find {
    padding: 10px 15px;
    border: 1px solid #0084FF;
    background: #0084FF
}

.card-register-form .btn-find img {
    max-width: 23px
}

.card-register-form .btn-find:hover {
    background: #0098eb
}

.card-register-form .input-control-group.date input.date-input {
    width: 100%;
}

.card-register-form .customer-type-switch label.radio-input {
    /* width: 273px;*/
    margin-left: 20px;
    margin-right: 0;
    padding: 19px 5px
}

.card-register-form label.radio-input {

    font-weight: 400;
    min-width: 104px;
    width: auto;
    /* border: 1px solid #ebebeb;
   background-color: #ffffff;*/
    background: url('check_box_bg.png') no-repeat 0 0;
    display: inline-block;
    margin-right: 14px;
    /* padding: 19px 15px;*/
    padding-left: 24px;

    cursor: pointer;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in
}

.card-register-form label.radio-input:first-child {
    margin-left: 0
}

.card-register-form label.radio-input input {
    width: 1px;
    height: 1px;
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.card-register-form label.radio-input.selected {

    /* border: 1px solid #ebebeb;
   background-color: #ffffff;*/
    background: url('check_box_bg1.png') no-repeat 0 0;
    display: inline-block;

    /*  background: #0c3577;
    border: 1px solid #0c3577;
    color: #ffffff */
}

.card-register-form label.radio-input.radio-input-gender {
    min-width: 125px;
    text-align: center
}

.card-register-form label.radio-input .icon-male,
.card-register-form label.radio-input .icon-female {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.card-register-form label.radio-input .icon-male {
    background-image: url('../images/card-register/icon-male.png')
}

.card-register-form label.radio-input .icon-female {
    background-image: url('../images/card-register/icon-female.png')
}



.card-register-form input[type="text"],
.card-register-form input[type="email"],
.card-register-form input[type="date"],
.card-register-form input[type="number"] {
    /* background: 0 0;
    border: none;
    box-shadow: none;*/
    padding: 0;
    padding-left: 5px;
    box-sizing: content-box
}

.card-register-form .form-control {
    font-size: 17px;
    color: #000
}

.card-register-form .range-block .range-container {
    margin-top: 20px;
    margin-right: 10%
}

.card-register-form .range-block .range-container .range-slider {
    width: 100%
}

.card-register-form .range-block .range-container .noUi-base {
    z-index: 2
}

.card-register-form .range-block .range-container .noUi-base .noUi-origin {
    background: #f5f5f5 !important
}

.card-register-form .range-block .range-container .noUi-pips {
    z-index: 1
}

.card-register-form .range-block .range-container .noUi-marker.noUi-marker-normal {
    height: 0
}

.card-register-form .range-block .range-container .noUi-marker.noUi-marker-large {
    width: 16px;
    height: 16px;
    top: -13px;
    border-radius: 50%;
    background: #f5f5f5;
    z-index: 1
}

.card-register-form .range-block .range-container .noUi-marker.noUi-marker-large.active {
    background: #FB002C
}

.card-register-form .yes-no-choice {
    min-width: 100px;
    text-align: center
}

.form-status-wrapper {
    background: #EDF1F2;
}

.form-status {
    position: relative;
    max-width: 782px;
    height: 137px;
    padding: 47px 20px 30px 20px;
    margin: 0 auto;
}

/*.form-status .icon {
    width: 38px;
    height: 38px;
    display: block;
    background: url(../images/card-register/card-form-icons.png) no-repeat top left;
    background-size: 100px 188px; }
    .form-status .icon.icon-phone {
      background-position: 0 -50px; }
    .form-status .icon.icon-check {
      background-position: 0 -100px; }
    .form-status .icon.icon-like {
      background-position: 0 -150px; }*/
.form-status .text {
    color: #9B9B9B;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    width: 150px;
    margin-left: -56px;
    text-align: center;
    margin-top: 10px;
}

.form-status ul {
    padding: 0;
    margin: 0;
    font-size: 0;
    position: relative;
    z-index: 2;
}

.form-status ul li {
    list-style: none;
    position: relative;
    display: inline-block;
    width: 25%;
    position: absolute;
    margin-left: -19px;
}

.form-status ul li.step-1 {
    left: 0;
}

.form-status ul li.step-2 {
    left: 25%;
}

.form-status ul li.step-3 {
    left: 50%;
}

.form-status ul li.step-4 {
    left: 75%;
}

.form-status ul li.step-5 {
    left: 100%;
}

.form-status ul li.active .icon.icon-user {
    background-position: -62px 0;
}

.form-status ul li.active .icon.icon-phone {
    background-position: -62px -50px;
}

.form-status ul li.active .icon.icon-check {
    background-position: -62px -100px;
}

.form-status ul li.active .icon.icon-like {
    background-position: -62px -150px;
}

.form-status ul li.active .text {
    color: #0084FF;
}

.form-status .border {
    height: 2px;
    background: #bcc8ce;
    width: 98%;
    position: absolute;
    z-index: 1;
    top: 65px;
    left: 2px;
}

.ie8 .form-status .icon {
    background-image: url(../images/card-register/ie8-card-form-icons.png);
}

.form-status .icon {
    width: 38px;
    height: 38px;
    display: block;
    background-size: 50px;
    background-position: center;
    border-radius: 50%;
    background-color: #edf1f2;
    border: 3px solid #c8d2d7;
    background-repeat: no-repeat;
}

.form-status .active .icon {
    background-color: #0084FF;
    border-color: #0084FF;
}

.form-status .icon-person {
    background-image: url('../images/card-register/step_01.png');
}

.form-status .active .icon-person {
    background-image: url('../images/card-register/step_01_active.png');
}

.form-status .icon-applicant {
    background-image: url('../images/card-register/step_02.png');
}

.form-status .active .icon-applicant {
    background-image: url('../images/card-register/step_02_active.png');
}

.form-status .icon-nric {
    background-image: url('../images/card-register/step_05.png');
}

.form-status .active .icon-nric {
    background-image: url('../images/card-register/step_05_active.png');
}

.form-status .icon-bag {
    background-image: url('../images/card-register/step_03.png');
}

.form-status .active .icon-bag {
    background-image: url('../images/card-register/step_03_active.png');
}

.form-status .icon-approve {
    background-image: url('../images/card-register/step_06.png');
}

.form-status .active .icon-approve {
    background-image: url('../images/card-register/step_06_active.png');
}

.lead-form-wrapper {
    margin-top: 50px
}

.form-outer-bound {
    padding: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px
}

.form-outer-bound-header .media-left {
    padding-right: 25px
}

.form-outer-bound-header .media-body {
    padding-top: 10px
}

.form-outer-bound-header .media-heading a {
    color: #2c2c2c
}

.apply-vs-sms .media-heading {
    text-decoration: underline
}

.or-separator {
    margin: 15px 0;
    font-size: 18px;
    font-weight: 700;
    color: #2c2c2c;
    text-transform: uppercase
}

.input-control-group,
.select-control-group {
    /*margin-bottom: 20px;*/
    overflow: hidden;
    /*margin-top: 11px*/
}

.input-control-group.date {
    color: #004585
}

.input-control-group.date .floatlabel-wrapper {
    display: inline-block
}

.input-control-group.date input {
    font-size: 18px;
    width: 37px;
    height: 34px;
    color: #000;
    line-height: 1.42857143
}

.input-control-group.date input:focus {
    outline: none
}

.input-control-group.property-group {
    margin-bottom: 0
}

.input-control-group.property-group .radio-input {
    margin-bottom: 15px
}

.card-thank-page input.primary-btn {
    background: #0084FF;
    border-color: #0084FF
}

.card-thank-page input.primary-btn:hover {
    background: #ffffff;
    color: #0084FF
}

.header {
    padding: 0;
    background: 0 0;
    /* height: 176px;*/
    border-bottom: none
}

.header .container {
    position: relative;
    /*background: url('../images/card-register/bgd-header.jpg') 0 0 no-repeat #005EB8;*/
    background: #005EB8;
    /*height: 176px;*/
    /*height: 160px;*/
    min-height: 110px;
    padding-top: 20px;
    /* padding-bottom: 20px;*/
    padding-bottom: 10px;
    border: none
}

.smart-pay-page {
    background: #ffffff
}

.smart-pay-page .btn-regis-done {
    background: #0084FF;
    border-color: #0084FF
}

.smart-pay-page .btn-regis-done:hover {
    background: #ffffff;
    color: #0084FF
}

.smart-pay-page .submission {
    /*margin-top: 55px;*/
    margin-top: 15px;
    text-align: right
}

.smart-pay-page .submission .primary-btn {
    font-family: 'NotoSansBold';
    margin: 0;
    background-color: #0084FF;
    color: #ffffff;
    border: 2px solid #0084FF;
    outline: none;
    font-size: 15px;
    border-radius: 4px;
    min-width: 100px;
    padding: 10px;
    max-width: 100px;
    height: auto;
    text-decoration: none;
}

.smart-pay-page .submission .primary-btn:hover {
    background: #004585;
    border: 2px solid #004585;
    color: #FFFFFF
}

.header-wrap,
.header-card {
    /* overflow: hidden;*/
    padding: 0 35px
}

.header-wrap .card-icon,
.header-card .card-icon {
    /*background: url(../images/card-register/header-card-bg.png) no-repeat top left;
    width: 132px;
    height: 132px;
    text-align: center;
    display: block*/
    max-width: 400px;
    margin-left: 10px;
    height: 120px;
    text-align: right;
    display: block;
}

.header-wrap .card-icon:before,
.header-card .card-icon:before {
    content: " ";
    display: inline-block;
    width: 1px;
    vertical-align: middle;
    height: 100%
}

.header-wrap .card-icon img,
.header-card .card-icon img {
    /*  max-width: 80px;
    display: inline-block;
    vertical-align: middle */
    max-width: 150px;
    max-height: 120px;
    display: inline-block;
    vertical-align: middle;
}

.header-content {
    padding-left: 200px;
    padding-right: 120px;
    padding-top: 5px;
    color: #ffffff
}

.header-content h2 {
    font-size: 24px;
    margin-top: 10px;
    font-weight: 400;
}

.header-content .icon-car {
    float: left;
    width: 42px;
    height: 37px;
    background: url('../images/card-register/icon-car.png') 0 0 no-repeat
}

.header-content .inner {
    float: left;
    margin-left: 15px
}

.header-content p {
    font-size: 16px;
    margin-bottom: 0
}

.header-content p a {
    color: #ffffff;
    text-decoration: underline
}

.header-content p:first-child {
    margin-top: 4px
}

.process-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #e1e1e1
}

.status-percent {
    width: 2%;
    height: 100%;
    background: #88d435;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear
}

.card-register-step {
    overflow: hidden
}

.card-register-step-1,
.card-register-step-2 {
    background-color: #F5F5F5
}

.card-register-step-1 .form-group.last {
    margin-bottom: 0
}

.card-register-step-2 {
    padding-top: 40px;
    padding-bottom: 250px
}

.card-register-step-3 {
    background-color: #ffffff
}

.card-register-step-3 .confirm-content {
    width: 700px;
    overflow: hidden;
    margin: 0 auto
}

.card-register-step-3 .confirm-footer {
    padding: 40px 0 0;
    border-top: 1px solid #d6d6d6
}

.card-register-step-3 .footer-content {
    margin-bottom: 60px
}

.card-register-step-3 .footer-content a {
    color: #004585;
    text-decoration: none
}

.card-register-step-3 .footer-content a:hover {
    text-decoration: underline
}

.card-register-step-3 .footer-content .list-1 li {
    color: #004585
}

.confirm-title {
    margin: 40px 0 60px;
    font-size: 24px;
    font-weight: 700;
    color: #5c5c5c;
    text-align: center
}

.confirm-table {
    margin-bottom: 63px;
    font-size: 18px
}

.confirm-table tbody>tr>td {
    border-bottom: 1px solid #ddd;
    border-top: none;
    padding: 11px 8px
}

.confirm-table .label-name {
    width: 304px;
    color: #909090;
    text-align: right
}

.confirm-table .label-data {
    width: 304px;
    color: #000
}

.confirm-table .label-data.currency:before {
    content: "S$";
    display: inline-block;
    margin-right: 5px
}

.confirm-table .space {
    width: 34px
}

.checkbox-item {
    position: relative;
    margin-bottom: 20px
}

.checkbox-item input[type=checkbox] {
    position: absolute;
    top: 2px;
    left: 2px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox-item .checkbox-1 {
    position: relative;
    float: left;
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #d4d4d4;
    cursor: pointer;
    z-index: 2
}

.checkbox-item.checked .checkbox-1 {
    background-image: url('../images/card-register/check.png')
}

.checkbox-item .text {
    display: block;
    padding-left: 50px;
    margin-bottom: 20px;
    font-weight: 400
}


.submit-footer {
    height: 192px;
    background: url('../images/card-register/bgd-footer.jpg') 0 0 no-repeat;
    background-size: 100% 100%;
}

.submit-footer .btn {
    margin: 64px 15px 0
}

.btn-1,
.btn-2 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 24px;
    min-width: 178px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear
}

.btn-2 {
    border: 2px solid #ffffff;
    color: #ffffff
}

.btn-2:hover {
    background: #ffffff;
    color: #004585
}

.btn-3 {
    min-width: 93px;
    padding: 11px 15px;
    background-color: #004585;
    border: 1px solid #004585;
    font-size: 18px;
    color: #ffffff
}

.btn-3:hover {
    background-color: #ffffff;
    color: #004585
}

.card-thank-page {
    background: #ffffff;
    height: 100%
}

.card-thank-page .content .container {
    background: #EDF1F2
}

.card-thank-page .content-container {
    min-height: 100%;
    color: #004585
}

.card-thank-page .status-percent {
    width: 92%
}

.card-thank-page .header {
    padding: 0;
    background: 0 0;
    height: 176px;
    border-bottom: none;
    margin: 0;
    width: 100%
}

.card-thank-page .header .container {
    position: relative;
    background: #005EB8;
    min-height: 110px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none
}

.card-document-form {
    overflow: hidden;
    padding: 30px 15px 150px
}

.card-document-form .form-group {
    margin-top: 47px
}

.card-document-form .btn-1 {
    padding: 18px 15px;
    min-width: 350px;
    font-size: 18px
}

.card-document-form .logo-one-uob {
    display: block;
    margin-top: -6px;
    margin-left: 5px
}

.card-document-form .logo-uob {
    display: block;
    margin-top: 8px;
    margin-right: 5px
}

.card-document-content {
    width: 830px;
    padding-top: 30px;
    padding-left: 183px;
    color: #004585;
    line-height: 30px
}

.card-document-content .inner {
    width: 615px;
    margin-left: 13px
}

.card-document-content h3 {
    margin-top: 28px;
    font-weight: 400
}

.card-document-content ul {
    margin-top: 35px
}

.card-document-content ul li {
    margin-bottom: 4px;
    padding-left: 23px;
    font-size: 16px;
    color: #004585;
    background: url('../images/card-register/bullet-1.png') 0 11px no-repeat
}

.card-document-content p {
    color: #004585
}

.card-document-content a {
    color: #004585;
    text-decoration: underline
}

.drag-group {
    position: relative;
    height: 160px;
    border: 1px dashed #b9bcc7;
    margin: 33px 0 27px;
    text-align: center;
    overflow: hidden
}

.drag-group img {
    margin-top: 20px
}

.drag-group h4 {
    margin-top: 21px;
    margin-bottom: 3px;
    font-size: 28px;
    color: #004585
}

.drag-group p {
    font-size: 18px;
    line-height: 18px
}

.drag-group input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 200px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.identify-customer {
    /* width: 720px;*/
    width: 820px;
    /*padding: 53px 20px 90px;*/
    padding: 0px 20px 90px;
    margin: 0 auto
}

.declaration-content {
    padding: 20px 40px
}

.declaration-content ol>li {
    margin-bottom: 20px
}

.modal-1 .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.modal-1 .tab-pane {
    padding: 30px
}

.modal-1 .tab-pane .inner {
    margin-top: 30px;
    margin-bottom: 60px;
    padding-left: 30px
}

.modal-1 .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: #c7c7c7 url('../images/card-register/icon-close.png') center center no-repeat;
    color: #ffffff;
    font-weight: 400;
    font-size: 29px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.modal-1 .close:hover {
    background-color: #004585
}

.require-header {
    position: relative
}

.require-header .nav-tabs {
    border-bottom: none;
    padding-right: 60px
}

.require-header .nav-tabs li {
    width: 25%;
    margin-bottom: 0
}

.require-header .nav-tabs li a {
    margin-right: 0;
    padding: 19px 15px 18px;
    border-top: none;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-radius: 0;
    font-size: 16px;
    color: #2c2c2c;
    text-align: center;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear
}

.require-header .nav-tabs li a:hover {
    color: #ffffff;
    background-color: #d0021b;
    border-bottom: 1px solid #d0021b;
    border-right: none
}

.require-header .nav-tabs li:first-child a {
    border-left: none
}

.require-header .nav-tabs li.active>a:focus,
.require-header .nav-tabs li.active>a:hover,
.require-header .nav-tabs li.active>a {
    color: #ffffff;
    background-color: #d0021b;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #d0021b
}

@media only screen and (min-width: 768px) {
    .card-register-step-2 .container {
        width: 645px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .smart-pay-page .content-container>.sticky-wrapper {
        height: auto !important
    }

    .header-content h2 {
        font-size: 18px
    }

    .card-document-content {
        width: auto;
        padding-left: 0
    }

    .card-document-content .inner {
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .form-status {
        max-width: 100%
    }

    .card-document-content {
        width: auto;
        padding-left: 0
    }

    .card-document-content .inner {
        margin: 0 auto
    }

    .smart-pay-page .header .logo-uob img {
        width: 60px
    }

    .smart-pay-page .header .logo {
        padding-top: 15px
    }

    .smart-pay-page .header .logo img {
        width: 75px;
        height: auto
    }

    .smart-pay-page .header .container {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .smart-pay-page .submission {
        margin-top: 30px
    }

    .media-body {
        margin-top: 10px
    }

    .header-wrap {
        padding: 0 20px
    }

    .header-content {
        padding-left: 0;
        padding-right: 0
    }

    .header-content h2 {
        margin-top: 10px;
        font-size: 16px
    }

    .header-content p {
        font-size: 14px
    }

    .identify-customer {
        width: auto;
        padding-top: 20px;
        padding-bottom: 40px
    }

    .card-register-form .customer-type-switch label.radio-input {
        width: 100%;
        margin: 0 0 10px
    }

    .card-register-form .form-group {
        margin-top: 30px
    }

    .card-register-form .form-group.frm-name-card {
        margin-top: 20px
    }

    .card-register-form .range-block .range-blocks-container {
        margin-left: 26px
    }

    .card-register-form .range-block .range-blocks-container .noUi-marker.noUi-marker-large {
        top: -11px
    }

    .lead-form-wrapper {
        margin-top: -16px
    }

    .lead-form-wrapper .form-group {
        margin-top: 15px
    }

    .form-outer-bound .media-left {
        padding-right: 20px
    }

    .form-outer-bound .media-left img {
        width: 40px
    }

    .form-outer-bound .media-body {
        padding-top: 0
    }

    .form-outer-bound .media-body p {
        margin-bottom: 0
    }

    .form-outer-bound .media-heading {
        font-size: 14px
    }

    .card-register-step-3 .confirm-title {
        margin-bottom: 30px
    }

    .card-register-step-3 .confirm-content {
        padding: 0 20px;
        width: 100%
    }

    .card-register-step-3 .confirm-footer h3 {
        margin-bottom: 20px;
        font-size: 20px
    }

    .card-register-step-3 .checkbox-item .text {
        padding-left: 40px
    }

    .require-header .nav-tabs {
        padding-right: 0
    }

    .require-header .nav-tabs li {
        width: 100%
    }

    .modal-1 .tab-pane .inner {
        padding-left: 20px;
        margin-bottom: 30px;
        margin-top: 20px
    }

    .card-document-form {
        padding: 20px 10px 40px
    }

    .card-document-form h3 {
        font-size: 18px
    }

    .card-document-form .card-document-content {
        width: auto;
        margin-left: 0;
        float: none
    }

    .card-document-form .card-document-content .inner {
        width: auto
    }

    .card-document-form .card-document-content ul {
        margin-top: 20px;
        padding-left: 20px
    }

    .card-register-form .card-face {
        max-width: 300px
    }
}

@media only screen and (max-width: 1024px) {
    .card-page #sticky-wrapper {
        height: auto !important
    }

    .smart-pay-page .header,
    .card-thank-page .header {
        position: static !important;
        width: 100% !important;
        padding: 0;
        height: auto
    }

    .smart-pay-page .header .container,
    .card-thank-page .header .container {
        height: auto
    }
}

@media only screen and (max-width: 767px) {

    .smart-pay-page .header,
    .card-thank-page .header,
    .smart-pay-page .header .container,
    .card-thank-page .header .container {
        height: auto
    }

    .header .header-wrap .card-icon,
    .header .header-wrap .header-content .media {
        display: none
    }

    .header.in-step-1 .card-icon,
    .header.in-step-1 .header-content .media {
        display: block
    }

    .smart-pay-page .header .container,
    .card-thank-page .header .container {
        padding-bottom: 20px;
        background-size: auto 100%
    }

    .card-register-form .select-primary {
        height: 54px
    }

    .card-register-form .select-primary .select-btn {
        height: 54px;
        padding: 11px 15px 8px 23px
    }

    .card-register-form .select-primary .arrow {
        top: 22px
    }

    .card-register-form label.radio-input {
        font-size: 14px;
        /*padding: 12px 9px;*/
        padding-left: 24px;
        height: auto !important;
    }
}

@media only screen and (max-width: 568px) {

    .smart-pay-page .btn-1,
    .smart-pay-page .btn-2 {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        min-width: 120px
    }

    .smart-pay-page .confirm-table .label-name,
    .smart-pay-page .confirm-table .label-data {
        font-size: 12px
    }

    .card-document-form .btn-1 {
        min-width: inherit;
        font-size: 16px;
        width: 100%
    }

    .card-document-form .card-document-content h3 {
        font-size: 14px
    }

    .card-document-form .card-document-content ul {
        list-style: disc;
        padding-left: 15px
    }

    .card-document-form .card-document-content ul li {
        font-size: 12px;
        padding-left: 0;
        background: 0 0;
        line-height: 2
    }
}

.ie8 .smart-pay-page .container,
.ie8 .card-thank-page .container {
    width: auto
}

.ie8 .smart-pay-page .card-register-step-2 .container,
.ie8 .card-thank-page .card-register-step-2 .container {
    width: 645px
}

.fileUpload,
.confirmationPage,
#card-register-step-3 {
    padding-top: 4rem;
}

.title-container {
    color: #6e6e6e;
    padding: 0 40px;
    font-size: 25px;
    margin-bottom: 34px;
    font-family: 'NotoSansLight', Fallback, sans-serif;
}

.fileUpload .content-container {
    padding: 0 24px;
    color: #6e6e6e;
    font-size: 12px;
    margin-bottom: 45px;
    font-family: 'NotoSansRegular', Fallback, sans-serif;
}

.fileUpload .content-container ol li {
    margin-left: 0;
    padding-left: 0;
}

.fileUpload .nric-container {
    padding: 0 20px;
}

.fileUpload .nric-container .nric-item {
    padding-bottom: 32px;
}

.fileUpload .nric-container .nric-item.signature {
    padding-bottom: 0px;
}

.fileUpload .nric-container .title {
    font-family: 'NotoSansBold', Fallback, sans-serif;
    font-size: 15px;
    color: #6e6e6e;
    margin-bottom: 19px;
}

.fileUpload .nric-container .content {
    width: 100%;
    border: solid 1px #95a0b1;
    border-radius: 5px;
    height: 423px;
    max-width: 284px;
    behavior: url(assets/js/PIE.htc);
}

.fileUpload .nric-container .content .top-content {
    height: 140px;
    width: 100%;
    display: table;
}

.fileUpload .nric-container .content .top-content div {
    vertical-align: middle;
    display: table-cell;
}

.fileUpload .nric-container .content .bottom-content {
    height: 180px;
    width: 100%;
    background-color: #c2c2c2;
    position: relative;
    font-family: 'OpenSanSemiBold', Fallback, sans-serif;
    display: table;
}

.fileUpload .nric-container .content .bottom-content:hover {
    background-color: #0aa6f8;
}

.fileUpload .nric-container .content .bottom-item {
    display: block;
    vertical-align: middle;
    height: 140px;
    width: 100%;
    padding-top: 50px;
}

.fileUpload .nric-container .content .bottom-content .error {
    display: none !important;
}

.fileUpload .nric-container .content .bottom-content .display_image {
    width: 100%;
    height: 140px;
    position: absolute;
    overflow: hidden;
    text-align: center;
}

.fileUpload .nric-container .content .bottom-content .display_image img {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    top: 50%;
}

.fileUpload .nric-container .content .bottom-content input {
    width: 100%;
    height: 100%;
    position: absolute;

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    /* IE 5-7 */
    filter: alpha(opacity=0);

    /* Netscape */
    -moz-opacity: 0;

    /* Safari 1.x */
    -khtml-opacity: 0;

    /* Good browsers */
    opacity: 0;
}

.fileUpload .nric-container .content .bottom-content .upload {
    margin: 0 auto;
    margin-bottom: 15px;
}

.fileUpload .nric-container .content .bottom-content .title {
    color: white;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 10px;
}


.fileUpload .photograph-checkbox label {
    font-size: 14px;
}

.fileUpload .photograph-checkbox {
    margin-top: 25px;
}

.fileUpload .top-btn {
    cursor: pointer;
}

.fileUpload .next_button {
    width: 155px;
    height: 50px;
    background-color: #d7d7d7;
    border-radius: 5px;

    position: relative;
    margin-top: 43px;

    margin-left: 27px;
    cursor: pointer;
    behavior: url(assets/js/PIE.htc);
}

.fileUpload .next_button:hover {
    background-color: #0aa6f8;
}

.fileUpload .next_button .title {
    position: relative;
    height: 53px;
    line-height: 53px;
    white-space: nowrap;
    left: 17px;

    color: white;
    font-size: 18px;
}

.fileUpload .next_button img {
    position: absolute;
    top: 0;
    margin-top: 14px;


    right: 14px;
}

.fileUpload .top-btn-container {
    margin-right: 14px;
    margin-top: 27px;
    position: relative;
}

.fileUpload .top-btn-container img {
    position: absolute;
    right: 0;
}

.fileUpload .footer-container {
    text-align: center;
    color: #6e6e6e;
    font-size: 10px;
    margin-top: 100px;
    margin-bottom: 47px;
    padding: 0 63px;
}

.fileUpload .bottom_bg_container {
    background-color: #0e3973;
    height: 21px;
    width: 100%;
}

.fileUpload .checkbox-container {
    /*height:18px;*/
    padding-left: 20px !important;
}

.fileUpload .checkbox-container input[type='radio'],
.checkbox-container input[type='checkbox'] {
    /*display: inline-block;*/
    background: url('../img/desktop/check_box_bg.png') no-repeat 0 0;
}

.fileUpload .upload-group {
    max-width: none;
}

.fileUpload .document_type {
    font-size: 21px;
    text-align: left;
    font-weight: 700;
}

.fileUpload .alert {
    margin-bottom: 0;
    margin-top: 2rem;
}

.fileUpload .alert .close span {
    font-size: 14px;
    letter-spacing: 0;
}

/*Added for overlay*/

/* Styling for modal window for required docs */
.upload-group {
    text-align: left;
}

.upload-group .upload-item .upload-content {
    border-radius: 5px;
}

.upload-group .upload-item .upload-content .upload-img.nric-front img,
.upload-group .upload-item .upload-content .upload-img.nric-back img {
    padding-top: 0px;
}

.upload-group .upload-item .upload-content {
    height: auto;
}

.upload-group .upload-item .upload-content .upload-img {
    height: 150px;
}

.upload-content {
    padding: 0px !important
}

.browse-btn {
    display: none !important;
    height: 0px !important;
    width: 0px !important;
}

.uploadFile {
    background: url('../images/card-register/upload-icon-small.png') no-repeat 8px 8px #0084FF;
    color: #ffffff;
    font-size: 13px;
    padding: 13px 15px;
    border-radius: 5px;
    border: 1px solid #0084FF;
    cursor: pointer;
    font-weight: bold;
    padding-left: 40px;
    display: inline-block
}

.uploadFile:hover {
    background: url('../images/card-register/upload-icon-small-hover.png') no-repeat 8px 8px #ffffff;
    color: #0084FF;
    cursor: pointer;
}

.uploadFile.close-lightbox {
    background-image: none;
    padding-left: 15px;
    float: right;
}

.upload-btn {
    width: 100% !important;
    height: auto !important;
    background-color: #0084FF !important;
    padding: 45px 0px;
}

.upload-group .upload-item .upload-content .upload-img.income img {
    padding-top: 0px;
}

.upload-group .separator {
    position: relative;
    text-align: center;
    margin: 20px auto;
}

.upload-group .separator:before {
    position: absolute;
    width: 100%;
    height: 1px;
    content: " ";
    display: block;
    left: 0;
    top: 50%;
    background: #004585;
    z-index: 1;
}

.upload-group .separator.no_line {
    background: none;
}

.upload-group .separator span {
    background: #edf1f2;
    position: relative;
    z-index: 2;
    padding: 0 10px;
    font-weight: 700;
    font-size: 20px;
}

.modal-content .separator span {
    font-size: 15px;
    background: #ffffff;
    padding: 0 5px;
}

/* document upload styling */
.upload-group {
    overflow: hidden;
}

.upload-group .doc_listing {
    overflow: hidden;
    clear: both;
    font-size: 16px;
    margin-bottom: 20px;
}

.upload-group .doc_listing .document_thumbnail {
    float: left;
    width: 20%;
    margin-right: 0.5%;
    vertical-align: top;
    padding: 0
}

.upload-group .doc_listing .document_thumbnail img {
    width: 80%;
    height: auto;
    padding: 0 10px
}

.upload-group .doc_listing .document_title {
    float: left;
    width: 45%;
    margin-right: 0.5%;
    text-align: left;
}

.upload-group .doc_listing .document_selection {
    float: left;
    width: 30%
}

.upload-group .form-group-container.error {
    margin-bottom: 30px;
}

.upload-group .form-group-container.error .separator:before {
    background: none;
    position: relative;
}

.upload-group .form-group-container.error .separator {
    display: block;
}

/* Styling for modal window for required docs */
.overlay {
    background-color: #000;
    display: none;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
}

.modal_window {
    background-color: #ffffff;
    border-radius: 5px;
    display: none;
    min-height: 100px;
    width: 50%;
    position: absolute;
    margin: 0 25%;
    top: 10%;
    z-index: 9999;
}

.modal_window .close_icon {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background-color: #666;
    text-align: center;
    vertical-align: middle;
    border-radius: 50px;
}

.modal_window .close_icon img {
    margin-top: 7px;
}

.modal_window .modal_content {
    margin: 20px;
}

.step-item {
    margin-bottom: 25px;
}

.confirmationPage .step-item.img-container {
    margin-bottom: 52px;
}


.confirmationPage .step-item .content {
    padding-left: 12px;
    /*padding-right: 11px;*/
    font-size: 12px;
}

.confirmationPage .step-item .detail_item {
    border: solid 1px #95a0b1;
    border-radius: 5px;
    background-color: white;

    padding: 18px 12px 45px 12px;
    behavior: url(assets/js/PIE.htc);
}

.confirmationPage .step-item .detail_item .header {
    margin-bottom: 20px;
}

.confirmationPage .step-item .detail_item .header p {
    width: 69%;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
}

.confirmationPage .step-item .detail_item .header div {
    display: inline-block;
    width: 29%;
    text-align: right;
}


.confirmationPage .step-item .detail_item .header {
    font-size: 12px;
    font-family: 'NotoSansBold', Fallback, sans-serif;
}

.confirmationPage .step-item .detail_item .sub-header {
    font-size: 12px;
    font-family: 'NotoSansBold', Fallback, sans-serif;
    margin-top: 24px;
    margin-bottom: 20px;
}

.confirmationPage .content .left-content {
    display: inline-block;
    width: 150px;
}

.confirmationPage .content .right-content {
    display: inline-block;
}

.confirmationPage .step-item .result-nric .img-item {
    height: 105px;
    /*background: url("../img/desktop/img-nric-front-icon.png") no-repeat center;*/
}

.confirmationPage .step-item .result-nric-back .img-item {
    height: 105px;
    /*background: url("../img/desktop/img-nric-back-icon.png") no-repeat center;*/
}

.confirmationPage .step-item .result-nric-signature .img-item {
    height: 105px;
    /*background: url("../img/desktop/img-signature-icon.png") no-repeat center;*/
}

.confirmationPage .step-item .nric-result-container {
    padding-left: 10px;
    padding-right: 10px;
}

.confirmationPage .step-item .nric-result-container .result-nric-signature {
    margin-top: 10px;
}

.confirmationPage .modal-dialog {
    width: 400px;
    margin: 0px auto;
}

.confirmationPage .modal-dialog .modal-content {
    background-color: #ebebeb;
}

.confirmationPage .modal-dialog .top-img {
    margin-top: 32px;
}

.confirmationPage .modal-dialog .hi-there {
    margin-top: 14px;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: 'NotoSansBold', Fallback, sans-serif;
}

.confirmationPage #confirmationPage_confirmation .modal-dialog .hi-there {
    font-size: 16px;
}

.confirmationPage #confirmationPage_confirmation .modal-dialog {
    width: 600px;
    margin: 0px auto;
}

.confirmationPage .btn.get-started {
    margin-top: 32px;
    background-color: #00a4fc;
    color: white;
}

.confirmationPage .btn.cancel {
    margin-top: 10px;
    margin-bottom: 27px;
    background-color: #95a0b2;
    color: white;
}

.confirmationPage .modal#confirmationPage_confirmation .content {
    height: 332px;
    overflow-y: scroll;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 20px 10px;
    font-family: 'NotoSansLight', Fallback, sans-serif;
    font-size: 14px;
    background-color: white;
    behavior: url(assets/js/PIE.htc);
}

.confirmationPage .term-condition-link {
    color: #0aa6f8;
    cursor: pointer;
    font-size: 15px;
    padding-left: 5px;
}

.confirmationPage .edit-step-1,
.confirmationPage .edit-step-2,
.confirmationPage .edit-step-3,
.confirmationPage .edit-step-4,
.confirmationPage .edit-step-5 {
    cursor: pointer;
}

.confirmationPage .step-item .detail_item {
    border: solid 1px #95a0b1;
    border-radius: 5px;
    background-color: white;
    padding: 18px 12px 45px 12px;
}

.confirmationPage .step-item .detail_item .header {
    font-size: 12px;
    font-family: 'NotoSansBold', Fallback, sans-serif;
}

.confirmationPage .step-item .detail_item .header p {
    width: 69%;
    display: inline-block;
    text-align: left;
}

.confirmationPage .step-item div {
    padding-left: 0px;
}

.confirmationPage .step-item .detail_item .header {
    margin-bottom: 20px;
}

.confirmationPage .step-item .detail_item .header {
    font-size: 12px;
    font-family: 'NotoSansBold', Fallback, sans-serif;
}






.top-error .top-error-box {
    border-radius: 5px;
    color: #ffffff;
    padding: 15px;
    background-image: url(../images/card-register/icon-info.png);
    background-repeat: no-repeat;
    background-position: 20px 10px;
    background-size: 30px 30px;
    background-color: #DA5665;
    margin-top: 2%;
    margin-bottom: 20px;
}

.top-error .top-error-box {
    padding-left: 60px;
    line-height: 1.1em;
    margin: 0;
    font-size: 14px;
}

.unsupport_browser .logo {
    background: #005EB8;
    padding: 20px 10px;
}

.unsupport_browser .browser-details {
    float: left;
    width: 22%;
    margin-right: 1%;
    background-color: #ffffff;
    padding: 5px;
}

.unsupport_browser .browser-icon {
    float: left;
    width: 35%;
    margin-right: 1%;
    text-align: center;
}

.unsupport_browser .browser-icon img {
    width: 85%;
    margin-top: 5%;
}

.unsupport_browser .browser-name a {
    color: #0084FF;
    text-decoration: none;
    display: block;
    margin-top: 10px;
}

.unsupport_browser .browser-name a:hover {
    color: #0084FF;
    text-decoration: underline;
}

.file_upload_notes {
    margin: 45px auto 0;
    max-width: 720px;
}

.nrics {
    max-width: 840px;
    margin: 25px auto 0 auto;
}

.step-3-submission {
    padding-bottom: 5rem;
}

.card-register-step .parsley-errors-list {
    display: none;
}

.card-register-step-3 .parsley-errors-list {
    display: block;
}

.upload-group {
    max-width: 720px;
    margin: 45px auto 0;
    text-align: center;
    font-size: 0;
}

.upload-group .upload-item {
    width: 200px;
    vertical-align: top !important;
    text-align: center;
    display: inline-block;
    margin: 0 18px 40px 18px;
    height: 275px;
    font-size: 0;
}

.upload-group .upload-item h4 {
    font-size: 20px;
    line-height: 24px;
    color: #005EB8;
    margin: 0 0 10px 0;
}

.upload-group .upload-item .upload-content {
    border: 1px solid #979797;
    padding: 10px;
    width: 200px;
    height: 230px;
}

.upload-group .upload-item .upload-content .upload-img {
    height: 155px;
}

.upload-group .upload-item .upload-content .upload-img.nric-front img {
    padding-top: 10px;
}

.upload-group .upload-item .upload-content .upload-img.nric-back img {
    padding-top: 10px;
}

.upload-group .upload-item .upload-content .upload-img.income img {
    padding-top: 15px;
}

.upload-group .upload-item .upload-content .upload-btn {
    position: relative;
    overflow: hidden;
    background: url(../images/upload-btn.png) no-repeat;
    width: 176px;
    height: 51px;
    cursor: pointer;
}

.upload-group .upload-item .upload-content .upload-btn input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: 176px;
    height: 51px;
    font-size: 400px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


.new-update {
    text-align: center;
    color: #6e6e6e;
    font-size: 24px;
    line-height: 35px;
    width: auto !important;
    padding: 0 !important;
}

.new-update .inner {
    margin: 0 auto !important;
}

.new-update p {
    color: #6e6e6e !important;
}

.new-update p a {
    text-decoration: none;
    color: #6e6e6e !important;
}

/* loader and fader */
#fader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    background-color: #ffffff;
    display: none;
}

#fader.fade {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
}

#fader.in {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
}

#loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    display: none;
    background-color: #000;
    width: 50px;
    height: 50px;
    margin: auto;
    border-radius: 10px;
}

#loader.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

#loader.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.loader {
    position: fixed;
    z-index: 1100;
    width: 41px;
    height: 41px;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -22px;
    overflow: visible;
    display: none;
}

.loader.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.loader.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

@-moz-document url-prefix() {
    .loader {
        margin-left: -22px;
        margin-top: -25px;
    }
}

.loader div {
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-animation: loader 2.8s infinite;
    -moz-animation: loader 2.8s infinite;
    -o-animation: loader 2.8s infinite;
    animation: loader 2.8s infinite;
    background-color: #ffa63b;
}

.loader div:nth-child(2) {
    -webkit-animation-delay: -0.7s;
    -moz-animation-delay: -0.7s;
    -o-animation-delay: -0.7s;
    animation-delay: -0.7s;
    background-color: #00bfa5;
}

.loader div:nth-child(3) {
    -webkit-animation-delay: -1.4s;
    -moz-animation-delay: -1.4s;
    -o-animation-delay: -1.4s;
    animation-delay: -1.4s;
    background-color: #0084FF;
}

.loader div:nth-child(4) {
    -webkit-animation-delay: -2.1s;
    -moz-animation-delay: -2.1s;
    -o-animation-delay: -2.1s;
    animation-delay: -2.1s;
    background-color: #FB002C;
}

@-webkit-keyframes loader {
    0% {
        top: 0px;
        left: 0px;
    }

    25% {
        top: 25px;
        left: 0px;
    }

    50% {
        top: 25px;
        left: 25px;
    }

    75% {
        top: 0;
        left: 25px;
    }

    100% {
        top: 0px;
        left: 0px;
    }
}

@-moz-keyframes loader {
    0% {
        top: 0px;
        left: 0px;
    }

    25% {
        top: 30px;
        left: 0px;
    }

    50% {
        top: 30px;
        left: 30px;
    }

    75% {
        top: 0;
        left: 30px;
    }

    100% {
        top: 0px;
        left: 0px;
    }
}

@-o-keyframes loader {
    0% {
        top: 0px;
        left: 0px;
    }

    25% {
        top: 30px;
        left: 0px;
    }

    50% {
        top: 30px;
        left: 30px;
    }

    75% {
        top: 0;
        left: 30px;
    }

    100% {
        top: 0px;
        left: 0px;
    }
}

@keyframes loader {
    0% {
        top: 0px;
        left: 0px;
    }

    25% {
        top: 30px;
        left: 0px;
    }

    50% {
        top: 30px;
        left: 30px;
    }

    75% {
        top: 0;
        left: 30px;
    }

    100% {
        top: 0px;
        left: 0px;
    }
}

.loader-backdrop-sm {
    position: fixed;
    margin: auto;
    width: 85px;
    height: 85px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1090;
    background-color: transparent;
    display: none;
    border-radius: 44px;
}

.loader-backdrop-sm.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.loader-backdrop-sm.in {
    filter: alpha(opacity=80);
    opacity: .8;
}

.loader-text {
    position: absolute;
    margin: auto;
    padding-top: 50px;
    width: 120px;
    height: 20px;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1110;
    font-size: 15px;
    font-family: "Open Sans";
    font-weight: bold;
    display: none;
    color: #ffffff;
}

.loader-text.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.loader-text.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.loader-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1090;
    background-color: #000;
    display: none;

    overflow: auto;
}

.identify-customer .radio-input {
    height: auto !important;
}

.upload-group {
    text-align: left;
}


#agreeFirst .modal-dialog {
    width: 303px;
    margin: 0px auto;
}

#agreeFirst .modal-dialog .top-img {
    margin-top: 32px;
}

#agreeFirst .modal-dialog .hi-there {
    margin-top: 27px;
    margin-bottom: 10px;
    font-size: 20px;
    font-family: 'NotoSansBold', Fallback, sans-serif;
}

#agreeFirst .modal-dialog .sub-title {
    font-size: 13px;
}

#agreeFirst .modal-dialog .checkbox-custom:not(:checked)+label,
#agreeFirst .modal-dialog .checkbox-custom:checked+label {
    font-size: 14px;
}

#agreeFirst .btn {
    background-color: #95a0b2;
    width: 245px;
    height: 48px;
}

#agreeFirst .btn.get-started {
    margin-top: 32px;
    background-color: #00a4fc;
    font-size: 15px;
    color: white;
}

#agreeFirst .btn.cancel {
    margin-top: 10px;
    margin-bottom: 27px;
    background-color: #95a0b2;
    font-size: 15px;
    color: white;
}

.labeltext {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: left;
}

.confirm-table .img-responsive {
    height: 105px !important;
}

.m-r-sm {
    margin-right: 10px;
}

/*.4-d-cardno {
    width: 20%;
}*/



.control-label-header {
    font-size: 18px;
}

.tooltip-inner {
    display: none;
}

.card-register-form label.checkbox-custom {

    font-weight: 400;
    width: auto;
    /* border: 1px solid #ebebeb;
   background-color: #ffffff;*/
    background: url('check_box_bg.png') no-repeat 0 0;
    display: inline-block;
    margin-right: 14px;
    /* padding: 19px 15px;*/
    padding-left: 30px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in
}

.card-register-form label.checkbox-custom input {
    width: 1px;
    height: 1px;
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.card-register-form label.checkbox-custom.selected {
    background: url(check_box_bg1.png) no-repeat 0 0;
    display: inline-block;
}

/* BB form new layout styles*/
.bb-form-hero-banner {
    background-color: #005EB8;
    color: #FFFFFF;
    min-height: 330px;
}

.bb-form .card-register-form.smart-pay-page {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 30px 20px;
    margin-top: -250px;
    border-radius: 8px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
}

.bb-form .card-register-step-1,
.bb-form .card-register-step-2 {
    background: #ffffff !important;
}

.bb-form .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
}

.bb-form a.btn.primary-btn.btn-1.btn-submit {
    color: #FFFFFF;
    background: linear-gradient(45deg, #0084FF 0%, #0084FF 100%);
    font-size: 15px;
    padding: 11.5px 32px;
    width: auto !important;
    min-width: fit-content;
    font-weight: bold;
}

.bb-form a.btn.primary-btn.btn-1.btn-submit:hover {
    box-shadow: 0 8px 20px 0 rgb(0 0 0 / 40%);
    background: linear-gradient(115deg, #005EB8 1%, #073f85 100%);
}

.bb-form .identify-customer {
    padding: 0px 20px;
}

.content-container-business {
    color: #212121;
    max-width: none !important;
    background: #E5E5E5;
}

.content-container-business .header {
    background: #005EB8;
    height: auto !important;
    padding-bottom: 11px;
}

.content-container-business .container {
    background: #005EB8;
    max-width: 1140px;
    min-height: auto !important;
}

.header-wrap.bb-form-header {
    padding: 0;
}

.header-wrap.bb-form-header img {
    width: auto;
    height: 24px;
}

.bb-form-header .header-content {
    padding-left: 10px;
    padding-right: 120px;
    padding-top: 0;
    display: inline-block;
    color: #ffffff;
}

.bb-form-header .header-content h2 {
    font-size: 20px;
    font-weight: 400;
    font-family: 'NotoSansRegular', Helvetica, Arial, sans-serif;
    margin-top: 0 !important;
}

.bb-form-header .logo.pull-left {
    padding: 0;
    padding-right: 20px;
}

.bb-form-hero-banner .col-md-12 {
    display: flex;
    flex-direction: column;
    padding-left: 0 !important;
}

.bb-form .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
    background: #E5E5E5;
}

.bb-form-hero-banner .back-link {
    order: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 137%;
    margin-top: 5px;
    margin-bottom: 30px;
}

.bb-form-hero-banner .col-md-12 h3 {
    order: 1;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 40px;
}

img.sealmark-logo {
    width: 30px !important;
    height: auto !important;
}

.bb-form-header .row>div {
    padding-left: 0;
}

@media (min-width: 768px) {
    .bb-form-hero-banner .col-md-12 h3 {
        font-size: 24px;
        line-height: 142%;
        text-align: center;
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .bb-form-hero-banner .col-md-12 .back-link {
        margin-bottom: 15px;
    }
}

.bb-form-hero-banner .col-md-12 .back-link a {
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.bb-form-hero-banner .col-md-12 .back-link a:before {
    content: "";
    width: 30px;
    height: 30px;
    margin-right: 8px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/chevron_left-min.svg);
}

.bb-form .card-register-form .form-group label.control-label {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 128%;
    color: #6E6E6E;
    margin-top: 25px;
    margin-bottom: 10px;
    font-family: "NotoSansRegular", "Helvetica Neue", Arial, sans-serif;
}

@media (min-width: 768px) {

    .bb-form form input[type=text],
    .bb-form form input[type=email],
    .bb-form form input[type=number],
    .bb-form form textarea,
    .bb-form form .select-header {
        font-size: 16px;
        line-height: 150%;
    }
}

.bb-form form input[type=text],
.bb-form form input[type=email],
.bb-form form input[type=number],
.bb-form form textarea,
.bb-form form .select-header {
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    width: 100%;
    padding: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 157%;
    color: #212121;
}

.bb-form form span.error::before {
    content: "" !important;
    width: 15px !important;
    height: 15px !important;
    margin-right: 5px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-image: url(../images/validation_error_red-min.svg) !important;
    background-color: #ffffff !important;
}

.bb-form form span.error {
    display: block;
    align-items: center;
    margin-top: 5px !important;
    font-size: 13px !important;
    line-height: 154%;
    color: #FB002C !important;
}

.content-container-business .mweb-form-footer {
    background: #E5E5E5 !important;
    font-size: 13px;
    color: #6E6E6E;
}

.content-container-business #ls-row-4 {
    border-top: 1px solid #D1D1D1;
}

.bb-form label.checkbox-custom {
    font-size: 12px;
    line-height: 154%;
    margin-top: 20px;
}

.bb-form .form-group-container.error input {
    border: 1px solid #FB002C !important;
}

.bb-form .form-group-container.error .select-primary .select-btn {
    border: 1px solid #FB002C !important;
}

.bb-form p {
    font-size: 20px;
    font-weight: bold !important;
    border-top: 1px solid #ececec;
    padding-top: 15px;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-left: 15px;
    clear: both;
}

.bb-form .form-group-container span.sep {
    display: none;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #b2b2b2;
}

.bb-form .declaration {
    font-size: 20px;
    font-weight: bold;
    border-top: 1px solid #ececec;
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    margin-top: 15px;
}

.bb-form .bottomText p {
    font-size: 12px !important;
    color: #6E6E6E;
    border: none;
    font-weight: 500 !important;
}

.bb-form label.checkbox-custom::before,
.bb-form form .radio-group label::before {
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bb-form label.checkbox-custom::before {
    background-image: url(../images/checkbox_default-min.svg);
}

.bb-form label.checkbox-custom[data-state=checked]::before {
    background-image: url(../images/checkbox_selected-min.svg);
}

.bb-form .identify-customer.lead-form-wrapper {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 576px) and (min-width: 320px) {
    .bb-form a.btn.primary-btn.btn-1.btn-submit {
        display: block;
    }

    .bb-form-hero-banner .back-link {
        margin-bottom: 5px;
    }

    .bb-form .identify-customer {
        padding: 0px !important;
    }

    .bb-form-header .header-content {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        color: #ffffff;
        margin-top: 0;
    }

    .header-wrap.bb-form-header {
        padding: 0;
        /*display: flex;*/
    }
}

/*.bb-form form input.error + span.error {
    color: #FB002C;
}*/
.bb-form-thankyou {
    background-color: #E5E5E5;
    width: 100%;
    /* min-height: 100vh; */
}

.bb-form-thankyou .container {
    background: none;
}

.bb-form-thankyou .col-md-12 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 18vh auto;
}

.bb-form-thankyou .col-md-12 img {
    margin-bottom: 20px;
    width: 240px;
    height: auto;
}

.bb-form-thankyou .col-md-12 h2,
.bb-form-thankyou .col-md-12 h5 {
    text-align: center;
}

.bb-form-thankyou .col-md-12 h2 {
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 20px;
    font-family: "NotoSansRegular", "Helvetica Neue", Arial, sans-serif;
    color: #212529;
}

.bb-form-thankyou .col-md-12 h5 {
    font-weight: 300;
    font-size: 14px;
    line-height: 157%;
    font-family: "NotoSansRegular", "Helvetica Neue", Arial, sans-serif;
    color: #212529;
}

.bb-form .mobile-field {
    display: flex;
    flex-direction: row;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 157%;
    color: #212121;
}

.bb-form .mobile-ccode {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    overflow: hidden;
    width: 50px;
    margin-right: 10px;
    text-align: right;
    color: #6E6E6E;
    border: none;
}

.bb-form .mobile-number {
    width: 100%;
    padding-left: 10px;
    border-left: 1px solid #D1D1D1 !important;
    font-family: "NotoSansRegular", "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    overflow: hidden;
    border: none;
}

.bb-form .select-primary .value {
    display: block;
    line-height: 1;
    font-size: 16px;
    color: #212121;
}

.bb-form .form-group-container:not(.error) .form-group {
    height: auto;
}

.bb-form .form-group-container.error div.mobile-field {
    border: 1px solid #FB002C !important;
}

.bb-form .form-group-container.error input.mobile-number {
    border: none !important;
    border-left: 1px solid #D1D1D1 !important;
}

.bb-form .form-group-container.error input.mobile-ccode {
    border: none !important;
}

.bb-form .mobile-ccode:focus-visible,
.bb-form .mobile-number:focus-visible {
    outline: 0;
}

@media (min-width: 768px) {
    .bb-form-thankyou .col-md-12 {
        margin: 14vh auto;
    }

    .bb-form-thankyou .col-md-12 img {
        margin-bottom: 0px;
        width: 15%;
        height: auto;
    }

    .bb-form-thankyou .col-md-12 h2 {
        font-weight: 300;
        font-size: 40px;
        line-height: 125%;
        margin-bottom: 10px;
        font-family: "NotoSansRegular", "Helvetica Neue", Arial, sans-serif;
        color: #212529;
    }

    .bb-form-thankyou .col-md-12 h5 {
        font-weight: 300;
        font-size: 18px;
        line-height: 156%;
        font-family: "NotoSansRegular", "Helvetica Neue", Arial, sans-serif;
        color: #212529;
    }
}

@media (max-width: 400px) {
    .bb-form-hero-banner {
        min-height: 350px !important;
    }
}

/* BB form new layout styles*/

/*****************************
******************************
**TMRW BIZ BANNER STYLESHEET**
******************************
*****************************/

.tmrwbizbannerWrapper {
    display: block;
    width: 60%;
    position: relative;
    border-radius: 8px;
    margin-top: 0px;
    margin: auto;
    margin-bottom: 10px;
}

.banner-wrapper .tmrwbizbannerWrapper {
    width: 100%;
}


.tmrwbizbannerWrapper img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.tmrwbizbannerWrapper .content-wrapper {
    color: #ffffff;
    position: absolute;
    top: 35px;
    left: 50px;
}

.banner-wrapper .tmrwbizbannerWrapper .content-wrapper {
    color: #ffffff;
    position: absolute;
    top: 50px;
    left: 70px;
}


.tmrwbizbannerWrapper .content-wrapper .header-title {
    font-size: 2.5vw;
    font-weight: 600;
    white-space: pre-line;
    line-height: 2.5vw;
    letter-spacing: 1px;
    margin: 0 auto 25px;
}

.tmrwbizbannerWrapper .content-wrapper .sub-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 auto 25px;
    white-space: pre-line;
}

.tmrwbizbannerWrapper .content-wrapper .learn-more-link {
    display: block;
    color: #6dd2ee;
    margin-bottom: 15px;
}

.tmrwbizbannerWrapper .content-wrapper .learn-more-link .learn-more-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    letter-spacing: 1px;
}

.tmrwbizbannerWrapper .content-wrapper .learn-more-link .learn-more-container p {
    font-size: 15px;
    line-height: 24px;
}

.tmrwbizbannerWrapper .content-wrapper .learn-more-link .learn-more-container svg {
    font-size: 16px;
    position: relative;
    top: 5px;
    left: 5px;
    fill: #6dd2ee;
}

.tmrwbizbannerWrapper .content-wrapper .bottom-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    grid-gap: 30px;
    gap: 30px;
}

.tmrwbizbannerWrapper .content-wrapper .bottom-wrapper .app-icon-container {
    width: 5rem;
    height: 5rem;
}

.tmrwbizbannerWrapper .content-wrapper .bottom-wrapper .app-icon-container {
    width: 6vw;
    height: auto;
}

.tmrwbizbannerWrapper .content-wrapper .bottom-wrapper .app-icon-container.uob-biz img {
    background-color: rgba(68, 197, 232, 0.21);
    box-shadow: 0 0 20px 0 rgb(3 197 249 / 60%);
    -webkit-box-shadow: 0 0 20px 0 rgb(3 197 249 / 60%);
    -moz-box-shadow: 0 0 20px 0 rgba(3, 197, 249, 0.6);
    -o-box-shadow: 0 0 20px 0 rgba(3, 197, 249, 0.6);
}

.tmrwbizbannerWrapper img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.tmrwbizbannerWrapper img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.MuiSvgIcon-root {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
}

.tmrwbizbannerWrapper .content-wrapper .bottom-wrapper .download-link-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    visibility: hidden;
}

.tmrwbizbannerWrapper .content-wrapper .bottom-wrapper .download-link-wrapper span {
    cursor: default;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 13px;
}

.tmrwbizbannerMobileWrapper {
    display: none;
    visibility: hidden;
    width: 100%;
    height: auto;
    background: linear-gradient(255.3deg, #3c59f3 -4.47%, #0044b3 89.34%);
    border-radius: 8px;
    margin-top: 10px;
    padding: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.tmrwbizbannerMobileWrapper img {
    max-width: 100%;
    width: 75px;
    height: 75px;
}

.tmrwbizbannerMobileWrapper .content-wrapper {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.tmrwbizbannerMobileWrapper .content-wrapper .media-wrapper {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.tmrwbizbannerMobileWrapper .content-wrapper .media-wrapper img {
    background-color: rgba(68, 197, 232, 0.21);
    box-shadow: 0px 0px 20px 0px #03c5f999;
    -webkit-box-shadow: 0px 0px 20px 0px #03c5f999;
    -moz-box-shadow: 0px 0px 20px 0px #03c5f999;
    -o-box-shadow: 0px 0px 20px 0px #03c5f999;
}

.tmrwbizbannerMobileWrapper .content-wrapper .text-wrapper {
    color: #FFFFFF;
    width: 70%;
    display: inline-block;
    vertical-align: top;
}

.tmrwbizbannerMobileWrapper .content-wrapper .text-wrapper .header-title {
    /*! margin: 0px 0px 10px; */
    font-size: 18px;
}

.tmrwbizbannerMobileWrapper .content-wrapper .text-wrapper .sub-title {
    font-size: 14px;
    font-weight: 300;
    opacity: 0.8;
    margin: 0px 0px 10px;
}

.tmrwbizbannerMobileWrapper .button-wrapper {
    text-align: center;
}

.tmrwbizbannerMobileWrapper .download-link {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 14px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid;
    border-color: #FFFFFF;
    border-radius: 5px;
    display: block;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.tmrwbizbannerMobileWrapper .download-link:hover {
    color: #0035f5;
    background-color: #FFFFFF;
    border-color: #0035f5;
}

/*****************************
  ******************************
  ******RESPONSIVE PURPOSE******
  ******************************
  *****************************/

@media (max-width: 600px) {
    .tmrwbizbannerWrapper {
        display: none !important;
        visibility: hidden !important;
    }

    .tmrwbizbannerMobileWrapper {
        display: block !important;
        visibility: visible !important;
    }

    .tmrwbizbannerMobileDownloadButton {
        display: flex;
        justify-content: center;
        padding-top: 20px;
        border: 1px solid #FFFFFF;
        border-radius: 5px;
    }

    .tmrwbizbannerMobileDownloadButtonText {
        color: white;
    }
}

@media (min-width: 768px) and (max-width: 920px),
(min-width: 992px) and (max-width: 1200px) {
    .tmrwbizbannerWrapper .content-wrapper {
        top: 20px;
    }

    .tmrwbizbannerWrapper .content-wrapper .header-title {
        font-size: 2.5vw;
        line-height: 2.5vw;
    }

    .tmrwbizbannerWrapper .content-wrapper .sub-title {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .tmrwbizbannerWrapper .content-wrapper .learn-more-link {
        margin-bottom: 15px;
    }

    .tmrwbizbannerWrapper .content-wrapper .bottom-wrapper {
        gap: 25px;
    }
}

@media (max-width: 790px) {
    .tmrwbizbannerWrapper .content-wrapper {
        top: 10px;
        left: 20px;
    }

    .tmrwbizbannerWrapper .content-wrapper .header-title {
        font-size: 2vw;
        line-height: 2.5vw;
        margin-bottom: 10px;
    }

    .tmrwbizbannerWrapper .content-wrapper .sub-title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .tmrwbizbannerWrapper .content-wrapper .learn-more-link {
        font-size: 13px;
        margin-bottom: 0px;
    }

    .tmrwbizbannerWrapper .content-wrapper .learn-more-link .learn-more-container p {
        font-size: 13px;
    }

    .tmrwbizbannerWrapper .content-wrapper .learn-more-link .learn-more-container svg {
        width: 0.7em;
    }

    .tmrwbizbannerWrapper .content-wrapper .bottom-wrapper {
        gap: 25px;
    }

    .tmrwbizbannerWrapper .content-wrapper .bottom-wrapper .app-icon-container {
        width: 5vw;
        height: auto;
    }

    .tmrwbizbannerMobileDownloadButton {
        display: flex;
        justify-content: center;
        padding-top: 20px;
        border: 1px solid #FFFFFF;
        border-radius: 5px;
    }

    .tmrwbizbannerMobileDownloadButtonText {
        color: white;
    }
}
.pl-0 {
	padding-left: 0px;
}