h4  {
	margin: 0;
	padding: 0; 
}
 
 	
	@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 */
}

/*
html { overflow: hidden; height: 100%; }
body { overflow: auto; height: 100%; }
*/

/**
 * 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;
}
input::-webkit-input-placeholder {
	color: #c8d2d6 !important;
}

input:-moz-placeholder { /* Firefox 18- */
	color: #c8d2d6 !important;
}

input::-moz-placeholder { /* Firefox 19+ */
	color: #c8d2d6 !important;
}

input:-ms-input-placeholder {
	color: #c8d2d6 !important;
}

.place-holder {
    color: #c8d2d6 !important;
}

.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;
    behavior: url(assets/js/PIE.htc);
}
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;*/
	padding-left: 20px;
	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;
}

.select-wrap .dropdown-item.disable {
  background: #ddd;
  color: #fff;
}

.select-wrap .dropdown-item.disable:hover {
  background: #ddd;
  color: #fff;
}

.select-wrap .dropdown-item.disable:active {
  background: #ddd;
  color: #fff;
}


.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 + label label,
.checkbox-custom.checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-size: 15px;
	font-weight: normal;
}

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


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


/* checked mark aspect */
.checkbox-custom.checked + label:after {
	content: '✓';
	position: absolute;
	top: 0;
    margin-top: -3px;
	left: 0;
	font-size: 18px;
	color: #1ba8de;
	transition: all 0.2s;
	font-weight: normal;
}
/* checked mark aspect changes */
.checkbox-custom + label:after {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

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

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

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

    /* Good browsers */
    opacity: 0;
	transform: scale(0);
}
.checkbox-custom.checked + label:after {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

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

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

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

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

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


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

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

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

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

    /* Good browsers */
    opacity: 0;
	transform: scale(0);
}
.special-checkbox.checked + div label.label-special-checkbox:after {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

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

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

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

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

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

/**
 * end component
 */

html {
	height: 100%;
}

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

.step-item-header .tooltip-icon {
	width: 20px;
	height: 20px;
  	background: url(../../img/desktop/icon-tooltip.png) no-repeat;
  	display: inline-block;
  	background-size: 100%;
}

.step-item-header p {
	display: inline-block;
	position: relative;
  	top: -7px;
}

.step-item-header .display-none {
	opacity: 0;
}

.tooltip .tooltip-inner {
	/*padding:10px;*/
}

.capcha-container .capcha-img {
	width: 184px;
	height: 57px;
	background: url(../../img/desktop/capcha-img.png) no-repeat;
	display: inline-block;
}
.capcha-container .form-control {
	width: initial;
	vertical-align: top;
	display: inline-block;
}

.capcha-container {
	margin-top: 20px;
}

/**
 * For validation layout
 */
/*-----------Media query starts-------------*/
 
@media screen and (min-width: 320px) { 
	.step_6 .step-item .content{padding:0}
	.navigation-content ul li.active p{color: #1399ff;}	 
	.container .heading{text-align:right}
	.container .logo{padding:0}	 	
	.checkbox-wrapper,
	.checkbox-wrapper .checkbox-container,
	.checkbox-wrapper .parsley-errors-list,
	.checkbox-wrapper .parsley-errors-list li {
		display: inline;
	}
	
.step_2 .month{margin-right:10px}
	.landing-page {
		background-image: url(../../img/desktop/bg.png);
		background-size: cover;
		height: 100%;
		width: 100%;
	}
	
	p .sub-label {
  font-size: 12px;
}


	.landing-page .modal-dialog {
		width: 303px;
		margin: 0px auto;
	}
  .landing-page #myelegibleapplications .modal-dialog{
    width: 303px;
    margin: 0px auto;
  } 
  
  .account_icon img {
    width:35%;
  }

	.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, .step_1_2 .gender-button {
		background-color: #e1e1e1;
		border: 1px solid #ccc;
		border-radius: 4px;
		height: 109px;
		display: table;
		width: 100%;
        behavior: url(assets/js/PIE.htc);
	}

	.step_1 .gender-container input , .step_1_2 .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 , .step_1_2 .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_2 .gender-container input.checked + .gender-button span {
    background-image: url(../../img/icons/ic_white_daughter.png);
  }

	.step_1 .gender-container input.checked + .gender-button .gender-male span {
		background-image: url(../../img/desktop/male-white.png);
	}

  .step_1_2 .gender-container input.checked + .gender-button .gender-male span {
    background-image: url(../../img/icons/ic_white_son.png);
  }

	.step_1 .gender-button .gender_item , .step_1_2 .gender-button .gender_item {
		display: table-cell;
  		vertical-align: middle;
  		text-align: center;
	}

	.step_1 .gender-button .gender_item span , .step_1_2 .gender-button .gender_item span {
		width:  56px;
		height: 60px;
		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_2 .gender-button .gender_item span{
    background: url(../../img/icons/ic_daughter.png) no-repeat;
    width: 60px;
  }

	.step_1 .gender-button .gender_item.gender-male span , .step_1_2 .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_2 .gender-button .gender_item.gender-male span {
    background: url(../../img/icons/ic_son.png) no-repeat;
     width: 60px;
  }


	.step_1 .gender-button .gender_item p, .step_1_2 .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 , .step_1_2 .given-name-text, .step_1_2 .contry-of-birth, .step_1_2 .country-of-residence,.step_1_2 .nric-expired, .step_1_2 .number-of-dependent {
		margin-top: 17px;
	}

	.step_1 .step-item,  .step_1_2 .step-item, .step_2 .step-item, .step_3 .step-item,
	.step_4 .step-item, .step_6 .step-item ,.step_5 .step-item,.step_7 .step-item,.step_8 .step-item{
		margin-bottom:0;
		padding: 0 0px;
	}

	.step_1 .step-item p, .step_1_2 .step-item p, .step_2 .step-item p, .step_3 .step-item p,
	.step_4 .step-item p,.step_5 .step-item p,.step_7 .step-item p,.step_8 .step-item  p{
		margin-left: 0px;
        margin-right: 20px;
		font-size: 15px;
	}

	.step_1 .step-item div, .step_1_2 .step-item div, .step_2 .step-item div, .step_3 .step-item div,
	.step_4 .step-item div, .step_6 .step-item div,.step_5 .step-item div,.step_7 .step-item div,.step_8 .step-item  div{
		padding-left: 0px;
		padding-right:0;
	}
	.step_1 .step-item div.post-code,.step_1 .step-item div.home-unit-storey,.step_4 .step-item div.post-code,.step_4 .step-item div.home-unit-storey{padding-right:15px}
	.step_4 .step-item .subtitle {
		font-size: 12px;
	}

	.step_4 .step-item .title {
		margin-bottom: 16px;
	}

	.step_1 .education, .step_1_2 .education {
		margin-bottom: 50px;
	}

	.step_1 .issuing-country , .step_1_2 .issuing-country {
		margin-top: 17px;
	}

	.step_1 .checkbox-container , .step_1_2 .checkbox-container {
        display: block;
		vertical-align: middle;
	}

	.step_1 .self-employe-no, .step_1_2 .self-employe-no {
		margin-left: 20px;
	}

	.step_1 .marital-status-container , .step_1_2 .marital-status-container {
		display: table;
		height: 55px;
	}

	.step_1 .step-item .other-container , .step_1_2 .step-item .other-container {
		width: 100%;
		float: left;
		padding-left: 50px;
	}

	.step_1 .marital .marital-status-container , .step_1_2 .marital .marital-status-container {
		position: absolute;
	}

	.test {
		display:none;
	}


	.step_1_2 {
    display:none;
  }
  .step_2 {
		display:none;
	}

	.step_5 {
		display: none;
	}

	.step_1,.step_1_2, .step_2, .step_3, .step_4, .step_5, .step_6, .step_7{
		margin-top: 106px;
	}

.step_8
{
margin-top: 0px;
}
	/**
	 * for step 2
	 */
	.step_2 .step-item div {
		padding-right: 0px;
	}
	.step_2 .step-item .tooltip .tooltip-inner {
		padding: 3px 8px;
	}

	.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;
        behavior: url(assets/js/PIE.htc);
	}

	.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 .unit-storey-wrapper {
		padding-right: 0px;
	}

	.step_3 .step-item .unit-storey-wrapper {
		padding-right: 0px;
	}

	.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;
	}
	.dash {
		width: 10px;
		height: 55px;
		font-size: 30px;
		float:left;
	}
	/*
	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;
	}

	.income-fund .parsley-errors-list {
		display: none;
	}

	.income-fund .parsley-errors-list.filled {
		display: block;
	}

	.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;
        behavior: url(assets/js/PIE.htc);
	}

	.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;
        behavior: url(assets/js/PIE.htc);
	}

	.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;
		padding: 20px 0;
		font-family: 'OpenSanBold', Fallback, sans-serif;
	}
	header .container {
		display: table;
		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-left img, header .container > div.text-right img {
		display: inline-block;
	}
	header .container > div.text-left {
		max-width: 60px;
	}
	header .container > div.text-right {
		max-width: 35px;
	}
	header .container .heading {
		font-size: 10px;
	}

	.navigation-container {
		padding: 20px 16px;
		padding-bottom: 10px;
		margin-bottom: 50px;
		z-index: 999;
		background-color:#ebebeb;
	}

	.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(../../img/desktop/line-inactive.png);
		background-repeat: repeat-x;
		background-position: left center;
		display: inline-block;
		padding-left: 5%;
		width: 14.5%;
		zoom: 1;
		text-align: right;
		position: relative;
		z-index: 0;
		color: #edf1f2;
		cursor: pointer;
	}

	.navigation-content ul li p {
		position: absolute;
		top: 110%;
		font-size: 10px;
		width: 80%;
		margin-right: -50%;
		right: 30px;
		text-align: center;
		color: #9b9b9b;
	}

	.navigation-content ul li:first-child {
		padding-left: 0;
		width: auto;
	}

	.navigation-content ul li:first-child p {
		position: absolute;
		left: 50%;
		margin-left: -50px;
	}

	.navigation-content ul li.active {
		z-index: 1;
		color: #1399ff;
	}

	.navigation-content ul li.active span {
		background-color: #1399ff;
		border-color: #1399ff;
	}

	.navigation-content ul li.step-01 span {
		background-image: url(../../img/bg/step1.png);
	}
  .navigation-content ul li.step-01-02 span {
    background-image: url(../../img/icons/nav-baby.png);
  }
	.navigation-content ul li.step-02 span {
		background-image: url(../../img/bg/step2.png);
	}
	.navigation-content ul li.step-03 span {
		background-image: url(../../img/bg/step3.png);
	}
	.navigation-content ul li.step-04 span {
		background-image: url(../../img/bg/step4.png);
	}
	.navigation-content ul li.step-05 span {
		background-image: url(../../img/bg/step5.png);
	}
	.navigation-content ul li.step-06 span {
		background-image: url(../../img/bg/step6.png);
	}

		.navigation-content ul li.step-01.active span {
		background-image: url(../../img/bg/step1-active.png);
	}
  .navigation-content ul li.step-01-02.active span {
    background-image: url(../../img/icons/nav-baby-active.png);
  }
	.navigation-content ul li.step-02.active span {
		background-image: url(../../img/bg/step2-active.png);
	}
	.navigation-content ul li.step-03.active span {
		background-image: url(../../img/bg/step3-active.png);
	}
	.navigation-content ul li.step-04.active span {
		background-image: url(../../img/bg/step4-active.png);
	}
	.navigation-content ul li.step-05.active span {
		background-image: url(../../img/bg/step5-active.png);
	}
	.navigation-content ul li.step-06.active span {
		background-image: url(../../img/bg/step6-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;
        behavior: url(assets/js/PIE.htc);
	}

	.navigation-content ul li.complete {
		background-image: url(../../img/desktop/line-active.png);
		background-repeat: repeat-x;
		background-position: left center;
		z-index: 2;
		color: #5abe75;
	}

	.navigation-content ul li.complete span {
		background-image: url(../../img/desktop/complete.png);
		background-color: #5abe75;
		border-color: #5abe75;
	}

	/** 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;
        behavior: url(assets/js/PIE.htc);
	}

	.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;
	}
	.add_button {
    width: 100%;
    height: 53px;
    background-color:  #0aa6f8;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    behavior: url(assets/js/PIE.htc);
    text-align: center;
  }
  .add_button .title {
    position: relative;
    height: 53px;
    line-height: 53px;
    white-space: nowrap;
    color: white;
    font-size: 18px;
  }
  .add_button:hover {
    background-color:  #0aa6f8;
  }

	.next_button, .bankuse_next_button,.back_button ,.complete_button{
		width: 155px;
		height: 50px;
		background-color:  #00a4fc;
		border-radius: 5px;
		position: relative;
		margin-top: 43px; 
		cursor: pointer;
        behavior: url(assets/js/PIE.htc);
	}
	.next_button{  width: 115px;
  height: 50px;
  background-color: #00a4fc;
  border-radius: 5px;
  margin: 0 15px 0 0;
  padding: 0;
  cursor: pointer;
  float: right;}
  .back_button{margin:0 0 0 0px;width:115px}
  

	.next_button:hover, .bankuse_next_button:hover ,.back_button:hover,.complete_button:hover{
		background-color:  #0aa6f8;
	}

	.next_button .title, .bankuse_next_button .title ,.back_button .title,.complete_button .title{
		position: relative;
		height: 53px;
		line-height: 53px;
		white-space: nowrap;
		left: 17px;
		color: white;
		font-size: 18px;
	}
 
	.next_button img, .bankuse_next_button img,.back_button img,.complete_button img {
        position: absolute;
        top: 0;
        margin-top: 14px; 
		right: 14px;
	}
	.back_button img{left:14px}
	.top-btn-container {
		margin-top: 27px;
		position: relative;
	}

	.top-btn-container img {
		position: absolute;
		right: 0;
	}

	.footer-container {
		text-align: center;
		color: #4e545f;
		font-size: 10px;
		margin-top: 100px;
		margin-bottom: 47px;
		padding:0 63px;
	}

	.bottom_bg_container {
		background-color: #0e3973;
		height: 21px;
		width: 100%;
	}

	.checkbox-container {
		/*height:18px;*/
        padding-left:20px !important;
	}

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

	.step_6 .step-item .img-container {
		margin-bottom: 52px;
	}


	.step_6 .step-item .content { 
		/*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;
        behavior: url(assets/js/PIE.htc);
	}

	.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 .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: auto;
		margin: 0px auto;
		}
	.step_6 .btn {
		background-color: #95a0b2;
		width: 275px;
		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;
        behavior: url(assets/js/PIE.htc);
	}

	.step_6 .term-condition-link {
		color: #0aa6f8;
		cursor: pointer;
		font-size: 15px;
		padding-left: 5px;
	}

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

}

@media screen and (min-width: 768px) {


.step_7 .step-item .ind-comm p{font-size:12px;line-height: 14px;margin-bottom: 10px;}
.ind-comm{position:relative}
.ind-comm .colon{position:absolute;top:0;right:19px}

.step_9 .thankyou-desc
{
margin-top:40px;
}

.foraddress
{
	font-size: 18px;
	font-weight: bold;
}

	/* Css for tablet here */
	.step_1 .step-item div, .step_1_2 .step-item div, .step_2 .step-item div, .step_3 .step-item div, .step_4 .step-item div, .step_6 .step-item div, .step_5 .step-item div, .step_7 .step-item div, .step_8 .step-item div {padding-right:15px}
	label .sub-label {
  font-size: 14px;
}

p .sub-label {
  font-size: 14px;
  display:block;
}

font-size: 14px;
  display: block;

.radio label {
    font-size: 16px;
  }
	.navigation-content ul li p {display:block;color:#9b9b9b;font-size:12px}
	.navigation-content ul li.active p{color: #1399ff;} 
	h4 {
	  font-size: 32px;
	}
	.form-status .text {
	font-size: 12px;	
	}
	
	header {
		padding: 40px 0;
	}
	
.head-title h6 {
  padding: 40px 0 15px;
  text-align: right;
}
.heading .center-block{font-size:21px;}
	header .container > div.text-center {
		padding: 0 30px;
	}

	header .container > div.text-left {
		max-width: 120px;
	}

	header .container > div.text-right {
		max-width: 80px;
	}

	header .container .heading {
		font-size: 16px;
	}
  .landing-page #myelegibleapplications .modal-dialog{
    width: 606px;
    margin: 0px auto;
  }

  .account_icon img {
    width:25%;
  }
  .step_2 .month{margin-right:10px}
  .summaryDetails h6{color:#4e545f}
.summaryDetails table,.summaryDetails tbody{display:block}
.summaryDetails tr{width:100%;display:block;overflow:hidden;}
.summaryTitle a{width:93%;display:inline-block;text-decoration:none;}
.summaryTitle button{border:0 none;background:none}
.summaryDetails .td-label{width:45%;font-size:18px;line-height:29px;vertical-align: top;float:left;display:inline}
.summaryDetails .td-value{width:54%;font-size:18px;line-height:29px;vertical-align: top;float:left;display:inline}
.summaryDetails h6.panel-title{font-size:18px}
.step_7.summaryDetails .step-item{margin-bottom:15px}
.colon{float:right}
}

@media screen and (min-width: 1024px) {

.cashmargin.indicativecommission span.commissionrate{display: block; padding: 0 20px;}

.btn-address{
  cursor: pointer;
  background: #1399ff;
  color: #fff;
  padding: 15px;
  text-align: center;
  width: 119px;cursor:pointer;text-align:center; border-radius: 5px;}
#form_for_step_8 .form1-head-title h4{width: 800px;margin:0 auto; 
  padding: 0;
  text-align: center;}
  .landing-page #myelegibleapplications .modal-dialog{
    width: 700px;
    margin: 0px auto;
  }
  .step_3 .step-item .cashmargin.indicativecommission{padding-right:0}
  .step_3 .step-item .cashmargin.indicativecommission .info{margin-top:35px}
  .step_3 .step-item .cashmargin.indicativecommission  p.indicative-desc{margin-right:0}	
  .cashmargin .info{font-size:32px;font-weight:bold;padding:0}
  .cashmargin p{margin-bottom:75px}
  .cashmargin{padding:0}
  .step_3 .step-item .cashmargin p.indicative-desc{margin-bottom:35px;font-size:14px}
  .indicativecommission p{margin-bottom:0}
 .container{width:1050px}
 .step_2 .date{padding:0px;margin-bottom:10px}
 .step_2 .step-item .month{padding-right:0}
 
  .account_icon img {
    width:auto;
  }
   .step_2 .month{margin-right:10px}

	input[type='text'], input[type='tel'], input[type='email'] {
		font-size: 18px;
	}

	.step_1,.step_1_2, .step_2, .step_3, .step_4, .step_5, .step_6 {
		margin-top: 230px;
	}

	.checkbox-custom:not(:checked) + label,
	.checkbox-custom + label label,
	.checkbox-custom:checked + label {
		font-size: 18px;
	}

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

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

	.navigation-container {
		padding: 49px 223px;
		padding-bottom: 0px;
		margin-bottom: 96px;
	}

	.navigation-content ul li {
		padding-left: 63px;
	}

	.navigation-content ul {
		max-width: none;
	}

	/** 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_1_2 .step-item p, .step_2 .step-item p, .step_3 .step-item p,
	.step_4 .step-item p,.step_5 .step-item p,.step_7 .step-item p,.step_8 .step-item p{
		font-size: 18px;
	}
	.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 , .step_1_2 .gender-button .gender_item p {
		display: inline;
  		margin-left: 20px;
  		margin-top: 0px;
	}

	.step_1 .gender-button .gender_item .wrapper , .step_1_2 .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, .step_1_2 .given-name-text, .step_1_2 .contry-of-birth, .step_1_2 .country-of-residence, .step_1_2 .nric-expired, .step_1_2 .number-of-dependent {
		margin-top: 0px;
	}

	.step_1 .education, .step_1_2 .education {
		margin-bottom: 70px;
	}

	.step_1 .step-item, .step_2 .step-item, .step_3 .step-item,
	.step_4 .step-item, .step_6 .step-item , .step_1_2 .step-item,.step_5 .step-item,.step_7 .step-item,.step_8 .step-item{
		/*padding: 0 200px;*/
		margin-bottom: 34px;
	}

	.step_1 .issuing-country , .step_1_2 .issuing-country {
		margin-top: 0px;
	}
 
	/*
	end step 1
	 */

	/*
	step 2
	 */
	.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;
	}

	/*
	end step 2
	 */

	/*
	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
	 */

	header {
		padding: 33px 200px;
	}
	.container .heading{text-align: left;margin-left: 100px;}
	
	.navigation-container {
		padding: 49px 223px;
		padding-bottom: 0px;
		margin-bottom: 96px;
	}

	.navigation-content ul li {
		padding-left: 63px;
	}

	.navigation-content ul {
		max-width: none;
	}
	.radiobtn-group{margin-left:34px}
	

	/** step 5 */
	.title-container {
		padding: 0 284px;
		font-size: 32px;
		margin-bottom: 26px;
		max-width: none;
	}

	.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, .bankuse_next_button, .back_button,.complete_button {
		width: 168px;
		height: 53px;
		margin-top: 15px;
		float:right;
	}
	.back_button {float:left;margin-right:0}
	.top-btn-container {
		margin-right:145px;
		margin-top: 37px;
	}

	.footer-container {
		font-size: 12px;
		max-width: none;
		margin-top: 123px;
		margin-bottom: 20px;
	}

	.bottom_bg_container {
		height: 9px;
	}

	.next_button .title, .bankuse_next_button .title,.back_button .title,.complete_button .title {
		left: 53px;
	}
    .back_button .title{left:65px;top:17px;color:#fff;position:absolute}
	/** step 6 */
	.step_6 .step-item .nric-result-container .result-nric-signature, .result-nric-birthcert {
		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;
	}

	.step_6 .term-condition-link {
		font-size: 18px;
	}
	
	.thankyou-desc .firstli{
	font-size: 18px;
	margin-bottom : 20px;
	}
	.thankyou-desc .secondli{
	font-size: 18px;
	margin-bottom : 0px;
	}
	.thankyou-desc .secondol{
	margin-top : 10px;
	}
	.impNote
	{
	margin-bottom : 0px;
	}
}


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

@media screen and (max-width: 740px) {
.step_7 .step-item .ind-comm p{font-size:12px;margin-bottom:0}
.ind-comm{position:relative}
.ind-comm .colon{position: absolute;top: 0;left: 148px;}
.step_2 .step-item div.currency{width:37%}
.step_2 .step-item div.month{width:45%}
.step_6 .fileUpload .nric-container .content{max-width:100%}
.step_7 .step-item div.edit-step-5.edit-btn{margin-top:32px}
.step_5 #UOBAddress_div p{margin-bottom:14px}
.step_5 .step-item div#UOBAddress_div{margin-top:15px}
.step_4 .overseas .step-item .post-code{padding-right:0}
.step_6 .fileUpload .nric-container .title{margin-top:25px}
.rightalign{float:right}
.step_7 .tnctitle{font-size: 21px;margin: 14px;display: block;padding: 15px 0;}
.step_7 .summaryContent .accordion-toggle{height:auto}
.step_7  #PaymentDetails .back-next-block{display:none !important}
.step_7  .tandc{margin-top:20px !important}
.step_7 .panel-collapse hr{display:none !important}
.step_7.summaryDetails .step-item.title-container{background:#eee;padding:25px 0 !important;}
.step_7 .step-item.summaryContent,.step_7 .step-item.panel-collapse{background:#fff;padding:0 10px 10px 10px;margin-bottom:0 !important}
.step_7 .step-item.summaryContent{margin-top:15px;padding:22px 10px;}
.step_7 .complete_button.summarycompletebtn{margin-bottom:25px !important}
.foraddress
{
font-size: 15px;
font-weight: bold;
}

#GuaranteeDetailsExpiryDate p,#GuaranteeDetailsClaimPeriod p{margin-bottom:5px;margin-top:20px}
#GuaranteeDetailsEffectiveDate p{margin-bottom:5px}
.step-item.title-container{margin-bottom:40px}
.summarycompletebtn{margin:0 auto !important}
.step_7{background:#ebebeb}
.cashmargin .info{font-size:18px}
.thankyou-desc .break{display:block}
.thankyou-desc .firstli{	font-size: 14px;margin-bottom : 20px;}
.thankyou-desc .secondli{font-size: 14px;margin-bottom : 0px;}
.thankyou-desc .secondol{margin-top : 0px;}
.thankyou-desc .impNote{	margin-bottom : 10px;margin-top: 10px;}
.thankyou-desc{	margin-bottom: 20px;margin-top: 20px;}
	
#form_for_step_8 .form1-head-title h4{  width: 353px;margin:0 auto;}
.step_3 .step-item{text-align:left}
.step_3 .step-item.title-container{text-align:center;margin-bottom: 15px;}
.step_3 .step-item .cashmargin{margin-top:15px;margin-bottom:15px;border-right: 0;}
.step_3 .step-item .cashmargin.last{margin-bottom:40px}
.step_3 .step-item .cashmargin p{margin:0}
.cashMarginCurrency,.indicativeCommisionCurrency{text-align:left}
.step_3 .step-item .cashmargin p.indicative-desc{font-size:12px}
.step_4 .benType{margin-bottom: 10px;}
.step_4 .issuanceType{margin-bottom: 22px}
#form_for_step_3 .head-title{text-align: left;}
.step_5{margin-bottom:20px}
.step_5 .step-item.title-container{margin-bottom:20px}
.step_5 .nric-container .content { height: 322px; }
.summaryDetails .panel-title.issuancetitle{margin-bottom: 20px;}
.visa-card-input {top: 120px; left: 35px; width: 215px; }

    .step_6 .modal-dialog {
        width: auto;
        margin: 10px;
    }

    .card-block {
        width:100%;
        position: relative;
        display:inline-block;
    }
	
	.landing-page #myelegibleapplications .eligibity_details p{
		float:left;
	}
	.account_icon{
		display:none; 
	}
	.landing-page #myelegibleapplications .eligibity_details p.eligibility_icon{
		text-align:right;
		margin-right:1%;
		width:30%;
	}
	.landing-page #myelegibleapplications .eligibity_details p.eligibility_acc_name{
		text-align:left;
		width:65%;
		padding-top:4px;
	}
	.next_button, .bankuse_next_button,.back_button ,.complete_button{
		width: 47%;
		height: 50px;
		background-color:  #00a4fc;
		border-radius: 5px;
		position: relative;  
		cursor: pointer;
        behavior: url(assets/js/PIE.htc);
		text-align:center
	}
		.next_button{  width: 49%;
		  height: 50px;
		  background-color: #00a4fc;
		  border-radius: 5px;
		  margin: 10px 0px 0 0;
		  padding: 0;
		  cursor: pointer;
		  float: right;text-align:center}
		  
		  .back_button {
		  margin: 10px 0px 0 0;
		  width: 49%;
		  }
		  .next_button.forstep1{margin-right: 27%;}
		  
		.next_button .title, .bankuse_next_button .title ,.back_button .title,.complete_button .title{
		position: relative;
		height: 53px;
		line-height: 53px;
		white-space: nowrap;
		left: 0px;
		color: white;
		font-size: 18px;
		}
		.next_button img, .bankuse_next_button img,.back_button img{display:none}
}

.clearer {
    clear: both;
}

label {
    max-width: none;
}

.fileuploader {
    max-width: 190px;
    margin-top: 20px;
}

input.form-control {
    line-height: 40px;
}

.print {
    display: none !important;
}

@media print {
    .print {
        display: block !important;
    }

    header nav, footer {
        display: none;
    }

    .navigation-container {
        display:none;
    }

    .detail-item {
        width: 100%;
        padding-top:50px;
    }

    .edit-btn {
        display: none;
    }

    .next_button, .bankuse_next_button,.back_button,.complete_button {
        display: none;
    }

    .top-btn {
        display: none;
    }

    .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;*/
	}
}

.td-label {
    padding-right:20px;
    width: 200px;
}

.m-n{
    margin: 0 !important;
}

.m-l-n{
    margin-left: 0 !important;
}

.m-r-n{
    margin-right: 0 !important;
}

.m-b-lg{
    margin-bottom: 50px;
}

.m-b-md{
    margin-bottom: 35px;
}

.m-b-sm{
    margin-bottom: 15px;
}

.m-t-md {
    margin-top: 35px;
}

.m-t-sm{
    margin-top: 15px;
}

.m-b-n {
    margin-bottom: 0;
}

.p-l-n{
    padding-left: 0;
}

.center-block.top-img img {
    max-height: 100px;
}

