@font-face {
font-family: 'Roboto Regular';
font-style: normal;
font-weight: normal;
src: local('Roboto Regular'), url('../fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
font-family: 'Roboto Italic';
font-style: normal;
font-weight: normal;
src: local('Roboto Italic'), url('../fonts/Roboto-Italic.woff') format('woff');
}
@font-face {
font-family: 'Roboto Bold';
font-style: normal;
font-weight: normal;
src: local('Roboto Bold'), url('Roboto-Bold.woff') format('woff');
}
@font-face {
font-family: 'Roboto Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Roboto Bold Italic'), url('../fonts/Roboto-BoldItalic.woff') format('woff');
}
@font-face {
font-family: 'Roboto Thin';
font-style: normal;
font-weight: normal;
src: local('Roboto Thin'), url('../fonts/Roboto-Thin.woff') format('woff');
}
@font-face {
font-family: 'Roboto Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Roboto Thin Italic'), url('../fonts/Roboto-ThinItalic.woff') format('woff');
}
@font-face {
font-family: 'Roboto Light';
font-style: normal;
font-weight: normal;
src: local('Roboto Light'), url('../fonts/Roboto-Light.woff') format('woff');
}
@font-face {
font-family: 'Roboto Light Italic';
font-style: normal;
font-weight: normal;
src: local('Roboto Light Italic'), url('../fonts/Roboto-LightItalic.woff') format('woff');
}
@font-face {
font-family: 'Roboto Medium';
font-style: normal;
font-weight: normal;
src: local('Roboto Medium'), url('../fonts/Roboto-Medium.woff') format('woff');
}
@font-face {
font-family: 'Roboto Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Roboto Medium Italic'), url('../fonts/Roboto-MediumItalic.woff') format('woff');
}
@font-face {
font-family: 'Roboto Black';
font-style: normal;
font-weight: normal;
src: local('Roboto Black'), url('../fonts/Roboto-Black.woff') format('woff');
}
@font-face {
font-family: 'Roboto Black Italic';
font-style: normal;
font-weight: normal;
src: local('Roboto Black Italic'), url('Roboto-BlackItalic.woff') format('woff');
}
/*-------------------------Main CSS-------------------------------------*/
html {
	padding:0;
	margin:0;
	font-family:Roboto Regular; 
	/*font-size: 100%;*/
}
body {
	font-family:Roboto Regular; 
	/*padding:0 30px 10px 30px;*/
	margin:0;
	background:#dadada;
	
}
*{
	font-family: Roboto Regular; 
}
.wrapper{
	/*padding-left:10px;
	padding-right:10px;
	width:360px;*/
	margin:auto;
	background:#fff;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
}
.progress_bar{
	margin-top:20px;
	margin-bottom:1px;
}
::-webkit-input-placeholder { /* Edge */
  text-transform: none !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-transform: none !important;
}

::placeholder {
  text-transform: none !important;
  opacity: 0.5; /* Firefox */
}

.progress_bar .progress{
	height: 0.6rem;
	background-color: #c1c8cf;
}
.progress_bar .progress-bar{
	background-color: #3ca948;
}
.progress_bar .progress_block{
	margin: 0 60px 0;
}

.job_selector_option{
	border-bottom: 1px solid #ccc;
}

.job_selector_subtext{
	font-size: 18px;
    display: block;
    line-height: 15px;
    margin-bottom: 5px;
    color: #777;
}

*{
	outline:none;
}
.color_green{
	color:#3CA948;
}
.color_light_green{
	color:#EFFFF1;
}
.color_dark_gray{
	color:#333333;
}
.color_blue{
	color:#2172AE;
}
.color_white{
	color:#FFFFFF;
}

.inner_content{
	padding:10px;
	background:#fff;
	height: 100%; 
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	text-align:center;
}
.form_content{
	padding:10px;
	text-align:left;
}
.home_banner{
	margin:auto;
	text-align:center;	
	padding-bottom: 40px;
	padding-top: 10px;
}
.content{
	margin:auto;
	text-align:center;
}
.text_center{
	text-align:center;
}
.btn{
	text-decoration:none;
	border-radius:10px;	
	transition:.3s all ease-in-out;
	text-align:center;
}
.display_block{
	display:block;
}
.display_inline{
	display:inline;
}
.display_inline_block{
	display:inline-block;
}
.green_button{
	border:0px solid #fff;
	background:#3CA948;
	color:#fff;	
	font-weight:700;	
}
.green_button:hover{
	text-decoration:none;
	background:#359a40;
	-webkit-tap-highlight-color: #359a40;	
}

.green_button_hollow{
	border:2px solid #3CA948;
	background:#fff;
	color:#3CA948;
	font-weight:700;
	width:30%;
	margin-right:7px;
	margin-left:7px;
	transition:.3s all ease-in-out;
}
.green_button_hollow:hover, .green_button_hollow:active, .green_button_hollow:focus{
	background:#3CA948;
	text-decoration:none;
	color:#fff;	
	-webkit-tap-highlight-color: #3CA948;
}

.green_button_hollow_full{
	border:2px solid #3CA948;
	background:#fff;
	color:#3CA948;
	font-weight:700;
	width:100%;
	margin-right:7px;
	margin-left:7px;
	transition:.3s all ease-in-out;
}
.green_button_hollow_full:hover, .green_button_hollow_full:active, .green_button_hollow_full:focus{
	background:#3CA948;
	text-decoration:none;
	color:#fff;	
	-webkit-tap-highlight-color: #3CA948;
}
.red_box{
	background:#ffbbb1;
	border:1px solid #333333;
	padding:15px;
}
.red_box_one{
	background:#ffbbb1;
	border:1px solid #333333;
	padding:15px;
	display:inline-block;
}
.first_option_chosen{
	color:#919191 !important;
}
.button_width_135{
	width:95px;
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
}
.button_width_20{	
	display:inline-block;
	margin-left:2px;
	margin-right:2px;
	text-align:center;
	background: #fff;
	border: 2px solid #3CA948;
	text-decoration: none;
	color: #3CA948;	
	font-weight:bold;
	text-align:center;
}
.button_width_20:hover, .button_width_20:active, .button_width_20:focus{
	background: #3CA948;
	color: #fff;	
}
.button_width_full{
	min-width:255px;
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
	margin-top:10px;
	clear:both;
	
}
.job_title_button_one{
	border:0px solid #fff;
	background:#3CA948;
	color:#fff;	
	font-weight:700;
	margin-top:100px;	
}
.job_title_button_one:hover{
	text-decoration:none;
	background:#359a40;	
	-webkit-tap-highlight-color: #359a40;
}
.apply_button_one{
	border:0px solid #fff;
	background:#3CA948;
	color:#fff;	
	font-weight:700;
}
.apply_button_one:hover{
	text-decoration:none;
	background:#359a40;	
	-webkit-tap-highlight-color: #359a40;
}
.back_nav {
	text-decoration:none;
	display:block;
	text-align:left;
	position:absolute;
	left:5px;
	top: 13px;
}
.back_nav:hover {
	text-decoration:none;
}
input[type="email"], input[type="password"], input[type="tel"], input[type="text"], input[type="date"], input[type="number"]{
	color:#333333;
	border:1px solid #d7d7d7;
	padding:8px 10px 10px;
}
.input_text {
	color:#333333;
	border:1px solid #d7d7d7;
	padding:10px 10px;
	width:93%;
	margin:0 auto;
}
.input_text:hover, .input_text:active, .input_text:focus {
	outline:1px solid #d7d7d7;
}
.margin_top_10{
	margin-top:10px;
}
.margin_top_20{
	margin-top:20px;
}
.margin_top_30{
	margin-top:30px;
}
.margin_top_40{
	margin-top:40px;
}
.margin_top_50{
	margin-top:50px;
}
.margin_top_60{
	margin-top:60px;
}
.margin_top_70{
	margin-top:70px;
}
.margin_top_80{
	margin-top:80px;
}
.margin_top_90{
	margin-top:90px;
}
.margin_top_100{
	margin-top:100px;
}
.margin_top_110{
	margin-top:110px;
}
.margin_top_120{
	margin-top:120px;
}
.margin_bottom_15{
	margin-bottom:15px;
}
.margin_bottom_20{
	margin-bottom:20px;
}
.margin_bottom_40{
	margin-bottom:40px;
}
.margin_bottom_70{
	margin-bottom:70px;
}
.ui-menu-item-wrapper, .ui-widget input[type="text"]{
	font-size:30px;
}

/*********************Page Loader starts******************/
.loader_overlay{
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.7);
	position:fixed;
	z-index:99991;
}

.gear-loader{
	top: 45%;
  position: relative;
  z-index: 99;
}

.gear-loader-text {
    text-align: center;
    color: #fff;
    font-size: 17px;
    background: #242424;
    width: 245px;
    margin: 10px auto 0;
    border-radius: 5px;
    padding: 5px 5px 7px;
}

#loader {
  position: absolute;
  left: 50%;  
  top: 50%;
  z-index: 99999;
  width: 50px;
  height: 50px;
  margin-top:-25px;
  margin-left:-25px;
  border: 5px solid #62f472;
  border-radius: 50%;
  border-top: 5px solid #2b74ab;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

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

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}
@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}
@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}
#loaderDiv {
  display: none;
  text-align: center;
}
/*********************Page Loader ends******************/

.rotate_block {
  border: 3px solid #dadada;
  border-radius: 50%;
  border-top: 3px solid #3CA948;
  border-bottom: 3px solid #2172AE;
  width: 25px;
  height: 25px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 1s linear infinite;
  display: inline-block;
  position: relative;
  left: 3px;
  top: 3px;
}

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

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

/*********************home page starts******************/


.home_section_two img{
	vertical-align:middle;
}
.home_section_two .left{
	width: 43%;
	padding-left: 5px;
}

.home_section_three{
	padding-left:2px;
	/*margin-top:52px;*/	
}
.select_custom{
	width:100%;
	background:#fff !important;
	color: #333333;
    border: 1px solid #d7d7d7;
    padding: 8px 10px 10px;
	font-size: 30px;
	font-family:Roboto Regular; 
}
select, select option{
	font-family: Roboto Regular; 
}


.select_custom option{
	font-size: 30px;
	font-family: 'Roboto Regular', Arial; 
}

.select_custom .first_option{
	font-size: 30px;
	font-family:Roboto Regular; 
	/*color:#919191 !important;*/
}

/* checkbox css starts */
	input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
	}
	input[type=checkbox].css-checkbox + label.css-label {
	padding-left:47px;
	height:37px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:26px;
	vertical-align:middle;
	cursor:pointer;
	font-weight:bold;
	}
	input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/checked.png);
	}
	label.css-label {
	background-image:url(../images/unchecked.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
/*checkbox css ends */

/*radio css starts */
input[type="radio"] {
	display: none;
}
input[type="radio"] + label {
	display: inline;
	font-size: 15px;
}
input[type="radio"] + label:before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/radio-checked.png) no-repeat;
	vertical-align: middle;
}
.radio_group ul {
	padding: 0px 0 0 6px;
	margin: 0 0 10px 0;
	list-style: none;
}
.radio_group ul li {
	margin-bottom: 1px;
}
input[type="radio"]:checked + label:before {
	content: '';
	background: url(../images/radio-unchecked.png) no-repeat;
}
/*radio css ends */
/*********************home page ends******************/

/*********************inner page starts******************/
/*pension starts*/
.selected_industry{
	font-size: 17px;
}
.pension_detail_txt{
	width:90%;
	text-align:left;
	padding-left:15px;
}
.pension_amount_input .ui-autocomplete-input{
		font-size:30px;
	}
	.pension_amount_input .input-group-text{
		font-size:30px;
	}
.pension_list .list-group-item{	
    font-size: 30px;
	padding: 7px;
}
.pension_list {
  list-style-type: none;
  counter-reset: css-counter 0; 
  margin-top:15px;
}

.pension_list li {
  counter-increment: css-counter 1;
}

.pension_list li::before {
  content: counter(css-counter) ". "; 
}

.pension_list .close{
	opacity: 1;
	display: inline-block;
	margin-top: -2px;
	font-size:45px;
}

.pension_list .pension_summary_btn{
	width: 85px;
	display: inline-block;
}
.pension_list_serial_no li::before{
	margin-top: -30px;
}

.pension_list_serial_no li .pension_detail_txt{
	line-height: 30px;
}
.pension_summary_btn a{
	display: inline-block;
}
.pension_summary_btn a img{
	margin-top: -9px;
}

.ppi_list_group{
	text-align: left;
	margin: 10px auto 10px;
	width: 280px;
}

.ppi_list_group li{
	margin-bottom:10px;
}

.ppi_desc{
	display:block;
	font-size: 25px;
}

.summar_sub_text{
	display:block;
	font-size: 25px;
}

.btn.disabled{
	cursor: not-allowed;
	opacity: 0.5;
}

/*pension ends*/

.inner_banner{
	margin:auto;
	text-align:center;
	padding-top:10px;
	position: relative;
}
.job_title_section_one{
	padding-top:20px;
}
.job_title_section_two{
	padding-top:20px;
}

.job_title_section_three{
	margin-top:10px;
	padding:10px 10px 10px 35px;
	border:1px solid #3ca948;
	background:#effff1;
	border-radius:10px;
	position:relative;
	text-align:left;
}

.job_title_section_four {
    text-align: l;
    margin-top: 20px;
}
.job_title_section_four{
	text-align:center;
	margin-top:20px;
}
.registration_title_section_five{
	margin-top:0px;
	padding:10px 10px 10px 35px;
	border:1px solid #3ca948;
	background:#effff1;
	border-radius:10px;
	position:relative;
	text-align:left;
}
.info_img{
	position:absolute;
	top:17.5px;
	left:8px;
}
.paid_employment_section_one{
	margin-top:15px;
}
.uniform_page_section_one{
	margin-top:15px;
}

.password_field{
	background:url(../images/eye.png) no-repeat right center;
}
.svg_img{
	vertical-align:middle;
	/*margin-right:15px;*/
	height: 40px;
width: 40px;
margin-top:-25px;
}
/**/
.estimate_section_one{
	padding-top:30px;
}
.estimate_section_two{
	padding-top:60px;
}
.estimate_section_three{
	padding-top:0;
	padding-bottom:90px;
}
.estimate_section_four{
	padding-top:0;
	padding-bottom:50px;
}
.blue_big_font{
	color: #2172AE;
	font-size:95px;
	line-height: 95px;
	font-weight:bold;
}
.estimate_mid_circle{
	background:url(../images/estimate_mid-big.png) no-repeat top center;
}
.ui-menu-item-wrapper, .ui-widget input[type="text"], .ui-menu .ui-menu-item-wrapper {
    text-decoration: none !important;
}

