html,body{    /*overflow-x: hidden*/}
body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#7D7D7D;font-size:14px;    /*background: #eee*/background:#ffffff;}
::-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}
.card-register-step-1{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}*/
.header-container{max-width:1024px;width:100%;margin:0 auto}
#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}

/*inline style */

body {
    margin: 0;
}

body.ls-center {
    text-align: center;
}

.ls-canvas .ls-row .ls-row-clr {
    clear: both;
}

.ls-canvas .ls-col {
    overflow: hidden;
}

.ls-canvas .ls-col-body {
    overflow: hidden;
}

.ls-canvas .ls-area {
    overflow: hidden;
}

.ls-canvas .ls-area-body {
    overflow: hidden;
}

.ls-canvas .ls-area .ls-1st {
    margin-top: 0 !important;
}

.ls-canvas .ls-cmp-wrap {
    padding: 1px 0;
}

.ls-canvas .iw_component {
    margin: -1px 0;
}

/* end inline style */


@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:35px;margin-bottom:10px;max-width:520px}
.select-primary .select-btn{height:40px;display:block;border:1px solid #ccc;background-color:#fff;border-radius:4px;padding:8px 10px;}
.select-primary .value{display:block;line-height:1;font-size:18px;color:#aaa}
.select-primary .arrow{position:absolute;top:15px;right:15px;width:13px;height:12px;background:url(../images/select-arrow.png) no-repeat top left;text-indent:-1000em}
.select-primary.disabled .select-btn{background:#ccc}
.select-primary.disabled .arrow{border-top-color:#eee}
.form-group-container.error input{color:red}
.form-group-container span.sep{display:block;width:100%;height:1px;border-bottom:1px dotted #003E7D;}
.form-group-container h4{color:#4e545f;padding-top:10px;font-weight:bold;}
.form-group-container.error span.error{color:#EC182B;font-size:14px;display:block;margin-top:10px;font-weight:400;display:block}
.form-group-container.error span.error:before{content:"x";height:18px;width:18px;display:inline-block;vertical-align:top;background: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-top:15px;margin-bottom:10px;}
.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:25%;margin-left:4px}
.card-register-form .form-group .currency{line-height:35px;font-size:18px;color:#000}
.card-register-form .btn-find{padding:10px 15px;border:1px solid #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;*/
    margin-left:20px;margin-right:0;padding:19px 5px}
.card-register-form label.radio-input{font-weight:400;width:auto;    /* border: 1px solid #ebebeb;
     background-color: #fff;*/background:url('../images/check_box_bg.png') no-repeat 0 0;display:inline-block;margin-right:14px;   /* padding: 19px 15px;*/padding-left:22px;cursor:pointer;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}
.card-register-form label.radio-input:first-child{margin-left:0}
.card-register-form label.radio-input input{width:1px;height:1px;position:absolute;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
.card-register-form label.radio-input.selected{    /* border: 1px solid #ebebeb;
       background-color: #fff;*/
    background:url('../images/check_box_bg1.png') no-repeat 0 0;display:inline-block;  /*  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 input[type="text"],.card-register-form input[type="email"],.card-register-form input[type="date"],.card-register-form input[type="number"]{   /!* background: 0 0; border: none; box-shadow: none;*!/ padding:0;padding-left:5px;box-sizing:content-box}*/
.card-register-form .form-control{font-size:17px;color:#000}
.card-register-form .range-block .range-container{margin-top:20px;margin-right:10%}
.card-register-form .range-block .range-container .range-slider{width:100%}
.card-register-form .range-block .range-container .noUi-base{z-index:2}
.card-register-form .range-block .range-container .noUi-base .noUi-origin{background:#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:#0d163b;    /*height: 176px;*/    /*height: 160px;*/
    min-height:110px;padding-top:35px;   /* padding-bottom: 20px;*/padding-bottom:10px;border:none}
.smart-pay-page{background:#fff}
.smart-pay-page .btn-regis-done{background:#09A6F8;border-color:#09A6F8}
.smart-pay-page .btn-regis-done:hover{background:#fff;color:#09A6F8}
.smart-pay-page .submission{    /*margin-top: 55px;*/
    margin-top:15px;text-align:right}
.smart-pay-page .submission .primary-btn{background:#09A6F8;border-color:#09A6F8}
.smart-pay-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:200px;padding-right:120px;padding-top:5px;color:#fff}
.header-content h2{font-size:24px;margin-top:10px;font-weight:bold;}
.header-content .icon-car{float:left;width:42px;height:37px;background:url('../images/card-register/icon-car.png') 0 0 no-repeat}
.header-content .inner{float:left;margin-left:15px}
.header-content p{font-size:16px;margin-bottom:0}
.header-content p a{color:#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;*/
    width:820px;    /*padding: 53px 20px 90px;*/padding:0px 20px 90px;margin:0 auto}
.declaration-content{padding:20px 40px}
.declaration-content ol>li{margin-bottom:20px}
.modal-1 .modal-content{border:0;border-radius:0;box-shadow:none}
.modal-1 .tab-pane{padding:30px}
.modal-1 .tab-pane .inner{margin-top:30px;margin-bottom:60px;padding-left:30px}
.modal-1 .close{position:absolute;top:0;right:0;width:60px;height:60px;background:#c7c7c7 url('../images/card-register/icon-close.png') center center no-repeat;color:#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-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){
    .smart-pay-page .content-container>.sticky-wrapper{height:auto!important}
    .header-content h2{font-size:18px}
    .card-document-content{width:auto;padding-left:0}
    .card-document-content .inner{margin:0 auto}
}
@media only screen and (max-width:767px){
    .form-status{max-width:100%}
    .card-document-content{width:auto;padding-left:0}
    .card-document-content .inner{margin:0 auto}
    .smart-pay-page .header .logo-uob img{width:60px}
    .smart-pay-page .header .logo{padding-top:15px}
    .smart-pay-page .header .logo img{width:75px;height:auto}
    .smart-pay-page .header .container{padding-top:10px;padding-bottom:10px}
    .smart-pay-page .submission{margin-top:30px}
    .media-body{margin-top:10px}
    .header-wrap{padding:0 20px}
    .header-content{padding-left:0;padding-right:0}
    .header-content h2{margin-top:10px;font-size:16px}
    .header-content p{font-size:14px}
    .identify-customer{width:auto;padding-top:20px;padding-bottom:40px}
    .card-register-form .customer-type-switch label.radio-input{width:100%;margin:0 0 10px}
    .card-register-form .form-group{margin-top:30px}
    .card-register-form .form-group.frm-name-card{margin-top:20px}
    .card-register-form .range-block .range-blocks-container{margin-left:26px}
    .card-register-form .range-block .range-blocks-container .noUi-marker.noUi-marker-large{top:-11px}
    .lead-form-wrapper{margin-top: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}
    .smart-pay-page .header,.card-thank-page .header{position:static!important;width:100%!important;padding:0;height:auto}
    .smart-pay-page .header .container,.card-thank-page .header .container{height:auto}
}
@media only screen and (max-width:767px){
    .smart-pay-page .header,.card-thank-page .header,.smart-pay-page .header .container,.card-thank-page .header .container{height:auto}
    .header .header-wrap .card-icon,.header .header-wrap .header-content .media{display:none}
    .header.in-step-1 .card-icon,.header.in-step-1 .header-content .media{display:block}
    .smart-pay-page .header .container,.card-thank-page .header .container{padding-bottom:20px;background-size:auto 100%}
    /*.card-register-form .select-primary{height:54px}*/
    /*.card-register-form .select-primary .select-btn{height:54px;padding:11px 15px 8px 23px}*/
    /*.card-register-form .select-primary .arrow{top:22px}*/
    .card-register-form label.radio-input{font-size:16px;        /*padding: 12px 9px;*/padding-left:18px;height:auto!important;}
}
@media only screen and (max-width:568px){
    .smart-pay-page .btn-1,.smart-pay-page .btn-2{padding-top:10px;padding-bottom:10px;font-size:16px;min-width:120px}
    .smart-pay-page .confirm-table .label-name,.smart-pay-page .confirm-table .label-data{font-size:12px}
    .card-document-form .btn-1{min-width:inherit;font-size:16px;width:100%}
    .card-document-form .card-document-content h3{font-size:14px}
    .card-document-form .card-document-content ul{list-style:disc;padding-left:15px}
    .card-document-form .card-document-content ul li{font-size:12px;padding-left:0;background:0 0;line-height:2}
}
.ie8 .smart-pay-page .container,.ie8 .card-thank-page .container{width:auto}
.ie8 .smart-pay-page .card-register-step-2 .container,.ie8 .card-thank-page .card-register-step-2 .container{width:645px}
.fileUpload,.confirmationPage,#card-register-step-3{padding-top:4rem;}
.title-container{color:#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:423px;max-width:284px;behavior:url(assets/js/PIE.htc);}
.fileUpload .nric-container .content .top-content{height:140px;width:100%;display:table;}
.fileUpload .nric-container .content .top-content div{vertical-align:middle;display:table-cell;}
.fileUpload .nric-container .content .bottom-content{height:180px;width:100%;background-color:#c2c2c2;position:relative;font-family:'OpenSanSemiBold',Fallback,sans-serif;display:table;}
.fileUpload .nric-container .content .bottom-content:hover{background-color:#0aa6f8;}
.fileUpload .nric-container .content .bottom-item{display:block;vertical-align:middle;height:140px;width:100%;padding-top:50px;}
.fileUpload .nric-container .content .bottom-content .error{display:none!important;}
.fileUpload .nric-container .content .bottom-content .display_image{width:100%;height:140px;position:absolute;overflow:hidden;text-align:center;}
.fileUpload .nric-container .content .bottom-content .display_image img{position:relative;max-width:100%;max-height:100%;height:auto;top:50%;}
.fileUpload .nric-container .content .bottom-content input{width:100%;height:100%;position:absolute;        /* IE 8 */-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";        /* IE 5-7 */filter:alpha(opacity=0);        /* Netscape */-moz-opacity:0;        /* Safari 1.x */-khtml-opacity:0;        /* Good browsers */opacity:0;}
.fileUpload .nric-container .content .bottom-content .upload{margin:0 auto;margin-bottom:15px;}
.fileUpload .nric-container .content .bottom-content .title{color:white;font-size:14px;margin:0 auto;text-align:center;display:block;padding:10px;}
.fileUpload .photograph-checkbox label{font-size:14px;}
.fileUpload .photograph-checkbox{margin-top:25px;}
.fileUpload .top-btn{cursor:pointer;}
.fileUpload .next_button{width:155px;height:50px;background-color:#d7d7d7;border-radius:5px;position:relative;margin-top:43px;margin-left:27px;cursor:pointer;behavior:url(assets/js/PIE.htc);}
.fileUpload .next_button:hover{background-color:#0aa6f8;}
.fileUpload .next_button .title{position:relative;height:53px;line-height:53px;white-space:nowrap;left:17px;color:white;font-size:18px;}
.fileUpload .next_button img{position:absolute;top:0;margin-top:14px;right:14px;}
.fileUpload .top-btn-container{margin-right:14px;margin-top:27px;position:relative;}
.fileUpload .top-btn-container img{position:absolute;right:0;}
.fileUpload .footer-container{text-align:center;color:#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;}
.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:block;color:#F00;}
.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;}
.m-r-sm{margin-right:10px;}
.4-d-cardno{width:20%;}
.control-label-header{font-size:18px;}

/*20160610*/
/*reset*/
textarea.form-control {resize: none;}
/*end reset*/

/*common*/
.form-border {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}



.form-group-container .form-border{
    margin-top: 15px;
    margin-bottom: 10px;
}
.form-border .form-control {box-sizing: border-box !important;}

.ico_search {padding: 6px 9px 5px; }
.form-group-container .sep.style-2 {border-bottom: 1px dotted #ccc6c6;}
.btn.ico_search:focus {background-color: #fff; outline: none;}
.fluid .select-primary {max-width: 100%;}
/*end common*/
.smart-pay-page .submission { margin-bottom: 25px;}
.dash_right {position: absolute; right: 40px; top: 30px;}

.form-col-2 .control-label {width: 100%; max-width: 68px;}
.form-col-2 .selectUI {width: 100%; max-width: 288px; display: inline-block;}

.form-col-3 .control-label {width: 100%; max-width: 68px; display: inline;}
.form-col-3 > .selectUI {width: 100%; max-width: 135px; display: inline-block; margin-bottom: 0;}
.form-col-3 > .selectUI:last-child {margin-left: 12px;}
.select-primary {height: 34px;}
.select-primary .select-btn { height: 34px;}
.select-primary .arrow { top: 13px;}
.existing-group label.radio-inline {font-size: 16px;}
.existing-group label.radio-inline:last-child {margin-left: 90px;}

/*event-listing*/
.event-listing {position: relative; padding-bottom: 35px; background: url("../images/bottom_bg.png") bottom repeat-x;}
.event-listing p {font-size: 16px; color: #898989; line-height: normal;}
.btn-enroll {position: absolute; bottom: 0; width: 100%; margin: 0 -15px; border-radius: 0; border: none; background: none; font-size: 18px; color: #898989;}
.active .btn-enroll {color: #fff; background: #00a4fc;}
.btn-enroll:focus {color: #fff; background: #00a4fc; border-top-left-radius: 0; border-top-right-radius: 0;}


/*participants*/
#participants-1, #participants-2, #participants-3, #participants-4, #participants-5 {display: none;}
/*participants*/

/*validation style*/
.form-group-container.error label.error { color: #EC182B; font-size: 14px; display: block; margin-top: 5px; font-weight: 400;}
.form-group-container.error label.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 }

.checkbox-item label.error { color: #EC182B; font-size: 14px; display: block; margin-top: 10px; font-weight: 400; display: block }
.checkbox-item label.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 }
/*validation*/

@media only screen and (min-width:992px){
    .form-border .form-border-container div:first-child{padding-left: 0;}
    .form-border .form-border-container div:last-child { padding-right: 0;}
}

@media only screen and (max-width:992px){
    .form-border-container .form-group-container {padding: 0;}
}

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

}
@media only screen and (max-width:320px){
    .form-col-3 > .selectUI { max-width: 30%;}
    .card-register-form .select-primary .select-btn { padding: 11px 15px 8px 5px;}
    .select-primary .arrow {right: 5px;}
}
/*20160610*/