@font-face{font-family:'OpenSanBold';src:url('../fonts/opensans-bold.eot'); /* IE9 Compat Modes */src:url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/opensans-bold.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/opensans-bold.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/opensans-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/opensans-bold.svg#svgFontName') format('svg'); /* Legacy iOS */}
@font-face{font-family:'OpenSanLight';src:url('../fonts/opensans-light.eot'); /* IE9 Compat Modes */src:url('../fonts/opensans-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/opensans-light.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/opensans-light.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/opensans-light.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/opensans-light.svg#svgFontName') format('svg'); /* Legacy iOS */}
@font-face{font-family:'OpenSanRegular';src:url('../fonts/opensans-regular.eot'); /* IE9 Compat Modes */src:url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/opensans-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/opensans-regular.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/opensans-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/opensans-regular.svg#svgFontName') format('svg'); /* Legacy iOS */}
@font-face{font-family:'OpenSanSemiBold';src:url('../fonts/opensans-semibold.eot'); /* IE9 Compat Modes */src:url('../fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/opensans-semibold.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/opensans-semibold.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/opensans-semibold.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/opensans-semibold.svg#svgFontName') format('svg'); /* Legacy iOS */}

/**
 * start Component
 */
input[type='text'],input[type='tel'],input[type='email']{height:55px;font-family:'OpenSanRegular',Fallback,sans-serif;font-size:15px;color:black;padding-left:20px;}
.clearboth{clear:both;}
.calendar-input{	/*background: #fff url(../img/icons/icon_calendar.svg) no-repeat 95% 50%;*/
    background:#fff url(../img/icons/calendar.png) no-repeat 95% 50%;background-size:27px;cursor:default;text-transform:uppercase;}
input[type='date']{width:100%;height:55px;font-size:14px;padding:0 15px;border:1px solid #ced4dd;outline:0;color:#7a8599;border-radius:4px;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="date"]::-webkit-inner-spin-button{    /* 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;}

/* SELECT component*/

/* override form-control class of Boostrap*/

.placeholder{color:#c8d2d6;}
.select-wrap.parsley-success{background-color:#DFF0D8;}
.select-wrap.parsley-error{background-color:#F2DEDE;}
.select-wrap.disabled{cursor:not-allowed;color:#CCC;background-color:#EEE;}
.parsley-required{line-height:1;}
.select-wrap{display:inline-block;position:relative;  /*max-width: 250px;*/width:100%;text-align:left;font-family:'OpenSanRegular',Fallback,sans-serif;padding:0;height:55px;}
.select-wrap .dummy-value{  /*border: 1px solid #666;*/

    /*border: 1px solid #ced4dd;*/

    /*border-radius: 4px;*/
    outline:0;	/*padding-left: 0.9375em;*/line-height:55px;	/* 15/16 */padding-right:2.5em;	/* 40/16 */display:block;position:relative;cursor:pointer;background:transparent;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}
.select-wrap .dummy-value:after{content:'';width:17px;height:8px;  /*background: url(../img/arrow-dark.png) no-repeat;*/  /*background: url(../img/icons/icon_dropdown_arrow.svg) no-repeat 95% 50%;*/
    background:url(../img/icons/dropdown-icon.png) no-repeat 95% 50%;background-position:bottom left;display:inline-block;vertical-align:middle;position:absolute;right:15px;  /*top: 50%;
	margin-top: -7.5px;*/top:23px;z-index:0;}
.select-wrap .dummy-dropdown{border:1px solid #666;margin-top:5px;display:none;background:#fff;position:absolute;top:105%;left:0;width:100%;box-shadow:1px 1px 5px #666;z-index:5;list-style-type:none;color:#4e545f;padding:0;max-height:300px;overflow-y:scroll;}
.select-wrap .dropdown-item{padding:10px 15px;cursor:pointer;}
.select-wrap .dropdown-item:hover{background:#0aa6f8;color:#fff;}
.select-wrap .dropdown-item:active{background:#0aa6f8;}
.select-wrap.active .dummy-dropdown{display:block;}
.select-wrap.placeholder .dummy-dropdown{color:#666;}
.select-wrap.placeholder .parsley-errors-list{	/*color: #4e545f;*/
    color:red;}
.parsley-errors-list{color:red;}
select{display:none;}

/* checkbox custom */

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

/* checkbox aspect */
.checkbox-custom + label:before{content:'';position:absolute;left:0;top:2px;width:17px;height:17px;border:1px solid #aaa;background:#f8f8f8;border-radius:3px;}

/* checked mark aspect */
.checkbox-custom.checked + label:after{content:'✓';position:absolute;top:0;margin-top:-3px;left:0;font-size:18px;color:#1ba8de;transition:all 0.2s;font-weight:normal;}

/* checked mark aspect changes */
.checkbox-custom + label:after{    /* IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";    /* IE 5-7 */filter:alpha(opacity=0);    /* Netscape */-moz-opacity:0;    /* Safari 1.x */-khtml-opacity:0;    /* Good browsers */opacity:0;transform:scale(0);}
.checkbox-custom.checked + label:after{    /* IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";    /* IE 5-7 */filter:alpha(opacity=100);    /* Netscape */-moz-opacity:1;    /* Safari 1.x */-khtml-opacity:1;    /* Good browsers */opacity:1;transform:scale(1);}

/* disabled checkbox */
.checkbox-custom.disabled + label:before,.checkbox-custom.disabled.checked + label:before{box-shadow:none;border-color:#bbb;background-color:#ddd;}
.checkbox-custom.disabled.checked + label:after{color:#999;}
.checkbox-custom.disabled + label{color:#aaa;}

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

/* checkbox aspect */
.special-checkbox + div label.label-special-checkbox:before{content:'';position:absolute;left:0;top:2px;width:17px;height:17px;border:1px solid #aaa;background:#f8f8f8;border-radius:3px;}

/* checked mark aspect */
.special-checkbox.checked + div label.label-special-checkbox:after{content:'✓';position:absolute;top:-3px;left:0;font-size:18px;color:#1ba8de;transition:all 0.2s;font-weight:normal;}

/* checked mark aspect changes */
.special-checkbox + div label.label-special-checkbox:after{    /* IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";    /* IE 5-7 */filter:alpha(opacity=0);    /* Netscape */-moz-opacity:0;    /* Safari 1.x */-khtml-opacity:0;    /* Good browsers */opacity:0;transform:scale(0);}
.special-checkbox.checked + div label.label-special-checkbox:after{    /* IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";    /* IE 5-7 */filter:alpha(opacity=100);    /* Netscape */-moz-opacity:1;    /* Safari 1.x */-khtml-opacity:1;    /* Good browsers */opacity:1;transform:scale(1);}

/* disabled checkbox */
.special-checkbox.disabled + div label.label-special-checkbox:before,.special-checkbox.disabled.checked + div label.label-special-checkbox:before{box-shadow:none;border-color:#bbb;background-color:#ddd;}
.special-checkbox.disabled.checked + div label.label-special-checkbox:after{color:#999;}
.special-checkbox.disabled + div label.label-special-checkbox{color:#aaa;}
.wish-atm label{font-family:'OpenSanLight',Fallback,sans-serif;}

/**
 * end component
 */
html{height:100%;}
body{background-color:#ebebeb;font-family:'OpenSanRegular',Fallback,sans-serif;color:#4e545f;height:100%;}

.text-blue {color: #1358d3;}
.select-wrapper {text-align: center; margin-bottom: 55px; font-size: 0;}
.select-wrapper .select-box {background-color: #ecf1f2; border-radius: 4px; padding: 40px 0; width: 30%; display: inline-block; max-width: 267px; height: 183px; text-align: center; vertical-align: top; cursor: pointer; position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(78, 84, 95, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(78, 84, 95, .6);
}
.select-wrapper .select-box:hover {background-color: #307bf6;}
.select-wrapper .select-box:hover span {color: #ffffff;}

.select-wrapper .select-box + .select-box  {margin-left: 5%;}
.select-wrapper .select-box span:first-child {margin: 0 auto; display: block; margin-bottom: 10px;}
.select-wrapper .select-box span {font-size: 18px; }
.select-wrapper .select-box a {
    text-decoration: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 10px;
    position: absolute;}

.select-wrapper .select-box.active {
    background-color: #307bf6;
    outline: 0;

}
.select-wrapper .select-box.active:before {
    content: ""; position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #307bf6;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    outline: 0;

}

.select-wrapper .select-box span {color: #4e545f;}
.select-wrapper .select-box.active span {color: #fefefe;}

.icon-card {width: 100%;  background: url("../img/icons.png") no-repeat; min-height: 75px;}
.icon-credit-card {background-position: 5px -90px; max-width: 100px;}
.icon-cash-plus {background-position: -110px -90px; max-width: 62px;}
.icon-either-card {background-position: -189px -90px; max-width: 76px;}

.select-box.active .icon-credit-card , .select-box:hover .icon-credit-card {background-position: 5px 0;}
.select-box.active .icon-cash-plus, .select-box:hover .icon-cash-plus {background-position: -110px 0;}
.select-box.active .icon-either-card, .select-box:hover .icon-either-card {background-position: -189px 0;}


#my_loan_amt:before{}

/**
 * For validation layout
 */
@media (-webkit-min-device-pixel-ratio:2){

    /* Retina-specific stuff here */}

/**
 * for project
 */
@media screen and (min-width:320px){

    /**
     * landing
     */

    /*
    .modal {
      text-align: center;
    }

    .modal:before {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%;
    }

    .modal-dialog {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
    }
    */
    .landing-page{background-image:url(../../plft-resources/img/desktop/bg.png);background-size:cover;height:100%;width:100%;}
    .landing-page .modal-dialog{width:303px;margin:0px auto;}
    .landing-page .modal-dialog .modal-content{}
    .landing-page .modal-dialog .top-img{margin-top:32px;}
    .landing-page .modal-dialog .hi-there{margin-top:27px;margin-bottom:10px;font-size:20px;font-family:'OpenSanBold',Fallback,sans-serif;}
    .landing-page .modal-dialog .sub-title{font-size:13px;}
    .landing-page .modal-dialog .checkbox-custom:not(:checked) + label,.landing-page .modal-dialog .checkbox-custom:checked + label{font-size:14px;}
    .landing-page .btn{background-color:#95a0b2;width:245px;height:48px;}
    .landing-page .btn.get-started{margin-top:32px;background-color:#00a4fc;font-size:15px;color:white;}
    .landing-page .btn.cancel{margin-top:10px;margin-bottom:27px;background-color:#95a0b2;font-size:15px;color:white;}
    .same-line-item{margin-top:17px;}

    /*
    for step 1
     */
    .step_1 .gender-button{background-color:#e1e1e1;border:1px solid #ccc;border-radius:4px;height:150px;display:table;width:100%;}
    .step_1 .gender-container 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;}
    .step_1 .gender-container input.checked + .gender-button{background-color:#0075bc;color:white;}
    .step_1 .gender-container input.checked + .gender-button span{background-image:url(../img/desktop/female-white.png);}
    .step_1 .gender-container input.checked + .gender-button .gender-male span{background-image:url(../img/desktop/male-white.png);}
    .step_1 .gender-button .gender_item{display:table-cell;vertical-align:middle;text-align:center;}
    .step_1 .gender-button .gender_item span{width:56px;height:68px;background:url(../img/desktop/female.png) no-repeat;-webkit-background-size:100%;background-size:100%;display:block;margin:0 auto;display:inline-block;vertical-align:middle;}
    .step_1 .gender-button .gender_item.gender-male span{width:55px;background:url(../img/desktop/male.png) no-repeat;background-size:100%;display:inline-block;vertical-align:middle;}
    .step_1 .gender-button .gender_item p{text-align:center;margin-bottom:0px;margin-left:0px;margin-top:15px;}
    .step_1 .given-name-text,.step_1 .contry-of-birth,.step_1 .country-of-residence,.step_1 .nric-expired,.step_1 .number-of-dependent{margin-top:17px;}
    .step_1 .step-item,.step_2 .step-item,.step_3 .step-item,.step_4 .step-item,.step_6 .step-item{padding:0 13px; margin-bottom: 15px;}
    input.form-control,.step_2 .title-name{margin-bottom:10px;}
    input.form-control.parsley-error{margin-bottom:10px;}
    .step_1 .step-item p,.step_4 .step-item p{margin-right:20px;font-size:15px;}
    .step-item p.desc,.step-item p.the-fund{
        margin-top: 15px;
        /*font-size:16px;*/
    }
    .step_1 .step-item div,.step_2 .step-item div,.step_3 .step-item div,.step_4 .step-item div,.step_6 .step-item div{padding-left:0px;padding-right:0px;}
    .step_4 .step-item .subtitle{font-size:12px;}
    .step_4 .step-item .title{margin-bottom:16px;}
    .step_1 .education{margin-bottom:50px;}
    .step_1 .issuing-country{margin-top:17px;}
    .step_1 .checkbox-container{display:block;vertical-align:middle;}
    .step_1 .self-employe-no{margin-left:20px;}
    .step_1 .marital-status-container{display:table;height:55px;}
    .step_1 .step-item .other-container{width:100%;float:left;padding-left:50px;}
    .step_1 .marital .marital-status-container{position:absolute;}
    .step_1 p{font-size:16px;font-family:OpenSanBold;margin-bottom:10px;}
    .test{display:none;}
    .step_2{display:none;}
    .step_5{display:none;}

    /**
     * for step 2
     */
    .step_2 .step-item div{padding-right:0px;}
    .step_2 .phone-number{padding-right:0px;}
    .step_2 .phone-number div{padding-left:0px;padding-right:0px;}
    .step_2 .phone-number .phone{padding-left:10px;padding-right:0px;}
    .step_2 .UOB-banking{padding-left:22px;padding-top:16px;padding-right:22px;padding-bottom:21px;background-color:#e1e1e1;border:1px solid #ccc;border-radius:4px;}
    .step_2 .UOB-banking .title{font-size:12px;font-family:'OpenSanBold',Fallback,sans-serif;}
    .step_2 .UOB-banking .sub-title{font-size:12px;}
    .step_2 .UOB-banking .sub-title li{padding-right:15px;}
    .step_2 .phone-number.mobile,.step_2 .phone-number.office{margin-top:15px;}
    .step_2 .step-item.block-address div{padding-right:15px;}
    .step_2 .step-item .post-code,.step_3 .step-item .post-code{padding-right:0px;position:relative;}
    .step_2 .step-item .post-code img,.step_3 .step-item .post-code img{position:absolute;top:15px;right:-35px;}
    .step_2 .step-item .residency{padding-right:15px;}
    .step_2 .step-item .final-block{padding-right:15px;}
    .step-item .oversea-subtitle{font-size:12px!important;}
    .step_2 .step-item .oversea-title{font-size:15px;margin-bottom:0px;}

    /*
    end step 2
     */

    /**
     * step 3
     */
    .step_3 .checkbox-container{display:table-cell;vertical-align:middle;}
    .step_3 .self-employe-no{margin-left:20px;}
    .step_3 .self-employ-container{display:table;height:55px;float:left;}

    /**
     * end step 3
     */

    /**
     * step 4
     */
    .step_4 .checkbox-container .sub-checkbox-title{padding-left:25px;font-size:14px;}
    .business-industry-text{		/*margin-top: 10px;*/}
    .visa-limit-text{margin-top:10px;}

    /**
     * end step 4
     */
    .step_4 .country-of-fund{display:table;height:55px;float:left;}
    .step_4 .income-fund{margin-top:35px;}
    .step_4 .checkbox-container{display:table-cell;vertical-align:middle;}
    .step_4 .step-item .visa-limit{margin-top:42px;padding-right:0px;}
    .step_4 .note{padding-left:22px;padding-top:18px;padding-right:22px;padding-bottom:28px;background-color:#e1e1e1;border:1px solid #ccc;border-radius:4px;}
    .step_4 .note .title{font-size:10px;font-family:'OpenSanBold',Fallback,sans-serif;}
    .step_4 .note .subtitle{font-size:10px;}
    .step_4 .understand-note{font-size:10px;}
    .step_4 .step-item .prefer-uob-visa{font-size:15px;padding-left:25px;}
    .step_4 .wish-atm{margin-top:17px;}
    .step_4 .collapsable{position:relative;border-top:1px solid #ccc;}
    .step_4 .collapsable .collapse{border-bottom:1px solid #ccc;}
    .step_4 .collapsable .understand-note{margin-top:34px;}
    .step_4 .collapse-btn{width:40px;height:40px;color:#86909f!important;background-color:#FFF;border-color:#cad2da;position:absolute;top:0;margin-top:-20px;left:50%;margin-left:-20px;border-radius:40px;}
    .step_4 .step-item .dividend{clear:both;}
    .collapse-btn .icon:after{content:'';width:20px;height:11px;		/* background: url(../img/arrow-dark.png) no-repeat; */background:url(../img/icons/icon_dropdown_arrow.png) no-repeat;display:inline-block;vertical-align:middle;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-10px;z-index:0;}

    /* Css for mobile here */
    header{background-color:#0c3577;color:white;height:100px;padding:30px 0;font-family:'OpenSanBold',Fallback,sans-serif;}
    header .container{width:100%;}
    header .container > div{vertical-align:middle;display:table-cell;float:none;}
    header .container > div.text-center{padding:0 10px;}
    header .container > div.text-center .heading{text-align:right;}
    header .container > div.text-left img,header .container > div.text-right img{display:inline-block;}
    header .container > div.text-right{max-width:35px;}
    header .container .heading{font-size:10px;}
    .navigation-container{padding:20px 16px;padding-bottom:0px;margin-bottom:50px;}
    .navigation-content{text-align:center;}
    .navigation-content ul{margin:0 auto;text-align:center;padding:0;font-size:0;width:100%;}
    .navigation-content ul li{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;background-image:url(../../plft-resources/img/desktop/line-inactive.png);background-repeat:repeat-x;background-position:left center;display:inline-block;width:20%;zoom:1;text-align:left;position:relative;z-index:0;color:#333333;cursor:pointer;}
    .navigation-content ul li p{display:block ;position:absolute;top:110%;font-size:12px;text-align:center;}
    .navigation-content ul li.step-01 {padding-left:0;}
    .navigation-content ul li.step-01 p{position:absolute;left:0%;margin-left:-149px; width: 100px;margin-left: -35px;}

    .navigation-content .active p{width:100px;margin-left:-35px}
    .navigation-content .active{z-index:1;color:#1399ff;}
    .navigation-content .active span{background-color:#1399ff;border-color:#1399ff;}

    .navigation-content .step-02.active p{margin-left:-25px;}
    .navigation-content .step-02 p{margin-left:-20px;}
    .navigation-content .step-03.active p{margin-left:-32px;width:107px;}
    .navigation-content .step-03 p{margin-left:-32px;width:107px;}
    .navigation-content .step-04.active p{margin-left:-34px;width:100px;}
    .navigation-content .step-04 p{margin-left:-34px;width:100px;}

    .navigation-content ul li.step-01 span{background-image:url(../../plft-resources/img/icons/start.png);background-size:14px 18px;}
    .navigation-content ul li.step-02 span{background-image:url(../../plft-resources/img/icons/people-complete.png);background-size:16px 17px;}
    .navigation-content ul li.step-03 span{background-image:url(../../plft-resources/img/icons/disbursement.png);background-size:12px 21px;}
    .navigation-content ul li.step-04{width:42px;margin-left:0;}
    .navigation-content ul li.step-04 span{background-image:url(../../plft-resources/img/icons/status.png);background-size:17px 13px;float:right;}

    .navigation-content ul li.step-01.active span{background-image:url(../../plft-resources/img/icons/start.png);background-size:14px 18px;}
    .navigation-content ul li.step-02.active span{background-image:url(../../plft-resources/img/icons/people-active.png);}
    .navigation-content ul li.step-03.active span{background-image:url(../../plft-resources/img/icons/disbursement-active.png);}
    .navigation-content ul li.step-04.active span{background-image:url(../../plft-resources/img/icons/status-active.png);}
    .navigation-content ul li span{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;width:42px;height:42px;display:inline-block;background-color:#edf1f2;background-size:100%;background-repeat:no-repeat;background-position:center center;border:3px solid #c8d2d7;border-radius:50%;position:relative;zoom:1;}
    .navigation-content ul li.complete{background-repeat:repeat-x;background-position:left center;z-index:2;color:#333333;}
    .navigation-content ul li.complete span{background-color:#edf1f2;border-color:#bcc8ce;}
    .navigation-content ul li.step-01.complete span{background-image:url(../../plft-resources/img/icons/start-complete.png);}
    .navigation-content ul li.step-02.complete span{background-image:url(../../plft-resources/img/icons/people-complete.png);}



    /** step 5 */
    .title-container{color:#4e545f;padding:0 40px;font-size:25px;margin-bottom:34px;font-family:'OpenSanLight',Fallback,sans-serif;}
    .content-container{padding:0 24px;color:#4e545f;font-size:12px;margin-bottom:45px;font-family:'OpenSanRegular',Fallback,sans-serif;}
    .content-container ol li{margin-left:0;padding-left:0;}
    .step_5 .nric-container{padding:0 46px;}
    .step_5 .nric-container .nric-item{padding-bottom:32px;}
    .step_5 .nric-container .nric-item.signature{padding-bottom:0px;}
    .step_5 .nric-container .title{font-family:'OpenSanBold',Fallback,sans-serif;font-size:15px;color:#4e545f;margin-bottom:19px;}
    .step_5 .nric-container .content{width:100%;border:solid 1px #95a0b1;border-radius:5px;height:423px;max-width:284px;}
    .step_5 .nric-container .content .top-content{height:140px;width:100%;display:table;}
    .step_5 .nric-container .content .top-content div{vertical-align:middle;display:table-cell;}
    .step_5 .nric-container .content .bottom-content{height:180px;width:100%;background-color:#c2c2c2;position:relative;font-family:'OpenSanSemiBold',Fallback,sans-serif;display:table;}
    .step_5 .nric-container .content .bottom-content:hover{background-color:#0aa6f8;}
    .step_5 .nric-container .content .bottom-item{display:block;vertical-align:middle;height:140px;width:100%;padding-top:50px;}
    .step_5 .nric-container .content .bottom-content .display_image{width:100%;height:140px;position:absolute;overflow:hidden;text-align:center;}
    .step_5 .nric-container .content .bottom-content .display_image img{		/*max-height: 100%;*/
        position:relative;max-width:100%;max-height:100%;height:auto;top:50%;}
    .step_5 .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;}
    .step_5 .nric-container .content .bottom-content .upload{margin:0 auto;margin-bottom:15px;}
    .step_5 .nric-container .content .bottom-content .title{color:white;font-size:14px;margin:0 auto;text-align:center;display:block;padding:10px;}
    .step_5 .photograph-checkbox label{font-size:12px;}
    .step_5 .photograph-checkbox{margin-top:25px;}
    .top-btn{cursor:pointer;}
    .next_button{width:100%;height:47px;background-color:#d7d7d7;border-radius:5px;position:relative;margin-top:19px;cursor:pointer;}
    .next_button:hover{background-color:#0aa6f8;}
    .next_button .title{position:relative;height:47px;line-height:47px;white-space:nowrap;left:17px;color:white;font-size:18px;}
    .next_button img{position:absolute;top:0;margin-top:14px;right:14px;}
    .submit_button{width:100%;height:47px;background-color:#d7d7d7;border-radius:5px;position:relative;margin-top:19px;cursor:pointer;}
    .submit_button:hover{background-color:#0aa6f8;}
    .submit_button .title{position:relative;height:47px;line-height:47px;white-space:nowrap;left:17px;color:white;font-size:18px;}
    .submit_button img{position:absolute;top:0;margin-top:14px;right:14px;}
    .top-btn-container{margin-right:0px;margin-bottom:30px;margin-top:30px;float:right;}
    .footer-container{text-align:center;color:#4e545f;font-size:10px;margin-bottom:21px;padding:0 63px;}
    .bottom_bg_container{background-color:#0e3973;height:18px;width:100%;}
    .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;
    }

    /*.checkbox-container label {
        font-size: 16px;
        color:  #4e545f;
        margin-left: 10px;
        display: inline;
    }*/

    /**step 6 */

    .step_6 .step-item.img-container{margin-bottom:52px;}
    .step_6 .step-item .content{padding-left:12px;		/*padding-right: 11px;*/font-size:12px;}
    .step_6 .step-item .detail_item{border:solid 1px #95a0b1;border-radius:5px;background-color:white;padding:18px 12px 45px 12px;}
    .step_6 .step-item .detail_item .header{margin-bottom:20px;}
    .step_6 .step-item .detail_item .header p{width:69%;display:inline-block;}
    .step_6 .step-item .detail_item .header div{display:inline-block;width:29%;text-align:right;}
    .step_6 .step-item .detail_item .header{font-size:12px;font-family:'OpenSanBold',Fallback,sans-serif;}
    .step_6 .step-item .detail_item .sub-header{font-size:12px;font-family:'OpenSanBold',Fallback,sans-serif;margin-top:24px;margin-bottom:20px;}
    .step_6 .content .left-content{display:inline-block;width:150px;}
    .step_6 .content .right-content{display:inline-block;}
    .step_6 .step-item .result-nric .img-item{height:105px;background:url("../img/desktop/img-nric-front-icon.png") no-repeat center;}
    .step_6 .step-item .result-nric-back .img-item{height:105px;background:url("../img/desktop/img-nric-back-icon.png") no-repeat center;}
    .step_6 .step-item .result-nric-signature .img-item{height:105px;background:url("../img/desktop/img-signature-icon.png") no-repeat center;}
    .step_6 .step-item .nric-result-container{padding-left:10px;padding-right:10px;}
    .step_6 .step-item .nric-result-container .result-nric-signature{margin-top:10px;}
    .step_6 .modal-dialog{width:400px;margin:0px auto;}
    .step_6 .modal-dialog .modal-content{background-color:#ebebeb;}
    .step_6 .modal-dialog .top-img{margin-top:32px;}
    .step_6 .modal-dialog .hi-there{margin-top:14px;margin-bottom:10px;font-size:18px;font-family:'OpenSanBold',Fallback,sans-serif;}
    .step_6 #step_6_confirmation .modal-dialog .hi-there{font-size:16px;}
    .step_6 #step_6_confirmation .modal-dialog{width:600px;margin:0px auto;}
    .step_6 .btn{background-color:#95a0b2;width:245px;height:48px;}
    .step_6 .btn.get-started{margin-top:32px;background-color:#00a4fc;color:white;}
    .step_6 .btn.cancel{margin-top:10px;margin-bottom:27px;background-color:#95a0b2;color:white;}
    .step_6 .modal#step_6_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;}
    .step_6 .term-condition-link{color:#0aa6f8;cursor:pointer;}
    .step_6 .edit-step-1,.step_6 .edit-step-2,.step_6 .edit-step-3,.step_6 .edit-step-4,.step_6 .edit-step-5{cursor:pointer;}
    .modal-body ul{padding-left:20px;}
    .loan_amt{width:auto;}
    .number01{background:#ebebeb;border:none;height:auto;text-align:center;color:#063763;padding-left:5px;padding-right:5px;font-weight:bold;width:100%;}
    .number02{background:#ebebeb;border:none;height:auto;text-align:left;color:#063763;padding-left:5px;padding-right:5px;font-weight:bold;width:100%;}
    .calculate_button{margin-top:30px;margin-bottom:54px;margin-left:0px;background:url(../img/desktop/calculate.png) no-repeat;width:239px;height:47px;background-position:top center;text-indent:-9999px;border:none;cursor:pointer;display:block;}
    .step_1 hr{border-top:1px solid #ccc;margin-bottom:58px;margin-top:0px;}
    .next_button .start-application{background:url(../img/form/start-application.png) no-repeat;width:239px;height:47px;background-position:top center;text-indent:-9999px;border:none;cursor:pointer;display:block;}
    .submit_button .start-application{background:url(../img/form/start-application.png) no-repeat;width:239px;height:47px;background-position:top center;text-indent:-9999px;border:none;cursor:pointer;display:block;}
    input[type='text'],input[type='tel'],input[type='email']{font-size:18px;}
    .header .center-block{text-align:right;font-size:1.1em;font-family:OpenSanBold;}
    .step_2 .step-item .data{margin-bottom:34px;margin-left:-28px;margin-right:-28px;}
    .step_2 .step-item .data li{list-style:none}
    .step_2 .step-item .data .title{background-color:#06377b;padding-top:21px;padding-bottom:21px;}
    .step_2 .step-item .data .title  div{width:100%;display:block;padding-left:20px;text-align:left;margin-bottom:40px;}
    .step_2 .step-item .data .content{background-color:#f0f7ff;padding-top:21px;padding-bottom:21px;}
    .step_2 .step-item .data .content  div{width:100%;display:block;margin-bottom:40px;padding-left:50px;text-align:left;}
    .step_2 .step-item .data span{color:white;font-size:16px;font-family:OpenSanRegular;font-weight:bold;text-align:center;}
    .step_2 .step-item .data .content{background-color:#f0f7ff;}
    .step_2 .step-item .data .content span{color:#333333;font-weight:normal;}
    .step-item  .data .title div.m-repay{display:inline-block;line-height:23px;height:41px;width:80px;}
    /*.step-item  .data .title div.m-process-fee{white-space: nowrap;}*/
    .step-item  .data .content div.m-repay{line-height:23px;height:41px;}
    .step_2 .step-item .content-block{text-align:center;}
    .step_2 .step-item .content-block .btn{background-color:#95a0b1;color:white;padding:10px 18px;}
    .step_2 .step-item .content-block .btn-edit{margin-top:46px;margin-bottom:34px;}
    .step_2 .step-item .all-field{margin-top:17px;}
    .step_2 .step-item input.form-control.missing_field{margin-bottom:10px;}
    .step_2 .step-item input.form-control{height:55px;font-size:16px;padding-left:20px;padding-right:20px;}
    .step_2 .step-item .text{margin-top:10px;font-size:16px;}
    .step_2 .step-item .note{font-size:16px;}
    .step_3 .step-item .btn-no{background-color:#95a0b1;color:white;float:right;font-size:15px;margin-top:10px;padding:17px 18px;width:100%;}
    .step_3 .step-item .btn-no a{color:white;text-decoration:none;}
    .step_2 .step-item .content-block .btn .icon-edit{background:url("../img/icons/edit.png") no-repeat;color:white;display:inline-block;height:17px;margin-right:5px;width:11px;vertical-align:middle;}
    .step_3 .step-item .data{margin-bottom:34px;margin-left:-28px;margin-right:-28px;}
    .step_3 .step-item .data li{list-style:none}
    .step_3 .step-item .data .title{background-color:#06377b;padding-top:21px;padding-bottom:21px;}
    .step_3 .step-item .data .title  div{width:100%;display:block;padding-left:20px;text-align:left;margin-bottom:40px;}
    .step_3 .step-item .data .content{background-color:#f0f7ff;padding-top:21px;padding-bottom:21px;}
    .step_3 .step-item .data .content  div{width:100%;display:block;margin-bottom:40px;padding-left:50px;text-align:left;}
    .step_3 .step-item .data span{color:white;font-size:16px;font-family:OpenSanRegular;font-weight:bold;text-align:center;}
    .step_3 .step-item .data .content{background-color:white;}
    .step_3 .step-item .data .content span{color:#333333;}
    .step_3 .step-item .m-repay{line-height:22px;height:22px;}
    .step_3 .step-item .content-block{text-align:center;}
    .step_3 .step-item .content-block .btn{background-color:#95a0b1;color:white;padding:10px 18px;}
    .step_3 .step-item .content-block .btn-edit{margin-top:46px;margin-bottom:34px;}
    .step_3 .step-item .all-field{margin-top:17px;}
    .step_3 .step-item input.form-control.missing_field{margin-bottom:10px;}
    .step_3 .step-item input.form-control{height:55px;font-size:16px;padding-left:20px;padding-right:20px;}
    .step_3 .step-item .text{margin-top:10px;font-size:16px;}
    .step_3 .step-item .note{font-size:16px;}
    .step_3 .step-item .btn-no{background-color:#95a0b1;color:white;float:right;font-size:15px;margin-top:10px;padding:17px 18px;width:100%;}
    .step_3 .step-item .btn-no a{color:white;text-decoration:none;}
    .open-bold{font-family:OpenSanBold;}
    .checkbox-custom + label{font-size:16px;}
    .step-item .name-desc{font-family:OpenSanBold;font-size:15px;}
    .error{color:red;font-size:16px;}
    .step_3 h2{font-size:23px;font-family:OpenSanBold;}
    .step_3 p{margin-left:0px;
        /*font-size:20px;*/
    }
    .wrapper{padding-bottom:100px;}
    .navigation-content ul li.active p{display:block;}
    .page-container{position:relative;min-height:100%;}
    .footer-container{position:absolute;bottom:20px;margin-left:auto;margin-right:auto;width:100%;}
    .bottom_bg_container{position:absolute;bottom:0px;}
    .error{color:red;}
    /*.select-wrap .dummy-value{padding-left:20px;}*/
    .next_button .bodytext{background:url(../img/desktop/next_btn_icon.png) no-repeat;background-size:25px 25px;font-size:16px;font-family:OpenSanBold;width:100%;height:47px;background-position: 95%;border:1px solid #d7d7d7;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
    .submit_button .bodytext{background:url(../img/desktop/next_btn_icon.png) no-repeat;background-size:25px 25px;font-size:16px;font-family:OpenSanBold;width:100%;height:47px;background-position: 95%;border:1px solid #d7d7d7;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
    .header .logo{max-width:150px;}
    .step_2 hr{border-top:1px solid #ccc;margin-top:0px;margin-bottom:34px;}
    .btn-no-block{position:relative;}
    a.tooltip-new:hover{text-decoration:none;}
    a.tooltip-new:hover span{z-index:10;display:none;padding:14px 20px;margin-top:-30px;margin-left:28px;line-height:16px;}

    .step_3 .step-item div.tooltip-block {
        font-size: 11px;
        font-family: OpenSanRegular;
        display: none;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
        text-decoration: none;
        padding: 0px 10px;
        width: 340px;
        left: -44px;
        top: 195px;
        z-index: 3;
        text-align: left;
    }
    .step_3 .step-item div.tooltip-block:before{
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fffaf0;
        top: -10px;
        left: 50%;
        margin-left: -5px;
        outline: 0;
    }
    .step_3 .step-item div.tooltip-block p{font-size:11px; text-indent: -11px; margin-left: 11px;}
    .step_3 .step-item div.tooltip-block p.first{margin-top:10px;}
    .callout{z-index:20;position:absolute;top:30px;border:0;left:-12px;}

    /*CSS3 extras*/
    .tooltip-block{border-radius:4px;box-shadow:5px 5px 8px #CCC;}
}
@media screen and (min-width:768px){

    /* Css for tablet here */
    header{padding:30px 0;}
    header .container > div.text-center{padding:0 30px;}
    header .container > div.text-left{max-width:120px;}
    header .container > div.text-left.logo{float:left;max-width:217px;}
    header .container > div.text-right{max-width:80px;}
    .header .logo{max-width:217px;}
    header .container .heading{font-size:16px;}
    .calculate_button{margin-left:0px;}
    .next_button{width:275px;}
    .submit_button{width:275px;}
    .step_1 .step-item .col-md-6{padding-right:15px;}
    .step_1 .step-item .col-md-6 .select-wrap{padding-left:15px;padding-right:0px;}
    input.form-control{margin-bottom:52px;}
    .step-item .next_button p{margin-left:0px;margin-right:0px;font-size:16px!important}
    .step-item .submit_button p{margin-left:0px;margin-right:0px;font-size:16px!important}
    input[type='text'].number02{width:80px;}
    .step_2 .step-item .btn-no{margin-bottom:0px;}
    .step_2 .step-item .data span,.step_2 .step-item .data .content span{font-size:18px;}
    .step_2 .step-item input.form-control,.mandatory .parsley-required{font-size:18px;}
    .step_3 .step-item .btn-no{max-width:275px;}
    .step_3 .step-item .col-md-6 .select-wrap{padding-left:15px;padding-right:0px;}
    .top-btn-container{margin-left:60px;}
    .step_2 .step-item .text{margin-top:0px;}
    .step_2 hr,.step_3 hr{border-top:1px solid #ccc;margin-top:36px;margin-bottom:0px;}
}
@media screen and (min-width:1024px){
    .container{width:1180px;}
    input.form-control{line-height:55px;padding-top:0px;padding-bottom:0px;font-size:16px;font-family:OpenSanRegular;}
    header .container-header{width:1060px;margin:auto;}
    header .container-header .heading{position:absolute;left:0px;right:0px;}
    .step_2 .step-item .m-repay{height:22px;line-height:22px;}
    header .container > div.heading{float:left;}
    .header .center-block{text-align:center;font-family:OpenSanBold;font-size:21px;}

    input.form-control{margin-bottom:0px;}
    .step_1,.step_2,.step_3{padding-left:45px;padding-right:45px;}
    .checkbox-custom:not(:checked) + label,.checkbox-custom:checked + label{font-size:16px;}
    .special-checkbox:not(:checked) + div label.label-special-checkbox,.special-checkbox:checked + div label.label-special-checkbox{font-size:18px;}
    .select-wrap .dummy-value{font-size:18px;font-size:16px;font-family:OpenSanRegular;}

    /*.navigation-content ul li.complete p,*/
    .navigation-content ul li.active p{display:block;}

    /*.navigation-content ul li.complete p{display:none;}*/
    .navigation-container{padding:49px 223px;padding-bottom:0px;margin-bottom:96px;}
    .navigation-content ul{max-width:none;}

    .navigation-content .complete p{color: #333333;}
    .navigation-content .step-01.active p{width:337px;margin-left:-149px;}

    .navigation-content .step-01.complete p{width:337px;margin-left:-149px;}
    .navigation-content .step-02 p{margin-left:-20px;}
    .navigation-content .step-02.complete p{margin-left:-20px;}

    .navigation-content .step-03 p{margin-left: -35px; width: 121px;}
    .navigation-content .step-03.complete p{margin-left: -35px; width: 121px;}
    .navigation-content .step-03.active p{margin-left: -35px; width: 121px;}

    /*.navigation-content .step-04.complete p{width:337px;margin-left:-149px;}*/

    .navigation-content .step-04 p{width:105px;margin-left:-30px;}
    .navigation-content .step-04.complete p{width:105px;margin-left:-10px;}
    .navigation-content .step-04.active p{width:105px;margin-left:-10px;}

    /** landing page */
    .landing-page .modal-dialog .hi-there{font-size:18px;}
    .landing-page .modal-dialog .sub-title{font-size:14px;}
    .landing-page .btn.get-started,.landing-page .btn.cancel{font-size:18px;}

    /* Css for desktop here */

    /*step 1
    */
    .step_1 .step-item p,.step_2 .step-item p,.step_3 .step-item p,.step_4 .step-item p{font-size:12px;}
    .same-line-item{margin-top:0px;}
    .step_1 .gender-button{height:109px;}

    /*
    .step_1 .gender-button .gender_item span {
        display: inline;
        margin: 0 auto;
    }
    */
    .step_1 .gender-button .gender_item p{display:inline;margin-left:20px;margin-top:0px;}
    .step_1 .gender-button .gender_item .wrapper{text-align:center;}
    .step_1 .given-name-text,.step_1 .contry-of-birth,.step_1 .country-of-residence,.step_1 .nric-expired,.step_1 .number-of-dependent{margin-top:0px;}
    .step_1 .education{margin-bottom:70px;}
    .step_2 .step-item,.step_3 .step-item,.step_4 .step-item,.step_6 .step-item{padding:0;margin-bottom:34px;}
    .step_1 .issuing-country{margin-top:0px;}

    /*
    end step 1
     */

    /*
    step 2
     */
    .step_2{font-family:OpenSanRegular;}
    .step_2 .phone-number.home,.step_2 .phone-number.office{padding-right:15px;}
    .step_2 .phone-number.mobile{margin-top:0px;}
    .step_2 .UOB-banking{}
    .step_2 .step-item .oversea-title{font-size:18px;}
    .step_2 .step-item .oversea-subtitle{font-size:14px;}
    .step_2 .step-item .data{margin-bottom:34px;margin-left:0px;margin-right:0px;}
    .step_2 .step-item .data li{list-style:none}
    .step_2 .step-item .data .title{background-color:#06377b;padding-top:14px;padding-bottom:14px;}
    .step_2 .step-item .data.funds-tranfer .title  div{width:13.9%;display:inline-block;margin-bottom:0px;padding-left:35px;padding-right:35px;text-align:center;vertical-align:middle; margin-left: 25px;}
    .step_2 .step-item .data .title  div{width:13.9%;display:inline-block;margin-bottom:0px;padding-left:35px;padding-right:35px;text-align:center;vertical-align:middle;}
    .step_2 .step-item .data .content{background-color:#f0f7ff;}
    .step_2 .step-item .data.funds-tranfer .content  div{width:13.9%;display:inline-block;margin-bottom:0px;padding:20px 15px;text-align:center; margin-left: 25px;}
    .step_2 .step-item .data .content  div{width:13.9%;display:inline-block;margin-bottom:0px;padding:20px 15px;text-align:center; }
    .step_2 .step-item .data span{color:white;font-size:16px;font-family:OpenSanRegular;font-weight:bold;text-align:center;}
    .step_2 .step-item .data .content{background-color:#f0f7ff;padding-top:0px;padding-bottom:0px;}
    .step_2 .step-item .data .content span{color:#333333;font-weight:normal;}
    .step_2 .step-item .note{padding-left:20px;font-size:14px;}
    .step_2 .step-item h2.text{font-size:14px;padding-left:20px;}
    .step_2 .step-item .the-fund{font-size:14px;padding-left:20px;}
    .step-item .name-desc{font-family:OpenSanBold;margin-left:20px;}
    .step_2 .step-item .col-md-6{padding-right:15px;}
    .step_2 .step-item .col-md-6.number-of-dependent{padding-right:0px;padding-left:15px;}
    input[type='text'],input[type='tel'],input[type='email']{color:#000000;}
    .step_2 .step-item input{font-size:16px;font-family:OpenSanRegular;}
    .step_2 .step-item .desc{font-size:12px;margin-left:20px;margin-top:21px;}
    .step_2 .step-item .desc.top{margin-top:8px;}
    .step_2 .step-item .btn-no{background-color:#95a0b1;color:white;float:right;margin-top:10px;padding:17px 18px;}
    .step_2 .step-item .edit{background-color:#95a0b1;color:white;font-size:14px;margin:auto;text-align:center;}
    .step_2 .step-item .content-block{text-align:center;}
    .step_2 .step-item .content-block .btn{background-color:#95a0b1;color:white;padding:10px 57px;}
    .step_2 .step-item .content-block .btn-edit{margin-bottom:0px;}
    .step_2 .step-item .title{font-size:16px;font-family:OpenSanBold;}
    .open-bold{font-family:OpenSanBold;}
    .step_2 .step-item .checkbox-container{padding-left:0px;}
    .step_2 .step-item .checkbox-container .small,.step_2 .step-item .checkbox-container .declaration{display:inline-block;vertical-align:top;}
    .step_2 .step-item .checkbox-container .declaration{width:98%;}
    .step_2 .step-item .all-field{margin-top:17px;}
    .step_2 .title-name{margin-bottom:0px;}

    /*
    end step 2
     */

    /*
    step 3
     */
    .step_3{font-family:OpenSanRegular;}
    .step_3 .phone-number.home,.step_2 .phone-number.office{padding-right:15px;}
    .step_3 .phone-number.mobile{margin-top:0px;}
    .step_3 .UOB-banking{}
    .step_3 .step-item .oversea-title{font-size:18px;}
    .step_3 .step-item .oversea-subtitle{font-size:14px;}
    .step_3 .step-item .data{margin-bottom:34px;margin-left:0px;margin-right:0px;}
    .step_3 .step-item .data li{list-style:none}
    .step_3 .step-item .data .title{background-color:#06377b;padding-top:14px;padding-bottom:14px;}
    .step_3 .step-item .data .title  div{width:13.9%;display:inline-block;margin-bottom:0px;padding-left:35px;padding-right:35px;text-align:center;}
    .step_3 .step-item .data .content{background-color:#f0f7ff;}
    .step_3 .step-item .data .content  div{width:13.9%;display:inline-block;margin-bottom:0px;padding:20px 15px;text-align:center;}
    .step_3 .step-item .data span{color:white;font-size:16px;font-family:OpenSanRegular;font-weight:bold;text-align:center;}
    .step_3 .step-item .data .content{background-color:white;padding-top:0px;padding-bottom:0px;}
    .step_3 .step-item .data .content span{color:#333333;}
    .step_3 .step-item .note{padding-left:20px;font-size:14px; display: inline;}
    .step_3 .step-item h2.text{font-size:14px;padding-left:20px;}
    .step_3 .step-item .the-fund{font-size:14px;display: inline;}
    .step-item .name-desc{font-family:OpenSanBold;margin-left:20px;margin-bottom:20px;}
    .step_3 .step-item .col-md-6{padding-right:15px;}
    .step_3 .step-item .col-md-6.number-of-dependent{padding-right:0px;padding-left:15px;}
    .step_3 .step-item input{font-size:16px;font-family:OpenSanRegular;}
    .step_3 .step-item .desc{font-size:14px;margin-left:20px;margin-top:21px;}
    .step_3 .step-item .desc.top{margin-top:8px;}
    .step_3 .step-item .btn-no{background-color:#95a0b1;color:white;float:right;margin-top:10px;padding:17px 18px;}
    .step_3 .step-item .edit{background-color:#95a0b1;color:white;font-size:14px;margin:auto;text-align:center;}
    .step_3 .step-item .content-block{text-align:center;}
    .step_3 .step-item .content-block .btn{background-color:#95a0b1;color:white;padding:10px 18px;}
    .step_3 .step-item .content-block .btn-edit{margin-bottom:0px;}
    .step_3 .step-item .content-block .btn .icon-edit{background:url("../img/icons/edit.png") no-repeat;color:white;display:inline-block;height:17px;margin-right:5px;width:11px;vertical-align:middle;}
    .step_3 .step-item .title{font-size:16px;font-family:OpenSanBold;}
    .open-bold{font-family:OpenSanBold;}
    .step_3 .step-item .checkbox-container{padding-left:0px;}
    .step_3 .step-item .checkbox-container .small,.step_3 .step-item .checkbox-container .declaration{display:inline-block;vertical-align:top;}
    /*.step_3 .step-item .checkbox-container .declaration{width:98%;}*/
    .step_3 .step-item .all-field{margin-top:17px;}

    /*
    step 4
     */
    .step_4 .note{padding-top:27px;}
    .step_4 .note .title{font-size:14px;}
    .step_4 .note .subtitle{font-size:12px;}
    .step_4 .understand-note{font-size:12px;}
    .step_4 .step-item .prefer-uob-visa{font-size:18px;}
    .step_4 .wish-atm{margin-top:25px;}
    .step_4 .step-item .title{margin-bottom:20px;}
    .step_4 .step-item .dividend{clear:none;}

    /**
     * end step 4
     */
    .navigation-container{padding:49px 223px;padding-bottom:0px;margin-bottom:96px;}
    .navigation-content ul{max-width:none;}

    /** step 5 */
    .title-container{padding:0 284px;font-size:25px;margin-bottom:26px;max-width:none;font-family:OpenSanRegular;}
    .content-container{padding:0 200px;font-size:18px;margin-bottom:33px;}
    .step_5 .nric-container{padding:0 200px;}
    .step_5 .nric-container .nric-item{padding-bottom:0px;}
    .step_5 .nric-container .title{font-size:18px;}
    .step_5 .nric-container .content{max-width:190px;height:auto;}
    .step_5 .photograph-checkbox label{font-size:16px;}
    .step_5 .photograph-checkbox{margin-top:14px;}
    .next_button{width:275px;height:47px;}
    .submit_button{width:275px;height:47px;}
    .step_2 .submit-bg{margin:auto;}
    .submit-bg{border:1px solid #d7d7d7;color:white;background-color:#d7d7d7;width:275px;height:47px;}
    .footer-container{font-size:12px;width:100%;margin-top:123px;margin-bottom:20px;}
    .next_button .title{left:34px;}
    .submit_button .title{left:34px;}

    /** step 6 */
    .step_6 .step-item .nric-result-container .result-nric-signature{margin-top:0px;}
    .step_6 .step-item .content{font-size:14px;}
    .step_6 .step-item .detail_item .header{font-size:14px;}
    .step_6 .content .left-content{width:186px;}
    .step_6 #step_6_confirmation .modal-dialog .hi-there{font-size:14px;}
    .step_6 #step_6_confirmation .modal-dialog{width:600px;}
}
.dropdown-menu{min-width:250px;}
.visa-container{text-align:center;}
.card-block{width:400px;position:relative;display:inline-block;}
.visa-card-input{position:absolute;bottom:0;top:178px;left:40px;    /* right: 0; */height:35px!important;margin:auto;width:283px;}
.title-name span {
    background-color: #95a0b1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    display: inline-block;
    font-size: 1em;
    margin: 0 6px 6px 0;
    width: 90px;
    padding: 25px;
    text-align: center;
}
.title-name span.active{background-color:#0aa6f8;cursor:pointer;}
@media screen and (max-width:992px){
    .select-wrapper .select-box {height: 210px;}
    .step_3 .step-item div.tooltip-block {left: -115px;}
}
@media screen and (max-width:740px){
    .step_5 .nric-container .content{height:322px;}
    .visa-card-input{top:140px;left:35px;width:215px;}
    .step_6 .modal-dialog{width:auto;margin:10px;}
    .card-block{width:100%;position:relative;display:inline-block;}
    .navigation-content ul li.complete p {display: none;}
    .navigation-content ul li p {display: none;}
    .select-wrap .dummy-value {padding-left: 1.5em;}
    .select-wrapper .select-box + .select-box { margin-left: 2px;}
    .select-wrapper .select-box { width: 32%;}
    .icon-card {min-height: 78px; background-position: center !important; background-size: 100% !important;}
    .icon-credit-card {max-width: 83px;}
    .select-box .icon-credit-card {background: url("../img/mobile/icon-credit-card_m_2.png") no-repeat;}
    .select-box .icon-cash-plus {background: url("../img/mobile/cashPlus_m_2.png") no-repeat;}
    .select-box .icon-either-card {background: url("../img/mobile/either_m_2.png") no-repeat;}

    .select-box.active .icon-credit-card, .select-box:hover .icon-credit-card {background: url("../img/mobile/icon-credit-card_m.png") no-repeat;}
    .select-box.active .icon-cash-plus, .select-box:hover .icon-cash-plus {background: url("../img/mobile/cashPlus_m.png") no-repeat;}
    .select-box.active .icon-either-card, .select-box:hover .icon-either-card {background: url("../img/mobile/either_m.png") no-repeat;}

    .step_3 .step-item div.tooltip-block {left: -155px;
        -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
        -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    }

    .step-item .data .content div.m-repay {height: 41px;}

}
@media screen and (max-width:320px){
    .select-wrapper .select-box span { font-size: 14px}
    .step_2 .step-item .data .title {width: 55%;}
    .step_2 .step-item .data .content {width: 45%;}
}
.clearer{clear:both;}
label{max-width:none;}
.fileuploader{max-width:190px;margin-top:20px;}
input[type='text'],input[type='tel'],input[type='email']{color:#000000;}

.step_3 .step-item .note{display: inline;}
.step_3 .step-item .the-fund{display: inline;}

@media screen and (min-width: 1024px){
.step_2 .step-item .data .content div {
	    width: 12%;
	    display: inline-block;
	    margin-bottom: 0px;
	    padding: 20px 15px;
	    text-align: center;
}

.step_2 .step-item .data .title div {
	    width: 12%;
	    display: inline-block;
	    margin-bottom: 0px;
	    padding-left: 35px;
	    padding-right: 35px;
	    text-align: center;
        vertical-align: middle;
}
}