.modal_body_scroll{
	height: 280px;
	overflow: auto;
	margin-bottom: 20px;
}
.modal_body_scroll img{
	margin: auto;
	display: block;
}
	
/*main-summary-screen starts*/
.summary_percent{
	width:67px;
	height:63px;
	text-align:center;
	display:inline-block;
	background:url(../images/circle-big.png) no-repeat center center;
	position:relative;
	top: 15px;	
}
.summary_percent span{
	position: absolute;
	font-size: 18px;
	top: 16px;
	bottom: 0;
	left: 3px;
	right: 0;
	text-align: center;
}

.main_summary_content_one{
	text-align:left;
	padding-left:15px;
	padding-top:30px;
}

.summary_image{
	width:38px;
	height:38px;
	margin-right:10px;
}
.right_image{
	width:29px;
	height:22px;
	float:right;
	margin-right:10px;
	margin-top:8px;
}
.completed_task{
	margin-bottom:12px;
	color:#7f7f7f;
}

.not_completed_task{
	margin-bottom:12px;
	font-weight:600;
}

.my_to_do_list{
	color:#2172AE;
	font-weight:600;
	margin-top:50px;
}

.completed_task .summary_image{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	/*filter: url(desaturate.svg#greyscale);*/
}
.not_completed_task .right_image{
	display:none;
}

/*.date_picker_control .day, .date_picker_control .month, .date_picker_control .year{
	width:92px;
	margin:5px 2px;
	text-align:center;
}*/

.date_picker_control .day, .date_picker_control .month, .date_picker_control .year {
width: 113px;
}

.date_picker_control .select_custom {  
  font-size: 25px;
}


.inner_banner_logo {
    width: 260px !important;
    max-width: 95%;
}


/************ 28-07-2023 AP0001 challenger1 page   **************/
.home_banner .logo.home_banner_with_logout{
	max-width: 70% !important;
}
.home_section_review{	
		margin-top:52px;
		padding-bottom:25px !important;
}
.button_border{
	border:2px solid #20494f;
}
.review_button{
	margin-left:20px;
	margin-right:20px;
}
.full_width_button{
	width:100%;
}
.button_font_size_40{
	font-size:40px ;
}
.review_button a img{
	width:81px;
	height:81px;
	margin-left:8px;
}
.home_bottom_image {
	margin-top:15px;
}
.home_bottom_image img:first-child{
	margin-right:30px;
}
.home_bottom_image img:last-child{
	margin-left:30px;
}
.margin_auto_20{
	margin-left:40px;
	margin-right:40px;
}

.padding_top_40 {
	padding-top:120px;
}
.tax_refund_height{
/*	margin-top:20px;*/
/*	margin-bottom:20px;*/
	height: 180px;
}
.slideshow_table{
	display:table;
	width:100%;
	height:100%;
}
.slideshow_table .slideshow-container1{
	display:table-cell;
	vertical-align:middle;
}

.mySlides {display: none;}
img {vertical-align: middle;}

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/*.dot {
  height: 0px;
}
.active {
  background-color: #717171;
}*/
/* Fading animation */
/*.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}*/

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/***************/
@media screen and (max-width:1200px){
	.tax_refund_height{
		height: 240px;
	}	
	.review_button a img{
		width:60px;
		height:60px;
	}
	.padding_top_40 {
		padding-top:200px;
	}
	.margin_auto_20{
		margin-left:70px;
		margin-right:70px;
	}	
}

@media screen and (max-width:912px){
	.two_minute_img{
		
	    display: inline-block;
	    text-align: center;
	    padding: 0px 0 0 8%;
	}
	.home_section_review {
    margin-top: 10px;
    
}
}


@media screen and (max-width:768px){
	.button_font_size_40 {
		font-size: 30px;
	}
	

		
}
@media screen and (max-width:767px){
	.padding_top_40 {
		padding-top: 70px;
	}
	.tax_refund_height {
		height: 120px;
	}	
}
@media screen and (max-width:640px){
	.home_section_review {
	    margin-top: 15px;
	}
	
	.two_minute_img{
		
	    display: inline-block;
	    text-align: center;
	    padding: 0px 0 0 12%;
	}
}

@media screen and (max-width:540px){
	.button_font_size_40 {
		font-size: 25px;
	}
	
	.review_button{
		margin-left:10px;
		margin-right:10px;
	}
	
	.padding_top_40 {
		padding-top: 120px;
	}
	.margin_auto_20 {
		margin-left: 45px;
		margin-right: 45px;
	}
}
@media screen and (max-width:530px){
	
	.two_minute_img{
		    
	    padding: 0px 0 0 5%;
	}
}
@media screen and (max-width:420px){
	.button_font_size_40 {
		font-size:18px;
	}
	.review_button a img{
		width:40px;
		height:40px;
	}
	
	.tax_refund_height {
		/*height: 160px;*/
	}
}
@media screen and (max-width:393px){

	.margin_auto_20 {
			margin-left: 30px;
			margin-right: 30px;
	}

}

