/*- - - - - - - - - - - popup css for sign in - updated 04/11/2019 - 09:18am - - - - - - - - - - -- */

#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_text:focus{border:1px solid rgba(7,4,225,0.25); box-shadow:0 0 5px rgba(7,4,225,0.15);}

.popup_see_password{display:block; width:25px; height:25px; background:url('https://assets.jobstore.my/images/icon/icon_eye_see_hover.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://assets.jobstore.my/images/icon/icon_eye_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 04/11/2019 - 09:18am - - - - - - - - - - -- */


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


.header_top_container{display:block; width:1280px; max-width:95%; height:100px; line-height:100px; margin:0 auto;}

.header_top_left{display:inline-block; width:65%; vertical-align:top;}
.header_left_logo{display:inline-block; width:200px; height:auto; margin-right:1.5rem; vertical-align:middle;}
.header_left_menu_on{display:inline-block; font-size:0.9rem; font-weight:700; color:#000; text-shadow:0 0 5px #fff; margin-right:1.5rem; vertical-align:middle;}
.header_left_menu{display:inline-block; font-size:0.9rem; font-weight:400; color:#000; text-shadow:0 0 5px #fff; margin-right:1.5rem; vertical-align:middle;}

.header_top_right{display:inline-block; width:30%; text-align:right; margin-left:4%; vertical-align:top;}
.header_right_menu{display:inline-block; width:100%; font-size:0.9rem; font-weight:400; color:#000; margin-left:1.5rem; vertical-align:middle; position:relative;}

.header_left_menu:hover, .header_left_menu_on:hover, .header_right_menu:hover{color:#0704e1;}

.header_right_employer{display:inline-block; width:165px; height:35px; line-height:35px;font-size:0.9rem; font-weight:600; color:#fff; text-align:center; 
                       background:#fe7e00; border:2px solid #fe7e00; border-radius:50px; margin:0 1.5rem; vertical-align:middle;}
.header_right_employer:hover{color:#fe7e00; background:#fff;}


.header_intro_container{display:table; width:1280px; max-width:95%; height:80%; line-height:1.5rem; margin:0 auto;}
.header_intro_block{display:table-cell; width:100%; vertical-align:middle;}

.header_intro_left{display:inline-block; width:55%; vertical-align:top;}

.header_post_title{display:block; width:500px; max-width:100%; line-height:3rem; font-size:2.85rem; font-weight:900; color:#333;}
.header_post_subtitle{display:block; width:500px; max-width:100%; line-height:2rem; font-size:1rem; font-weight:900; color:#666; margin:2rem 0 1rem;}

.header_post_form{display:block; width:500px; max-width:100%; height:auto; line-height:2rem; font-size:1.25rem; font-weight:900; color:#666; border:1px solid #0704e1; border-radius:5px; margin-bottom:1rem;}

.header_post_text{display:inline-block; width:300px; max-width:100%; height:40px; line-height:40px; background:transparent; border:none; padding:0 1%; 
                  margin:5px; outline:none; vertical-align:middle;}

.header_post_btn{display:inline-block; width:150px; max-width:100%; height:40px; line-height:40px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center; background:#0704e1; 
                 border:1px solid #0704e1; border-radius:5px; margin:5px; vertical-align:middle; float:right;}
.header_post_btn:hover{color:#0704e1; background:transparent; cursor:pointer}

.header_post_contact{display:block; width:500px; max-width:100%; line-height:1.5rem; font-size:0.9rem; font-weight:400; color:#000; margin:2rem 0;}
.header_post_contact a{text-decoration:underline;}

.header_intro_right{display:inline-block; width:40%; text-align:left; margin-left:4%; vertical-align:top;}

.header_testimonial{display:block; width:300px; max-width:100%; height:300px; background:#7B7AB3; border-radius:10px; float:right; padding:25px;}

.header_testimonial_title{display:block; line-height:2rem; font-size:1rem; font-weight:600; color:#fff;}
.header_testimonial_detail{display:block; line-height:1.35rem; font-size:0.9rem; font-weight:400; color:#fff; margin:1rem 0;}

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


.header_right_menu .menu_login{display:inline-block; width:auto; height:55px; line-height:55px; font-size:1rem; font-weight:600; color:#333; text-shadow:0 0 5px #fff;
                               margin-right:2.5%; vertical-align:middle;}

.header_right_menu .menu_user{display:inline-block; width:65px; height:auto; font-size:0.85rem; border:1px solid #888; border-radius:25px; padding:5px;
															background:url('https://assets.jobstore.my/images/icon/icon_menu_burger_dark.png') no-repeat center left 12px/20px;}
.header_right_menu .menu_user:hover,
.header_right_menu .menu_user:focus{outline:none; cursor:pointer; border:1px solid #47c6f9;
														  			background:url('https://assets.jobstore.my/images/icon/icon_menu_burger_dark.png') rgba(71,198,249,0.15) no-repeat center left 12px/20px;}

.header_right_menu .menu_logo{display:inline-block; width:35px; height:35px; object-fit:cover; border-radius:50%; border:1px solid #dbdbdb; overflow:hidden;}
.header_right_menu .menu_profilelogo{display:block; width:35px; height:35px; object-fit:cover; background-size:100%; vertical-align:middle;}

.header_right_menu .menu_pic{display:inline-block; width:25px; height:25px; object-fit:cover; border-radius:50%; border:1px solid #dbdbdb; vertical-align:middle;}
.header_right_menu .menu_user:hover .menu_pic{border:1px solid #47c6f9;}

.header_right_menu .menu_box {position:relative; background:#fff; border:1px solid #ddd;}
.header_right_menu .menu_box:after, .header_right_menu .menu_box:before{width:0; height:0; bottom:100%; left:86%; content:" ";
	                                                            position:absolute; pointer-events:none; border:solid transparent;}
.header_right_menu .menu_box:after {border-color:rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:10px; margin-left:-10px;}
.header_right_menu .menu_box:before {border-color:rgba(248, 248, 248, 0); border-bottom-color:#ddd; border-width:11px; margin-left:-11px;}

.header_right_menu .menu_divider{display:block; width:100%; border-bottom:1px solid #eee; margin:1.5rem auto;}

.header_right_menu #header_jobseeker_menu{display:none; width:185px; position:absolute; top:95px; right:185px; font-size:0.85rem;
																					line-height:18px; text-align:left; padding:15px 30px; border:1px solid #ddd; border-radius:5px;
																					z-index:999999; font-family:'Noto Sans', sans-serif;}
.header_right_menu #header_jobseeker_menu a{display:block; color:#0704e1; margin:15px 0; font-weight:400; text-transform:capitalize;}
.header_right_menu #header_jobseeker_menu a:hover, .header_right_menu #header_jobseeker_menu a:focus{color:#333; outline:none;}

.header_right_menu #header_employer_menu{display:none; width:150px; position:absolute; top:95px; right:185px; font-size:0.85rem;
		                                     line-height:18px; text-align:left; padding:15px 30px; border:1px solid #ddd; border-radius:5px;
		                                     z-index:999999; font-family:'Noto Sans', sans-serif;}
.header_right_menu #header_employer_menu a{display:block; color:#0704e1; margin:15px 0; font-weight:400; text-transform:capitalize;}
.header_right_menu #header_employer_menu a:hover, .header_right_menu #header_employer_menu a:focus{color:#333; outline:none;}