.landing-page #myelegibleapplications .eligibity_details p{
  height:30px;
}
.landing-page #myelegibleapplications .eligibity_details p img{
  margin-right:5px; 
}


.account_icon{
    vertical-align: bottom;
    margin-bottom: 20px; 
  }
  .landing-page .modal-dialog .modal-top-header{
    background:#0c3577; 
    color:#fff; 
    clear: both;
    margin:-48px -15px 0 -15px; 
    border-radius:5px 5px 0 0;
    padding:10px;
  }
  .landing-page .modal-dialog .modal-top-header img{
   margin-bottom:10px;
  }
/*Added for generic error message screen*/
  .top-error-box{
 border-radius: 5px;
    padding: 15px;   
    background-repeat: no-repeat;
    background-position: 20px 10px;
    background-size: 30px 30px;
    background-color: #F7E2E2;
    border: 1px solid #BD7E7E;
    margin-top: 2%;
    margin-bottom: 20px;
}
/* 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;
}
.loader-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.loader-backdrop.in {
  filter: alpha(opacity=80);
  opacity: .8;
}
/*Postal Code Animate Button */ 
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
.glyphicon-refresh.spinning {
  transform-origin: 48% 50%;
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.btn-postal-code ,.btn-postal-code:hover {
    color: #fff;
    background-color: #0AA6F8;
    border-color: #0AA6F8;
    height: 54px;
    width: 119px;
}
.tax-numbers .tooltip-inner {
  max-width: 600px;
  text-align:left;
}

#uplload-later-link {
    cursor: pointer;
}

	.uob-form .step_1,.uob-form  .step_1_2,.uob-form  .step_2,.uob-form  .step_3,.uob-form  .step_4,.uob-form  .step_5,.uob-form  .step_6 {margin-top:40px} 
	.complete_button{width:268px;margin:0} 
	.back_button .title{top:0}
	.cashmargin{border-right:1px solid #bbb;padding:0 10px}
	.cashmargin.last{border:0 none}
	.cashmargin label{font-family: "OpenSanLight", sans-serif;  min-height: 65px; margin-bottom: 30px;color:#4e545f}
	.cashmargin label p{font-family: "OpenSanLight", sans-serif;color:#4e545f}
	.cashmargin span{font-size: 14px;}
	.cashmargin .info{font-size:21px}
 
	
 
	/* radio checkbox style*/
input[disabled] {
  background-color: #e3e3e3 !important;
}
.radio label {
  cursor: pointer;
  padding-left: 25px;
}
.radio label:before {
  content: '';
  background-color: #fafafa;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.8);
  height: 20px;
  width: 20px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  outline: none;
  margin-right: 20px;
  margin-left: -25px;
  top: 4px;
}
.radio label.error {
  display: none;
  color: red;
  font-size: 12px;
  padding-left: 38px;
  margin-top: 5px;
}
.radio label.error:before {
  content: none;
}
.radio input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.radio input[type=radio].error ~ .error {
  display: block;
}
.radio input:checked + label:before {
  content: ' ';
  background-color: #0c3577;
  border: 3px solid #fff;
}
.radio input:disabled + label:before {
  content: ' ';
  background-color: #c9c8c8;
  border: 2px solid #c9c8c8;
  cursor: not-allowed;
}
.checkbox label {
  cursor: pointer;
}
.styledCheckbox {
  display: inline-block;
  float: left;
}
.checkbox_content {
  margin-left: 30px;
  font-size: 14px;
}
.radio-group {
  padding: 0;
  margin-bottom: 0;
}
.radio-group .radio {
  margin-top: 0;
}
.radio-group.horizontal .radio {
  padding-left: 2px;
  margin-bottom: 0;
}
.radio-group.horizontal .radio label {
  margin-bottom: 10px;
}

@media all and (max-width: 767px) {
.summaryDetails .panel-title{padding:10px;margin-bottom:5px} 
.step_7.summaryDetails{margin-top:10px}
.step_7.summaryDetails .title-container{padding:0 10px 10px;margin-bottom:10px;font-size:20px}
.summaryDetails h6{color:#4e545f}
.summaryDetails table,.summaryDetails tbody{display:block}
.summaryDetails tr{width:100%;display:block;overflow:hidden;margin-bottom:20px} 
.summaryTitle button{border:0 none;background:none}
.summaryDetails .td-label{width:100%;font-weight:normal;line-height:18px;vertical-align: top;display:block}
.summaryDetails .td-value{width:100%;font-weight:bold;line-height:18px;vertical-align: top;display:block}
.summaryDetails h6.panel-title{font-size:14px;padding:0}
.step_7.summaryDetails .step-item{margin-bottom:15px}

.account{
margin-top: 25px;
}
.step_7 .step-item p{margin:0;padding:0}
 .summaryContent .accordion-toggle{
    position: relative;
display:block;	
    height: 30px;
	text-decoration:none;
}
    .accordion-toggle:before,
    .accordion-toggle:after{
        content: "";
        position: absolute;		
        transition: transform 0.25s ease-out;
    }

    /* Vertical line */
    .accordion-toggle:before{
        top: 0;
        right: 7px;
        width: 2px;
        height: 16px;
        margin-left: -2px;        
    }

    /* horizontal line */
    .accordion-toggle:after{
        top: 9px;
        right: 0;
        width: 16px;
        height: 2px;
        margin-top: -2px;		
    }
 
    .accordion-toggle.collapsed{
        cursor: pointer;
		
        }
		.accordion-toggle.collapsed:before{ transform: rotate(180deg);background-color: #999; }
		.accordion-toggle.collapsed:after{background-color: #999;}
        .accordion-toggle:before{ transform: rotate(90deg); background-color: #00a4fc;}
        .accordion-toggle:after{ transform: rotate(180deg); }
    
  .radio-group .radio {
    padding-left: 0;
  }
  input.form-control {
  margin-bottom: 15px;
}
}
.step_2 .currency{margin-right:10px}

.form-group {
  margin-bottom: 15px;
}
uniservices1.uobgroup.com/media="screen"
.text-center {
  text-align: center;
}
.form1-head-title
{
max-width: 1120px;
  padding: 65px 165px;
  }
.thankyou-desc strong{font-weight:bold;}
.thankyou-title,.thankyou-desc p,.thankyou-desc li{font-weight:normal}
.thankyou-title {margin-top:75px}
.thankyou-title .form1-head-title,.thankyou-title{padding:0}
.middle-line:before {
  content: ' ';
  position: absolute;
  right: 5px;
  top: 30px;
  width: 6px;
  height: 2px;
  background: #333;}

.btn-primary{background-color:#00a4fc;border-color:#00a4fc}
.cashmargin .info{font-family:'OpenSanbold', Fallback, sans-serif;color:#4e545f;}
#swiftInput input,#ToBeIssuedByGroup1 input,#ToBeIssuedByGroup4 input{margin-bottom:15px}
.footer-container{font-weight:normal}
.file-upload-error
{
  display: block;
  color: red;
  font-size: 12px;
  padding-left: 10px;
  margin-bottom: 10px;
}

.erro-list{
margin: 2px 0 3px;
padding: 0;
list-style-type: none;
font-size: 0.9em;
line-height: 0.9em;
color: red;
}
#BankName,#Swiftcode{word-break: break-all;}
#form_for_step_2 .break{display:block}

.step_1 .step-item div.home-unit-storey,.step_4 .step-item div.home-unit-storey{ padding-right: 20px;}
.step_1 .step-item div.home-unit-no,.step_4 .step-item div.home-unit-no{padding-left: 5px;}

.divider {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #e5e5e5;
}
#PaymentDetails .back-next-block{display:none}

.top10px
{
margin-top:10px;
}
.step_6 .fileUpload .nric-container .content .bottom-content .upload,.step_6  .fileUpload .nric-container .content .bottom-item,.step_6  .fileUpload .nric-container .content .bottom-content,.step_6 .fileUpload .nric-container .content .top-content div,.step_6 .fileUpload .nric-container .content .top-content{padding-right:0}

.summaryTitle a {
  font-family: OpenSanLight;
  color: #777;
}

.summaryDetails h6{
  font-family: OpenSanLight;
  color: #777;
}

.panel {
  margin-bottom: 0;
  background-color: transparent !important;
  border: 0 none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}