@media screen and (max-width:370px){
	.inner_banner_logo {
    max-width: 65%;
}
}

@media screen and (max-width:375px){
	.margin_auto_20{
		margin-left:20px;
		margin-right:20px;
	}
	.review_button a{
		font-size: 20px;
	}
}

@media screen and (max-width:340px){
	.padding_top_40 {
		padding-top: 120px;
	}
}
@media screen and (max-width:340px){
		.two_minute_img {
	    padding: 0px 0 0 0%;
	}
	.tax_refund_height {
	    height: 170px !important;
	}
}


/************ 28-07-2023******/






@media screen and (max-width: 370px){
	.date_picker_control .day, .date_picker_control .month, .date_picker_control .year {
		width: 93px;
	}
	.date_picker_control .select_custom {  
	  font-size: 20px;
	}
}


.nino_format{
	margin-top:10px;
	margin-bottom:10px;
}
.nino_format .nino_format_input{
    width: 36px;
    height: 48px;
    padding: 2px 5px 2px 5px;
    font-family: 'Roboto-Regular', 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;    
    text-align: center;
	color: rgb(153, 153, 153);
	border:1px solid #ccc;
	margin: 10px -4px;
	Color:#333;
	text-transform: capitalize;
	font-size: 22px !important;
}

.nino_format_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.5; /* Firefox */
}


.employer_tax_ref_part1{
	display: inline-block;
	width: 100px;
	margin-right: 2px;
	font-size: 1em !important;
	text-align: right;
}

.employer_tax_ref_part2{
	display: inline-block;
	width: 280px;
	margin-left: 2px;
	font-size: 1em !important;
}

.employer_tax_ref_sep{
	display: inline-block;
	width: 20px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 1em !important;
}


@media screen and (max-width:767px){
	.modal_body_scroll{
		height: 320px;
	}
	.pension_list .pension_summary_btn{
		width: 95px;
	}
	.pension_amount_input .ui-autocomplete-input{
		font-size:20px;
	}
	.pension_amount_input .input-group-text{
		font-size:20px;
	}
	.pension_list .close{
		margin-top:-5px;
	}
	.pension_list .list-group-item{	
		font-size: 20px;
	}
	.summary_percent{
		width:41px;
		height:39px;		
		background:url(../images/circle-small.png) no-repeat center center;		
		top: 15px;			
	}
	.summary_percent span{		
		font-size: 12px;
		top: 8px;
		bottom: 0;
		left: 2px;
		right: 0;
	}
	.summary_image{
		width:33px;
		height:33px;
		margin-right:10px;
	}
	.right_image{
		width:18px;
		height:14px;
		margin-top:7px;	
	}

	.employer_tax_ref_part1{
		display: inline-block;
		width: 70px;
		margin-right: 2px;
		font-size: 1em !important;
		text-align: right;
	}

	.employer_tax_ref_part2{
		display: inline-block;
		width: 195px;
		margin-left: 2px;
		font-size: 1em !important;
	}
}

/*main-summary-screen ends*/

/*registration section starts*/
.ui-widget.registration_section .green_button_hollow{
	font-size:1em;
}

.registration_section #postcode{
    font-size: 1em !important;
}
.registration_section{
	text-align:left;
}
.income_section{
	text-align:left;
}
.insurance_section{
	text-align:left;
}
.income_section .ui-widget{
	clear:both;	
}
.income_section::after{
	content:"";
	clear:both;
	display:table;
}
.border_button_one{
	border:2px solid #3CA948;
	background:#3CA948;
	color:#fff;	
	font-weight:400;
	margin-top:8px;
	margin-bottom:15px;
	display:inline-block;
	font-size: 20px;
}
.border_button_one:hover{
	border:2px solid #359a40;
	text-decoration:none;
	background:#359a40;	
	-webkit-tap-highlight-color: #359a40;
}

.border_button_one_left{
	float:left;
}

.border_button_one_right{
	float:right;
}
.income_section .btn-group{
	width: 100%;
	display: block;
	clear:both;
}

.income_section .clearboth{
	width: 100%;
	display: block;
	clear:both;
}

.income_section .btn-secondary1 {
	color: #fff;
	border: 2px solid #3CA948;
	background: #fff;
	color:#333333;
	text-decoration: none;
	font-weight: 400;
	margin-top: 8px;
	margin-bottom: 15px;
	display: inline-block;
	font-size: 20px;
} 

.income_section .btn-secondary1:not(:disabled):not(.disabled).active, .income_section .btn-secondary1:not(:disabled):not(.disabled):active, .show > .income_section .btn-secondary1.dropdown-toggle {
	border: 2px solid #359a40;
	text-decoration: none;
	background: #359a40;
	font-weight: 400;
	margin-top: 8px;
	margin-bottom: 15px;
	display: inline-block;
	font-size: 20px;
	color:#fff;
}
.income_section .btn-secondary1:hover {
    background: #359a40;
    color: #fff;
}

.margin-top-18{
	margin-top:18px;
}
.margin-top-30{
	margin-top:30px;
}
.padding-top-30{
	margin-top:30px;
}
.margin-bottom-20{
	margin-top:30px;
}
.insurance_popup{
	display:block;
}
.select_custom{
	border-radius:.25rem;
	font-size:18px;
}

.select_custom option{	
	font-size:20px;
}
.address_input_box{
	float:left;
	width: 70%;
}

.reg_postcode_input_box {
  float: left;
  width: 70%;
}

.reg_postcode_button_width_155 {
  width: 25%;
  float: right;
  margin-right: 0;
  padding: 8px 20px 8px !important;
}

.button_width_155{
	width: 25%;
	float:right;
	margin-right:0;
	padding: 8px 20px 8px !important;
}
.insurance_list{
	margin-top:30px;
	margin-bottom:30px;
}
.insurance_close_btn{
	font-size: 2rem;
	margin-top: -55px !important;
	outline:none;
}

.insurance_popup_body{
	padding: .8rem;	
}
.modal-header.insurance_popup{
	border-bottom: 0px solid #e9ecef;
	padding-top: 30px;
}

.insurance_popup .close{
	margin-top: -85px !important;
}
.insurance_popup .close, .insurance_popup .close:focus, .insurance_popup .close:hover{
	opacity:1 !important;
	outline:none;
}
.popup_downarrow img{
	margin-bottom:5px;
}
.popup_overlay{
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.7);
	position:fixed;
	z-index:9998;
}
.popup_custom{
	display: table;	
	position:absolute;
	z-index:9999;	
	right:0;	
	left:0;
	margin:auto;	
	width:375px;
	height:auto;	
	box-shadow:0 0 50px rgba(0,0,0,.3);
	border:10px solid #fff;
	border-radius: 20px;
	background:#fff;
	padding-top:20px;
}
.popup_one{		
	top: 240px !important;
}

/*
@-moz-document url-prefix() {
	.popup_one{	
		
		top: 39vh !important;
	}
}
*/

.popup_two{
	bottom:0 !important;
	top: 50px !important;
	box-shadow:none !important;
}

.popup_custom .modal-content{
	border:0px solid rgba(0,0,0,.2);
}
.popup_custom .modal-dialog{
	margin:0px;;
}

@media screen and (max-width:1200px){	
	.popup_one{		
		top: 260px !important;
	}
}
@media screen and (max-width:767px){
	.pension_summary_btn a img {
		margin-top: 0px !important;
	}	
	.popup_one{		
		top: 60px !important;
	}
	.border_button_one{
		padding:.375rem .4rem;
	}
	.wrapper{
		width:100% !important;
	}
	.popup_custom{
		width:300px;
		height:300px;
		top:-250px;
		padding-top:10px;
		padding-bottom:10px;
	}
	
}

@media screen and (max-width:687px){
	.popup_one{		
		top: 90px !important;
	}
}


@media screen and (max-width:593px){
	.popup_one{		
		top: 90px !important;
	}
	
	@-moz-document url-prefix() {
		.popup_one{	
			top: 130px !important;
		}
	}
}

@media screen and (max-width:572px){
	.popup_one{		
		top: 130px !important;
	}
	
	@-moz-document url-prefix() {
		.popup_one{	
			top: 130px !important;
		}
	}
}
	
@media screen and (max-width:480px){	
	.address_input_box {
		float: none;
		width: 100%;
	}
	.button_width_155 {
		width: 100%;
		float: none;
		margin-right: 0;
		padding: 8px 20px 8px !important;
		margin-left: 0;
	}
}

@media screen and (max-width:380px){
	.popup_one{		
		top: 150px !important;
	}
	
}

@media screen and (max-width:360px){
	.popup_one{		
		top:150px !important;
	}

	.border_button_one, .income_section .btn-secondary1,
	.income_section .btn-secondary1:not(:disabled):not(.disabled).active, .income_section .btn-secondary1:not(:disabled):not(.disabled):active, .show > .income_section .btn-secondary1.dropdown-toggle{
		font-size:16px;
	}
}

@media screen and (max-width:359px){
	.popup_one{		
		top:190px !important;
	}
}

/*registration section ends*/

/*********************inner page ends******************/
@media screen and (min-width:767px){	
	.inner_content{
		text-align:center;
	}
	.input_text {
		width: 96%;
		margin: 0 auto;
	}
	
}

@media screen and (min-width:320px) and (max-width:359px){
.home_section_two .left {
    width: 43%;
    padding-left: 15px;
}
	.select_custom{
    padding: 8px 10px 10px;
	font-size: 20px;
}
.select_custom option, .select_custom .first_option{
font-size: 20px;
}
	.ui-menu-item-wrapper,  .ui-widget input[type="text"]{
	font-size:20px;
}	
input[type="email"], input[type="password"], input[type="tel"], input[type="text"], input[type="date"], input[type="number"] {
    padding: 8px 10px 10px;
}
	.estimate_content{
	background:url(../images/estimate-bg-circle-full-mobile-320.png) no-repeat center 20px !important;
	}
.estimate_content {
    background: url(../images/estimate-bg-circle-full-mobile-320.png) no-repeat center 0px !important;
}
.estimate_section_one {
    padding-top: 0px;
	letter-spacing:-1px;
}
	.wrapper{
	width:320px !important;
	margin:auto;
	}
	.button_width_135{
		width: 70px;
	}
	.logo{
		/*width:130px !important;*/
	}
	.green_button {
		padding: 8px 12px 10px !important;
	}
}

