@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;400;600;700;900');

body{width:100%; margin:0; font-family:'Noto Sans', sans-serif; font-size:12px; line-height:18px; color:#333;}
a{color:#0407e1; text-decoration:none; outline:none !important;}
a:hover{color:#333; text-decoration:none; outline:none !important;}
p{margin:0; padding:0;}

input:-webkit-autofill { -webkit-box-shadow:0 0 0 50px #fff inset; -webkit-text-fill-color: #0704e1;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none; margin:0;}
input[type=number]{-moz-appearance:textfield;}

/* ---------- push notification hidden - added 08/11/2019 - 01:51am ----------- */

.pa-subscribe-widget-round, #pushalert-ticker{display:none !important;}

/* - - - - - - - - - - - popup css for sign in - updated 08/11/2019 - 10:54am - - - - - - - - - - -- */

#pop_up_background{display:none; width:100%; height:100%; background:#000000; position:fixed; top:0; z-index:99999999;}
#login_pop_up_box{display:none; width:350px; height:520px; font-size:11px; text-align:center; font-family:'Noto Sans', sans-serif;
									background:#fff; border-radius:25px; z-index:9999999999; position:absolute; top:15%; left:38%; transform:translate(0, 0);}

.popup_blueheader{display:block; background:#0704e1; display:absolute; top:0; width:350px; height:95px; border-radius:25px 25px 0 0;}
.popup_triangle{height:0; width:0; border-left:175px solid transparent; border-right:175px solid transparent;
								border-bottom:0 solid transparent; border-top:35px solid #0704e1;}

.pop_up_header{display:block; margin:0 auto 30px; width:100%; text-transform:uppercase; padding:25px 0 0; text-align:center; }
.pop_up_header img{width:35px;}
.popup_title{display:block; font-size:15px; line-height:35px; font-weight:600; color:#fff;}

.popup_cancel{display:block; width:auto; line-height:50px; font-size:16px; font-weight:400; font-family:Verdana, sans-serif; color:#fff; text-align:right;
              text-decoration:none; outline:none; position:absolute; right:20;}
.popup_cancel:hover{color:#f00;}

.popup_box{display:block; width:85%; height:auto; text-align:left; position:relative; margin:1.25rem auto 0;}

.popup_text::-webkit-input-placeholder{font-family:'Noto Sans', sans-serif; font-weight:400; color:#888; font-size:13px;}
.popup_text::-moz-placeholder{font-family:'Noto Sans', sans-serif; font-weight:400; color:#888; font-size:13px;}

.popup_text{display:block; width:100%; height:45px; font-size:14px; font-family:'Noto Sans', sans-serif; color:#0704e1; border:1px solid #ddd;
            border-radius:5px; padding:0 15px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

.popup_see_password{display:block; width:25px; height:25px; background:url('https://asset.jobstore.com/images/icon_seehover.png') no-repeat right/24px; 
							      position:absolute; position:absolute; bottom:10; right:10; cursor:pointer;}
.popup_see_password:hover{display:block; width:25px; height:25px; background:url('https://asset.jobstore.com/images/icon_see.png') no-repeat right/24px;
										position:absolute; margin-top:-68px; margin-left:235px; cursor:pointer;}
										
.popup_line{display:block; width:100%; border-bottom:1px solid #ddd; margin:1.5rem auto;}
.popup_prob{display:block; width:100%; height:auto; line-height:35px; font-size:13px; font-weight:500; color:#333; text-align:center;}
.popup_prob:hover{color:#0704e1; outline:none;}

.popup_signin{display:block; width:100%; height:45px; font-size:13px; font-weight:600; font-family:'Noto Sans', sans-serif;
              color:#fff; text-align:center; text-transform:uppercase; background:#0704e1; border:2px solid #0704e1; border-radius:5px;
              margin:1rem auto; cursor:pointer; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.popup_signin:hover, .popup_signin:focus{background:transparent; color:#0704e1;}
.popup_createbtn{display:block; width:100%; height:45px; line-height:45px; font-size:13px; font-weight:600; font-family:'Noto Sans', sans-serif; 
                 color:#333; text-align:center; text-transform:uppercase; background:#f1f1f1; border:2px solid #f0f0f0; border-radius:5px; margin:1rem auto;}
.popup_createbtn:hover, .popup_createbtn:focus{background:transparent; border:2px solid #333; color:#333;}

.popup_error{display:block; width:100%; color:#f00; text-align:center; margin:1rem auto;}

/* - - - - - - - - - - - END popup css for sign in - updated 08/11/2019 - 10:54am - - - - - - - - - - -- */


.header_container{display:block; width:100%; height:80vh; background:#cce5d9; position:relative; z-index:0;}

.header_bg_img{display:block; margin:0 auto; position:absolute; bottom:0; left:6%; z-index:-1;}


/* - - - - - - - - - - - content - - - - - - - - - - - */
.home_content{display:table; width:1280px; max-width:95%; height:auto; font-family:'Noto Sans', sans-serif; margin:0 auto;}

.home_title_box{display:block; width:650px; max-width:90%; height:auto; text-align:left; float:right; margin:15% 0 0;}

.home_title{display:block; width:100%; line-height:3rem; font-size:2.85rem; font-weight:900; color:#333;}
.home_subtitle{display:block; width:100%; line-height:2rem; font-size:1.2rem; font-weight:300; color:#333; margin:0 auto;}

.home_subtitle{display:block; width:100%; font-weight:300; font-size:18px; color:#333; line-height:24px; margin:0 auto;}
.home_subtitle a{font-weight:600; color:#333;}
.home_subtitle a:hover{outline:none; color:#0704e1;}

.home_button{display:block; width:185px; height:40px; line-height:40px; font-size:13px; font-weight:600; color:#0704e1; text-align:center; 
            text-transform:uppercase; letter-spacing:1px; background:#fff; border:2px solid #0704e1; border-radius:25px; padding:0 1rem; margin:35px 0;}
.home_button:hover{outline:none; background:#0704e1; border:2px solid #0704e1; color:#333;}
.home_options{display:block; font-size:14px; color:#333; font-weight:600; margin:35px auto 0;}
.home_options a{outline:none; color:#333;}
.home_options a:hover{outline:none; color:#0704e1; text-shadow:0px 0px 1px rgba(255,255,255,1);}


/* ----- pricing page ----- */

.pricing{display:block; width:100%; text-align:center; margin:25px auto; padding-top:25px;}
.pricing_container{display:block; min-width:60%; width:1024px; max-width:90%; margin:0 auto;}

.pricing_title{display:block; width:80%; font-size:32px; line-height:36px; font-weight:300; color:#515357; text-align:center; margin:0 auto;}
.pricing_subtitle{display:block; width:80%; font-size:14px; line-height:22px; color:#999; text-align:center; margin:0 auto; padding:5px 0 0;}

.pricing_box{display:block; width:100%; margin:55px auto;}
.pricing_box_title{display:block; width:80%; font-size:32px; line-height:36px; font-weight:300; color:#515357; text-align:center; margin:0 auto 25px;}

.pricing_box_each{display:inline-block; width:25%; min-height:200px; padding:35px 0; border:1px dashed rgba(7,4,221,0.15); text-align:center; vertical-align:middle; margin:0 1%;}
.pricing_box_each_selected{display:inline-block; width:25%; min-height:325px; padding:45px 0 50px; background:rgba(7,50,162,0.025); border:1px dashed rgba(7,4,221,0.15);
													 text-align:center; vertical-align:middle; margin:0 1%;}

.pricing_box_type{display:block; font-size:18px; font-weight:600; text-transform:uppercase; color:#474747;}
.pricing_box_type_popular{display:block; font-size:20px; font-weight:600; text-transform:uppercase; text-shadow:0 0 1px #666; color:#0704e1; padding:0;}
.pricing_box_type_popular span{display:block; line-height:30px; font-size:16px; font-weight:400; color:#333;}

.pricing_box_price{display:block; font-size:40px; margin:2.5rem auto; color:#474747;}
.pricing_box_price_popular{display:block; font-size:40px; margin:30px auto; color:#474747;}

.pricing_box_price_opt{display:block; margin:0 auto; color:#474747;}

.pricing_box_currency{display:inline-block; line-height:2rem; font-size:1.15rem; vertical-align:middle;}

.pricing_box_amount_slashed{display:inline-block; line-height:2.5rem; font-size:1.25rem; font-weight:500; vertical-align:middle;}
.pricing_box_amount{display:inline-block; line-height:2.5rem; font-size:1.85rem; font-weight:600; color:#000; vertical-align:middle;}
.pricing_box_amount_popular{display:inline-block; font-size:30px; font-weight:600; color:#000; vertical-align:middle;}

.pricing_box_amount_strikethrough{position:relative;}
.pricing_box_amount_strikethrough:before{position:absolute; content:""; left:-2; top:50%; right:0; border-top:2px solid; border-color:#f00; 
																				 -webkit-transform:rotate(-6deg); -moz-transform:rotate(-6deg); -ms-transform:rotate(6deg); 
																				 -o-transform:rotate(-6deg); transform:rotate(-6deg);}
.pricing_perjob{display:inline-block; font-size:13px;}

.pricing_box_credit{display:block; line-height:20px; font-size:15px; font-weight:500; color:#474747; margin:20px auto 35px;}
.pricing_box_credit_selected{display:block; line-height:20px; font-size:15px; font-weight:500; color:#474747; margin:40px auto;}
.pricing_box_credit span, .pricing_box_credit_selected span{font-weight:600; color:#333;}
.pricing_box_credit div, .pricing_box_credit_selected div{font-size:14px;}

.pricing_contactbox{display:block; width:80%; font-size:15px; line-height:24px; margin:15px auto 35px; text-align:center; color:#474747;}


.pricing_buy{display:block; width:150px; height:40px; line-height:40px; font-size:14px; font-weight:600; color:#fff; text-align:center;
						 background:#0704e1; border:2px solid #0704e1; border-radius:25px; cursor:pointer; margin:0 auto;}
.pricing_buy:hover, .pricing_buy:focus{background:#fff; border:2px solid #0704e1; color:#0704e1; outline:none;}

.pricing_box_gstnotice{display:block; width:100%; margin:35px auto; font-size:14px; line-height:22px; color:#666; text-align:center; letter-spacing:1px;}


.pricing_benefits{display:block; width:100%; margin:65px auto 25px; text-align:center;}

.pricing_benefit_title{display:block; width:80%; font-size:32px; line-height:36px; font-weight:300; color:#515357; text-align:center; margin:0 auto;}
.pricing_benefit_info{display:block; font-weight:300; font-size:0.9rem; line-height:20px; color:#333; margin:10px 0 30px;}

.pricing_benefitbox{display:inline-block; width:30%; padding-left:2%; margin:15px 0; text-align:left; vertical-align:middle;}
.pricing_benefitbox img{width:20px; height:20px; display:inline-block; vertical-align:middle;}
.pricing_benefitlist{display:inline-block; font-size:1rem; padding-left:10px;}


.pricing_moreinfo{display:block; width:90%; line-height:2rem; font-size:1rem; font-weight:400; color:#333; text-align:center; margin:25px auto 65px;}
.pricing_moreinfo span{font-weight:600; color:#000;}
.pricing_moreinfo a{color:#0704e1; font-weight:600;}
.pricing_moreinfo a:hover{color:#0732a2; outline:none;}



/* ----- support team section ----- */
.support{display:block; width:100%; text-align:center; margin:25px auto 65px; padding-top:35px;}
.support_container{display:block; width:80%; margin:0 auto;}

.support_title{display:block; width:90%; font-size:14px; line-height:22px; color:#999; text-align:center; text-transform:uppercase; margin:0 auto;
							 padding-top:60px; background:url('https://assets.jobstore.my/images/icon/icon_x_separator.png') no-repeat top center;}
.support_subtitle{display:block; width:80%; font-size:32px; line-height:36px; font-weight:300; color:#515357; text-align:center; margin:0 auto; padding:5px 0 35px;}

.support_img{display:block; width:1024px; max-width:90%; height:auto; margin:0 auto;}

.support_content{display:block; width:90%; font-size:16px; line-height:24px; font-weight:300; color:#515357; text-align:center; margin:25px auto;}
.support_buttons{display:block; width:90%; text-align:center; margin:0 auto;}

.support_hire{display:inline-block; width:150px; height:35px; line-height:35px; font-size:13px; font-weight:700; color:#fff; letter-spacing:1px; 
							text-transform:uppercase; background:#0704e1; border:2px solid #0704e1; border-radius:25px; margin-right:10px;}
.support_hire:hover{outline:none; color:#0704e1; background:#fff; border:2px solid #0704e1;}

.support_contact{display:inline-block; width:165px; height:35px; line-height:35px; font-size:13px; font-weight:700; color:#0704e1; letter-spacing:1px; 
								 text-transform:uppercase; background:#fff; border:2px solid #0704e1; border-radius:25px; margin-left:10px;}
.support_contact:hover{outline:none; color:#fff; background:#0704e1; border:2px solid #0704e1;}


/* ---------------------------------------------------------------------------------------------------------- */
/* ------------------------------ media section - updated 08/11/2019 - 10:23am ------------------------------ */
/* ---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 481px) and (max-width: 660px){
  
  .header_top_container{height:auto; line-height:50px;}
  .header_top_left{display:block; width:100%; text-align:center;}
  .header_left_logo{display:block; width:200px; padding:2rem 0 1rem; margin:0 auto;}
  .header_left_menu{height:50px; line-height:50px; margin:0 2.5%;}
  
  .header_top_right{display:none;}
  
  .home_content{display:block;}
  
  .header_bg_img{display:block; width:100%; left:0; z-index:-1;}
  
  .home_title_box{margin:1rem auto;}
  
  .pricing_box_each, .pricing_box_each_selected{display:block; width:100%; margin:1rem auto;}
  .pricing_benefitbox{display:block; width:100%; margin:1.5rem auto;}
  .pricing_benefitlist{width:84%; vertical-align:top;}
  
  .support_hire, .support_contact{display:block; width:65%; margin:1rem auto;}
  
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait){
  
  .header_top_container{height:auto; line-height:50px;}
  .header_top_left{display:block; width:100%; text-align:center;}
  .header_left_logo{display:block; width:200px; padding:2rem 0 1rem; margin:0 auto;}
  .header_left_menu{height:50px; line-height:50px; margin:0 2.5%;}
  
  .header_top_right{display:none;}
  
  .home_content{display:block;}
  
  .header_bg_img{display:block; width:100%; left:0; z-index:-1;}
  
  .home_title_box{margin:1rem auto;}
  
  .pricing_box_each, .pricing_box_each_selected{display:block; width:100%; margin:1rem auto;}
  .pricing_benefitbox{display:block; width:100%; margin:1.5rem auto;}
  .pricing_benefitlist{width:84%; vertical-align:top;}
  
  .support_hire, .support_contact{display:block; width:65%; margin:1rem auto;}
  
}

@media only screen and (min-width: 721px) and (max-width: 800px) {
  
  .header_top_left{width:75%;}
  .header_left_logo{width:150px;}
  
  .header_top_right{width:24%; margin:35px 0;}
  #login{display:none;}
  .header_right_employer{width:150px; margin:0;}
  
  .header_container{height:88vh;}
  
  .home_title_box{width:65%; float:right; margin:3rem auto;}
  
  .header_bg_img{display:block; width:50%; left:0; z-index:-1;}
  
  .pricing_box_each, .pricing_box_each_selected{width:30%;}
  .pricing_benefitbox{width:46%;}
  
}

@media only screen and (min-width: 801px) and (max-width: 920px) {
  
  .header_top_left{width:75%;}
  .header_left_logo{width:150px;}
  
  .header_top_right{width:24%; margin:35px 0;}
  #login{display:none;}
  .header_right_employer{width:150px; margin:0;}
  
  .header_container{height:88vh;}
  
  .home_title_box{width:65%; float:right; margin:3rem auto;}
  
  .header_bg_img{display:block; width:50%; left:0; z-index:-1;}
  
  .pricing_box_each, .pricing_box_each_selected{width:30%;}
  .pricing_benefitbox{width:46%;}
  
}

@media only screen and (min-width: 921px) and (max-width: 980px) {
	
  .header_top_left{width:68%;}
  .header_left_logo{width:150px;}
  
  .header_top_right{width:30%; margin:0;}
  .header_right_employer{width:150px;}
  
  .header_container{height:88vh;}
  
  .home_title_box{width:65%; float:right; margin:3rem auto;}
  
  .header_bg_img{display:block; width:50%; left:0; z-index:-1;}
  
  .pricing_box_each, .pricing_box_each_selected{width:30%;}
  .pricing_benefitbox{width:46%;}
  
}

@media only screen and (min-width: 981px) and (max-width: 1023px) {
	
  .header_top_left{width:68%;}
  .header_left_logo{width:150px;}
  
  .header_top_right{width:30%; margin:0;}
  .header_right_employer{width:150px;}
  
  .header_container{height:88vh;}
  
  .home_title_box{width:65%; float:right; margin:3rem auto;}
  
  .header_bg_img{display:block; width:50%; left:0; z-index:-1;}
  
  .pricing_box_each, .pricing_box_each_selected{width:30%;}
  .pricing_benefitbox{width:46%;}
  
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	
  .header_top_left{width:68%;}
  .header_left_logo{width:150px;}
  
  .header_top_right{width:30%; margin:0;}
  .header_right_employer{width:150px;}
  
  .header_container{height:88vh;}
  
  .home_title_box{width:65%; float:right; margin:3rem auto;}
  
  .header_bg_img{display:block; width:50%; left:0; z-index:-1;}
  
  .pricing_box_each, .pricing_box_each_selected{width:30%;}
  .pricing_benefitbox{width:46%;}
  
}

@media only screen and (min-width: 1201px) and (max-width: 1439px) {
	
	.home_title_box{margin:5% 0 0;}
  .header_bg_img{display:block; width:50%; left:0; z-index:-1;}
  
}

@media only screen and (min-width: 1440px) and (max-width: 1856px) {
	
}

@media only screen and (max-device-width: 480px) and (orientation:portrait){
  
  .header_top_container{height:auto; line-height:50px;}
  .header_top_left{display:block; width:100%; text-align:center;}
  .header_left_logo{display:block; width:200px; padding:2rem 0 1rem; margin:0 auto;}
  .header_left_menu{height:50px; line-height:50px; margin:0 2.5%;}
  
  .header_top_right{display:none;}
  
  .home_content{display:block;}
  
  .header_bg_img{display:block; width:100%; left:0; z-index:-1;}
  
  .home_title_box{margin:1rem auto;}
  
  .pricing_box_each, .pricing_box_each_selected{display:block; width:100%; margin:1rem auto;}
  .pricing_benefitbox{display:block; width:100%; padding:0; margin:1.5rem auto;}
  .pricing_benefitlist{width:84%; vertical-align:top;}
  
  .support_hire, .support_contact{display:block; width:65%; margin:1rem auto;}
  
}

@media only screen and (max-device-width: 720px) and (orientation:landscape){
  
  .header_top_container{height:auto; line-height:50px;}
  .header_top_left{display:block; width:100%; text-align:center;}
  .header_left_logo{display:block; width:200px; padding:2rem 0 1rem; margin:0 auto;}
  .header_left_menu{height:50px; line-height:50px; margin:0 2.5%;}
  
  .header_top_right{display:none;}
  
  .header_intro_container, .header_intro_block{display:block;}
  .header_intro_left{display:block; width:90%; margin:1rem auto;}
  
  .header_post_form{display:inline-block; width:100%;}
  .header_post_text{display:inline-block; width:60%;}
  .header_post_btn{display:inline-block; width:30%;}
  
  .header_intro_right{display:none;}
  
  .header_bg_img{display:block; width:100%; left:0; z-index:-1;}
  
  .home_title{display:block; width:80%; line-height:52px; margin:0 auto;}
  .home_subtitle{display:block; width:85%; margin:1rem auto;}
  .home_options{display:block; width:95%;}
  
  .feature_each{display:block; width:95%; margin:1rem auto;}
  
  .client_logo{display:inline-block; width:33%; height:auto; margin:5%;}
  
  .resource_each{display:block; width:95%; margin:1rem auto 2rem;}
  
  .support_hire, .support_contact{display:block; width:65%; margin:1rem auto;}
  
}

/* -------------------------------------------------------------------------------------------------------------- */
/* ------------------------------ END media section - updated 08/11/2019 - 10:23am ------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */