html,body {
    overflow-x: hidden
}

.upload-loader {
    position: absolute;
	border: 16px solid #cecece;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 2s linear infinite;
  left: 40%;
  top: 30%;
 }

.overlay-upload{
  opacity:0.5;
}

 .upload-loader-done {
     position: absolute;
 	   border: 16px solid #66bb6a;
 	   border-radius: 50%;
 	   width: 20px;
 	   height: 20px;
     left: 45%;
     top: 80%;
  }

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.overlay-uploading {
    background-color: rgb(61, 61, 61);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.loader-hide{
	display: none;

}

body {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #7D7D7D;
    font-size: 14px;
    background: #eee
}

::-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: #EC182B;
    color: #fff;
    border: 1px solid #EC182B
}

.primary-btn:hover {
    color: #EC182B;
    background: #fff
}

.primary-btn.blue-btn{
    background: #09A6F8;
    color: #fff;
    border: 1px solid #09A6F8
}

.primary-btn.blue-btn:hover {
    color: #09A6F8;
    background: #fff;
}

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

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

.secondary-btn:hover {
    color: #fff;
    background: #003E7D
}

.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: #fff!important;
    text-decoration: underline
}

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

.dark-grey-bg {
    background: #4A4A4A!important
}

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

.blue-bg {
    background: #003E7D!important
}

.red {
    color: #EC182B!important
}

.white {
    color: #fff!important
}

.black {
    color: #000!important
}

.blue {
    color: #003E7D!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: #4A4A4A
}

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

.table-container .range-table tr.header-row {
    color: #fff;
    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: #EC182B;
    color: #fff
}

.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: #fff;
    border-bottom: 2px solid #EC182B;
    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: #fff;
    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: #fff;
    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: #fff
}

.content .top-block h1 {
    margin: 0 auto 10px;
    max-width: 810px;
    font-size: 28px;
    font-weight: 400
}

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

.content .top-block h4 {
    margin-top: 30px;
    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: #EC182B
}

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

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

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

.content .tab-block .tab-block-item .card-name {
    color: #003E7D;
    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: #003E7D;
    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: #EC182B
}

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

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

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

.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: #4A4A4A;
    border: 1px solid #fff;
    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: #fff;
    border: 1px solid #4A4A4A
}

.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: #fff;
    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: #003E7D;
    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: #4A4A4A;
    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: #4A4A4A;
    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 #d8d8d8;
    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: #EC182B
}

.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: #003E7D;
    color: #fff;
    padding: 10px;
    border-bottom: 2px solid #fff
}

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

.content .feature-block .rebate-table-container .rebate-table td {
    background: #C3DFFF;
    color: #003E7D;
    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 #fff
}

.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: #fff;
    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: #fff;
    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: #003E7D;
    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: #003E7D;
    color: #fff;
    padding: 40px 0
}

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

.content .list-card-block a {
    color: #fff;
    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: #fff;
    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: #003E7D;
    color: #fff;
    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: #003E7D
}

.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: #d8d8d8!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: #4a4a4a;
    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: #003E7D
}

.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: #d8d8d8!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: #4a4a4a;
    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: #101B4A;
    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: #fff;
    cursor: inherit;
    display: block
}

.new-update {
    text-align: center;
    color: #4A4A4A;
    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: #4A4A4A!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: 64px;
    margin-bottom: 10px;
    max-width: 320px
}

.select-primary .select-btn {
    display: block;
    height: 64px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 2px;
    padding: 17px 15px 17px 23px
}

.select-primary .value {
    display: block;
    line-height: 1.3;
    font-size: 18px;
    color: #aaa
}

.select-primary .arrow {
    position: absolute;
    top: 28px;
    right: 15px;
    width: 13px;
    height: 12px;
    background: url(../images/card-register/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.error span.separator,
.form-group-container-date .separator.line-error {
    background: red
}

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

.form-group-container.error span.error:before,
.form-group-container-date span.error:before {
    content: "x";
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: top;
    background: red;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    margin-right: 8px
}	.parsley-errors-list{
		list-style: none;
		color: #ff0000;
	}

.checkbox-item span.error {
    color: #EC182B;
    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: #fff;
    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-bottom: 16px
}

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

.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: 80%;
    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 #09A6F8;
    background: #09A6F8
}

.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;*/
	/*width: 470px;
    margin-left: 20px;
    margin-right: 0;
    padding: 19px 5px*/
	width: 300px;
	height: 0px;
    margin-left: 10px;
    margin-right: 20px;
    padding: 12px 0px




}

.card-register-form label.radio-input {
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #ebebeb;
    background-color: #fff;
    display: inline-block;
    margin-right: 14px;
    padding: 19px 15px;
    color: #aaa;
    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 {
    background: #0c3577;
    border: 1px solid #0c3577;
    color: #fff
}

.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 span.separator {
    display: block;
    width: 100%;
    height: 1px;
    background: #ddd
}

.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;
    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: #d8d8d8!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: #d8d8d8;
    z-index: 1
}

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

.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: #1399FF; }
  .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: #1399ff;
	border-color: #1399ff;
}

.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: #003E7D
}

.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: #09A6F8;
    border-color: #09A6F8
}

.card-thank-page input.primary-btn:hover {
    background: #fff;
    color: #09A6F8
}

.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 #0d163b;
    height: 186px;
    /*height: 160px;*/
    min-height: 110px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none
}

.card-register-page {
    background: #fff
}

.card-register-page .btn-regis-done {
    background: #09A6F8;
    border-color: #09A6F8
}

.card-register-page .btn-regis-done:hover {
    background: #fff;
    color: #09A6F8
}

.card-register-page .submission {
    margin-top: 55px;
    text-align: right
}

.card-register-page .submission .primary-btn {
    background: #09A6F8;
    border-color: #09A6F8
}

.card-register-page .submission .primary-btn:hover {
    background: #fff;
    color: #09A6F8
}

.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: 182px;
    padding-right: 120px;
    padding-top: 3px;
    color: #fff
}

.header-content h2 {
    font-size: 20px;
	margin-top:10px;
}

.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;*/
    font-size: 14px;
    margin-bottom: 0
}

.header-content p a {
    color: #fff;
    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: #EDF1F2
}

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

.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: #003E7D;
    text-decoration: none
}

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

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

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

.btn-2:hover {
    background: #fff;
    color: #003E7D
}

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

.btn-3:hover {
    background-color: #fff;
    color: #003E7D
}

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

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

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

.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: url('../images/card-register/bgd-header.jpg') 0 0 no-repeat #0d163b;
    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: #003E7D;
    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: #003E7D;
    background: url('../images/card-register/bullet-1.png') 0 11px no-repeat
}

.card-document-content p {
    color: #003E7D
}

.card-document-content a {
    color: #003E7D;
    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: #003E7D
}