@media screen and (min-width:360px) and (max-width:767px){
body{
	background:#fff;
}
.home_section_two .left{
width: 45%;
padding-left: 45px;
}

.select_custom{
    padding: 8px 10px 10px;
	font-size: 20px;
}
.select_custom option, .select_custom .first_option{
font-size: 20px;
}	
.ui-menu-item-wrapper,  .ui-widget input[type="text"]{
	font-size:20px;
}	
	.estimate_content{
	background:url(../images/estimate-bg-circle-full-mobile.png) no-repeat center 20px !important;
	}
}

@media screen and (min-width:320px) and (max-width:767px){
body{
	background:#fff;
}	
.estimate_section_three {
    padding-top: 15px;
    padding-bottom: 70px;
}
.estimate_section_four {
    padding-top: 15px;
    padding-bottom: 40px;
}
.margin_top_responsive_one{
	margin-top:20px;
}	
.progress_text{
	display:none;
	font-size:30;
}
.home_green_button{
	margin-left: 5px;
	text-align: left;
	margin-top: 30px;
}
.mobile_display_none{
	display:none;
}
	.wrapper{
	width:360px;
	margin:auto;
	}
	.paid_employment_btn_group{
	margin-top:50px;
}
	.button_width_20{
	font-size: 22px;
	padding: 10px 12px 10px;
	width:50px;
	-webkit-tap-highlight-color: #3CA948;
	}

	.home_section_two{	
		margin-top:52px;
		background:url(../images/phone.png) no-repeat right top;
		min-height:230px;	
	}
	.home_section_one{
		margin-top:-20px;
	}
	.font-bold-26{
	font-weight:700;
	font-size:26px;		
	}
	.font-regular-20{	
		font-size:20px;	
	}
	.font-regular-18{
		font-size:18px;
	}
	.font-regular-17{
		font-size:16px;
	}
	
	.font-bold-18{
		font-weight:700;	
		font-size:18px;
	}
	.font-bold-20{
		font-weight:700;
		font-size:20px;	
	}
	.font-bold-22{
		font-weight:700;
		font-size:22px;	
	}
	
	.green_button{
		font-size:22px;
		padding:12px 20px 14px;
	}

	.green_button_hollow{
		font-size:22px;
		padding:10px 15px 10px;
	}
	.job_title_button_one{
		font-size:22px;
		padding:10px 20px 12px;
		margin-top:30px;
	}
	.apply_button_one{
		font-size:22px;
		padding:10px 20px 12px;
	}
	.input_text{
		font-size:20px;
	}
	.home_banner .mobile_banner.logo{
/*		width: auto !important;*/
			height:auto;
			max-width: 95%;
			width: 700px !important;
	}
	.logo{
		width:250px;
		height:auto;
	}
	.mobile_banner{
		display:block;
		margin:auto;
	}
	.desktop_banner{
		display:none;
	}
	.circle_right{
		width:18px;
		height:18px;
	}
	.back_button{
		width:15px;
		height:15px;
	}
	.display_responsive{
		display:block;
	}
	.responsive_linebreak{
		display:inline;
	}
}

@media screen and (min-width:320px) and (max-width:768px){
 .selected_industry{
font-size: 14px;
 }
}

@media screen and (min-width:768px) and (max-width:1200px){
	.estimate_content{
	background:url(../images/estimate-bg-circle-full-tablet.png) no-repeat center 20px !important;
	}
	.wrapper{
	width:600px !important;
	margin:auto;
	}
	
	.margin_top_responsive_one{
	margin-top:100px;
	}
	.home_section_two .left{
		width: 40%;
		padding-left: 10px;
	}
	.selected_industry{
	font-size: 14px;
	}
}

@media screen and (min-width:768px) and (max-width:4000px){
	
	.estimate_content{
	background:url(../images/estimate-bg-circle-full-desktop.png) no-repeat center 20px;
	}
	.margin_top_responsive_one{
	margin-top:80px;
	}
	.margin_top_responsive_two{
		margin-top:10px;
	}
	.wrapper{
	width:700px;
	margin:auto;
	}
	br{
		display:none;
	}
	.show-br{
		display:block !important;
	}
	.mobile_display_none{
	display:inline-block;
}
	.home_green_button{
	margin-left: 23px;
	text-align:left;
	margin-top: 30px;
}
	.paid_employment_btn_group{
	margin-top:50px;
	
}
	.job_title_section_three{
	/*width: 66.7%;*/
	}
	.job_title_section_four{
		text-align:left;
	}
	.inner_content {
    text-align: center;
	}
	.button_width_20{
	font-size: 40px;
	padding: 14px 40px 18px;
	}
	.home_section_one{
		margin-top:-40px;
	}
	.font-bold-26{
	font-weight:700;
	font-size:40px;	
	}
	.font-bold-28{
	font-weight:700;
	font-size:28;
	}
	.font-regular-20{	
		font-size:40px;	
	}
	.font-regular-18{
		font-size: 24px;	
		display: block;	
	}
	.font-regular-17{
		font-size:18px;
	}
	.font-bold-18{
		font-weight:700;	
		font-size:24px;
	}
	.font-bold-20{
		font-weight:700;
		font-size:28px;	
	}
	.font-bold-22{
		font-weight:700;
		font-size:42px;	
	}
	.green_button{
		font-size: 30px;
		/*padding:9px 30px 11px;*/
		padding:9px 20px 10px;
	}
	.green_button_hollow{
	font-size: 30px;
padding: 9px 20px 10px;
	}
	.job_title_button_one{
	font-size:42px;
	padding:9px 30px 11px;
	}
	.apply_button_one{
	font-size:42px;
	padding:14px 40px 18px;
	}
	.job_title_button_one{
		font-size:30px;	
	font-weight:700;		
	}
	.job_title_button_one{
		margin-top: 40px;
	}
	.inner_banner > .back_nav > span img{
		height:15px;
		width:auto;
	}
	.input_text {
    /*width: 70%;*/
    margin: 0 auto;
	font-size:30px;
	}
	.job_title_section_three{
		margin-top:30px;
	}
	.info_img {
    width: 20px;
    height: 20px;
	}
	.mobile_banner{
		display:none;
	}
	.desktop_banner{
		display:block;
		margin:auto;
		width: 700px;
		max-width: 95%;

	}
	.home_banner{
		text-align:right;
	}
	.home_section_two img{
		width: 35px;
		height: 35px;
	}
	.home_section_two{	
		margin-top:35px;
		background:url(../images/phone-big.png) no-repeat right top;
		min-height:300px;	
	}
	.display_responsive{
		display:block;
	}
	.responsive_linebreak{
		display:block;
	}
	.button_width_full{
		width:450px;
	}
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog{
		position: fixed !important;
		top: 150px !important;
	}	
.ui-dialog-content .msg{
	width:90%;
	display: inline-block;
}


@media screen and (max-width: 410px){
	.logo {
		width: 190px;
		height: auto;
	}
	.font-bold-18 {
		font-size: 14px;
	}
	.reg_postcode_input_box {
	  
	  width: 60%;
	}

	.reg_postcode_button_width_155 {
	  width: 34%;
	}
}


/* Login and forgot password section */
.new_app_login input[type="text"], .new_app_login input[type="password"] {
    font-size: 25px;
}
.new_app_login input[type="text"]{
	margin-bottom:20px;
}
.underline_text{
	text-decoration:underline;
}

.new_app_login  .forgot_pass{
	margin-top:10px;
	margin-bottom:25px;
}
.new_app_login .register{
	margin-bottom:35px;
}


@media screen and (max-width:767px){
	.new_app_login input[type="text"], .new_app_login input[type="password"] {
		font-size:20px;
	}
}

.new_app_login{
	margin-top: -20px;
}


/* Logout icon */
.logout-home{
	position: relative; 
	z-index: 999;
}

.logout-home a{
	position: absolute; 
	right: 17px; 
	top: 17px;
	display:inline-block;
	z-index: 999;
}
/************************/
.logout-inner{
	position: absolute;
	right: 13px;
	top: 14px;
}

@media screen and (max-width:522px){
	.back_nav {
		top: 19px;
	}
}
@media screen and (max-width:360px){
	.logout-inner{
		right: 10px;
	}
}
@media screen and (max-width:335px){
	.logout-inner{
		right: 10px;
	}
}

@media screen and (max-width:320px){
	.logout-inner{
		right: 10px;
	}
}

/**/

@media screen and (max-width:359px){
	.logout-home a{
		/*right: -20px; */
	}
	@-moz-document url-prefix() {	
	.logout-home a{
		/* right: 0px;  */
	}
	
	
}



@media screen and (max-width:345px){
	.logout-home a{
			/*right: -25px; */
		}	
	@-moz-document url-prefix() {	
		.logout-home a{
			/* right: 5px;  */
		}
	}
}

@media screen and (max-width:340px){
	
	@-moz-document url-prefix() {	
		.logout-home a{
			/* right: 10px;  */
		}
	}
}


/************************/
.logout-inner{
	position: absolute;
	right: 13px;
	top: 14px;
}

@media screen and (max-width:360px){
	.logout-inner{
		right: 10px;
	}
}
@media screen and (max-width:335px){
	.logout-inner{
		right: 10px;
	}
}

@media screen and (max-width:320px){
	.logout-inner{
		right: 10px;
	}
}

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

  .lookup_mobile {   
    padding: 8px 5px 8px !important;
  }
  .rotate_block { 
  width: 20px;
  height: 20px;
  }
}