
/*Google font for layouting */
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700,900,300italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);


.menusmlnone{ display:none;}
div, table, tr, td, a, a:hover, img, button, input{ transition: all ease-out 0.3s;}
 a.active, a:focus{ outline:none;}

/*CUSTOM CSS JOBSWITCH LAYOUT */

/*Header banner with form*/
.header_banner{ display:block; position:relative;}
.searchbor_wrp{position: absolute; z-index: 1; left:50%;}
.find_job_header{ margin-bottom:50px;}
.find_job_header h1{color:#fff; font-size:36px;}
.find_job_header p{color:#fff; font-size:20px;}

/*form on home page*/
.bg_hmeform{padding: 20px; width: 84%; background-color: rgba(244,184,21,.7); margin: auto; border-radius:2px; position:relative;}
.form_on_hmpage{ width:100%; display:block;}
.form_on_hmpage .form-control { margin:0 2px ;padding: 8px 33px 8px 12px; border:none;}
	
select{ -moz-appearance: none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; }

	

.destion_wrp .form-control {margin:0 2px ;padding: 8px 33px 8px 12px; border:none;}
.check_wrp_drp .form-control {margin:0 2px ;padding: 8px 33px 8px 12px; border:none;}
.check_wrp_functional .form-control {margin:0 2px ;padding: 8px 33px 8px 12px; border:none;}

.form_on_hmpage .drproom{ height:36px; position:relative;}
.destion_wrp{ float:left; width:26%; position:relative;margin-right: 5px; margin-bottom:5px;}
.check_wrp_drp{float:left; width:14.9%;position:relative;margin-right: 5px;margin-bottom:5px;}
.check_wrp_functional{float:left; width:26%;position:relative;margin-right: 5px;margin-bottom:5px;}

  

.form_on_hmpage .butn_home{ margin-left: 2px;}
.form_on_hmpage .butn_home .big_clck_btn{ padding:0px 12px; line-height:31px; height:36px; box-shadow:none;}

.destion_wrp input{ border-radius:4px; border:none;}
.butn_home .btn-warning{background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333; padding:10px 15px;}

select.roomarrow{ background: url(../images/search_arrow.png) right center no-repeat #fff!important;}
.arrow_destin{ position:absolute; right:8px; top:12px; z-index:1}
.arrow_calender_icon{ position:absolute; right:9px; top:11px; z-index:1}

.arrow_searchdiv{ position:absolute; right:20px; bottom:-12px;}




/*view more*/
.view_all{ display:block; transition:all ease 0.3s ; }
.view_all a{color:#fff; padding:6px; text-align:right; display:block; font:normal 14px/20px Arial, Helvetica, sans-serif; background:url(../images/pluse.png) right center no-repeat ; padding-right:25px; overflow:hidden; cursor: pointer;}

/*Keylinks*/
.keylinks { margin:0 auto;color:#fff; padding:10px 20px;   background-color: rgba(0, 0, 0, 0.5); display:block;}
.keylinks a{ color:#fff; padding: 10px 5px;  display: inline-block;}
.logo_full_wrp{ background:#f7f7f7; float:left; width:100%;}

.keylin .popular_hed{display: inline-block; margin: 2px 5px ; border-bottom:2px solid #eab828;}
.keylin a{ color:#fff; padding: 2px 5px;  display: inline-block;}

.keylin2 .popular_hed{display: inline-block; margin: 2px 5px ; border-bottom:2px solid #eab828;}
.keylin2 a{ color:#fff; padding: 2px 5px;  display: inline-block;}

.error-msg{color:red;text-align:center;overflow:hidden;margin-bottom:10px;margin-left:20px;}

.my_success{color: #fff!important; z-index:5;
    position: fixed;
    padding: 11px;
    margin: 0;
    font-size: 18px;
    left: 0;
    width: 100%;
    top: 0;
    box-shadow: 0 1px 3px #ccc;}

.my_danger{color: #fff!important; z-index:5;
    position: fixed;
    padding: 11px;
    margin: 0;
    font-size: 18px;
    left: 0;
    width: 100%;
    top: 0;
    box-shadow: 0 1px 3px #ccc;}




/*Top Employee Content*/
.top_emp_wrp{width:100%; float:left;}

/*main body wrp*/
.main_content_body{width:100%; float:left;}

.sm_links {font-size:14px; }
.sm_links a{ font-size:14px;  display: inline-block; padding:6px 3px;}
.top_emp_wrp{ background:#f7f7f7; padding:0px 0; border-bottom:1px solid #d4d4d4;}

/*BASICE CSS*/
.tpmrg{ margin-top:10px;}
.tpmrg_sm{margin-bottom:10px;}

.pdtpbtm{ padding-top:20px;}
.pdtpbtm_sml{ padding-bottom:20px;}

.sm_pdtpbtm{ padding-top:10px;}
.sm_pdtpbtm_sml{ padding-bottom:10px;}

.sm_pdtptop{ padding-top:5px;}
.sm_pdtpbtm{ padding-bottom:5px;}
.sm_pdtpright{ padding-right:5px;}
.sm_pdtpleft{ padding-left:5px;}

.big_tpmargin{ margin-top:20px;}
.big_rtmargin{ margin-right:20px;}
.big_ltmargin{ margin-left:20px;}
.big_btmargin{ margin-bottom:20px;}

.sm_rtmargin{ margin-right:10px;}
.sm_lftmargin{ margin-left:10px;}
.sm_topmargin{ margin-top:10px;}
.sm_botmargin{ margin-bottom:10px;}
.nomrg{ margin:0px!important;}
.nobro{border:0px!important;}
.relative { position:relative;}
.disblock{ display:block;}
.fullwdth{ width:100%; float:left;}
.colrwht{ color:#fff;}
.colrblc{ color:#000!important	;}
.greycolr{ color:#999;}
.higlitcolr{ color:#229eb0;}
.yellowcolr{ color:#eab828;}
.overhid{ overflow:hidden;}
.opensens{ font-family:"Open Sans", sans-serif;}

.bluecolr{ color:#165496;}
.successcolr{ color:#18bc9c}



.versmalfont{ font-size:12px;}
.smfont{ font-size:13px;}
.smfontbas{ font-size:14px!important;}
.sixtn{ font-size:16px!important;}
.fonteightn{ font-size:18px;}
.fonttwsix{ font-size:26px;}
.fonttwnty{ font-size:20px;}
.fontfourt{ font-size:40px;}


.jobempl_jobseeker{ position:absolute; right:0px; top:-51px;}
.ihave_wrp {float: left;}
.ihave_wrp .heading_main {float: left;}
.ihave_wrp .heading_main a {background: #909090 none repeat ; border: 1px solid #909090;  color: #fff; float: left; font-size: 18px;
padding: 12px 38px; position: relative; text-align: center; width: auto;  text-transform:uppercase;}
.ihave_wrp .heading_main a.act {background: #f4b516  ; border: 1px solid #f4b516; color: #6c4e02; font-weight:bold;}
.ihave_wrp .heading_main a:hover{ text-decoration:none;}
.ihave_wrp .heading_main a.act .redarrow {background:  url(../images/arrow_heading.png) no-repeat left top; bottom: -9px; height: 9px; left: 50%; z-index:1;
margin-left: -10px; position: absolute; width: 15px;}
.ihave_wrp .heading_main a .redarrow {background: url(../images/arrow_heading_white.png) no-repeat left top; bottom: -9px; height: 9px; left: 50%;
margin-left: -8px; position: absolute; width: 16px;}

/*recent job*/
.recentjob_wrp {background: #f4f4f4; width:100%; float:left;}
table.recent_jobtabl{	}
table.recent_jobtabl tr.warning{ color:#000;}
table.recent_jobtabl .btn-warning{ color:#000;}
table.recent_jobtabl .btn-warning:hover{ color:#fff;background-color: #f4ab3d; border:1px #f4ab3d solid;}
table.recent_jobtabl .sm_links{ color:#666;}

table.recent_jobtabl{background:#fff;}
table.recent_jobtabl .jobhed{ font-size:20px;}
table.recent_jobtabl .jobhed a, .jobhed a { text-decoration:none;}
table.recent_jobtabl tr td:first-child{ width:400px;}
table.recent_jobtabl tr td{ border-bottom:1px solid #ccc;}
table.recent_jobtabl tr td a{ color:#000!important;}
table.recent_jobtabl tr td a:hover{ color:#000; text-decoration:underline;}
table.recent_jobtabl tr td:last-child{ width:92px;vertical-align: middle;}
.circle_arrow{ margin:10px auto 20px auto; clear:both; opacity:0.5; display:block; cursor:pointer;}
.circle_arrow:hover{  opacity:1;}

/*recent job right pannel*/
.addbanner300{ float: left; border:1px solid #ccc;background:#d3d3d3;}
.jobalert{ width:100%; float:left; background:#165496; padding:5px; margin-top:5px;}
.alert_bell{ color:#fff; font-size:20px; line-height:20px; display:block; float:left; width:126px;}



.alertfomr{ width:248px; float:left; margin-left:10px;}
.alertfomr input{ border:none; padding:7px 8px; height:auto; width:196px; float:left; margin-right:10px; background-image:none;}
.alertfomr .btn-warning{ padding:8px 20px;height:36px; width:auto;float:left; margin:0; background-image: url(../images/arrow_btn.png); background-repeat:no-repeat; background-position:center 12px;}
.alertfomr .btn-warning:hover{ color:#fff;background-color: #f4ab3d; border:0;}


/*top emplyee thums*/
.top_thum{ margin:0px; float:left;}
ul.top_thum { margin:0px; padding:0;}
.top_thum li{ float:left; list-style-type:none; width:23.92%; margin:5px;}
.top_thum li a.thumbnail{ margin-bottom:0;}

/*client sys, success story, jobs*/

.client_sys_wrp{ float:left; background:#f4f4f4; border-radius:10px; width:100%; padding:20px; position:relative;}
.client_sys_wrp .blokqt { width: 96%;float: left; font-size: 17px; line-height: 26px; color: #333; padding-left: 30px;}
.client_sys_wrp .blokqt:before {content: '“'; color:#dbab21; font-family: Arial, Helvetica, sans-serif; font-size: 70px; float: left; margin-top:11px;
margin-left: -30px;}
.client_sys_wrp  .blokqt:after {bottom: 15px;color:#dbab21; content: '„'; margin-bottom:30px; margin-left: 5px; float: right;  font-family:  Arial, Helvetica, sans-serif;font-size: 70px; position: absolute;}

.client_sys_wrp  .clientsys_arrow{ position:absolute; bottom: -34px; right: 95px;}
.client_men{ float:left; margin-top:35px}
.client_men .client_hed{ font-size:20px; padding:0px; margin:0; width:74%;}
.client_men  .client_des{ color:#999; font-size:16px;}


 
.success_story_wrp{ float:left; background:#f4f4f4; border-radius:10px; width:100%; padding:20px; position:relative;}
.success_story_wrp .blokqt { width: 96%;float: left; font-size: 15px; line-height: 24px; color: #333; padding-left: 30px;}
.success_story_wrp .blokqt:before {content: '“'; color:#666; font-family: Arial, Helvetica, sans-serif; font-size: 60px; float: left; margin-top:11px;
margin-left: -30px;}
.success_story_wrp  .blokqt:after {bottom: 15px;color:#666; content: '„'; margin-bottom:30px; margin-left: 5px; float: right;  font-family:  Arial, Helvetica, sans-serif;font-size: 60px; position: absolute;}
.success_story_wrp  .clientsys_arrow{ position:absolute; bottom: -17px; right: 164px;}

.success_men{ float:left; margin-top:35px; width:100%;}
.success_men img { margin:0 auto 10px auto; display:block;}
.success_men .client_hed{ font-size:20px; padding:0px; margin:0; width:100%; text-align:center;}
.success_men  .client_des{ color:#999; font-size:16px; width:100%; text-align:center;}

.spantopbotm{ margin:0px 0;}

/*job featured*/
.featured_job{ float:left; width:100%; margin-top:77px;}
.featurd_job_hed{ width:100%; float:left; padding:5px 10px; background:#165496; text-align:center; color:#fff; font-size:30px; position:relative;}
.featurd_job_hed b{margin-top: -11px; position: relative; display: block;}
.head_featur{ position:absolute; left:0; top:-47px; width:100%; }
table.joblist_featured{ margin-bottom:0px;}
table.joblist_featured tr td:first-child {width: 100%;}
table.joblist_featured tr td{ padding-bottom:0px; }
table.joblist_featured tr{ }
.bodbotm{border-bottom:1px solid #ccc;padding-bottom:10px; display:block;}
table.joblist_featured tr td button.btn { padding:2px 10px;	}
table.joblist_featured .btn-warning{ color:#333;}
table.joblist_featured .btn-warning:hover { color: #fff; background-color: #f4ab3d; border: 1px #f4ab3d solid;}
.jobhed{}
.featurd_job_body{ padding:10px 0; background:#f4f4f4;}
.featurd_job_footer{width:100%; float:left; padding:5px 10px; background:#5a5858; text-align:center; color:#fff; font-size:16px; position:relative;}
.featurd_job_footer a{ color:#fff;}
.footer_featur{ position:absolute; left:0; bottom:-12px; width:100%; }

 /*jobsearch_full_wrp*/
.jobsearch_full_wrp{ display:block; background: url(../images/how_it_wrok.jpg) center center no-repeat ; margin:10px 0 20px 0; float:left; width:100%;}
.jobsearch_full_wrp .btn-warning { border-color: #fff; color:#333; border-radius: 4px; font-size:22px; margin-bottom:20px; float:left;}
.jobsearch_full_wrp .btn-warning:hover { color: #fff; background-color: #f4ab3d; border: 1px #f4ab3d solid;}





.nowjob_content{ color:#fff; line-height:28px; font-size:17px}




	{ position:relative; bottom: -91px; display:block;}

/*Howitwork Full Wrp*/
.howitwork_full_wrp{ width:100%; float:left;}

.steps li{ float:left; font-size:26px; width:100%; float:left; margin-bottom:5px;}
.howitwork_full_wrp .btn-warning{ color:#333; font-size:20px;}
.howitwork_full_wrp .btn-warning:hover { color: #fff; background-color: #f4ab3d; border: 1px #f4ab3d solid;}

/*Looking For Job Box*/
.lookingforjob{ width:520px; height:105px; margin:50px  auto 0 auto; background:url(../images/lookingforjobbox.png) center bottom no-repeat; position:relative;}

.lookjobbutn{ position:absolute; left: 239px; top: 51px;}
.lookingforjob .btn-warning{ color:#333; font-size:20px;}

label.error {color: #f00; display: block; float: left; font-family: arial; font-size: 12px; font-weight: normal; margin-top: 5px; text-align: left;}


.thanks_msg{width: 100%;text-align: center; margin-top: 62px; overflow: hidden; min-height: 250px; background: #f5f5f5; padding: 107px 0;}
.thanks_msg b{font-size:28px; color:green; padding-bottom:10px; display:block;}
.thanks_msg p{ margin: 0 0 5px; overflow:hidden; padding:0; font-size:16px;}

/*footer*/
.footer_full_wrp{background-color:#d4d4d4;   width: 100%; float:left; padding-top:20px;padding-bottom:20px;}

.widget{ width:100%; float:left;}
.widgetheading{ font-size:20px; font-weight:bold; margin-top: 21px; margin-bottom: 10px;}
.widget li{ margin-bottom:5px;}
.widget li a:hover{ color:#000;}
.widget  .btn-warning{ color:#333; font-size:16px;}
.widget  .btn-warning:hover{background-color: #f4ab3d; border: 1px #f4ab3d solid; color:#fff;}
.widget .form-control{ background-color:#e9e9e9; border:1px solid #bfbebe;}

/*---social media--*/

/*sprite images for social media*/
.social_media_fotter{ float:right; padding-top: 10px; padding-bottom:10px; width: auto; overflow:hidden; }
.social_media_fotter ul{ float:left; margin-left:10px; padding:0; margin-bottom:0px;}
.social_media_fotter li{   float:left; margin:5px; list-style:none;}
.follow_us{ font-size:20px; float:left; padding: 20px 0px 16px 0;}

.social_media_fotter ul li a{ font-size:18px; width:55px; height:55px; background:url(../images/social_media_bg.png) left top no-repeat; }
.social_media_fotter ul li a:hover{background:url(../images/social_media_bg2.png) left top no-repeat;}
.social_media_fotter ul li a .fa{ font-size:20px; font-weight:bold;margin-top: 12px; }


.social_media_fotter ul li a .fa-linkedin:before{color:#8e8e8e;}
.social_media_fotter ul li a:hover .fa-linkedin:before{color:#007bb6;}

.social_media_fotter ul li a .fa-facebook:before{color:#8e8e8e;}
.social_media_fotter ul li a:hover .fa-facebook:before{color:#3b5998;}

.social_media_fotter ul li a .fa-twitter:before{color:#8e8e8e;}
.social_media_fotter ul li a:hover .fa-twitter:before{color:#55acee;}

.social_media_fotter ul li a .fa-rss:before{color:#8e8e8e;}
.social_media_fotter ul li a:hover .fa-rss:before{color:#fb9819;}


/*Footer copyright strip */
.copyright_full_wrp{ background:#cbcbcb;width:100%; float:left; border-top: dashed 1px #666; padding:10px 0;}
.copyright_full_wrp p{ padding:0px; margin:0px;}
.copyright_full_wrp .sm_links a{ padding:0px 3px;}


/*Brdcurm*/
	
/*brdcurm*/
.line_shadow { border-bottom:1px solid #e0e0e0; box-shadow:0 0 3px #e0e0e0; padding:10px 0;}
.brdcurm{ width:100%; float:left;}
.brdcurm li{  background: url(../images/brd_line.png) no-repeat  right 6px;  color: #999;float: left;margin: 0 12px 0 0;
padding: 0 15px 0 0;}
.brdcurm ul{ list-style-type:none; padding:0 0 0 15px; margin:0}
.brdcurm li a{ display:block;}
.brdcurm li:last-child{ background:none;}



.inside_wrp {width:100%; float:left; margin-top:20px;}
.rhs_1{width:100%; float: left; background: #f5f5f5; padding: 0px; margin-bottom: 20px;}
.rhs_2{width:100%; float: left; background: #f5f5f5;  padding:0px;  margin-bottom: 20px;}


.main_post_box{ background: #f5f5f5; padding:20px; width:100%; float:left; margin-bottom:20px;}
.companylogo{ float:left; border:1px solid #ccc; margin-right:20px;}
.jobtitle{ font-size:30px; font-weight:bold; margin-bottom:10px; line-height: 26px;}
.jobtitle a{ text-decoration:none;}
.jobtitle span a{ font-size:20px;font-weight:normal; color:#666; display:block; width:100%;}
.post_location{ float:left;padding:0px; margin:10px 0 0 0}
.post_location li{float:left; list-style-type:none;  margin-right:20px; }
.post_location li img{width: 18px; margin-top: 5px;}

.whole_discr{ width:100%; float:left; margin-bottom:20px; }
ul.numli{ float:left; margin-bottom:20px;}
.numli li{ width:100%; float:left; margin-bottom:10px; list-style-type:disc; }


.data_list{ float:left; width:100%; }
.data_list dl{ width:100%; float:left; margin-bottom:10px;} 
.data_list dl dt{ width:20%; float:left; margin-right:40px;}
.data_list dl dd{ width:70%; float:left;}

.jobapplywrp{ float:left; margin-bottom:20px;}

.jobapplywrp .btn-warning.yellow{background-color: #999999; border-color: #999999; border-radius:2px; text-shadow: 0 0 2px #333; padding:6px 24px; font-size:20px; margin-right:10px;}
.jobapplywrp .btn-warning.yellow:hover{background-color: #fed04b; border-color: #fed04b; color:#333; text-shadow:none; }

.jobapplywrp .btn-warning{background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333; padding:6px 24px; font-size:20px; margin-right:10px;}
.jobapplywrp .btn-warning:hover{background-color: #fed04b; border-color: #fed04b; color:#333;text-shadow:none;}

.postedjob{ width:80%; margin:10px auto 30px auto; clear:both;}

.centerjobbtn{ float:none !important;width: 79%; margin:0 auto 30px auto!important;}

nav{ clear:both;}

.newuser{ }

.newuser a{ font-size:20px; color:#999;}

/*social media for job details */
.jobdetails_social_media{ float:left; margin-bottom:20px; width: auto; overflow:hidden; }
.jobdetails_social_media ul{ float:left; margin-left:0px; padding:0; margin-bottom:0px; width: 100%;}
.jobdetails_social_media li{ margin:0px 0px 5px 0; list-style:none;}
.jobdetails_social_media .follow_us{ font-size:14px; float:left; padding: 20px 0px 16px 0; color:#999;}
.jobdetails_social_media .txtsocial{ display:inline-block; margin-left:10px;}
.jobdetails_social_media ul li a{ font-size:14px; color:#999;  }
.jobdetails_social_media ul li a:hover{ color:#000;}
.jobdetails_social_media ul li a .fa{ font-size:16px; font-weight:bold;margin-top: 14px;  }


.jobdetails_social_media ul li a .fa-linkedin:before{background:#007ab5; padding:6px 8px;border-radius:4px; color:#fff; font-weight:normal; }
.jobdetails_social_media ul li a:hover .fa-linkedin:before{color:#fff;background:#05649f;}

.jobdetails_social_media ul li a .fa-facebook:before{background:#697ebc; padding:6px 11px;border-radius:4px; color:#fff; font-weight:normal;}
.jobdetails_social_media ul li a:hover .fa-facebook:before{color:#fff;background:#5e73b1;}

.jobdetails_social_media ul li a .fa-twitter:before{background:#5fd3e4; padding:6px 8px;border-radius:4px; color:#fff; font-weight:normal;}
.jobdetails_social_media ul li a:hover .fa-twitter:before{color:#fff;background:#4dc1d2;}

.jobdetails_social_media ul li a .fa-google-plus:before{background:#d53737; padding:6px 8px;border-radius:4px; color:#fff; font-weight:normal;}
.jobdetails_social_media ul li a:hover .fa-google-plus:before{color:#fff;background:#c82a2a;}


/*skill wedget*/
.skill_wrp{ width:100%; margin-bottom:20px; float:left; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px 0 5px 0;}
.skill_wrp span{ float:left; color:#000; font-size:18px; margin-top:5px; margin-right:10px}

ul.skill_btn{ margin:0px 0 0 20px; padding:0px;}
ul.skill_btn li{ list-style-type:none; float:left; margin:4px; position:relative;}
ul.skill_btn li a{ display:block; background:#f8f8f8; border:1px solid #999999; padding:2px 6px; text-decoration:none; font-size:14px;}
ul.skill_btn li a:hover{ background:#dedede;}
.skill_close_btn{ position:absolute; right: -5px; top: -7px; z-index:1; opacity:0.7; cursor:pointer;}
.skill_close_btn:hover{ opacity:1;}


/*Similar Jobs*/

.similarjob_wrp{ width:100%; margin-bottom:20px; float:left;}
.similarjob_wrp h3{padding-bottom:10px; border-bottom:2px solid #ccc; float:left; width:100%;}
.similarjob_wrp li { float:left;width: 33%;}
.similarjob_wrp li a{ text-decoration:none;}
.similarjob_wrp li .jobtitle_similar a{ font-size:18px; color:#000; margin-bottom:5px; float:left; width:100%;}
.similarjob_wrp li .jobtitle_similar a:hover, .similarjob_wrp li  .similarcomp a:hover{ text-decoration:underline;}
.similarjob_wrp li  .locationwithexp{ float:left;}
.similarjob_wrp li  .locationwithexp span{ float:left; margin:5px 5px 5px 0px; color:#999;}
.similarjob_wrp li  .similarcomp a{ color:#666; float:left; width:100%; margin-bottom:5px;}


/*company details*/
.bord_botm{ padding-bottom: 10px;border-bottom: 2px solid #ccc; float: left; width: 100%; margin-top:0;}
.whole_discr table.recent_jobtabl tr td:first-child {width: auto;}
.serchbycity{ background:#f8f8f8; padding:20px;}
.serchbycity a{ padding:0 5px; }
.webemail_forcompany span a{ float:none; padding:5px 0 0 0; font-size:16px;}
.webemail_forcompany span{ }

.webemail_forcompany .post_location li{ font-size:14px; font-weight:normal;}



/*login page with registration*/
.main_wrp{width: 640px; margin: 10px auto 30px;}

.form_wrp{ width: 640px; margin: 10px auto 30px; overflow: hidden;  background: #f5f5f5 ; border: 1px solid #e7e7e7; box-shadow: 0 0 3px #f6f6f6;}

.loginform {  display: block; margin: 0 auto;  overflow: hidden; padding: 20px 20px 0 20px; width: 600px;}
.loginform dl{ width:100%; float:left;}
.loginform dl dt{ width:185px; float:left; text-align:right; margin-right:20px; padding:8px 0; font-weight:normal;}
.loginform dl dd{ width:350px; float:left; position:relative;}
.loginform dl dd .drop3{width:47.9%; float:left; margin-right:10px;    margin-bottom: 10px;}
.loginform dl dd .drop3:last-child{ margin-right:0px;}
.loginform dl dt label{ margin:0;}
.loginform dl dd .login_inpt{ float:left; height:auto; }
.main_wrp h2{ margin:5px 0 20px 0;}

.droparrow{ background: url(../images/drop_arrow.png) right center no-repeat;}


.loginform dl dt.nopad{ padding:0px;} 
.loginform dl dd.nopad{ padding:0px;} 
.loginform dl dd .forgotpas{ display:inline-block; padding:0 10px 0 0;}

.loginform .btn-warning{background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333; padding:6px 24px; margin-right:10px;}
.loginform .btn-warning:hover{background-color: #fed04b; border-color: #fed04b; color:#333;text-shadow:none; font-weight:bold;}


.newcreateaccount{ display:inline-block; text-align:right; width:100%; background:#e3e3e3;border-top:1px solid #f5f5f5; padding:10px;}
.newcreateaccount .txtnewuser { display:inline-block; padding: 7px 0; margin-right: 10px; color: #333;}
.newcreateaccount .btn-warning.yellow{background-color: #999999; border-color: #999999; border-radius:2px; text-shadow: 0 0 2px #333; padding:6px 12px;  margin-right:10px;}
.newcreateaccount .btn-warning.yellow:hover{background-color: #fed04b; border-color: #fed04b; color:#333; text-shadow:none; }


.socialwithlogin_bg{ background:#d4d4d4; border-bottom:1px solid #ccc;}
.newcreateaccount .jobdetails_social_media{ float:none; text-align:center;}
.newcreateaccount .jobdetails_social_media ul{ padding:0px; margin:0; display:inline-block; float:none; text-align:center;}
.newcreateaccount  .jobdetails_social_media li {margin:0 5px 5px 5px; float:none;display:inline-block; width:auto;}
.newcreateaccount .jobdetails_social_media ul li a .fa{ margin-top:9px;}


.newcreateaccount .jobdetails_social_media ul li a  .fa-linkedin:before,
.newcreateaccount .jobdetails_social_media ul li a  .fa-google-plus:before{ padding: 6px 18px; display:inline; width:50px; overflow:hidden; }
.newcreateaccount .jobdetails_social_media ul li a .fa-facebook:before{ padding: 6px 20px; display:inline; width:50px; overflow:hidden; }

.registr a{ padding:0px 0; display:block;}




/*Register*/

.main_wrp_register{ width:100%; float:left; margin-bottom:100px;}
.main_wrp_register h2{ margin:5px 0 20px 0;}

.fieldset_register {margin-bottom: 0px; border: 1px #ccc solid; background:#fafafa; min-width: 0; padding: 0px;}
.main_wrp_register .legend {display: block; margin-left: 0; margin-bottom: 0px;  width: 100%; background-color: #165496; font-size: 22px;margin-top: 0; line-height: inherit; color: #fff;
    padding: 5px 10px;}

.registerform {  display: block; margin: 0 auto;  overflow: hidden; padding:0px; width: 100%;}
.registerform dl{ width:100%; float:left;}
.registerform dl dt{ float:left; text-align:right; margin-right:20px; padding:8px 0;}
.registerform dl dd{ float:left;}
.registerform dl dt label{ margin:0; font-weight:normal;}
.registerform dl dd .login_inpt{ float:left; height:auto;  }

.registerform dl dt.nopad{ padding:0px;} 
.registerform dl dd.nopad{ padding:0px;} 

.registerform dl dd .drop{width:31.3%; float:left; margin-right:10px;}
.registerform dl dd .drop:last-child{ margin-right:0px;}

.registerform dl dd .drop2{ width:100%; float:left; margin-right:10px;}

.registerform dl dd .drop3{width:100%; float:left; margin-right:10px;    margin-bottom: 10px;}
.registerform dl dd .drop3:last-child{ margin-right:0px;}
.red{ color:#F00;}


.agreetxt {color: #333; width: 93%; float: left; padding: 5px; display: block;}
.ckbox {float: left; margin: 10px 10px 10px 0px!important;}

.registerform dl dd .btn-warning.yellow{background-color: #999999; border-color: #999999; border-radius:2px; text-shadow: 0 0 2px #333; padding:6px 24px;  margin-right:10px;font-weight:bold;}
.registerform dl dd .btn-warning.yellow:hover{background-color: #fed04b; border-color: #fed04b; color:#333; text-shadow:none; }

.registerform dl dd .btn-warning{background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333; padding:6px 24px; margin-right:10px;font-weight:bold;}
.registerform dl dd .btn-warning:hover{background-color: #fed04b; border-color: #fed04b; color:#333;text-shadow:none; }


/*paging*/
.paging_wrp { float:right; width: auto; margin-top:10px; margin-bottom:20px;}
.paging_wrp li { display: inline-block; margin: 0 3px;}
.paging_wrp li.next a { background: #333 url(../images/arrow_paging.png) no-repeat  center 8px;border: 1px solid #333; border-radius: 3px;  padding: 2px 15px;}
.paging_wrp li.next a:hover { background: #f4ab3d url(../images/arrow_paging.png) no-repeat  center 8px;border: 1px solid #f4ab3d; }
.paging_wrp li.prev a { background: #333 url(../images/arrow_paging2.png) no-repeat center 8px; border: 1px solid #333;border-radius: 3px; padding: 2px 15px;}
.paging_wrp li.prev a:hover { background: #f4ab3d  url(../images/arrow_paging2.png) no-repeat center 8px;border: 1px solid #f4ab3d ; }
.paging_wrp li a { background: #fff; border: 1px solid #dcdcdc; border-radius: 3px;line-height: normal;padding: 2px 12px; text-align: center;}
.paging_wrp li a:hover { background:#f4ab3d ; border: 1px solid #f4ab3d  ; color:#fff; border-radius: 3px; text-decoration:none;}
.paging_wrp li a.active { background:#f4ab3d ; border: 1px solid #f4ab3d  ; color:#fff; border-radius: 3px;}



/*Job Listing*/
.sort_wrp { background: #e1e1e1; padding: 10px; width: 100%; float: left; margin-bottom: 10px;}
.sort_wrp_mob {    background: #e1e1e1;    padding: 10px;    width: 100%;    float: left;    margin-bottom: 10px;}
.searchbor_wrp .circle_arrow{ padding-top:20px;}
.sort_drop{float:right;width: 45%;}
.sort_wrp .drop_txt {float: left; margin-right: 10px; font-weight: bold; padding: 7px 0;}
.sort_drop .sortbyinpt{ float:left; width: 77%; padding:5px;height: auto;}

.sortresult{font-size: 20px; float: left; margin-top: 6px;}

.joblist_box{ width:100%; float:left; margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:10px;}

.joblist_box .jobtitle {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.joblist_box  .jobtitle span a{ font-size:16px;}

.joblist_box  .companylogo {width: 150px;}

/*job listing*/
.cmlogo_right { float:right;margin-right: 0;}
.cmlogo_right .post_location{ float:none;}
.joblisting_css .jobtitle{ margin-bottom:0px!important;}

.joblisting_css .skill_wrp{ border-top:none; padding-bottom:10px;}
.joblisting_css ul.skill_btn{ margin:0px 0 0 0px; padding:0px;}

.joblist_box .post_location li { color:#999;}
.joblist_box .post_location li img{ width:13px; margin-top:2px;}
.divder_joblist{ float:left; }

.joblist_skill.data_list{ margin-top:20px; margin-bottom:0;}

.joblist_skill.data_list dl{ margin-bottom:10px;}
.joblist_skill.data_list dl dt{ font-weight:normal; width:13%;}
.joblist_skill.data_list dl dd{ width:80%;}
.jobapply_joblisting{ width:100%; float:left; margin:20px 0 0 0;}
.jobapply_joblisting .btn-warning{ color:#000; padding:6px 24px; border-radius:4px;}
.jobapply_joblisting .btn-warning:hover{ color:#fff;background-color: #f4ab3d;}

.actionjoblist{}

.actionjoblist a{ padding-bottom:5px;}


/*filter for job search page*/

.deallft{ border:1px solid #ccc; float:left; width:100%; margin-bottom:20px;}
.deallft h5{ background:#165496; color:#fff; text-align:center; font-size:26px; margin-bottom:0px; padding:10px; margin-top:0;}
.arrowdown{ float:left; width:100%;  border-left: 103px solid transparent; border-right: 103px solid transparent; border-top: 14px solid #165496;}

.subhed{ padding:10px; font-size:18px; color:#000; background:#e1e1e1; position:relative; float:left; width:100%;    border-bottom: 1px solid #ccc;}
.subhed a{ display:block;}
ul.list_filter_wrp{ width:100%; float:left; margin:10px 0 ; padding:0;}
ul.list_filter_wrp li{ width: 94%; float:left; padding-bottom:0; margin:5px 10px; position:relative; list-style-type:none;}
ul.list_filter_wrp li .label{font-weight: normal; font-size: 16px; color: #333;  padding: 0 0 0 10px; width: 80%; text-align: left; float: left;    white-space: normal;}
ul.list_filter_wrp li .numbers{ width:25px; text-align:right; float:right;font-size:14px; color:#333; display:block;}

.rtbtn_down { position: absolute; display:block; right: 10px; top:11px;cursor:pointer; background:url(../images/filter_downarrow.png) left top no-repeat; width:24px; height:24px; float:left; opacity:0.7;}
.rtbtn_down:hover{ opacity:1;}


.actionjoblist .view_all {width: 31%; background-color: #1676dc; float: left; margin-left: 6px; height: 30px; text-align: center; line-height: 30px; color: #fff; margin-right:0px!important; padding-top:0px!important;}
.actionjoblist{width:100%;}

.rtbtn_up {transform:         rotate(180deg); /* CSS3 */
 -moz-transform:    rotate(180deg); /* Firefox */
 -webkit-transform: rotate(180deg); /* Webkit */
 -o-transform:      rotate(180deg); /* Opera */
 -ms-transform:     rotate(180deg); /* IE 9 */}
.rtbtn_up:hover{ opacity:1;}


.mrgtopright{ margin-top:60px;}



/*wedget*/


.wedget_wrp{ width:100%; float:left;}
.wedgetHad {display: block; margin-left: 0; margin-bottom: 0px; width: 100%; background-color: #f4b516; font-size: 30px; margin-top: 0; line-height: inherit; color: #000; padding: 5px 10px; text-align:center;}

.wedgetHad.yellow{background-color: #165496; color: #fff;}

.chek_with_line{}
ul.chek_with_line { margin:0px; padding:0px;}
.chek_with_line li{ width:100%; list-style-type:none; float:left; margin-bottom:10px;}
.chek_with_line li .img{ width:8%; float:left; margin-right:20px;}
.chek_with_line li .text{ width:84%; float:left;}
.chek_with_line li .form-control{padding: 7px; height: auto; border: 0; border-radius: 0;}
.chek_with_line li a{ color:#fff;}
.chek_with_line li .btn-warning{ color:#333; font-size:16px; padding:4px 16px;}
.chek_with_line li .btn-warning:hover { color: #fff; background-color: #f4ab3d; border: 1px #f4ab3d solid;}

.wedget_wrp  .btnwithlogoicon{ width: 100%; margin-top: 10px; display: inline-block; overflow: hidden;}
.wedget_wrp .alreadysignwidget{ padding: 6px 45px; font-size: 20px;}
.wedget_wrp .logoicon{ display:inline;}

.wedget_wrp .alreadysignwidget.btn-warning { color: #165496; }
.wedget_wrp .alreadysignwidget.btn-warning:hover { color: #fff; background-color: #f4ab3d; border: 1px #f4ab3d solid;}


/*job seeker dashboard*/
.bg_dshtop{ width:100%; float:left; background:#f4f4f4; border-radius:4px; margin-bottom:30px;}
.user_circel_wrp{ width:22%; padding:20px 0 0 0; float:left; background:#000; margin-right:20px; border-radius:4px; text-align:center; position:relative;}
.bg_dshtop .arrowdown{position: absolute; left: 0px; bottom: -23px; width: 100%; border-left: 125px solid transparent; border-right: 126px solid transparent; border-top: 24px solid #000;}

.bg_dshtop2 .arrowdown {position: absolute; left: 0px; bottom: -23px; width: 100%; border-left: 125px solid transparent; border-right: 126px solid transparent;  border-top: 24px solid #000;}


/*share job drop down for register*/
.sharejob_regdrp{  display:block; position:relative; padding-bottom:8px;   }
.sharejob_regdrp  .subdrop{ display:none; position:relative; position:absolute; z-index:1; left:0px; top:30px; background:#f5f5f5; box-shadow: 0 0 3px #ccc;}
.sharejob_regdrp:hover .subdrop{ display:block; -webkit-transition:all .5s;  -moz-transition:all .5s; transition:all .5s}
.sharejob_regdrp ul.subdrop { padding:0px; margin: 0px 16px 0 0; box-shadow:0 0 3px #ccc; width:150px;}
.sharejob_regdrp .subdrop li{width:auto; list-style-type:none; float:left; text-align:left; margin-bottom:0px;}
.sharejob_regdrp .subdrop li a{  padding:5px 5px; text-align:left; color:#333; display:block; background:none; text-decoration:none; border-bottom:1px solid #ccc;}
.sharejob_regdrp .subdrop li a:hover{ background:#f4b516;border-bottom:1px solid #f4b516; color:#fff;} 

.sharejob_regdrp .jobdetails_social_media ul li a .fa{margin-top:5px; margin-bottom:5px;}
 

.user_circel_wrp span{ width:100%; font-size:20px; color:#fff;display:inline-block;}
.user_circel_wrp p{ width:100%; color:#fff;display:inline-block;}
.user_circel_wrp .usercircel{width: 100px; height: 100px; display:inline-block; border-radius: 100px; border: 1px solid #ccc; overflow: hidden; background: #fff;}

.profile_progress_bar{ width:35%; float:left; margin-top:15px;}
.profile_progress_bar .heading{ font-size:20px;}
.profile_progress_bar p{ color:#000; font-size:16px; margin-bottom:0px;}
.prgressbar{ width:100%; float:left;}
.bar_pro{ width:100%; float:left;}
.profile_progress_bar .progress{height: 18px; margin: 11px 15px 0 0; float: left; width: 75%; background: #fff; border: 1px solid #ccc;}
.no_pro{ float:left; font-size:26px; font-weight:bold; color:#165496;}

.bg_colr_eyldshbr{ display:inline; float:left; width:100%; background:#f4f4f4!important;}

.bg_colr_eyldshbr table.recent_jobtabl{  background:#f4f4f4!important;}



.updateprofile_box{ width:30%; float:right; margin-top:15px; background:#dfdfdf; text-align:center; margin-right:15px; padding:15px;}
.updateprofile_box .heading{ font-size:20px;}
.updateprofile_box .btn-warning{ color:#333; font-size:16px; margin:10px 0; padding:4px 26px;}
.updateprofile_box .btn-warning:hover{background-color: #f4ab3d; border: 1px #f4ab3d solid; color:#fff;}
.updateprofile_box p{ color:#666; font-size:14px; margin-bottom:0px;}
.updateprofile_box hr {margin: 8px 0 0 0; border-bottom:1px #ccc solid;}

/*employee dashboard*/
.bg_dshtop3 {width: 100%; float: left; background: #f4f4f4; border-radius: 4px; margin-bottom: 30px; padding-left:20px; padding-bottom:20px;}

.employee_details_wrp { width: 66%; float: left; margin-right: 20px;}
.empyer_data_list{ float:left; width:100%; }
.empyer_data_list dl{ width:100%; float:left; margin-bottom:10px;} 
.empyer_data_list dl dt{ width:23%; float:left; margin-right:40px; font-size:14px; font-weight: normal;}
.empyer_data_list dl dd{ width:68%; float:left; font-weight: normal;font-size:14px;}

.empyer_data_list dl dd .btn-warning{ font-size:12px; background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333; padding:1px 14px;}
.empyer_data_list dl dd .btn-warning:hover {color: #000; background-color: #fed04b; border-color: #fed04b; text-shadow:none;}


.pay_with_address  .btn-warning{ background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333;    padding: 6px 15px;}
.pay_with_address  .btn-warning:hover {color: #000; background-color: #fed04b; border-color: #fed04b; text-shadow:none;}

.selectredio{ margin:5px!important;}

.emply_user_circel_wrp{ width:100%; padding:20px 0 0 0; margin-bottom:50px; float:left; background:#000; margin-right:20px; border-radius:4px; text-align:center; position:relative;}
.emply_bg_dshtop .arrowdown{position: absolute; left: 0px; bottom: -23px; width: 100%; border-left: 125px solid transparent; border-right: 126px solid transparent; border-top: 24px solid #000;}

.emply_user_circel_wrp span{ width:100%; font-size:20px; color:#fff;display:inline-block;}
.emply_user_circel_wrp p{ width:100%; color:#fff;display:inline-block;}
.emply_user_circel_wrp .usercircel{width: 100px; height: 100px; display:inline-block; border-radius: 100px; border: 1px solid #ccc; overflow: hidden; background: #fff;}


.pymentoption{ width:100%; float:left; margin-bottom:20px; }
.pymentoption .agreetxt {width: auto; display: inline-block; float: none;}
.rediowrp { float:left; margin-right:20px;}
.pymentoption .btn-warning{background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333; padding:6px 24px; margin-right:10px;font-weight:bold;}
.pymentoption .btn-warning:hover{background-color: #fed04b; border-color: #fed04b; color:#333;text-shadow:none; }

.pay_with_address{ width:100%; background:#f4f4f4; float:left; padding:0 20px; margin-bottom:20px; }

.companynamewithaddres{ width:100%; background:#fff; float:left;  padding: 20px;margin-bottom:20px;}
.compnyname{ width:33%; margin-right:10%; float:left; border-right:1px solid #ccc;}
.adresscomap{width:42%;float:left; }


.logo_company{width: 170px; height: 78px; float: left; border:1px solid #ccc;}

.currentjobpost{ padding:0 20px;}
ul.jobpostul{ margin-top:20px;}
.jobpostul li{list-style: none; position:relative; width: 42.5%;  float: left; margin-right: 20px;}
.jobpostul li span{ float: left; padding: 10px 10px 0 0; width: 25%;  text-align:right;}
.jobpostul li:last-child{ margin-right:0;}
.jobpostul li input{ width:75%;}
.jobpostul li select{ width:75%;}
.jobpostul li.srchbtn{width:10%;}
.jobpostul li.srchbtn .btn{ padding:8px; width:80px;}
.jobpostul li.srchbtn .btn-warning{background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333;}
.jobpostul li.srchbtn .btn-warning:hover{background-color: #fed04b; border-color: #fed04b; color:#333;text-shadow:none; font-weight:bold;}

.filterjobpost{ width:100%; float:left; display:block; margin-bottom:10px;}



.sm_inpt{padding: 2px!important; width: 65%; height: auto; line-height: normal; float:left;}
.emplytable{ margin-top:20px; float:left;}
.emplytable tr td a{ text-decoration:none!important;}
.emplytable tr td a:hover{ color:#000; text-decoration:underline!important;}

.edit_entery{ opacity:0.7; -moz-opacity:0.7; -o-opacity:0.7; -webkt-opacity:0.7; filter: alpha(opacity=70); margin:5px auto 0 auto; display:block;}

.edit_entery:hover{ opacity:1; -moz-opacity:1; -o-opacity:1; -webkt-opacity:1; filter: alpha(opacity=100);  display:block;}


.joblistfilter{ float:right; width:25%;}
.joblistfilter span{float:left; padding:10px 10px 10px 0}
.joblistfilter select{float:left; width:62%;}

.download_resume{ width:100%; float:left; margin-bottom:3px; font-size:14px; color:#000; margin-top:5px; font-weight:bold;}
.todate{ width: 100%;  float: left; display: block; text-align: center; font-size: 18px;padding: 0 0 5px 0;}

.last_date_open{ width:100%; display:block; text-align:right; padding:5px 10px; float:right;background: #f4f4f4;
    border-radius: 4px; margin-bottom:20px;}

/*Resume Details*/
.cover_cv{ float:left; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #ccc;}

.cv_details_wrp{ width:75%; float:left; margin-right:20px;}
.cv_details_wrp .data_list dl{ margin-bottom:15px;}
.cv_details_wrp .data_list dt{ font-weight: normal; width: 33%; margin-right: 20px; font-weight: bold;}
.cv_details_wrp .data_list dd{ font-weight: normal; width: 63%;}
.cv_details_wrp .data_list dd .btn-warning{ font-size:12px; background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333; padding:1px 14px;}
.cv_details_wrp .data_list dd .btn-warning:hover {color: #000; background-color: #fed04b; border-color: #fed04b; text-shadow:none;}

.jobapply_box{ width:22%;margin-top: 228px; float: right; background: #dfdfdf; text-align: center; padding: 10px;}
.jobapply_box p{ color:#666; font-size:14px; margin-bottom:0px;}
.jobapply_box .heading{ font-size:18px; line-height:10px;}
.jobapply_box .heading img{margin-top: 3px; margin-left: 9px;}
.jobapply_box hr{ margin:10px 0; }
.topbord .table.recent_jobtabl{border-top:1px solid #ccc}


/*Dashboard right menu*/
.rightnav{ width:100%; float:left; background:#e5b306; border-radius:4px; margin-bottom:20px;}
ul.menu_right_dashboard{ margin:0px; padding:10px; } 
.menu_right_dashboard li{ list-style-type:none; width:100%; border-bottom:1px solid #bf8d00;margin-bottom:0px;} 
.menu_right_dashboard li a{ display:block; font-size:18px; color:#1b1b1b;padding: 12px 0px;} 
.menu_right_dashboard li a:hover{background:#165496; color:#fff; text-decoration:none;padding: 12px 10px;}
.menu_right_dashboard li a.actv {background: #165496; color: #fff; text-decoration: none; padding: 12px 10px;}
.footer_dashboard_menu{ float:left; width:100%; margin-top: 50px;}
.footer_dashboard_menu img{ width:100%;}

.coustomer_sport{ background:#165496; margin-bottom:20px;}
.coustomer_sport .wedgetHad{ font-size:18px;}
.coustomer_sport .chek_with_line .text{ color:#fff; width:100%; font-size:18px;}
.coustomer_sport .chek_with_line li{ font-size:15px; color:#fff;}

/*drop down for register*/
.regdrp{ float:left; width:100%; display:block; padding:5px 0;}
.regdrp  .subdrop{ display:none; position:relative; position:absolute; z-index:2; right:0px; top:32px; background:#fff;}
.regdrp:hover .subdrop{ display:block;-webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s}
.regdrp ul.subdrop { padding:0px; margin: 0px 16px 0 0; box-shadow:0 0 3px #ccc; width:150px;z-index: 100;}
.regdrp .subdrop li{width:100%; list-style-type:none; float:left; text-align:left; margin-bottom:0px;}
.regdrp .subdrop li a{  padding:5px 10px; text-align:left; display:block; text-decoration:none; border-bottom:1px solid #ccc;}
.regdrp .subdrop li a:hover{ background:#f4b516;border-bottom:1px solid #f4b516;} 





/*dashboard save jobs table*/
table.recent_jobtabl-dsh .jobhed { font-size: 16px;}
.dashbord_savejob { float:left; width:100%; background:#; padding:0px; margin-bottom:20px;}
.dashbord_savejob .links a{ text-decoration:none;}
.dashbord_savejob .links a:hover{ text-decoration:underline;}

/*edit profile*/
.edit_pro_formbox{ width:100%; float:left; margin-bottom:50px; position:relative; z-index:10; background:#fafafa; border:1px solid #efefef; margin-top:-2px;}

/* Tabbed Styles */
.tabbed {width: 100%; min-width: 400px; margin: 0 auto; overflow: hidden;transition: border 0.3s ease;}
.tabbed ul {margin: 0px; padding: 0px;overflow: hidden; float: left; padding-left: 0px; list-style-type: none;}
.tabbed ul * { margin: 0px; padding: 0px;}
.tabbed ul li {    display: block;
    float: left;
    padding: 10px 8px 10px;
    background-color: #FFF;
    margin-right: 2px;
    z-index: 2;
    border-radius: 6px 6px 0px 0;
    position: relative;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #777;
    transition: all 0.3s ease;}

.tabbed ul li a{ color:#777; text-decoration:none;}

.tabbed ul li:before, .tabbed ul li:after {display: block;content: " "; position: absolute; top: 0; height: 100%; width: 31px;  background-color: #FFF;  transition: all 0.3s ease;}
.tabbed ul li:before {right: -24px; transform: skew(20deg, 0deg); box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;    border-top: 1px solid #ccc;    border-right: 1px solid #ccc;top: -1px;display:none;}
.tabbed ul li:after {left: -24px;  transform: skew(-20deg, 0deg); box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;    border-left: 1px solid #ccc;  border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;
  top: -1px;display:none;}
.tabbed ul li:hover, .tabbed ul li:hover:before, .tabbed ul li:hover:after {background-color: #F4F7F9; color: #000;}
.tabbed ul li.active {z-index: 3; border-bottom:none;}
.tabbed ul li.active a{ color:#fff;}

.tabbed ul li.active, .tabbed ul li.active:before, .tabbed ul li.active:after {background-color: #000; color: #fff;  border-left: 1px solid #000;  border-top: 1px solid #000; border-right: 1px solid #000;  }



/*form for edit profile*/
.profilepic_wrp{width:100%; float:left; margin-bottom:20px; background:#ececec; padding:10px 0;}
.profilepic_wrp .profilepic{ width:60%; margin:0 auto;}
.profilepic_wrp .profilepic .pic{  width:90px; height:90px; padding:5px 0 0 0; margin-right:15px; float:left; background:url(../images/freme.png) left top no-repeat;}
.profilepic_wrp .profilepic .pic img{ width:76px; height:69px;  margin: 6px;}
.profilepic_wrp .profilepic .uploadpic{ width:70%; float:left;}
.profilepic_wrp .profilepic b{ width:100%; float:left; margin-bottom:10px;}
.profilepic_wrp .profilepic input[type="file"]{ width:100%; float:left; margin-bottom:10px; border:none; background:#ececec; padding:0px 0; height:auto;}
.profilepic_wrp .profilepic span{ width:100%; float:left; color:#666; font-size:12px;}



.fieldset_register_editpro { width:100%; float:left;padding-bottom:20px; }

.fieldset_register_editpro dl{ width:100%; float:left; margin-bottom:12px;}
.fieldset_register_editpro dl dt{ width:30%; float:left; text-align:right; margin-right:20px; padding:8px 0;}
.fieldset_register_editpro #job_post1 dl dd{width:43%; float:left;}
.fieldset_register_editpro dl dt label{ margin:0; font-weight:normal; margin-left:0px;}
.fieldset_register_editpro dl dd .login_inpt{ float:left; height:auto; white-space: normal; }

.fieldset_register_editpro dl dt.nopad{ padding:0px;} 
.fieldset_register_editpro dl dd.nopad{ padding:0px;} 

.fieldset_register_editpro dl dd .drop{width:31.3%; float:left; margin-right:10px;}
.fieldset_register_editpro dl dd .drop:last-child{ margin-right:0px;}
.fieldset_register_editpro dl dd .drop2{ width:48.5%; float:left; margin-right:10px;}
.fieldset_register_editpro dl dd .drop3{width:47.9%; float:left; margin-right:10px;    margin-bottom: 10px;}
.fieldset_register_editpro dl dd .drop3:last-child{ margin-right:0px;}
.fieldset_register_editpro dl dd .drop3:nth-of-type(2n){ margin-right:0px;}

.red{ color:#F00;}

.gender .agreetxt { font-weight:normal; width: auto; display: inline-block; float: none;}




.agreetxt {color: #333; width: 93%; float: left; padding: 5px; display: block;}
.ckbox {float: left; margin: 10px 5px 10px 0px!important;}

.fieldset_register_editpro dl dd .btn-warning.yellow{background-color: #999999; border-color: #999999; border-radius:2px; text-shadow: 0 0 2px #333; padding:6px 24px;  margin-right:10px;font-weight:bold;}
.fieldset_register_editpro dl dd .btn-warning.yellow:hover{background-color: #fed04b; border-color: #fed04b; color:#333; text-shadow:none; }

.fieldset_register_editpro dl dd .btn-warning{background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333; padding:6px 24px; margin-right:10px;font-weight:bold;}
.fieldset_register_editpro dl dd .btn-warning:hover{background-color: #fed04b; border-color: #fed04b; color:#333;text-shadow:none; }

.duration_div1{ float:left; width:100%; margin-bottom:5px; position:relative;}
.fieldset_register_editpro dl dd .duration_div1:last-child{ margin-bottom:0px;}
.currentwork{ float:left; padding:5px 0; width:100%;}



.form_for_prodetails{ float:left; width:52%; margin-top:20px; margin-left:20px; margin-right:20px;}
.form_for_prodetails .fieldset_register_editpro dl dt { width: 100%;  text-align: left;}
.fieldset_register_editpro dl dd { width: 100%; float:left; position:relative;}
.info_container{float: left; width: 37%; margin-top: 20px;  margin-left: 20px; margin-right: 15px;}

.info_display{ width:100%; float:left; position:relative; margin-bottom:10px;}
.info_display hr{ margin:5px 0; clear:both;}
.info_display ul{ margin:10px 0 0 0; padding:0px; float:left; width:100%;}
.info_display ul li{ list-style:none; width:100%; float:left; margin-bottom:5px;}
.info_display ul li .hed{ font-size:14px; display:block;color:#666;} 
.info_display ul li .sb_cont{ font-size:14px; display:block; color:#666; margin-bottom:0px;} 

.bodr_hed{ border-bottom:1px solid #ccc; width:100%; float:left; margin-bottom:20px; padding-bottom:10px;}
.info_display ul li .btn-warning{ font-size:12px; background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333; padding:1px 14px;}
.info_display ul li .btn-warning:hover {color: #000; background-color: #fed04b; border-color: #fed04b; text-shadow:none;}

.hide_dd{ display:none;}

/*settings*/
.formare{ width:100%; float:left;}
.formare  ul{ margin:0; padding:0;width:100%; float:left;}
.formare ul li{float: left;width: 100%;margin-bottom: 10px; position:relative; list-style-type:none;}
.formare ul li .inpt{  width: 292px; float:left; padding:8px 10px;}
.formare ul li label{ font-weight: normal; }
.formare ul li .incode{ width:30px; margin-right:20px; float:left;}
.formare ul li .withphone{ width:220px;float:left;}
.formare ul li .hitxtr{ height:30px;}

.formicon{ position:absolute; right:10px; top:11px; z-index:1;}




:root input[type="checkbox"] { /* :root here acting as a filter for older browsers */
/*	position: absolute;
	opacity: 0;*/
}

:root input[type="checkbox"].ios-switch + div {
	display: inline-block;
	vertical-align: middle;
	width: 3em;	height: 1em;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 999px;
	margin: 0 .5em;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.1), transparent),
	                  linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	background-origin: border-box;
	background-clip: border-box;
	overflow: hidden;
	transition-duration: .4s;
	transition-property: padding, width, background-position, text-indent;
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset;
	font-size: 150%; /* change this and see how they adjust! */
}

:root input[type="checkbox"].ios-switch:checked + div {
	padding-left: 2em;	width: 3em; background-color:#fff;
	background-position: 0 0; color:#fff;
}

:root input[type="checkbox"].ios-switch + div:before {
	content: 'On'; 
	float: left;
	width: 1.65em; height: 1.65em;
	margin: -.1em;
	border: 1px solid rgba(0,0,0,.35);
	border-radius: inherit;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.2), transparent);
	box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset, 0 0 .5em rgba(0,0,0,.3);
	color: white;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	text-indent: -2.5em;
}

:root input[type="checkbox"].ios-switch:active + div:before {background-color: #eee;}
:root input[type="checkbox"].ios-switch:focus + div {box-shadow:0 0 3px #ccc;}
:root input[type="checkbox"].ios-switch + div:before,
:root input[type="checkbox"].ios-switch + div:after {font: bold 60%/1.9 sans-serif;text-transform: uppercase;}

:root input[type="checkbox"].ios-switch + div:after {content: 'Off';float: left;text-indent: .5em;color: rgba(0,0,0,.45);text-shadow: none;}
.ios-switch {visibility: hidden;}


.aboutcompy{ width:38%; float:right; position:relative; background:#fffaef; border-radius:4px; padding:10px; border:1px #dcdcdc solid;}
.aboutcompy p{ margin:0px; padding:0px;}
.company_wrp{ width:50%; float:left;}
.comyarrow{ position:absolute; left:-14px; top:50%; margin-top:-8px;}


.popular_search{ width:100%; float:left; background:#f8f8f8; padding:10px;}
.popular_search .heading_tg{ font-size:24px; margin-bottom:10px; display:inline-block;}
.tgs_all{ width:100%; float:left; }
.tgs_all a{ display:inline-block; padding:3px;}


.comp_logo{ width:80%; margin:0 auto;}
.resultdl_dt{ float:left;}

.resultdl_dt dl.hed{ font-size:20px; }
.resultdl_dt dl dt{  width: 18%;padding: 0;}
.resultdl_dt dl dd{}
.butn_makepayment{ text-align:center;  width: 65%;margin-bottom:20px; padding: 20px; border: 1px solid #ccc; box-shadow: 0 0 3px #ccc; border-radius: 4px; float: left;}
.btn_price{ width:50%; margin:0 auto; clear:both; text-align:center;  }

.blue .btn-warning{background-color: #165496; border-color: #165496; border-radius:2px; text-shadow: 0 0 2px #333; padding:6px 24px; margin-right:10px;font-weight:bold;}
.blue .btn-warning:hover{background-color: #fed04b; border-color: #fed04b; color:#333;text-shadow:none; }


.cancel_icon{ margin-top: 10px;background:#333; color:#fff; display: inline; float: left; position: absolute; border: 0; right: -15px; top: -22px; padding: 0px 6px; font-weight: bold; border-radius:2px;}
.cancel_icon a{ display: block; border: 0px; text-decoration: none; color: #fff; padding:5px; font-size:18px;}
.cancel_icon:hover{display:inline; float:left; color:#fff;background:#e5b306; text-decoration:none; }
.staticehed{ width:100%; margin-left:20px;}
.st_container{float: left; width: 100%; padding: 0 20px; font-size:14px; }

.st_container hr {margin: 5px 0; clear: both;}
.st_container ul, ol{ margin-bottom:10px; padding:0; display:inline-block;}
.st_container li { width:100%; float:left; background: url("../images/bullet.png") no-repeat left top;list-style-type: none; margin: 5px 0; padding-left: 20px;}
.st_container li.bult{background: url("../images/bult.jpg") no-repeat left 6px ;}
.st_container li b, strong { /*float: left;*/ font-weight: bold; width: 100%;    margin-bottom: 5px;}
.caps{font-size:20px;}
option {font-weight: normal; white-space: pre; min-height: 10px!important; padding: 0px  3px!important;font-size:13px;}


/*END MY LAYOUT CSS*/





@media screen and (max-width: 767px) {
/*.copyright_full_wrp{ margin-bottom:60px;}*/

.bg_hmeform {width: 15%;}
.mainlogo img{ float:left; margin-bottom:20px; width:160px;}


.ihave_wrp .heading_main a {font-size: 13px; padding: 15px 6px;}
.navbar-inverse .navbar-nav > li > a{ padding:14px 10px;}

.bg_hmeform {width: 100%; }

.searchbor_wrp {top: 29px; margin-left: -375px;}
.slideimge{ height:450px;}
.slideimge2{ height:250px;}

.keylinks { width: 100%;}

.destion_wrp {width: 25%;}
.check_wrp_functional {width: 23%;}

.find_job_header h1 {margin-top: 10px;margin-bottom: 10px;}
.find_job_header { margin-bottom: 33px;}

.alertfomr {width: 100%; margin-left: 5px;}
.alertfomr .btn-warning{ float:right; margin-right:14px; margin-top:10px;}

.topbannersevn{ position:fixed;    bottom: -20px; z-index:8; display:block; }

.top_thum li {width: 46%;}

.spantopbotm{ margin:20px 0; display:inline-block;}

.client_men {width: 308px;}

.head_featur{ display:none;}
.footer_featur{ display:none;}


.imgalgin {bottom: 0; display:none;}
.featured_job {margin-top:30px;}


.widget {width: 50%; margin: 0 0px;}


.col-md-4 .widget:last-child { width:100%;}



.jobempl_jobseeker {right: 0; top: -156px;}
.topbannersevn{ display:none;}

.hdshow{ display:none;}
.hdshow2{ display:block; }
.hdshow2 .jobempl_jobseeker{top:25px; position:static;    margin-top: 20px;    margin-bottom: 20px;float:right;}
.hdshow2 .ihave_wrp .heading_main a { font-size: 13px; padding: 10px 14px;}


.hidv_links{ display:none;}
.registr{ width:90%;}

.registr a{}


	
.find_job_header h1{ display:none;}	
.find_job_header p{ display:none;}	

.searchbor_wrp { top: 7px; left: 0%; margin-left: 0;}

.check_wrp_drp {width: 100%;}
.check_wrp_functional {width: 100%;}
.destion_wrp { width: 100%;}
.view_all {float:right; width: 100%;}
.form_on_hmpage .butn_home{ float:left;}

.keylinks{ display:none;}
.slideimge {height: 350px;}
.slideimge2 {height:330px;}

.addbanner300{ width:300px; float:none; margin:0 auto 10px auto;}
.jobalert {width: 100%; float: left; padding:15px 5px; height: auto; margin-top: 0; margin:5px;}
.alertfomr input {width:96%;}	

.alert_bell {font-size: 30px; line-height: 20px;    margin: 13px auto 28px auto; display: block; float: none; width: 175px;}


.lookingforjob {width: 275px; margin: 30px auto 20px auto;  background-position: -178px top;  border-radius: 11px; }
.lookjobbutn { position: absolute; left: 50%; margin-left:-75px; top: 51px;}

.steps li {font-size: 20px;}
.steps li img{ width:36px;}

.menusmlnone{ display:block;}

.copyright_full_wrp .pull-left { text-align:center; width:100%;}
.copyright_full_wrp	.text-right { width:100%; text-align:center; margin-top:15px;}
.sm_links a{  text-align:center; display:inline-block;}

.companylogo {width: 160px; margin-right: 20px; float: left;}

.data_list dl dt { width:100%; margin-right:0; margin-bottom:20px;}
.data_list dl dd {width: 100%; float: left;}
.newuser {width: 100%; float: left; margin-top: 0px; margin-left:10px;}	
.similarjob_wrp li {float: left; width: 100%;    margin-bottom: 10px;}
	
.jobapplywrp .btn-warning.yellow{ margin:10px ; }
.jobapplywrp .btn-warning{ margin:10px;}

.skill_wrp span {margin-bottom: 8px;}

	
/*register*/
.fieldset_register{ padding:20px;}
.registerform dl { margin-bottom:10px;}
.registerform dl dt {width: 100%; text-align:left;}
.registerform dl dd {width: 100%;}
.registerform dl dd .drop {width: 100%;    margin-right: 0; margin-bottom:10px;}

	
/*Login*/
.main_wrp{width: 100%; margin:0;}
.form_wrp{ width: 100%;}
.loginform {width: 100%;}
.loginform dl{ width:100%; margin-bottom:0px; }
.loginform dl dt{ width:100%; text-align:left; }
.loginform dl dd{ width:100%; }

/*Job Listing*/
.searchbor_wrp .circle_arrow{ display:none;}

.searchbor_wrp .circle_arrow{ padding-top:20px;}
.css-checkbox{ float:left; margin:2px 0 0 0!important;}
.sort_drop{width: 100%; margin-top: 20px;}
.sort_drop .sortbyinpt { width: 100%;}

ul.list_filter_wrp li { width: 94%;}
ul.list_filter_wrp li .numbers {width: 22px; display:none;font-size: 14px;}
ul.list_filter_wrp li .label {font-size: 14px;}

.joblist_skill.data_list dl dt {width: 100%; margin-right:0px; margin-bottom:5px; color:#000; font-weight:bold;}
.joblist_skill.data_list dl dd { width: 100%;}

ul.skill_btn li {margin: 4px 4px 8px 4px;}
.sortresult { width:100%; text-align:center;}
.post_location {margin-top: 20px;}

.arrowdown{ float:left; width:100%;  border-left: 0px solid transparent; border-right:0px solid transparent; border-top: 0px solid #165496;}
.rtbtn_down{ display:block;}
	
/*right panel widget*/
	
.mrgtopright {margin-top: 0px;}
.main_wrp_register {margin-bottom: 20px;}
	

/*profile edit page*/
.tabbed ul li{ padding: 10px 3px 10px;}
.form_for_prodetails {width: 93%;}
.fieldset_register_editpro dl dd {width: 100%;}
.form_for_prodetails .fieldset_register_editpro dl dt {width: 100%;}
.info_container {width: 93%;}
.hide_dd {display: none;}


ul.chek_with_line {margin: 2px;padding: 0px; width: 100%; word-wrap: break-word;}
	
	
	
}


@media (max-width: 768px) {
.top_emp_wrp, .logo_full_wrp, .navbar-inverse, .slideimge, .arrow_calender_icon, .arrow_searchdiv, .form_on_hmpage .butn_home,  .jobsearch_full_wrp, .howitwork_full_wrp, .clientsys_full_wrp, .main_content_body, .sort_wrp{display: none!important;}
.destion_wrp .form-control, .check_wrp_drp .form-control, .check_wrp_functional .form-control, .check_wrp_drp .form-control{border: 1px solid #7a7a7a!important;}
.mob-job_listing_search, .aboutcompy, .post_location-hide, .hide-on-small{display: none!important;}
.header_banner .slideimge2{display: none!important;}
.brdcurm_wrp, .bord_botm{display: none!important;}
.bg_hmeform{background: none;}
.find_job_header{margin-bottom: 0px!important;}
.view_all a{color: #09719b; padding: 0px!important;}
.big_btmargin{margin-bottom: 0px;}
.company_wrp{width: 100%;}
.mob-job-tbs{margin-top: 25px;}
.main_post_box{background-color:#fff!important; margin: 0px!important;}
.data_list dl dt{margin-bottom: 10px;}
.similarjob_wrp h3{color: #1676dc; padding-bottom:0px; border:none;}
.jobtitle_similar, .similarcomp, .locationwithexp {float: left; width: 100%; margin: -4px 0px;}
.tgs_all a{width: 100%;}
.popular_search{background-color:#fff;}
.popular_search .heading_tg{color:#1676dc;}
.mob-half {width: 50% !important;}
.companylogo { width: 150px;}
.jobtitle{font-size: 24px; line-height: 30px;}
.jobtitle span a{font-size: 18px;}
.main_post_box{padding: 0px;}
.similarjob_wrp li .jobtitle_similar a{font-size: 16px;}
.similarjob_wrp li .similarcomp a{font-size: 15px;}
.similarjob_wrp li .locationwithexp span{margin: 0px 5px 0px 0px; font-size: 15px;}
.similarjob_wrp li{border-bottom: 1px dotted; padding-bottom: 10px;}
.similarjob_wrp{margin-bottom: 0px;}
.view_all{text-align: right;}
.cv_details_wrp{width: 100%; margin-right:0px;}
.cv_details_wrp .data_list dt{width: 100%; margin-right:0px;}
.cv_details_wrp .data_list dd{width: 100%;}
.mob-subdrop{top: 43px!important; right: 2%!important; width: 230px!important;}
.regdrp .subdrop li a{font-size: 12px!important;  text-transform: capitalize!important;}
.subhed{width: 47%; border: 1px solid #ccc; margin: 0px 2px; background:#fff; font-size: 14px!important; border-radius:4px; padding: 3px 10px;}
.deallft{width: 60%; float: right; border: none; margin-bottom: 10px;}
.rtbtn_down{right: 5px; top: 6px; background-size: 15px; width: 16px; height: 16px;}
.mob-job-srch-dtl .dropdown { float: right; margin: 0px 2px;}
.mob-job-srch-dtl{float: left; margin-bottom:20px; width:100%;}
.mob-job-srch-dtl .dropdown .btn-default{background-color: #fff!important; padding: 2px 15px!important; color: #222!important;} 
.mob-job-srch-dtl .dropdown .dropdown-menu > li > a{color: #000!important;}
.dropdown-menu li .label{color: #222!important;}
.mob-function-area{padding-left: 5px!important; width: 230px!important; left: -50px!important;}
.mob-job-srch-dtl .dropdown .dropdown-menu{padding-left: 5px!important;}
.mob-act {float: left; width: 45%;}
.mob-act-search {float: left; width: 10%; text-align: right;}
.actionjoblist .view_all {width: 31%; background-color: #1676dc; float: left; margin-left: 6px; height: 30px; text-align: center; line-height: 30px; color: #fff; margin-right:0px!important; padding-top:0px!important;}
.actionjoblist{width:100%;}
.post_location { margin-top: 0px;}
.jobtitle{line-height: 23px;}
.joblist_skill.data_list {margin-top: 5px;}
.jobapply_joblisting {margin: 5px 0 0 0;}
.mob-post_location-dtail{padding: 25px 0px 4px 0px!important;}
.whole_discr{margin-bottom:0px;}
.paging_wrp ul{padding: 0px; font-size: 10px;}
.paging_wrp li{margin: 0 1px;}
.paging_wrp {margin-top: 0px;  margin-bottom: 11px;}
.mb-mrgn-bmn{margin-bottom:10px;}
.mob-no-pd{padding-left: 0px!important;}
.mob-bord_botm {padding-bottom: 10px; border-bottom: 2px solid #ccc; float: left; width: 100%; margin-top: 0;}
.show-on-small{display: block!important;}
.sharejob_regdrp .subdrop li a{padding: 2px 1px !important;}
.jobdetails_social_media ul{width: 100%; margin-top: 3px;}

}

@media (max-width: 520px) {
    .companylogo {width: 100px; margin-right: 5px;}
    .jobtitle span a{font-size: 12px;}

}
@media (max-width: 600px) {
.mob-subdrop{right: 8%;}
.deallft {width: 100%;}
}



@media (min-width: 768px) {
/*.copyright_full_wrp{ margin-bottom:90px;}*/
.mob-wrapper, .mob-menu-box, .mob-slideimgegap, .mob-find-srch, .mob-search-result, .mob-job-tbs, .hide-on-large{display: none!important;}
.bg_hmeform {width: 15%;}
.mainlogo img{ margin: 0 auto;}



.ihave_wrp .heading_main a {font-size: 13px; padding: 15px 6px;}
.navbar-inverse .navbar-nav > li > a{ padding:14px 10px;}

.bg_hmeform {width: 100%; }


.searchbor_wrp {top: 29px; margin-left: -375px;}
.slideimge{ height:450px;}
.slideimge2{ height:265px;}

.keylinks {    /*height: 93px; overflow: auto;*/ width: 100%; }

.destion_wrp {width: 25%;}
.check_wrp_functional {width: 30%;}

.find_job_header h1 {margin-top: 10px;margin-bottom: 10px;}
.find_job_header { margin-bottom:20px;}

.alertfomr {width: 100%; margin-left: 5px;}
.alertfomr .btn-warning{ float:right; margin-right:14px; margin-top:10px;}

.topbannersevn{ position:fixed;    bottom: -20px; z-index:15; display:none;}

.widget {width: 18.6%; margin: 0 5px;}
.top_thum li {width: 32%;}

.spantopbotm{ margin:20px 0; display:inline-block;}

.client_men {width: 53%; float:right;}

.head_featur{ display:none;}
.footer_featur{ display:none;}


.imgalgin {bottom: 0; display:none;}
.featured_job {margin-top:30px;}

.hdshow{ display:block;}
.hdshow2{ display:none;}

/*job inside page*/
.rhs_1{width: 220px; }
.rhs_2{width: 220px;  }

.newuser{ width:100%; float:left; margin-top:20px;}
.companylogo {width: 130px;}


/*register*/
.fieldset_register{ padding:20px;}
.registerform dl dt {width: 130px;}
.registerform dl dd {width: 250px;}
.registerform dl dd .drop {width: 100%; margin-right:0px; margin-bottom:5px;}
.registerform dl dd .drop3 {width: 47.9%;}
.agreetxt{ width:87%;}

/*Login*/
.main_wrp{width: 89%; margin: 10px auto 30px;}
.form_wrp{ width: 100%;}
.loginform {width: 100%;}
.loginform dl{ width:100%; }
.loginform dl dt{ width:32%; }
.loginform dl dd{ width:64%; }

/*Job Listing*/
.searchbor_wrp .circle_arrow{ display:block;}

/*Job Listing*/
.searchbor_wrp .circle_arrow{ padding-top:20px;}
.css-checkbox{ float:left; margin:2px 0 0 0!important;}
.sort_drop{width: 100%; margin-top: 20px;}
.sort_drop .sortbyinpt { width: 100%;}

ul.list_filter_wrp li { width: 92%;}
ul.list_filter_wrp li .numbers {width: 22px; display:none;}
.joblist_skill.data_list dl dt {width: 19%; margin-right:20px;}
.joblist_skill.data_list dl dd { width: 76%;}

ul.skill_btn li {margin: 4px 4px 8px 4px;}
.sortresult { width:100%; text-align:center;}
.arrowdown{ float:left; width:100%;  border-left: 74px solid transparent; border-right: 74px solid transparent; border-top: 14px solid #165496;}

ul.list_filter_wrp li .label {font-size: 14px;}
.rtbtn_down{ display:none;}

/*right panel widget*/
	
.mrgtopright {margin-top: 60px;}
.main_wrp_register {margin-bottom: 100px;}


/*profile edit page*/
.tabbed ul li{ padding: 10px 3px 10px;}
.form_for_prodetails {width: 93%;}
.fieldset_register_editpro dl dd {width: 60%;}
.form_for_prodetails .fieldset_register_editpro dl dt {width: 35%;}
.info_container {width: 93%;}
.hide_dd {display: none;}


ul.chek_with_line {margin: 2px;padding: 0px; width: 100%; word-wrap: break-word;}

.scrol{height: 150px; overflow: auto;}



}


@media (min-width: 992px) {

.bg_hmeform {width: 100%; }

.searchbor_wrp {top: 29px; margin-left: -485px;}
.slideimge{ height:450px;}
.slideimge2{ height:345px;}

.keylinks { width: 100%;}

/*recent job right pannel*/
.addbanner300{ width: 292px; padding: 0;}
.ihave_wrp .heading_main a { font-size: 18px; padding: 12px 38px;}

.navbar-inverse .navbar-nav > li > a{ padding:14px 10px;}

.topbannersevn{ position:static; padding:20px 0; display:block;}
.mainlogo img{ float:left;}

.widget {width:100%; margin: 0 0px;}
.spantopbotm{ margin: 0;}
/*.client_men {width: 100%;}*/

.check_wrp_functional {width: 29.9%;}


.head_featur{ display:block;}
.footer_featur{ display:block;}

.destion_wrp {width: 29%;}

.alertfomr .btn-warning { float: left; margin-right: 0px; margin-top: 0px;}

.imgalgin {position: relative; bottom: -91px; display:block;}
.featured_job { margin-top: 77px;}

.hdshow{ display:block;}
.hdshow2{ display:none;}

.top_thum li {width: 32.3%;}

/*job inside page*/
.rhs_1{width: 308px; }
.rhs_2{width: 308px;  }

.newuser{ width:auto; float:none; margin-top:0px;}
.companylogo {width: 180px;}


/*register*/
.fieldset_register{ padding:20px;}
.registerform dl dt {width: 185px;}
.registerform dl dd {width: 350px;}
.registerform dl dd .drop { width:31.3%;margin-right: 10px;}
.registerform dl dd .drop3 {width: 48.5%;}
.agreetxt{ width:87%;}




/*Login*/
.main_wrp{width: 640px; margin: 10px auto 30px;}
.form_wrp{ width: 640px;}
.loginform {width: 600px;}
.loginform dl{ width:100%; }
.loginform dl dt{ width:185px; }
.loginform dl dd{ width:350px; }
ul.skill_btn li {margin: 4px ;}
.sortresult { width:auto; text-align:left;}

/*Job Listing*/
.searchbor_wrp .circle_arrow{ padding-top:20px;}
.css-checkbox{ float:left; margin:2px 0 0 0!important;}
.sort_drop{width: 45%;margin-top: 0px;}
.sort_drop .sortbyinpt { width: 77%;}
ul.list_filter_wrp li { width: 94%;}
ul.list_filter_wrp li .numbers {width: 25px; display:block;font-size: 14px;}
ul.list_filter_wrp li .label {font-size: 14px;}

.arrowdown{ float:left; width:100%;  border-left: 103px solid transparent; border-right: 103px solid transparent; border-top: 14px solid #165496;}

.rtbtn_down{ display:block;}

/*right panel widget*/
	
.mrgtopright {margin-top: 60px;}
.main_wrp_register {margin-bottom: 100px;}


/*profile edit page*/
.tabbed ul li{ padding: 10px 8px 10px; }
.form_for_prodetails {width: 52%;}
.fieldset_register_editpro dl dd {width:100%;}
.form_for_prodetails .fieldset_register_editpro dl dt {width: 100%;}
.info_container {width: 37%;}
.hide_dd {display: block;}



ul.chek_with_line {margin: 15px; width:auto;}

.scrol{height: 150px; overflow: auto;}







}


@media (min-width: 1200px) {


.bg_hmeform {width: 84%; }


.slideimge{ height:500px;}
.slideimge2{ height:345px;}



.searchbor_wrp {top: 46px; margin-left: -585px;}

.keylinks { width: 100%;   width: 84%;}


/*recent job right pannel*/
.addbanner300{ width: 360px; padding:  10px 30px;}

.alert_bell {width: 92px; float:left;}
.top_thum li{ width:19.12%;}

.imgalgin{bottom: 0px; display:block;}
.head_featur{ top:-56px;  }
.footer_featur {bottom: -14px;}

.ihave_wrp .heading_main a { font-size: 18px; padding: 12px 38px;}
.topbannersevn{ position:static; padding:20px 0;}

.widget {width:100%; margin: 0 0px;}

.destion_wrp {width: 29%;}

.spantopbotm{ margin: 0;}

.head_featur{ display:block;}
.footer_featur{ display:block;}

.alertfomr {width: auto; margin-left: 0px;}
.alertfomr .btn-warning{ float:left; margin-right:0px; margin-top:0px;}

.hdshow{ display:block;}
.hdshow2{ display:none;}


/*job inside page*/
.rhs_1{width: 360px; padding:10px;}
.rhs_2{width: 360px;padding:10px; }

.companylogo {width: 180px;}

/*Job Listing*/
.searchbor_wrp .circle_arrow{ padding-top:20px;}

.joblisting_header.searchbor_wrp {top: 30px;}





/*Job Listing*/
.sort_drop{width: 38%;}
.sort_drop .sortbyinpt{ width: 77%; }

.joblist_box{ width:100%;}
.joblist_box  .companylogo {width: 150px;}
.joblist_skill.data_list dl dt{ width:12%;}
.joblist_skill.data_list dl dd{ width:82%;}
.css-checkbox{ float:left; margin:2px 0 0 0!important;}
.sortresult { width:auto; text-align:left;}

/*filter for job search page*/

ul.list_filter_wrp li{ width: 94%;}
ul.skill_btn li {margin: 4px;}


.arrowdown {border-left: 130px solid transparent;
    border-right: 130px solid transparent;
    border-top: 14px solid #165496;
}


.rtbtn_down{ display:block;}

/*right panel widget*/
.mrgtopright {margin-top: 60px;}
.main_wrp_register {margin-bottom: 100px;}



/*profile edit*/
.tabbed ul li{padding: 10px 8px 8px;display: block; float: left; background-color: #FFF; margin-right: 46px; z-index: 2;
position: relative; cursor: pointer; color: #777; transition: all 0.3s ease; border-top: 1px solid #ccc;border-bottom: 0;}
.tabbed ul { padding-left: 33px;}
.tabbed ul li:before, .tabbed ul li:after {display: block;content: " "; position: absolute; top: 0; height: 100%; width: 31px;  background-color: #FFF;  transition: all 0.3s ease; display:block;}
.tabbed ul li:before {right: -24px; transform: skew(20deg, 0deg); box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;    border-top: 1px solid #ccc;    border-right: 1px solid #ccc;top: -1px;}
.tabbed ul li:after {left: -24px;  transform: skew(-20deg, 0deg); box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;    border-left: 1px solid #ccc;  border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;
  top: -1px;display:block;}


.form_for_prodetails{width:54%; margin-top:20px; margin-left:20px; margin-right:20px;}
.form_for_prodetails .fieldset_register_editpro dl dt {width: 29%; text-align:right;}
.fieldset_register_editpro dl dd { width: 66%;}
.fieldset_register_editpro dl dt label {margin-left: 10px;}
.info_container{ width: 37%; margin-top: 20px;  margin-left: 20px; margin-right: 15px;}
.hide_dd{ display:block;}
.scrol{height: auto; overflow: auto;}

}


/*  mobileheader on 22/3/2017   */

.mob-mainlogo img{margin: 10px auto;}
.mob-menu-box{background: #f4b516;}
.mob-user-optn{float: left; width: 92%;}
.mob-user-optn a{font-family: 'Titillium Web', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #222; font-size: 18px;}
.mob-act { padding: 8px 0px; width: 45%; float: left; text-align: center;}
.mob-act-search { padding: 8px 0px; float: left;}
.mob-act-search i{color: #fff; cursor: pointer;}
.mob-ylw-wlcm{height: 120px; background: #f4b516; border-top: 2px solid #eee;}
.mob-wl{padding-left: 20px; font-size: 16px; font-family: 'Titillium Web', Helvetica, Arial, sans-serif; font-weight: 700;}
.mob-sign-lnk a{color: #07648a!important;}
.mob-job-alrt{padding-left: 20px; font-size: 16px; font-family: 'Titillium Web', Helvetica, Arial, sans-serif; color: #07648a; margin-top: 20px; }
.mob-email-srch{margin-left: 20px; border-radius: 0px; width: 70%; height: 35px; float: left; margin-right: 5px;}
.mob-go{ border-radius: 0px; background: #f4b516; border-color:#f4b516;}

.mob-slideimgegap{height: 260px; width:100%; background-color: #fff; float: left;}
.mob-find-srch input{height: 40px; background-color: #f4b516; text-align: center; width: 90%; float: left; margin: 0px 5%; line-height: 20px; text-transform: uppercase; font-size: 22px; margin-top: 10px;}
.mob-feat-hdng a {background-color: #eee;  padding: 6px 20px;  text-transform: uppercase;margin-left: -12px;}
.mob-feat-hdng{margin-bottom: 25px;margin-left:53px;}
.mob-feat-hdng .mob-active{background-color: #000; color: #fff;}
.mob-add-exp {font-size: 14px; text-decoration: none; color: #000; padding: 0px 2px;}
.dividr {font-size: 14px; text-decoration: none; color: #000;}
.mob-jobs-alrt{padding-left: 15px; border-bottom: 1px dotted; float: left; width: 100%;}
.mob-jobs-alrt h4{font-size: 16px; font-weight: 700; margin-bottom: 0px;}
.mob-jobs-alrt .mob-job-ctgry{font-size: 16px; margin-bottom: -2px;}
.mob-featuredjob{padding: 15px 0px 0px 0px; float: left; width: 100%;}
.hidden-featured_job{display: none;}
.mob-popular-hdng{font-size: 22px; text-transform: uppercase; color: #09719b; padding: 15px 0px; float: left; width: 100%;}
.mob-popl-ctry-list{padding: 0px; list-style: none}
.mob-popl-ctry-list li { padding: 3px 0px;}
.mob-othr-ctgry { margin-top: 15px;}
.mob-othr-ctgry a{color: #09719b;}
.mob-jobs-found{font-size: 18px; color: #09719b; padding: 0px 0px 0px 15px; font-weight: bold;}
.mob-jobtitle{float: left; width: 100%;}
.mob-post_location{float: right; margin-top: -20px;}
.post_location li i{font-size: 20px; margin: 0px 6px 0px -12px;}
.mob-describ{float: left; margin-top: 30px;}
.mob-blue-sub a {width: 31%; background-color: #1676dc;  float: left;  margin-left: 6px; height: 30px; text-align: center; line-height: 30px; color: #fff;}
.mob-blue-sub{float: left; width: 100%; margin: 15px 0px;}
.mob-job-recruimnt {float: left; width: 100%; padding: 20px 15px 15px 15px; border-bottom: 1px dotted;}
.mob-search-result{float: left; width: 100%; margin-bottom: 20px;}
.mob-companylogodetail{float: left;}
.mob-companylogodetail img {}
.mob-company-nme-post {font-size: 20px;}
.mob-post_location-dtail{float: left; width: 100%; background-color: #eaeaea; margin: 8px 0px; padding: 15px 0px;}
.mob-smilr-jbs{color: #1676dc; font-size: 18px; float: left; width: 100%; margin: 5px 0 15px 0px;}
.mob-job-posting{float: left; width: 100%;}
.mob-companylogo img { width: 30%;}
.mob-act-search:hover ~ .mob-search-after-click{display: block!important;}
.mob-popular-ctgry{float: left; width: 100%;}
.mob-wel-posi { float: left; width: 100%;  position: relative;}
.mob-sharejob_regdrp { display: block; position: relative; padding-bottom: 8px;}
.mob-sharejob_regdrp .mob-subdrop {
    display: none;
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 30px;
    background: #f5f5f5;
    box-shadow: 0 0 3px #ccc;
}
.mob-sharejob_regdrp:hover .mob-subdrop{display: block;}




.mob-navigator{font-size:30px; cursor:pointer; float: left; color: #fff;}
.sidenav {
    height: 420px;
    width: 0;
    position: absolute;
    z-index: 1000;
    top: 43px;
    left: 0;
    background-color: #eee;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav a {
    padding: 4px 20px;
    text-decoration: none;
    font-size: 18px;
    color:#353535;
    display: block;
    transition: 0.3s;
    font-family: 'Titillium Web', Helvetica, Arial, sans-serif;

}

.sidenav a:hover, .offcanvas a:focus{
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media screen and (max-width: 450px){
    .mob-act{width: 44%;}
}


@media screen and (max-width: 423px){
		.sidenav{top: 33px;}
        .mob-act{width: 42%;}
        .mob-user-optn a{font-size: 12px;}
        .mob-act {padding: 8px 3px;}
        .mob-act-search {padding: 8px 0px;}
        .mob-navigator{font-size:23px;}
        .mob-subdrop{top: 39px !important; right: 2% !important; width: 187px !important;}
}

@media screen and (max-width: 400px){
.mob-post_location {float: left;}
.mob-job-srch-dtl .dropdown { float: left; margin: 4px 0px;}
.mob-function-area {left: 0 !important;}
.post_location {float: right; padding: 0px 0px 0px 30px !important;}
.no-mob-pad{padding:0px!important;}
}

@media only screen and (max-width: 529px) {
.employee_details_wrp{width:100%;}
.empyer_data_list dl dt{width: 50%; margin-right: 0px;}
.empyer_data_list dl dd{width: 50%;}
.updateprofile_box{width: 100%; padding: 0px 15px;}
.last_date_open{text-align: left;}
} 