.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;
    /*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: #fff;
    font-weight: 400;
    font-size: 29px;
    opacity: 1;
    filter: alpha(opacity=100)
}

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

.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-right: 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: #fff;
    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: #fff;
    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) {
    .card-register-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
    }

    .card-register-page .header .logo-uob img {
        width: 60px
    }

    .card-register-page .header .logo {
        padding-top: 15px
    }

    .card-register-page .header .logo img {
        width: 75px;
        height: auto
    }

    .card-register-page .header .container {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .card-register-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: 10px
    }

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

    .card-register-page .header,.card-thank-page .header {
        position: static!important;
        width: 100%!important;
        padding: 0;
        height: auto
    }

    .card-register-page .header .container,.card-thank-page .header .container {
        height: auto
    }
}

@media only screen and (max-width: 767px) {
    .card-register-page .header,.card-thank-page .header,.card-register-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
    }

    .card-register-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: 16px;
        padding: 12px 9px;
		height:auto !important;
    }
}

@media only screen and (max-width: 568px) {
    .card-register-page .btn-1,.card-register-page .btn-2 {
        padding-top:10px;
        padding-bottom: 10px;
        font-size: 16px;
        min-width: 120px
    }

    .card-register-page .confirm-table .label-name,.card-register-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 .card-register-page .container,.ie8 .card-thank-page .container {
    width: auto
}

.ie8 .card-register-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: #4e545f;
		padding: 0 40px;
		font-size: 25px;
		margin-bottom: 34px;
		font-family: 'OpenSanLight', Fallback, sans-serif;
	}

	.fileUpload .content-container {
		padding: 0 24px;
		color: #4e545f;
		font-size:  12px;
		margin-bottom: 45px;
		font-family: 'OpenSanRegular', 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: 'OpenSanBold', Fallback, sans-serif;
		font-size: 15px;
		color: #4e545f;
		margin-bottom: 19px;
	}

	.fileUpload .nric-container .content {
		width:  100%;
		border: solid 1px #95a0b1;
		border-radius: 5px;
		height: 335px;
		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: #4e545f;
		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 #09A6F8; color:#fff; font-size:13px; padding:13px 15px; border-radius:5px; border:1px solid #09A6F8; 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 #fff; color:#09A6F8;cursor:pointer; }
		.uploadFile.close-lightbox{background-image:none; padding-left:15px; float:right;}

		.upload-btn{width:100% !important; height:auto !important; background-color:#09A6F8 !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: #003E7D;
			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:#fff;
			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:#fff; 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: 'OpenSanBold', Fallback, sans-serif;
	}

	.confirmationPage .step-item .detail_item .sub-header {
		font-size: 12px;
		font-family: 'OpenSanBold', 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: 'OpenSanBold', 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: 'OpenSanLight', 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: 'OpenSanBold', 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: 'OpenSanBold', Fallback, sans-serif;
	}


	/* Base for label styling */
	.checkbox-custom,
	.checkbox-custom.checked {
		position: absolute;
		left: -9999px;
	}
	.checkbox-custom + label,
	.checkbox-custom + label label,
	.checkbox-custom.checked + label {
		position: relative;
		padding-left: 25px;
		cursor: pointer;
		font-size: 15px;
		font-weight: normal;
	}

	.checkbox-custom + label label {
		padding-left: 0px;
	}


	/* checkbox aspect */
	.checkbox-custom + label:before {
		content: '';
		position: absolute;
		left:0; top: 2px;
		width: 17px; height: 17px;
		border: 1px solid #aaa;
		background: #f8f8f8;
		border-radius: 3px;
		behavior: url(assets/js/PIE.htc);
	}
	/* checked mark aspect */
	.checkbox-custom.checked + label:after {
		content: '✓';
		position: absolute;
		top: 0;
		margin-top: -3px;
		left: 0;
		font-size: 18px;
		color: #1ba8de;
		transition: all 0.2s;
		font-weight: normal;
	}
	/* checked mark aspect changes */
	.checkbox-custom + label:after {
		/* 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;
		transform: scale(0);
	}
	.checkbox-custom.checked + label:after {
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

		/* IE 5-7 */
		filter: alpha(opacity=100);

		/* Netscape */
		-moz-opacity: 1;

		/* Safari 1.x */
		-khtml-opacity: 1;

		/* Good browsers */
		opacity: 1;
		transform: scale(1);
	}
	/* disabled checkbox */
	.checkbox-custom.disabled + label:before,
	.checkbox-custom.disabled.checked + label:before {
		box-shadow: none;
		border-color: #bbb;
		background-color: #ddd;
	}
	.checkbox-custom.disabled.checked + label:after {
		color: #999;
	}
	.checkbox-custom.disabled + label {
		color: #aaa;
	}

	/** for special checkbox.it is served for validation */
	.special-checkbox,
	.special-checkbox.checked {
		position: absolute;
		left: -9999px;
	}
	.special-checkbox + div label.label-special-checkbox,
	.special-checkbox.checked + div label.label-special-checkbox {
		position: relative;
		padding-left: 25px;
		cursor: pointer;
		font-size: 15px;
		font-weight: normal;
	}


	/* checkbox aspect */
	.special-checkbox + div label.label-special-checkbox:before{
		content: '';
		position: absolute;
		left:0; top: 2px;
		width: 17px; height: 17px;
		border: 1px solid #aaa;
		background: #f8f8f8;
		border-radius: 3px;
		behavior: url(assets/js/PIE.htc);
	}
	/* checked mark aspect */
	.special-checkbox.checked + div label.label-special-checkbox:after {
		content: '✓';
		position: absolute;
		top: -3px;
		left: 0;
		font-size: 18px;
		color: #1ba8de;
		transition: all 0.2s;
		font-weight: normal;
	}
	/* checked mark aspect changes */
	.special-checkbox + div label.label-special-checkbox:after {
		/* 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;
		transform: scale(0);
	}
	.special-checkbox.checked + div label.label-special-checkbox:after {
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

		/* IE 5-7 */
		filter: alpha(opacity=100);

		/* Netscape */
		-moz-opacity: 1;

		/* Safari 1.x */
		-khtml-opacity: 1;

		/* Good browsers */
		opacity: 1;
		transform: scale(1);
	}
	/* disabled checkbox */
	.special-checkbox.disabled + div label.label-special-checkbox:before,
	.special-checkbox.disabled.checked + div label.label-special-checkbox:before {
		box-shadow: none;
		border-color: #bbb;
		background-color: #ddd;
	}
	.special-checkbox.disabled.checked + div label.label-special-checkbox:after {
		color: #999;
	}
	.special-checkbox.disabled + div label.label-special-checkbox {
		color: #aaa;
	}

	.wish-atm label {
		font-family: 'OpenSanLight', Fallback, sans-serif;
	}


   .top-error .top-error-box{ border-radius: 5px;
    color: #fff;
    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:#0d163b; padding:20px 10px;}
.unsupport_browser .browser-details{float:left; width:22%; margin-right:1%; background-color:#fff; 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:#1399FF; text-decoration:none; display:block; margin-top:10px;}
.unsupport_browser .browser-name a:hover{color:#1399FF; 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: #101B4A;
      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: #4A4A4A;
  font-size: 24px;
  line-height: 35px;
  width: auto !important;
  padding: 0 !important; }
  .new-update .inner {
    margin: 0 auto !important; }
  .new-update p {
    color: #4A4A4A !important; }
    .new-update p a {
      text-decoration: none;
      color: #4A4A4A !important; }

  /* loader and fader */
#fader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: #FFF;
  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: #2978ff;
}
.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: #f74339;
}
@-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: #FFF;
}
.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: 'OpenSanBold', 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;
 }
 .hidden{
	display:none;
}