@charset "utf-8";
body {
	
	 font-family:Arial, Helvetica, sans-serif;
	color: var(--grey-dark);
	background-color: #fff;  outline:none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{ outline:none;}

.h1, h1 {
	font-size: 65px
}
.h2, h2 {
	font-size: 45px
}
.h3, h3 {
	font-size: 35px
}
.h4, h4 {
	font-size: 26px
}
.h5, h5 {
	font-size:22px
}
.h6, h6 {
	font-size:17px
}
p {
	margin: 0 0 10px
}
h1.small{font-size:25px;}
h3.small{ font-size:30px;}



::-webkit-input-placeholder {
    color: #82888a !important;
}
:-moz-placeholder {
    color: #82888a !important;
}
::-moz-placeholder {
    color:#82888a !important;
}
:-ms-input-placeholder {
    color: #82888a !important;
}

/*@font-face{font-family:'Font Awesome 5 Regular';font-style:normal;font-weight:400;src:url("../webfonts/fontawesome-regular-400.eot");src:url("../webfonts/fontawesome-regular-400.eot?#iefix") format("embedded-opentype"),url("../webfonts/fontawesome-regular-400.woff2") format("woff2"),url("../webfonts/fontawesome-regular-400.woff") format("woff"),url("../webfonts/fontawesome-regular-400.ttf") format("truetype"),url("../webfonts/fontawesome-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Regular';font-weight:400}
@font-face{font-family:'Font Awesome 5 Solid';font-style:normal;font-weight:900;src:url("../webfonts/fontawesome-solid-900.eot");src:url("../webfonts/fontawesome-solid-900.eot?#iefix") format("embedded-opentype"),url("../webfonts/fontawesome-solid-900.woff2") format("woff2"),url("../webfonts/fontawesome-solid-900.woff") format("woff"),url("../webfonts/fontawesome-solid-900.ttf") format("truetype"),url("../webfonts/fontawesome-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Solid';font-weight:900}
@font-face{font-family:'Font Awesome 5 Light';font-style:normal;font-weight:300;src:url("../webfonts/fontawesome-light-300.eot");src:url("../webfonts/fontawesome-light-300.eot?#iefix") format("embedded-opentype"),url("../webfonts/fontawesome-light-300.woff2") format("woff2"),url("../webfonts/fontawesome-light-300.woff") format("woff"),url("../webfonts/fontawesome-light-300.ttf") format("truetype"),url("../webfonts/fontawesome-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Light';font-weight:300}
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:900;src:url("../webfonts/fontawesome-brands-900.eot");src:url("../webfonts/fontawesome-brands-900.eot?#iefix") format("embedded-opentype"),url("../webfonts/fontawesome-brands-900.woff2") format("woff2"),url("../webfonts/fontawesome-brands-900.woff") format("woff"),url("../webfonts/fontawesome-brands-900.ttf") format("truetype"),url("../webfonts/fontawesome-brands-900.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:900}

@font-face{font-family:'Font Awesome 5 Solid';font-style:normal;font-weight:900;src:url("../webfonts/fontawesome-solid-900.eot");src:url("../webfonts/fontawesome-solid-900.eot?#iefix") format("embedded-opentype"),url("../webfonts/fontawesome-solid-900.woff2") format("woff2"),url("../webfonts/fontawesome-solid-900.woff") format("woff"),url("../webfonts/fontawesome-solid-900.ttf") format("truetype"),url("../webfonts/fontawesome-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Solid';font-weight:900}

@font-face{font-family:'Font Awesome 5 Light';font-style:normal;font-weight:300;src:url("../webfonts/fontawesome-light-300.eot");src:url("../webfonts/fontawesome-light-300.eot?#iefix") format("embedded-opentype"),url("../webfonts/fontawesome-light-300.woff2") format("woff2"),url("../webfonts/fontawesome-light-300.woff") format("woff"),url("../webfonts/fontawesome-light-300.ttf") format("truetype"),url("../webfonts/fontawesome-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Light';font-weight:300}

@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:900;src:url("../webfonts/fontawesome-brands-900.eot");src:url("../webfonts/fontawesome-brands-900.eot?#iefix") format("embedded-opentype"),url("../webfonts/fontawesome-brands-900.woff2") format("woff2"),url("../webfonts/fontawesome-brands-900.woff") format("woff"),url("../webfonts/fontawesome-brands-900.ttf") format("truetype"),url("../webfonts/fontawesome-brands-900.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:900}*/


:root {
  --blue:#0265FF;
  --dark-blue:#0256D9;
  --blue-bg:#f2f7ff;
  --blue-light:#80b1ff;
  --black:#000000;
  --grey-dark:#565656;
  --grey-light:#acacac;
  --grey-light-more:#F2F2F2;
  --green:#03dc80;
  --green-dark:#03BB6D;
  --bg:#f8f8f8;
  --white:#ffffff;
  --yellow:#ffc415;
  --red:#f72d1c;  
  
}

.main{ width:100%; float:left; padding:0px 0 0px 0;}


.new-logo a img{ width:175px;}
.post-job{ width:auto; float:left; margin:15px 20px 0 15px;}
.post-job a{ background:#27C685; font-size:14px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; height:44px; line-height:44px; border-radius:2px; display:inline-block; padding:0 25px; text-decoration:none;}
.post-job a:hover{ background:#1db376; color:#fff;}
.post-job a i{ float:left; margin:-3px 5px 0 0;}

.language-drop{ width:auto; float:left; margin:25px 0 0 0;}
.lang-drop{ border:none; margin-left:20px; font-size:12px; color:var(--grey-dark); background:url(../home-image/language-arrow.svg) right 6px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0 5px 0 0;}





.home-new-banner{background-image:linear-gradient( -35deg,  rgb(5, 149, 202) 43%, rgb(19, 90, 195) 90%); height:300px; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; text-align:center; width:100%; float:left; margin-top:50px;}
.home-new-banner h1{font-size:46px; color:#fff; font-weight:bold; padding-top:20px;  letter-spacing:0.05rem;}
.home-new-banner p{font-size:22px; color:#fff;}
.h-search{width:100%; float:left; margin-top:15px; padding:0 5%;}
.h-search .ui.search.selection.dropdown>input.search{ padding:10px 30px 10px 40px !important;}
.h-search-left{width:44%; float:left;}
.h-search-mid-right{ width:100%; float: left; border-left:solid 1px #ccc;}
.h-search-mid-right .job-input{ padding:0 25px 0 50px;}
.h-search-mid{width:35%; margin:0 0 0 -5px; float:left; position:relative;}
.h-search-mid p{ font-size:14px; color:#fff; text-align:right; font-weight:normal; padding-top:5px; letter-spacing:0.05rem;}
.h-search p{ font-size:14px; color:#fff; font-weight:normal; padding-top:15px; letter-spacing:0.05rem; width:100%; float:left; text-align:left;}
.h-search p a{color:#fff; text-decoration:none; padding:0 26px 0 0px;}
.h-search-right{width:22%; margin:0 0 0 -5px; float:left;}
.h-search-right p{ font-size:14px; color:#fff; text-align:right; font-weight:normal; padding-top:5px;}
.job-input{width:100%; background:#fff; height:64px; line-height:64px; border-radius:2px 0px 0px 2px; box-shadow:none; border:none; font-size:16px; color:#7B7B7B; padding:0 25px; box-shadow:1px 1px 1px rgba(0,0,0,0.2); display:inline-block;} 



.search-job-btn{ width:100%; color:#fff;  background-image:radial-gradient( circle farthest-corner at 10% 20%, rgba(254,158,45,1) 0%, rgba(215,78,32,1) 100.2% );
 height:64px; line-height:52px; border:none; font-size:18px; font-family:Arial, Helvetica, sans-serif; box-shadow:1px 1px 1px rgba(0,0,0,0.2); border-radius:2px;}
.search-job-btn:hover{ background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(215,78,32,1) 0%, rgba(254,158,45,1) 100.2% ); color:#fff;}
.search-job-btn:focus{ background-image:radial-gradient( circle farthest-corner at 10% 20%, rgba(215,78,32,1) 0%, rgba(254,158,45,1) 100.2% ); color:#fff;}
.search-job-btn.active.focus, .search-job-btn.active:focus, .search-job-btn.active:hover, .search-job-btn:active.focus, .search-job-btn:active:focus, .search-job-btn:active:hover, .open>.dropdown-toggle.search-job-btn.focus, .open>.dropdown-toggle.search-job-btn:focus, .open>.dropdown-toggle.search-job-btn:hover {background-color: #0089FC; color:#fff;}
.search-job-btn i{ display:inline-block;}
.search-job-btn i img{ margin:-5px 10px 0 0;}

/*.midcounter{width:100%; float:left; padding-top:45px;}*/
.home-client{width:100%; float:left; box-shadow:0px 1px 1px rgba(0,0,0,0.1); background:#fff; padding-bottom:10px; position:relative; margin:-45px 0 0 0;}
.home-client h6{ text-align:center; font-weight:normal; font-size:14px; color:#82888a; padding-top:10px; margin-bottom:0px;}
.home-client ul{ list-style:none; margin:0px; padding:0px;}
.home-client ul li{ line-height:normal; display:inline-block; width:13%; text-align:center;}


.home-categorie{width:100%; float:left; background:#F8F8F8; margin-top:1px; padding:45px 0;}
.home-categorie h3{ font-weight: normal; font-size:18px; text-align:center; margin:0px; padding-bottom:25px; color:var(--grey-dark);}
ul.jj-categorie{ list-style:none; margin:0px 0px 0px 6px; padding:0px;}
.jj-categorie li{ line-height:normal; width:16.7%; display:inline-block; float:left; margin:-1px 0 0 -1px; position:relative; }
.jj-categorie li a{ background:#fff; height:180px; border:solid 1px #E6E6E6; display:block; padding:20px 8px 25px 8px; text-align:center; text-decoration:none;}
.jj-categorie figure{ margin-top:5px;}
.jj-categorie figcaption{font-size:14px; color:var(--grey-dark); display:block; padding:10px 0 0 0; letter-spacing:-0.01rem;}
.jj-categorie figcaption span{ display:block; font-size:13px; color:#82888a; padding-top:3px;}
.jj-categorie figure {
    margin: 0px;
}

.show-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  overflow: visible; border:solid 1px var(--blue);
  width:100%;
  height: 100%;
  -webkit-transform:scale(0);
  transition: .3s ease; z-index:9;
}

.jj-categorie li:hover .show-text {
  transform: scale(1)
}

.content-overlay {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%; width:80%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


.content-overlay ul{ list-style:none; margin:0px; padding:0px;}
.content-overlay ul li{ line-height:normal; display:block; width:100%; margin:0px;}
.content-overlay ul li a{ background:none; margin:0px; padding:0px; border:none; color:var(--blue); display:block; letter-spacing:0px; display:block; line-height:normal; height:auto; font-size:12px; line-height:20px; padding:0px;}
.categorie-ho-btn{ width:100%; float:left; text-align:center; margin-top:10px;}
.categorie-ho-btn a{margin:0px; padding:0px; border:none; color:#fff; letter-spacing:0px;line-height:normal; height:auto; font-size:14px; line-height:30px !important; height:32px !important; background:var(--blue) !important; display:inline-block; border:none; border-radius:3px; padding:0px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.categorie-ho-btn a:hover{background:#0089FC; color:#fff;}

.view-categorie-btn{ color:#fff; background:var(--blue); height:44px; line-height:44px; border:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; box-shadow:1px 1px 1px rgba(0,0,0,0.2); padding:0 25px; margin-top:35px; border-radius:2px; box-shadow:none;}
.view-categorie-btn:hover{background:#0089FC; color:#fff;}
.view-categorie-btn:focus{background:#0089FC; color:#fff;}
.view-categorie-btn.active.focus, .view-categorie-btn.active:focus, .view-categorie-btn.active:hover, .view-categorie-btn:active.focus, .view-categorie-btn:active:focus, .view-categorie-btn:active:hover, .open>.dropdown-toggle.view-categorie-btn.focus, .open>.dropdown-toggle.view-categorie-btn:focus, .open>.dropdown-toggle.view-categorie-btn:hover {background-color: #0089FC; color:#fff;}
.view-categorie-btn i{ margin:-1px 0 0 10px;}

.browse-home-btn{ color:var(--blue); background:#fff; height:44px; line-height:42px; border:solid 2px var(--blue); font-size:14px; font-family:Arial, Helvetica, sans-serif; box-shadow:1px 1px 1px rgba(0,0,0,0.2); padding:0 25px; margin-top:35px; margin-right: 20px; border-radius:2px; box-shadow:none;}
.browse-home-btn:hover{background:#0089FC; color:#fff; border-color:#0089FC;}
.browse-home-btn:focus{background:#0089FC; color:#fff; border-color:#0089FC;}
.browse-home-btn.active.focus, .browse-home-btn.active:focus, .browse-home-btn.active:hover, .browse-home-btn:active.focus, .browse-home-btn:active:focus, .browse-home-btn:active:hover, .open>.dropdown-toggle.browse-home-btn.focus, .open>.dropdown-toggle.browse-home-btn:focus, .open>.dropdown-toggle.browse-home-btn:hover {background-color: #0089FC; color:#fff; border-color:#0089FC;}
.browse-home-btn i{ margin:-1px 0 0 10px;}

.panel{ width:100%; float:left;}
.p-drop{ background:none; box-shadow:none;}






.total-job{width:100%; float:left; background:#fff; padding:25px 0; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); position:relative;}
.total-job-loop{ border-right:solid 1px #e6e9ec; padding:0 35px;}
.total-job-loop-left{ float:left; margin-right:15px;}
.total-job-loop-right{ float:left; width:70%; font-size:16px; color:var(--grey-dark);}
.total-job-loop-right span{ font-size:14px; color:#82888a; display:block;}

.h-blog-loop{background:#fff; border-radius:2px; box-shadow:0px 2px 2px rgba(0,0,0,0.1); min-height: 343px;}  
.h-blog-loop figure img{ width:100%;}
.h-blog-loop figure figcaption{ padding:25px 30px; display:inline-block;}
.h-blog-loop figure figcaption span{ font-size:10px; color:#82888a; border:solid 1px #82888a; text-transform:uppercase; font-weight:bold; padding:2px 7px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.10rem; border-radius:2px;}
.h-blog-loop figure figcaption h4{font-size:20px; line-height:24px; margin:10px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.h-blog-loop figure figcaption h4 a{ color:#28435F; text-decoration:none;}

.h-read-btn{ font-size:12px; color:#27C685; text-transform:uppercase; letter-spacing:0.05rem; text-decoration:none;}
.h-read-btn:hover{color:#27C685; text-decoration:none;}
.h-blog-btn{ background:#27C685;}
.h-blog-btn:hover{background:#1db376;}
.h-blog-btn:focus{background:#1db376;}
.h-blog-btn.active.focus, .h-blog--btn.active:focus, .h-blog-btn.active:hover, .h-blog-btn:active.focus, .h-blog-btn:active:focus, .h-blog-btn:active:hover, .open>.dropdown-toggle.h-blog-btn.focus, .open>.dropdown-toggle.h-blog-btn:focus, .open>.dropdown-toggle.h-blog-btn:hover {background-color: #1db376; color:#fff;}


.h-news-sec{width:100%; float:left; background:#F1F1F1; padding:30px 0 20px 0; display: none;}
.h-news-sec h6{ font-size:14px; color:#82888a; font-weight:normal; text-align:center; letter-spacing:0.05rem; margin:0px;}
.h-news-sec ul{ margin:0px; padding:0px; list-style:none;}
.h-news-sec ul li { margin: 10px 0px 0; display: inline-block; width: 13%;}
.h-news-sec ul li img {
    width: 75%;
}



/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.modal{ padding:0px !important;}
.city-popup{width:100%; position:relative; max-width:100%; margin:0px;}



.pop-close {width: auto; position: absolute; right: 0; top: 0; background: #fff6f5; border-bottom: solid 1px #f8cbc6;  border-left: solid 1px #f8cbc6; font-size: 12px; color: #e74c3c; text-transform: uppercase; letter-spacing: 2px;}
.pop-close a {font-size: 10px; height: 25px; letter-spacing: 1px; line-height: 26px; padding: 0 7px 0 8px; color: #e74c3c; text-decoration:none; display:block; margin:0px;}
.pop-close a:hover{color:#e74c3c;}




.login-list {
    box-shadow: none;
    width: 100%;
    margin-top: 0;
    padding: 0 0 10px;
	
}

.login-list h3.small {
	margin: 0
}
.login-list h4 {
	color: #27c685!important;
	padding-bottom: 0;
	font-size: 22px;
	font-family: 'Circular Air Book'
}
.navbar-form .form-control.login-input {
	width: 100%
}


.pop-inside {
	width: 100%;
	background: #fff;
	border-radius: 3px;
	padding: 50px 90px;
	box-sizing: border-box;
	position: relative
}
.pop-inside h3 {
	margin: 0;
	padding: 0 0 10px
}
.pop-inside h4 {
	margin: 0;
	color: #0079ff;
	padding-bottom: 0
}
.pop-inside p {
	font-size: 16px;
	color: #565a5c;
	padding:15px 0 0;
	margin: 0
}
.pop-inside span {
	font-size: 12px;
	color: #565a5c;
	display: block;
	padding-top:15px !important;
	float: left
}
.pop-inside span em {
	color: #e74c3c;
	font-style: normal
}
.pop-inside span em a {
	color: #e74c3c
}
.pop-inside ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.pop-inside ul li {
	line-height: normal;
	display: inline-block;
	font-size: 14px;
	color: #565a5c;
	margin-right: 8px
}
.pop-inside ul li i {
	width: 14px;
	height: 20px;
	background: url(../images/share-icon.svg) left top no-repeat;
	display: block;
	float: left;
	margin: 2px 5px 0 0
}
.pop-inside ul li i.name {
	background-position: left -21px
}
.pop-inside ul li i.user-location {
	background-position: left -45px
}
.pop-inside ul li i.office {
	background-position: left -97px
}
.pop-up .alert-input {
	margin-top: 20px
}
.pop-up .alert-area {
	margin-top: 20px
}
h4.job-title-popup-margin {
	margin-top: 15px
}
.alert-input {
	width: 100%;
	border: solid 1px #82888a;
	border-radius: 3px;
	margin-top:13px;
	padding: 0 20px;
	box-sizing: border-box;
	height:40px;
	line-height:40px;
	font-size: 16px;
	color: #82888a;
	display: inline-block
}
.alert-input:focus {
	color: #565a5c
}
div.input-error {
	width: 100%;
	font-size: 12px;
	color: #e74c3c;
	background: #fff6f5;
	border: solid 1px #f8cbc6;
	border-radius: 3px;
	padding: 9px 10px 5px;
	box-sizing: border-box;
	margin: -4px 0 0;
	float: left
}
div.input-success {
	width: 100%;
	font-size: 12px;
	color: #27c685;
	background: #f4fffa;
	border: solid 1px #ccebde;
	border-radius: 3px;
	padding: 9px 10px 5px;
	box-sizing: border-box;
	margin: -4px 0 0;
	float: left
}
.alert-textarea {
	width: 100%;
	border: solid 1px #82888a;
	border-radius: 3px;
	margin-top: 18px;
	padding: 20px;
	box-sizing: border-box;
	height: 50px;
	font-size: 16px;
	color: #82888a
}
.alert-textarea:focus {
	color: #565a5c
}
.location-input {
	width: 100%;
	border: solid 1px #82888a;
	border-radius: 3px;
	margin-top: 18px;
	padding: 0 20px;
	box-sizing: border-box;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #565a5c
}
.location-btn {
	background: rgba(0,0,0,0) url(../images/location.svg) no-repeat scroll right center;
	border: medium none;
	cursor: pointer;
	float: right;
	height: 30px;
	margin: -41px 0 0;
	padding: 0;
	position: relative;
	width: 38px
}
.alert-area::-ms-expand {
display:none
}
.alert-area {
	width: 100%;
	border: solid 1px #82888a;
	border-radius: 3px;
	margin-top:13px;
	padding: 0 20px;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #82888a;
	background: url(../images/drop_arrow.svg) center right no-repeat #fff;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.alert-area:focus {
	color: #565a5c
}
.alert-area select {
	width: 100%
}
.alert-area-one {
	border: solid 1px #c0c3c4;
	background: url(../images/drop_arrow_dselect.svg) center right no-repeat #fff;
	color: #c0c3c4
}
.alert-multiple {
	width: 100%;
	border: solid 1px #82888a;
	border-radius: 3px;
	margin-top: 30px;
	padding: 0;
	box-sizing: border-box;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #82888a;
	display: inline-block;
	color: #82888a
}
.alert-multiple:focus {
	color: #565a5c
}
.alert-date-of {
	width: 30%;
	margin: 30px 14px 0 0
}
.alert-browse {
	width: 100%;
	border: solid 1px #82888a;
	border-radius: 3px;
	margin-top: 30px;
	padding: 0 20px;
	box-sizing: border-box;
	line-height: 50px;
	font-size: 16px;
	color: #82888a;
	display: inline-block
}
.captcha {
	margin: 30px 0 10px
}
.jj-submit {
	width: 100%;
	border-radius: 3px;
	background: #27c685;
	border: solid 2px #27c685;
	padding: 0;
	height:44px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:42px;
	margin-top: 18px;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color .3s;
	transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color .3s
}
.jj-submit.focus, .jj-submit:focus {
	color: #fff;
	background-color: #27c685;
	border: solid 2px #27c685;
	box-shadow: none
}
.jj-submit:hover {
	color: #fff;
	background-color: #27c685;
	border: solid 2px #27c685
}
.jj-submit.active.focus, .jj-submit.active:focus, .jj-submit.active:hover, .jj-submit:active.focus, .jj-submit:active:focus, .jj-submit:active:hover, .open>.dropdown-toggle.jj-submit.focus, .open>.dropdown-toggle.jj-submit:focus, .open>.dropdown-toggle.jj-submit:hover {
	color: #fff;
	background-color: #27c685;
	border: solid 2px #27c685
}
.email-submit {
	width: 100%;
	border-radius: 3px;
	background: none;
	border: solid 2px #27c685;
	padding: 0;
	height: 50px;
	color: #27c685;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 47px;
	margin-top: 18px;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color .3s;
	transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color .3s
}
.email-submit.focus, .email-submit:focus {
	color: #fff;
	background-color: #27c685;
	border: solid 2px #27c685;
	box-shadow: none
}
.email-submit:hover {
	color: #fff;
	background-color: #27c685;
	border: solid 2px #27c685
}
.email-submit.active.focus, .email-submit.active:focus, .email-submit.active:hover, .email-submit:active.focus, .jj-submit:active:focus, .email-submit:active:hover, .open>.dropdown-toggle.email-submit.focus, .open>.dropdown-toggle.email-submit:focus, .open>.dropdown-toggle.email-submit:hover {
	color: #fff;
	background-color: #27c685;
	border: solid 2px #27c685
}
.pop-close {
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff6f5;
	border-bottom: solid 1px #f8cbc6;
	border-left: solid 1px #f8cbc6;
	font-size: 12px;
	color: #e74c3c;
	text-transform: uppercase;
	letter-spacing: 2px
}

.login-input {
	width: 100%;
	border: solid 1px #82888a;
	border-radius: 3px;
	margin-top: 13px;
	padding:0 20px;
	box-sizing: border-box;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	color: #82888a;
	display: inline-block;
	float: left;
	position: relative
}
.login-input:focus {
	color: #565a5c
}
.drop-top-arrow { display:none;}
.login-list label {
	font-size: 14px;
	color: var(--grey-dark);
	margin: 0;
	font-weight: 500;
	line-height: 20px;
	padding-top: 13px
}
.login-list span {
	float: right;
	font-size: 14px;
	line-height: 22px;
	padding-top: 10px !important;
}
.login-list span a {
	color: var(--grey-dark);
	border-bottom: solid 1px var(--grey-dark)
}
.login-list span a:hover {
	text-decoration: none
}
.login-list em {
	bottom: -50px;
	color: var(--grey-dark);
	display: block;
	float: left;
	font-size: 14px;
	font-style: normal;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	background: #f5f5f5;
	line-height: 50px;
	border-top: solid 1px #e5e5e5;
	border-radius: 0 0 3px 3px
}
.login-list em a {
	color: #e74c3c;
	border-bottom: solid 1px #e74c3c
}
.login-list em a:hover {
	text-decoration: none
}

.login-list em{ float:none;}
.jj-employer-login {
	width: 100%;
	border-radius: 3px;
	color: #fff;
	background-color: #27c685;
	line-height: 40px;
	height: 44px;
	border-color: #27c685;
	margin-top: 15px
}
.jj-employer-login.focus, .jj-employer-login:focus {
	color: #fff;
	background-color: #27c685;
	border-color: #27c685;
	box-shadow: none
}
.jj-employer-login:hover {
	color: #fff;
	background-color: #27c685;
	border-color: #27c685;
	opacity: .9
}
.jj-employer-login.active.focus, .jj-employer-login.active:focus, .jj-employer-login.active:hover, .jj-employer-login:active.focus, .jj-employer-login:active:focus, .jj-employer-login:active:hover, .open>.dropdown-toggle.jj-employer-login.focus, .open>.dropdown-toggle.jj-employer-login:focus, .open>.dropdown-toggle.jj-employer-login:hover {
	color: #fff;
	background-color: #27c685;
	border-color: #27c685
}



.pop-inside {
	box-shadow: 0 5px 50px rgba(44,62,80,0.9);
	border-radius: 0;
	padding: 30px;
	border-radius:5px;
}
.pop-inside h3 {
	padding: 0 0 8px; font-size: 20px;
}
/*.emp-popup-login {
	padding: 40px 40px 25px
}*/

ul.seeker-tab {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 50px;
	position: relative;
	z-index: 9999
}
.seeker-tab li {
	list-style: none;
	margin: 0;
	padding: 0
}
.seeker-tab li a {
	width: 50%;
	font-size: 17px;
	color: #6f6f6f;
	text-align: center;
	float: left;
	text-decoration: none;
	background: #dedede
}
.seeker-tab li a.active {
	background: none;
	color: #27c685
}
.seeker-main-popup .login-list .button {
    border: none;
    margin: 15px 0 0 0;
}
/*.seeker-main-popup .seeker-tab li a.active {
	color: #0079ff
}
.seeker-main-popup .login-list {
	text-align: center
}
.seeker-main-popup .em-verification h4 {
	color: #0079ff!important;
	padding-top: 5px
}
.seeker-main-popup .pop-inside p {
	padding-top: 10px
}
.seeker-main-popup .seeker_login_two {
	text-align: center
}
.seeker-main-popup .seeker_login_two h4 i {
	font-style: normal
}
.seeker-main-popup .seeker_login_two p i {
	font-style: normal
}

.modal-dialog {
    width: 350px;
    margin: 60px auto 0;
}*/



.seekloader {
    position: absolute;
    z-index: 99;
    right: 22px;
    top: 18px;
    display: none;
}

.mobile-row .alert-input-one {
    margin-left: 0!important;
    width: 25%!important;
    position: relative;
}

.mobile-row .alert-input-two {
    background: #fff;
    position: relative;
    margin-left: 0!important;
    padding: 0 0 0 10px;
    width: 75%!important;
	 border-radius: 0 3px 3px 0;
    border-left: none;
}

.alert-input-one {
    width: 24%;
    border: solid 1px #82888a;
    margin-top: 18px;
    padding: 0 20px 0 40px;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: #565a5c;
    float: left;
    border-radius: 3px 0 0 3px;
    background: url(../images/india.svg) 14px 17px no-repeat;
}

.alert-input-one {
    height: 44px;
    line-height: 44px;
    background: rgba(0,0,0,0) url(../images/india.svg) no-repeat scroll 10px 15px;
    padding: 0 0 0 34px;
    margin-top: 13px;
    width: 28%!important;
}

.j-left-input {
    width: 25%;
    height: 44px;
    padding: 0 0 0 31px;
    background: rgba(0,0,0,0) url(../images/india.svg) no-repeat scroll 8px 15px;
}

.titleloader {
    position: absolute;
    z-index: 99;
    right: 25px;
    top: 22px;
    display: none;
}
.login-area-seeker {
    height: 44px;
    line-height: 43px;
}
.login-area {
    width: 100%;
    border: solid 1px #82888a;
    border-radius: 3px;
    margin-top: 10px;
    padding:0 20px;
    box-sizing: border-box;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #82888a;
    background: url(../images/drop_arrow.svg) center right no-repeat #fff;
    position: relative;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

div.input-error-seek {display: none!important;}
.input-error-seek { border: solid 1px #e74c3c!important;}

input.input-error1{border: 1px solid #f00;}
input.input-success1{border: 1px solid #27c685;}

div.input-error1 {
	display: none !important;
    background: #fff6f5 none repeat scroll 0 0;
    border: 1px solid #f8cbc6;
    border-radius: 3px;
    box-sizing: border-box;
    color: #e74c3c;
    float: left;
    font-size: 12px;
    margin: -4px 0 0;
    padding: 9px 10px 5px;
    width: 100%;
}
div.input-success1 {
	display: none !important;
    background: #f4fffa none repeat scroll 0 0;
    border: 1px solid #ccebde;
    border-radius: 3px;
    box-sizing: border-box;
    color: #27c685;
    float: left;
    font-size: 12px;
    margin: -4px 0 0;
    padding: 9px 10px 5px;
    width: 100%;
}

input.input-error{border: 1px solid #f00;}
input.input-success{border: 1px solid #27c685;}

select.input-error{border: 1px solid #f00;}
select.input-success{border: 1px solid #27c685;}
div.input-error{ display: none !important;}
div.input-success{display: none !important;}

.input-left-filled {padding-right: 6px;}
.input-right-filled {padding-left: 6px;}
.remember p {
    font-size: 11px;
    color: #565a5c;
    padding: 0!important;
    margin-top: -5px;
}

.remember {
    width: 100%;
    padding: 20px 0 5px;
    font-size: 16px;
    color: #565a5c;
    font-weight: 500;
}

.checkbox, .radio{ display:inherit;}

.seeker-search-btn {
    width: 100%;
    border-radius: 3px;
    background: #0079ff;
    border: solid 2px #0079ff;
    padding: 0;
    height: 44px;
    color: #fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-top: 13px;
    line-height: 30px;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color .3s;
    transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color .3s;
}

.seeker-search-btn:hover {
    color: #fff;
    background-color: #0576db;
    border: solid 2px #0576db;
}

.seeker-search-btn.active.focus, .seeker-search-btn.active:focus, .seeker-search-btn.active:hover, .seeker-search-btn:active.focus, .seeker-search-btn:active:focus, .seeker-search-btn:active:hover, .open>.dropdown-toggle.seeker-search-btn.focus, .open>.dropdown-toggle.seeker-search-btn:focus, .open>.dropdown-toggle.seeker-search-btn:hover {
	  background-color: #0576db;
    border: solid 2px #0576db;
}
.seeker-search-btn.disabled, .seeker-search-btn.disabled.active, .seeker-search-btn.disabled.focus, .seeker-search-btn.disabled:active, .seeker-search-btn.disabled:focus, .seeker-search-btn.disabled:hover, .seeker-search-btn[disabled], .seeker-search-btn[disabled].active, .seeker-search-btn[disabled].focus, .seeker-search-btn[disabled]:active, .seeker-search-btn[disabled]:focus, .seeker-search-btn[disabled]:hover, fieldset[disabled] .seeker-search-btn, fieldset[disabled] .seeker-search-btn.active, fieldset[disabled] .seeker-search-btn.focus, fieldset[disabled] .seeker-search-btn:active, fieldset[disabled] .seeker-search-btn:focus, fieldset[disabled] .seeker-search-btn:hover{color: #fff;
	  background-color: #0576db;
    border: solid 2px #0576db;}


.ui-widget-content {
	height: auto!important;
	overflow-y: scroll!important;
	background: rgba(255,255,255,0.9) none repeat scroll 0 0
}
.ui-menu .ui-menu-item {
	padding: 4px 11px 6px!important;
	border: solid 1px transparent
}
.ui-widget-content .ui-state-focus {
	border: none!important;
	background: #eaeaea!important;
	font-weight: 400;
	color: #565a5c!important
}
ul.ui-widget-content li.ui-state-focus {
	border: none!important;
	background: #eaeaea!important;
	font-weight: 400;
	color: #565a5c!important
}
.ui-widget-content a:hover {
	border: none!important;
	cursor: pointer
}
.ui-menu .ui-menu-item a {
	font-family: "Circular Air Book"!important;
	color: var(--grey-dark)!important;
	font-size: 14px!important
}
.ui-autocomplete {
	z-index: 99999!important;
	height: 250px!important
}

.jj-categorie figure img {
    width:85px;
}

#cal-btn {
    width: 26px;
    height: 45px;
    background: url(../landing-images/date-icon.svg) right top no-repeat;
    float: right;
    margin: -46px -10px 0 0;
}

.login-list em {
    border-top: none;
    position: relative;
    bottom: -15px;
    border-radius: 3px;
}

.creat-job-alert-sec{ width:100%; float:left; background:#fafafa; padding:150px 0 100px 0;}
.creat-header{position:relative;}

.creat-job-alert-sec .row{ margin:0px;}
.creat-job-pic{padding:0px 60px 0 0px; text-align:right;}
.creat-job-pic img{ width:auto;}

.creat-job-form{ width:400px; float:left; margin-right:50px;}
.creat-job-form h3{font-weight:normal; margin-top:0px; color:var(--grey-dark);}
.creat-job-form p{font-size:16px; color:#677a8e; line-height:24px; padding-bottom:5px; margin:0px;}
.creat-input{width:100%; float:left; border:solid 1px #c2c2c2; background:#fff; height:45px; line-height:45px; margin-top:13px; border-radius:3px; padding:0 20px; color:var(--blue); font-size:16px;}

.creat-input:focus{ border:solid 1px var(--blue);}
.creat-input::placeholder {color:#677a8e !important; opacity:1;}
.creat-input:-ms-input-placeholder {color:#677a8e !important;}
.creat-input::-ms-input-placeholder {color:#677a8e !important;}



.creat-drop{ background:url(../home-image/creat-drop-arrow.svg) right 18px no-repeat #fff; appearance:none; -webkit-appearance:none; -moz-appearance:none; line-height:43px; color:#677a8e; font-size:16px;}

.creat-sub-btn{ width:100%; border-radius:3px; background:#27C685; border-color:#27C685; font-size:16px; font-family:Arial, Helvetica, sans-serif; height:45px; line-height:45px; padding:0px; margin-top:13px;}

.creat-sub-btn:hover{background:#1db376; color:#fff; border-color:#1db376;}
.creat-sub-btn:focus{background:#1db376; color:#fff; border-color:#1db376;}
.creat-sub-btn.active.focus, .creat-sub-btn.active:focus, .creat-sub-btn.active:hover, .creat-sub-btn:active.focus, .creat-sub-btn:active:focus, .creat-sub-btn:active:hover, .open>.dropdown-toggle.creat-sub-btn.focus, .open>.dropdown-toggle.creat-sub-btn:focus, .open>.dropdown-toggle.creat-sub-btn:hover {background-color: #1db376; color:#fff;  border-color:#1db376;}

.creat-radio-btn{ padding:15px 0 0 0;}
.creat-radio-btn span{color:#677a8e; font-size:16px; padding-right:10px;}
.creat-radio-btn label{color:#677a8e; font-size:16px; font-weight:normal; padding:0 10px;}
.creat-radio-btn label input{ margin-right:5px;}

.creat-left #cal-btn1{ margin:-46px 0px 0 0;}


.creat-footer{ width:100%; float:left; background:url(../home-image/creat-footer-bg.svg) center top no-repeat #fafafa; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; padding:180px 0 20px 0; text-align:center;}
.creat-footer p{ font-size:13px; color:#8E9698; padding:5px 0; margin-bottom:0px;}  
.creat-footer p img{ margin:-2px 0 0 0;}
.creat-left{ padding-left:0px;}
.creat-right{padding-right:0px;}

.creat-input-flag{ width:30%; float:left; margin:0px; border: solid 1px #c2c2c2 !important; height:45px !important; line-height:45px !important; margin-top:13px !important; }
.creat-input-mobile{ width:72%; float:left; border-radius:0 3px 3px 0; border-left:none;}





.latest-main .user-drop-login .dropdown-menu{ margin:0 0 0 -67px;}
.latest-main .cate-drop{ left:-595px !important;}

.front-new-up ul li{    line-height: normal;
    width:33% !important;
    float: left;
    letter-spacing: -0.03rem !important;}


.front-new-right{ padding:30px 0 0 15px !important;}

.front-new-up h6 a { color:#fff !important;}
.front-new-up ul li a{ color:#8E9698 !important;}
.front-new-up ul li a:hover{ color:#fff !important; opacity:0.7;}
.front-new{ border:none !important;}





.login-list label{ font-weight:normal; font-size:13px; float:left; color:var(--grey-dark); padding-top:12px !important;}
.login-list label input{ margin:2px 5px 0 0; float:left;}

.creat-left .que-icon{padding: 23px 0 0 6px !important; position: absolute !important; right: -15px !important;}

.creat-job-form label{ font-weight:normal; font-size:13px; padding-top:12px; float:left; color:var(--grey-dark); padding-top:7px !important;}
.creat-job-form label input{ margin:2px 5px 0 0; float:left;}

.full-old-home .ui.selection.dropdown{ padding:1.7em 1.1em 2.9em 1.1em !important;}
.full-old-home .h-search-left{ width:40%;}
.full-old-home .h-search-right{ margin:0 0 0 22px;}


.control-group {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: left;
  padding: 0px;
  width: 100%;
  height:auto;

}
.control {
  display: block;
  position: relative;
  padding-left:20px;
  margin-bottom:8px;
  cursor: pointer;
    font-size: 12px;
    font-weight: normal; letter-spacing:0.02rem;
    
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
/*.control__indicator {
  position: absolute;
  top: 0px;
  left: 0;
  height: 16px;
  width: 16px; border:solid 1px var(--grey-light); border-radius:3px;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator { border:solid 1px var(--blue);
}
.control input:checked ~ .control__indicator {
  background: var(--blue); border:solid 1px var(--blue);
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: var(--blue); border:solid 1px var(--blue);
}
.control input:disabled ~ .control__indicator {
  background: var(--blue);
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
     left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}*/
.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width:8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}


.offer{width:100%; float:left; margin-top:52px; background:#F64D4A; padding:10px 0px; text-align:center; font-size:16px; color:#fff;}
.offer i img{ margin:-5px 5px 0 0;}

.j-price-sec{ width:100%; float:left; background:#F1F1F1; padding:40px 0;}
ul.j-price-tab{ list-style:none; margin:0px; padding:0px; text-align:center;}
.j-price-tab li{ line-height:normal; display:inline-block;}
.j-price-tab li a{ font-size:13px; color:var(--grey-dark); height:40px; line-height:38px; display:inline-block; border:solid 2px #8b99a7; border-radius:100px; font-family:Arial, Helvetica, sans-serif; padding:0 20px; margin:0 5px; text-decoration:none; min-width:190px;}
.j-price-tab li a:hover{ color:#F64D4A;border-color:#F64D4A;}
.j-price-tab li a.active{ background:#F64D4A; color:#fff; border-color:#F64D4A;}
.j-price-sec p{text-align:center; font-size:16px; padding-top:15px; color:var(--grey-dark);}

.j-price-list{ width:100%; float:left; padding:50px 0 0 0;}
.j-price-loop{width:23%; float:left; background:#fff; margin:0 1%; 
border-radius:3px; padding:0px 0 30px 0; text-align:center; position:relative; border:solid 1px #D6D6D6;}
.j-price-loop h6{ color:var(--grey-dark); font-size:13px; padding:0px 0 0px 0; font-weight:normal; text-transform:uppercase; background: url(../images/white-shap.svg) center bottom no-repeat #27C685; -webkit-background-size: cover;
    -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; margin:0px; margin-bottom:30px; height:30px; line-height:30px;}
.j-price-loop span{ height:98px; width:98px; border: solid  2px #DFE1E2; display:inline-block; border-radius:100%; font-size:14px; font-family:Arial, Helvetica, sans-serif;  text-align:center; padding:25px 0 0 0; text-transform:uppercase; line-height:20px; background:#DFE1E2; color:#fff;}
.j-price-loop span strong{ font-size:34px; color:#fff; font-weight:normal;}
.j-price-loop span i{ display:block; font-size:11px; text-transform:uppercase;font-style:normal; margin:-5px 0 0 0;font-family:Arial, Helvetica, sans-serif; }
.j-price-loop ul{list-style:none; margin:0px 0px 10px 0px; padding:0px;}
.j-price-loop ul li{padding-top:0px;}
.j-price-loop ul li em{font-style: normal; display:inline-block; font-size:14px; color:#DFE1E2; text-decoration:line-through;}
.j-price-loop ul li strong{ font-weight:normal; text-decoration:none; color:#DFE1E2; font-size:12px;}

.j-price-loop h4{font-size:32px; color:#DFE1E2; margin-top:5px; position:relative; margin:0px; font-weight:normal; padding-bottom:20px;}
.j-price-loop h4 sup{ font-size:32px; position:absolute; margin:31px 0px 0px -18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.j-price-loop p{ text-align:center; font-size:11px; padding-top:10px; color:#DFE1E2; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.08rem;} 

ul.description{ list-style:none; margin:18px 0px 10px 0px; padding:0px; min-height:70px;}
.description li{ line-height:30px; font-size:14px; color:#DFE1E2;}

.upgrade-select-plan {height: 40px; line-height:38px; background:#DFE1E2; display: inline-block; font-size: 14px; color: #ffffff; text-transform: uppercase; padding: 0 30px 0 30px; border-radius: 100px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.upgrade-select-plan:hover{background:#DFE1E2; text-decoration:none; color: #ffffff;}
.upgrade-select-plan:focus{background:#DFE1E2; color: #ffffff; text-decoration:none;}


.sliver-price h6{ background:url(../images/white-shap.svg) center bottom no-repeat #bac0c8; -webkit-background-size: cover;
    -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sliver-price span{background:none; border:solid 2px #bac0c8; color:#bac0c8;} 	
.sliver-price span strong{color:#bac0c8;}
.sliver-price .description li{ color:var(--grey-dark);}

.sliver-price ul li em{ color:#F64D4A;}
.sliver-price ul li strong{ color:#27C685;}
.sliver-price h4{ color:var(--grey-dark); font-family:Arial, Helvetica, sans-serif; }
.sliver-price p{ color:#677A8E;}
.sliver-price .upgrade-select-plan{ border:solid 2px #9DA6B1; background:none; color:#9DA6B1;}


.yellow-price{ margin-top:-26px;}
.yellow-price h6{ background:url(../images/white-shap.svg) center bottom no-repeat #d39027; -webkit-background-size: cover;
    -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.yellow-price span{background:none; border:solid 2px #d39027; color:#d39027;} 	
.yellow-price span strong{color:#d39027;}
.yellow-price .description li{ color:var(--grey-dark);}
.yellow-price b{ font-weight:normal; font-size:11px; color:#d39027; border:solid 1px #d39027; display:block; letter-spacing:0.2rem; line-height:25px;}

.yellow-price ul li em{ color:#F64D4A;}
.yellow-price ul li strong{ color:#27C685;}
.yellow-price h4{ color:var(--grey-dark); font-family:Arial, Helvetica, sans-serif; }
.yellow-price p{ color:#677A8E;}
.yellow-price .upgrade-select-plan{ border:solid 2px #d39027; background:none; color:#d39027;}



.diamond-price h6{ background:url(../images/white-shap.svg) center bottom no-repeat #6BB5F3; -webkit-background-size: cover;
    -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.diamond-price span{background:none; border:solid 2px #6BB5F3; color:#6BB5F3;} 	
.diamond-price span strong{color:#6BB5F3;}
.diamond-price .description li{ color:var(--grey-dark);}

.diamond-price ul li em{ color:#F64D4A;}
.diamond-price ul li strong{ color:#27C685;}
.diamond-price h4{ color:var(--grey-dark); font-family:Arial, Helvetica, sans-serif; }
.diamond-price p{ color:#677A8E;}
.diamond-price .upgrade-select-plan{ border:solid 2px #6BB5F3; background:none; color:#6BB5F3;}

.j-pay-icon{ width:100%; float:left; text-align:center; padding-top:30px;}
.j-pay-icon ul{list-style:none; margin:15px 0px 0px 0px; padding:0px;}
.j-pay-icon ul li{ line-height:normal; display:inline-block;}
.j-pay-icon ul li a{ font-size:16px; color:var(--grey-dark); padding:0 30px; display:inline-block; text-decoration:none;}
.j-pay-icon ul li a i{ margin:-2px 5px 0 0; float:left;}

.j-compare-sec{ width:100%; float:left; padding:70px 0;}
.j-compare-sec h3{text-align:center; margin:0px; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; }
.j-compare-table{width:100%; float:left;}

.j-compare-table-list{border:solid 1px #e6e9ec !important;}
.j-compare-table-list.table-striped>tbody>tr:nth-of-type(odd){ background:none;}
.j-compare-table-list thead tr th{font-size:11px; font-weight:normal; color:#fff; text-transform:uppercase; text-align:center;}
.j-compare-table-list thead tr th.jc-heading{ border:none;}
.j-compare-table-list thead tr th.jc-heading1{background:#27C685; width:17%;}
.j-compare-table-list thead tr th.jc-heading2{background:#B5BCC4; width:17%;}
.j-compare-table-list thead tr th.jc-heading3{background:#d39027; width:17%;}
.j-compare-table-list thead tr th.jc-heading4{background:#6BB5F3; width:17%;}

.j-compare-table-list tbody tr td{border-left:solid 1px #E6E9EC; font-size:16px; color:var(--grey-dark); padding:13px 0; text-align:center;}
.j-compare-table-list tbody tr td.jc-text1{border-bottom:solid 1px #fff; text-align:right; padding-right:20px; font-size:16px; color:var(--grey-dark); border-top:none;}
.j-compare-table-list tbody tr td.last-t{border-bottom:solid 1px #e6e9ec;}
.j-compare-table-list tbody tr td span{ color:#F64D4A; font-size:16px;}
.j-compare-table-list tbody tr td em{ color:#F64D4A; font-style:normal; color:#27C685;}
.j-compare-table-list tbody tr td.jc-text1 img{ margin-left:10px;}
.j-compare-table-list tbody tr td.jc-text1 strong{font-family:Arial, Helvetica, sans-serif;}
.j-compare-table-list tbody tr td.jc-text2{text-align:center;}
.j-compare-table-list tbody tr td b{ font-weight:normal;}
.j-compare-table-list tbody tr td.jc-text2 b{font-size:25px; color:#DFE1E2; display:block; text-align:center;}
.j-compare-table-list tbody tr td.jc-text3{text-align:center;}
.j-compare-table-list tbody tr td.jc-text3 b{font-size:25px; color:var(--grey-dark); display:block; text-align:center;}
.j-compare-table-list tbody tr td.jc-text4{text-align:center;}
.j-compare-table-list tbody tr td.jc-text4 b{font-size:25px; color:var(--grey-dark); display:block; text-align:center;}
.j-compare-table-list tbody tr td.jc-text5{text-align:center;}
.j-compare-table-list tbody tr td.jc-text5 b{font-size:25px; color:var(--grey-dark); display:block; text-align:center;}
.j-select{ background:#27C685;}
.j-select:hover,.j-select:focus{background:#27C685;}


.j-happy-sec{ width:100%; float:left; text-align:center; padding:0 0 60px 0;}
.j-happy-sec h3{padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; }
.j-user{width:auto; float:left; margin-right:20px;}
.j-user-text{width:77%; float:left; text-align:left;}
.j-user-text p{ font-size:16px; line-height:28px; color:var(--grey-dark);}
.j-user-text ul{list-style:none; margin:0px 0px 12px 0px; padding:0px;}
.j-user-text ul li{line-height:normal; display:inline-block;}
.j-user-text span{ font-size:14px; color:#677A8E;}
.j-user-text span strong{color:var(--grey-dark);}

.j-post-sec{ width:100%; float:left; background:#27C685; padding:50px 0; text-align:center;}
.j-post-sec p{font-size:27px; color:#fff; line-height:45px; padding:0 30px;}
.j-post-sec span{display:block; font-size:20px; color:#fff; padding-top:20px;}
.j-post-free-btn{font-size:16px; color:#27C685; background:#fff; display:inline-block; height:50px; line-height:50px; font-family:Arial, Helvetica, sans-serif; padding:0 40px; margin:15px 0; border-radius:3px; box-shadow:0 2px 3px rgba(0,0,0,0.2)}


.j-feature-sec{width:100%; float:left; padding:50px 0;}
.j-feature-sec h3{text-align:center; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; }

.j-feature-loop{ text-align:center; margin:15px 0;}
.j-feature-loop h4{font-size:20px; margin-bottom:0px; padding:10px 0px 5px 0px;}
.j-feature-loop p{ font-size:16px; color:#677A8E; padding:0 40px;}


.j-question-sec{width:100%; float:left; background:#ffffff; padding:60px 0;}
.j-question-sec h3{ text-align:center; padding-bottom:30px; color:var(--grey-dark); font-family:Arial, Helvetica, sans-serif; }
.j-question-list{ background:none; box-shadow:none; padding:0 20px;}
.j-question-list h5{ font-size:19px; color:var(--grey-dark); font-weight:normal;}
.j-question-list p{ font-size:16px; color:#6a7c8f; font-weight:normal;}

.j-front-new-up{width: 100%; float: left; margin:15px 0;}
.j-front-new-up h6 { font-size: 16px;color: #ffffff; padding-bottom: 5px; text-transform: none; letter-spacing: 1px; font-weight: normal;}
.j-front-new-up ul {list-style: none; margin: 0; padding: 0;}
.j-front-new-up ul li {line-height: normal; width: 25%; float: left; letter-spacing: -0.03rem;}
.j-front-new-up ul li a {font-size: 14px; color: #8E9698; line-height: 28px; text-decoration:none;}
.j-front-new-up ul li a:hover{opacity: 0.7; color:#fff;}

.footer {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dce0e0;
    border-radius: 3px 3px 0 0;
    bottom: 0;
    box-sizing: border-box;
    float: left;
    margin-bottom: 0;
    min-height: auto;
    padding: 15px;
    position: relative;
    text-align: left;
    width: 100%;
}
.footer i {
    width: 80%;
    font-style: normal;
    float: left;
	font-size: 14px;
}
.footer a {
    color: #565a5c !important;
    text-decoration: none;
}
.footer span {
    font-size: 12px;
    margin: 15px 0 0 0;
	float: right;
}

/******************Employer Landing page Start css*************/
.offer-green{background:#27C685;}
.j-employer-sec{width:100%; float:left; background:#F1F1F1; padding:25px 0 50px 0; margin:-45px 0 0 0;}
.emp-add{width:100%; float:left;}

.header-emp-add{ width:900px; margin:0 auto; float:none;}
.j-employer-container{max-width:950px; margin:0 auto;width:100%; }
.j-employer-head{width:100%; float:left; background:#fff; padding:15px 20px; box-sizing:border-box; margin-top:25px; border-radius:3px;}
.j-employer-left{width:110px; float:left;}
.j-employer-left img{ width:100%;}
.j-employer-right{margin-left:30px; width:80%; float:left;}
.j-employer-right h5{font-size:25px; font-weight:normal; line-height:33px; border-bottom:solid 1px #eeeeee; padding-bottom:10px; margin-top:0px;}
.j-employer-right h5 br{ display: none;}
.j-employer-right h5 span{ color:#27C685;} 
.j-employer-right ul{list-style:none; margin:0px 0px 0px -10px; padding:0px;}
.j-employer-right ul li{line-height:normal; display:inline-block;}
.j-employer-right ul li a{font-size:11px; text-transform:uppercase; color:var(--grey-dark); text-decoration:none; padding:0 15px 0 10px; background:url(../home-image/emp-pagin-arrow.svg) right 2px no-repeat;}
.j-employer-right ul li a.active{ color:#677a8e;}

.j-employer-detail{ width:100%; float:left; margin-top:25px;}
.j-employer-left-panel{ background:#fff; padding:0px 0px 40px 0px; float:left; border-radius:3px;}

.j-form-step-one{padding:0px; width:100%; float:left;}
.j-form-step-one h5{font-size:22px; color:var(--grey-dark); font-weight:normal; padding-bottom:5px; margin-top:0px;}
.j-form-step-one h6{font-size:16px; color:var(--grey-dark); font-weight:normal; padding-bottom:0px; margin-top:0px;}
.j-margin-bot{ margin-bottom:15px; position:relative;}
.j-form-input{width:94%; float:left; color:#677a8e; height:45px; line-height:45px; border:solid 1px #C2C2C2; font-size:16px; border-radius:3px; padding:0 20px;}

.j-form-input-one{width:88%; float:left; color:#677a8e;  height:45px; line-height:45px; /*border:solid 1px var(--grey-dark);*/ font-size:16px; border-radius:3px; padding:0 20px;}
.j-form-input-two{width:94.5%; float:left; color:#677a8e; height:45px; line-height:45px; /*border:solid 1px var(--grey-dark);*/ font-size:16px; border-radius:3px; padding:0 20px;}


.first-step{ padding:30px 30px 50px 30px; border-bottom:solid 1px #F2F2F2; width:100%; float:left;}
.first-step-up{ padding:50px 30px 40px 30px; border-bottom:solid 1px #F2F2F2; width:100%; float:left;}

.j-form-input-one::-webkit-input-placeholder {
color:#677a8e !important;
}
.j-form-input-one::-moz-placeholder {
color:#677a8e !important;
}
.j-form-input-one:-ms-input-placeholder {
color:#677a8e !important;
}
.j-form-input-one:-moz-placeholder {
color:#677a8e !important;
}

.j-form-input-two::-webkit-input-placeholder {
color:#677a8e !important;
}
.j-form-input-two::-moz-placeholder {
color:#677a8e !important;
}
.j-form-input-two:-ms-input-placeholder {
color:#677a8e !important;
}
.j-form-input-two:-moz-placeholder {
color:#677a8e !important;
}

.j-form-right::-webkit-input-placeholder {
color:#677a8e !important;
}
.j-form-input-two::-moz-placeholder {
color:#677a8e !important;
}
.j-form-right:-ms-input-placeholder {
color:#677a8e !important;
}
.j-form-right:-moz-placeholder {
color:#677a8e !important;
}

.j-form-input::-webkit-input-placeholder {
color:#677a8e !important;
}
.j-form-input-two::-moz-placeholder {
color:#677a8e !important;
}
.j-form-input:-ms-input-placeholder {
color:#677a8e !important;
}
.j-form-input:-moz-placeholder {
color:#677a8e !important;
}



.j-margin-bot span{ margin:10px 0 0 12px; display:inline-block;}
.j-margin-bot img{ width:100%;}
.j-margin-bot p{ font-size:12px; color:#677a8e; margin:-8px 0 0 0;}
.j-margin-bot p b{ font-weight:normal;}
.j-margin-bot p span{ padding:0px; margin:0px;}
.j-margin-bot em{ float:right; color:#27C685; text-decoration:underline; font-style:normal;}
.j-margin-bot em a{color:#27C685;}
.j-margin-bot em b{ font-weight:normal;}
.j-form-drop{ width:87.2%; float:left;
/*border: solid 1px var(--grey-dark);*/
    border-radius: 3px;
    padding:0 40px 0 20px;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #677a8e;
    background: url(../home-image/drop_arrow.svg) center right no-repeat #fff;
    position: relative;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
.jr-input{ padding:0 20px 0 50px;}	
.j-rupee-icon{ position:absolute; z-index:1; width:40px; background:#F8F8F8; height:43px; line-height:43px; text-align:center; top:1px; left:16px; border-radius:3px 0 0px 3px;}
.j-rupee-icon img{ width:auto;}

.j-form-left{width:85px; float:left; color:var(--grey-dark); height:45px; line-height:45px; font-size:16px; border-radius:3px 0px 0px 3px; padding:0 10px 0 40px; border-right:none; background:url(../home-image/india-flag.svg) 13px 14px  no-repeat #f8f8f8;}
.j-form-right{width:56.5%; float:left; height:45px; line-height:45px; border-radius:0px 3px 3px 0px; font-size:16px;}


.j-form-step-two{ padding-top:15px;}
.j-form-step-two ul{ list-style:none; margin:0px 0px 15px 0px; padding:0px;}
.j-form-step-two ul li{ line-height:normal; display:inline-block; margin-right:20px;}
.j-form-step-two ul li label{ font-size:16px; color:#28435F; font-weight:normal;}
.j-check{ margin-right:3px !important;}

.j-form-step-three{ padding-top:15px;}
.j-form-step-three p{font-size:13px; color:#677a8e; margin:-7px 0 15px 0;}
.j-form-step-three ul{list-style:none; margin:0px 0px 0px 0px; padding:0px; display: inline-block;}
.j-form-step-three ul li{ line-height:normal; display:inline-block;}
.j-form-step-three ul li a{ height:26px; line-height:24px; border:solid 1px #c2c2c2; border-radius:100px; display:inline-block; font-size:14px; color:#677a8e; padding:0 10px; margin:4px 2px; text-decoration:none;}
.j-form-step-three ul li a:hover{ border: solid 1px #27c685; color:#27c685; background:none;}
.j-form-step-three ul li a.active{ background:#27c685; color:#fff; border-color:#27c685;}


.advanced-sec{ width:100%; float:left; padding:50px 41px 50px 41px;}
.advance-loop h6{ font-size:13px; color:#fff; background:#bac0c8; height:25px; line-height:25px; text-align:center; text-transform:uppercase; border-radius:3px 3px 0px 0; margin-bottom:0px; letter-spacing:0.1rem;}
.advanced-sec h5{ margin-left:-10px;}
.advance-body-text{ border:solid 1px #D6D6D6; border-top:none; border-radius:0px 0px 3px 3px; padding-bottom:15px; text-align:center;}
.advance-body-text span{ background:#f9fafa; display:block; padding:15px 10px; text-align:center; font-size:22px; letter-spacing:0.06rem;}
.advance-body-text span b{ font-size:11px; color:#27C685;  font-family:Arial, Helvetica, sans-serif; display:block; padding-top:5px;}
.advance-body-text span b em{ font-style:normal; text-decoration: line-through; color:#F64D4A;}
.advance-body-text ul{ list-style:none; margin:0px; padding:15px 0px 15px 0px; text-align:center; height:90px;}
.advance-body-text ul li{ line-height:24px; font-size:13px; color:#677A8E;}
.advance-body-text label{text-align:center; font-weight:normal; display: inline-block; font-size:14px; border:solid 1px #677A8E; height:30px; line-height:30px; border-radius:100px; padding:0 15px; margin-top:10px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#677A8E; position:relative;}
.advance-body-text label b{font-family:Arial, Helvetica, sans-serif; font-weight: normal;}
.advance-body-text label i{width:15px; height:16px; background:url(../home-image/first-check-inside.svg) left top  no-repeat; display:inline-block; float:left; margin:6px 7px 0 0}   
.advance-loop.active .advance-body-text label i{ background:url(../home-image/first-check-inside.svg) left -16px no-repeat; }

.advance-body-text .j-select-btn{ background:#d39027; color:#fff; border-color:#d39027;}
.j-radio{    float: left;  margin: 8px 5px 0px 0px !important; visibility: hidden; position: absolute;}
.a-silver h6{ background:#bac0c8;}
.a-silver span{ background:#f9fafa;}

.a-gold h6{ background:#bac0c8;}
.a-gold span{ background:#f9fafa;}
.ad-mid{padding:0px 6px 0px 6px;}

.j-happy-sec .j-pay-icon{ padding:40px 0px 50px 0px;}


.advance-loop.active h6{background:#d39027; color:#ffffff;}
.advance-loop.active .advance-body-text{border:solid 1px #d39027; border-top: none;}
.advance-loop.active .advance-body-text label{border:solid 1px #d39027; background:#d39027; color:#ffffff;}

.advance-loop.first-active h6{background:#d39027; color:#ffffff;}

.advance-loop.first-active .advance-body-text{border:solid 1px #d39027; border-top: none;}
.advance-loop.first-active .advance-body-text label{border:solid 1px #ffffff; background:none; color:#d39027;}
/*
.a-silver.active .advance-body-text{border:solid 1px #bac0c8; border-top: none;}
.a-silver.active .advance-body-text label{border:solid 1px #bac0c8; background:#bac0c8; color:#ffffff;}*/

.a-gold.active .advance-body-text{border:solid 1px #d39027; border-top: none;}
.a-gold.active .advance-body-text label{border:solid 1px #d39027; background:#d39027; color:#ffffff;}

.j-toll-free{width:100%; float:left; background:#fff; height:50px; line-height:50px; padding:0 24px; border-radius:3px;}
.j-toll-free a{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:var(--grey-dark); text-decoration:none;}
.j-toll-free a i{ margin-right:8px; float:left;}

.j-order{ width:100%; float:left; margin-top:15px; background:#fff; border-radius:3px; margin-bottom:15px; padding:24px;}
.j-order h5{ font-size:16px; color:#28435f; font-family:Arial, Helvetica, sans-serif;  padding:0px; margin:0px 0 10px 0;}
.j-order h5 i{ margin-right:5px;}
.j-order ul{list-style:none; margin:0px; padding:0px;}
.j-order ul li{ line-height:30px;}
.j-order ul li a{font-size:14px; color:#66798d; text-decoration:none; padding:0 0px; display:block;}
.j-order ul li a em{ color:#d39027; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.j-order ul li a:hover{ background:#f9fafa;}
.j-order ul li a i{ margin-right:3px; width:15px; height:15px; /*background:url(../home-image/order-check.svg) left 6px no-repeat;*/ display:inline-block; font-style:normal;}
.j-order iframe{ width:100% !important;}
/*.j-order ul li a:hover i{background:url(../home-image/order-cancel.svg) left 6px no-repeat;}
.j-order ul li:first-child a:hover i{background:url(../home-image/order-check.svg) left 6px no-repeat;}*/

.j-order ul li span{font-size:14px; font-size:14px; color:#66798d; float:right; padding-right:0px; margin:-31px 0 0 0;}
.j-total{width:100%; float:left; margin:12px 0 0px 0; padding:8px 0px 0px 0px; font-size:16px; color:#d39027; line-height:35px; border-radius:0 0px 3px 3px; border-top: solid 1px #ececec; font-family:Arial, Helvetica, sans-serif;}
.j-total span{ float:right; font-size:16px; color:#d39027; font-family:Arial, Helvetica, sans-serif;}
.j-pulish-btn{ width:100%; float:left; padding:0 30px;}
.j-pulish-btn .signup_form_submit{background:#27C685;height:45px; line-height:45px; display:block; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border-radius:3px; padding:0 20px; text-align:center; width:100%; border:none; margin-top:10px; text-align:left;}  
.j-pulish-btn .signup_form_submit:hover{ background:#1db376;}
.j-pulish-btn .signup_form_submit i{ float:right; margin:-2px 0 0 0;}
.j-pulish-btn-one .signup_form_submit{ height:50px; line-height:50px; font-size:18px; width:100%; border:none; text-align:left;}
.j-pulish-btn-one .signup_form_submit i{ float:right; margin:-2px 0 0 0;}

.t-pay-list ul{list-style:none; margin:0px; padding:0px;}
.t-pay-list ul li{line-height:normal; display:inline-block; margin:0 1px 0 0px; background:#ffffff; border-radius:3px; padding:5px 9px;}


.t-pay-secure-icon ul{ list-style:none; margin:5px 0px 0px 0px; padding:0px;}
.t-pay-secure-icon ul li{line-height:20px; display:block; font-size:14px; color:#677a8e; padding:10px 0 0 0;}
.t-pay-secure-icon ul li i{ float:left; margin:-1px 6px 0 0;}

.startup-list li{margin: 10px 11px 0 !important; display:inline-block !important; width: 12% !important;}


.job-list-main{ width: 100%; float: left; padding:50px 0 100px 0; }
.job-list-container{max-width: 1070px;margin: 0 auto; width: 100%;}
.job-list-add img{ width: 100%; }

/******************Employer Landing page End css*************/

.j-unlock-sec{width:100%; float:left; padding:0px; border:none;}
.j-unlock-head{ width:100%; float:left;  padding:50px 30px 43px 30px; margin:-1px 0 0 0; border-top:solid 1px #F1F1F1;}
.j-addon-head{ padding-bottom:15px;}
.j-addon-head h5{ float:left; margin:0px; padding:0px;}
.shape-check{ width:auto; float:left;}
.shape-btn{border-top: 25px solid var(--blue); border-left:10px solid transparent; height: 0; width: auto; float:left; position:relative; padding:0 15px 0 15px; margin-left:0px; position:relative;}
.shape-btn p{padding:0px; margin:0 0 0 0; font-size:14px; color:#677A8E; line-height:27px;}
.shape-btn p label{font-weight: normal;display: inline-block; font-size: 14px; cursor: pointer; color: #677A8E;}
.shape-btn p label i{width: 15px; height: 16px; background: url(../home-image/first-check-inside.svg) left top no-repeat;
 display: inline-block; float: left; margin: 6px 5px 0 0;}
.j-unlock-head.active .shape-btn p label i{background: url(../home-image/first-check-inside.svg) left -16px no-repeat;}

.shape-btn p label input{ visibility:hidden; position:absolute;}
.j-unlock-head i{ margin-left:15px; font-style:normal;}
.j-unlock-head span{ font-size:14px; color:var(--grey-dark); padding-left:10px;}
.j-unlock-head span b{font-size: 11px; color: #27C685;font-family:Arial, Helvetica, sans-serif; padding: 5px 0 0 3px;}
.j-unlock-head span b em{    font-style: normal; text-decoration: line-through; color: #F64D4A; display:inline-block; float:none;}	

.j-unlock-head.active .shape-btn{ background:#d39027; border:solid 1px #d39027; color:#ffffff;}
.j-unlock-head.active .shape-btn p label{  color:#ffffff;}

.j-unlock-head em{ font-size:11px; color:#677A8E; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-style:normal; float:right; line-height:25px;}
.j-unlock-list{width:100%; float:left; padding:0 41px 50px 41px;}
.j-unlock-loop{ border:solid 1px #C5D2DE; border-radius:3px; text-align:center; padding:0 0 15px 0; margin-bottom:0px;}
.j-unlock-loop span{ background:#f8f8f8; display:block; padding:10px 15px; text-align:left; font-size:22px; float:right; font-style:normal; width:100%;}
.j-unlock-loop b{ font-size:13px; color:#677A8E; font-weight:normal; display:block; margin:-3px 0 0 0;}
.j-unlock-loop ul{list-style:none; margin:15px 15px; padding:0px; float:left;}
.j-unlock-loop ul li{ line-height:normal; font-size:13px; color:#677A8E; line-height:22px; text-align:left;}
.j-unlock-loop label {font-weight: normal; display: inline-block; font-size: 14px;  border: solid 1px #677A8E;  height: 30px;
    line-height: 30px; border-radius: 100px; padding: 0 15px; margin-top: 10px;  cursor: pointer; color:#677A8E;}
.j-unlock-loop label pre{font-size: 14px; background: none; border: none;  padding: 0px; line-height: 28px; margin: 0px; color:#677A8E; letter-spacing:0px;}	
.j-unlock-loop label i{width: 15px; height: 16px;background: url(../home-image/first-check-inside.svg) left top no-repeat;
    display: inline-block; float: left; margin:6px 5px 0 0;}
.j-unlock-loop.active label i{background: url(../home-image/first-check-inside.svg) left -16px no-repeat;}

.j-unlock-loop em{ font-size:22px; float:right; font-style:normal; margin:-37px 0 0 0;}	
.j-unlock-loop.active{ border:solid 1px #d39027;}
.j-unlock-loop.active span{ background:#d39027; color:#fff;}
.j-unlock-loop.active b{ color:#fff;}
.j-unlock-loop.active label{ background:#d39027; border:solid 1px #d39027; color:#ffffff;} 
.j-unlock-loop.active label pre{ color:#ffffff;}

.j-unlock-feature .shape-btn{ border:1px solid #677A8E; color:#677A8E; height:30px; line-height:30px; border-radius:100px;}
.j-unlock-make .shape-btn{ border:1px solid #677A8E; color:#677A8E; height:30px; line-height:30px;  border-radius:100px;}
.j-unlock-bottom-txt{ width:100%; float:left;}
.j-unlock-bottom-txt p{ font-size:14px; color:#677A8E; padding-top:6px; margin-bottom:0px;}
.btn-text{ font-size:14px; color:#677A8E; display:block; float:left; padding:20px 30px 0 30px;}
.btn-text a{ color:#27C685;}

.jj_cat_desc ul {
    list-style: disc;
    padding: 0 0 15px 0px;
}
.jj_cat_desc ul li {
    display: block;
    padding: 0px;
        padding-left: 0px;
    border: none;
}
.jj_cat_desc ul li {
    line-height: 30px;
    color: #565a5c;
    font-size: 16px;
    background: url(../dashborad-images/bult.svg) left 13px no-repeat;
    padding-left: 20px;
}

.bio-list span.list-left {
    width: 40px;
    height: 40px;
    border: solid 1px #848a8c;
    border-radius: 50px;
    font-size: 17px;
    color: #565a5c;
    text-align: center;
    line-height: 40px;
    padding: 0 !important;
    margin:16px 20px 0 0;
    float: left;
}

.benefit li a {
    font-size: 13px;
    color: #565a5c;
    background: #f5f5f5;
    line-height: 30px;
    display: block;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    padding: 0 15px 0 15px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
}
.benefit li a.active {
    color: #fff;
    border: solid 1px #27c685;
    background: #27c685;
}

.benifit-input {
    display: none !important;
}

.benefit li{ line-height:normal; float:left; width:22.9%; margin:0 7px 10px;}
.benefit li a{ font-size:13px; color:#565a5c; background:#f5f5f5; line-height:30px; display:block; border:solid 1px #e5e5e5;
border-radius:3px; padding:0 15px 0 15px; text-decoration:none; -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
.benefit li a:hover{ color:#fff; border:solid 1px #27c685; background:#27c685;}
.benefit li a i{ width:18px; height:20px; background:url(../dashborad-images/benifit-icon-new.svg) left top no-repeat; display:block; float:left; margin:5px 4px 0 0;}
.benefit li a span{ width:8px; height:6px; display:block; float:right; margin:13px 8px 0 0;}
/*.benefit li a:hover span{ background:url(../dashborad-images/benefit-right.png) left top no-repeat;}*/
.benefit li a i.b-icon1{background-position:left top;}
.benefit li a i.b-icon2{background-position:-44px top;}
.benefit li a i.b-icon3{background-position:-91px top;}
.benefit li a i.b-icon4{background-position:-131px top;}
.benefit li a i.b-icon5{background-position:left -38px; width:22px;}
.benefit li a i.b-icon6{background-position:-44px -38px;}
.benefit li a i.b-icon7{background-position:-91px -38px;}
.benefit li a i.b-icon8{background-position:-131px -38px;}
.benefit li a i.b-icon9{background-position:left -78px;}
.benefit li a i.b-icon10{background-position:-44px -78px;}
.benefit li a i.b-icon11{background-position:-89px -78px;}
.benefit li a i.b-icon12{background-position:-131px -78px;}
.benefit li a i.b-icon13{background-position:left -119px;}
.benefit li a i.b-icon14{background-position:-44px -119px;}
.benefit li a i.b-icon15{background-position:-91px -119px;}
.benefit li a i.b-icon16{background-position:-131px -119px;}
.benefit li a i.b-icon17{background-position:left -154px;}
.benefit li a i.b-icon18{background-position:-44px -154px;}
.benefit li a i.b-icon19{background-position:-91px -154px;}
.benefit li a i.b-icon20{background-position:-131px -154px;}
.benefit li a i.b-icon21{background-position:left -189px;}
.benefit li a i.b-icon22{background-position:-44px -189px;}
.benefit li a:hover i.b-icon1{ background-position:left -224px;}
.benefit li a:hover i.b-icon2{ background-position:-44px -224px;}
.benefit li a:hover i.b-icon3{ background-position:-91px -224px;}
.benefit li a:hover i.b-icon4{ background-position:-131px -224px;}
.benefit li a:hover i.b-icon5{ background-position:left -262px;}
.benefit li a:hover i.b-icon6{ background-position:-44px -262px;}
.benefit li a:hover i.b-icon7{ background-position:-91px -262px;}
.benefit li a:hover i.b-icon8{ background-position:-131px -262px;}
.benefit li a:hover i.b-icon9{ background-position:left -302px;}
.benefit li a:hover i.b-icon10{ background-position:-44px -302px;}
.benefit li a:hover i.b-icon11{ background-position:-89px -302px;}
.benefit li a:hover i.b-icon12{ background-position:-131px -302px;}
.benefit li a:hover i.b-icon13{background-position:left -343px;}
.benefit li a:hover i.b-icon14{background-position:-44px -343px;}
.benefit li a:hover i.b-icon15{background-position:-91px -343px;}
.benefit li a:hover i.b-icon16{background-position:-131px -343px;}
.benefit li a:hover i.b-icon17{background-position:left -378px;}
.benefit li a:hover i.b-icon18{background-position:-44px -378px;}
.benefit li a:hover i.b-icon19{background-position:-91px -378px;}
.benefit li a:hover i.b-icon20{background-position:-131px -378px;}
.benefit li a:hover i.b-icon21{background-position:left -413px;}
.benefit li a:hover i.b-icon22{background-position:-44px -413px;}
.benefit li a.active i.b-icon1{ background-position:left -224px;}
.benefit li a.active i.b-icon2{ background-position:-44px -224px;}
.benefit li a.active i.b-icon3{ background-position:-91px -224px;}
.benefit li a.active i.b-icon4{ background-position:-131px -224px;}
.benefit li a.active i.b-icon5{ background-position:left -262px;}
.benefit li a.active i.b-icon6{ background-position:-44px -262px;}
.benefit li a.active i.b-icon7{ background-position:-91px -262px;}
.benefit li a.active i.b-icon8{ background-position:-131px -262px;}
.benefit li a.active i.b-icon9{ background-position:left -302px;}
.benefit li a.active i.b-icon10{ background-position:-44px -302px;}
.benefit li a.active i.b-icon11{ background-position:-89px -302px;}
.benefit li a.active i.b-icon12{ background-position:-131px -302px;}
.benefit li a.active i.b-icon13{background-position:left -343px;}
.benefit li a.active i.b-icon14{background-position:-44px -343px;}
.benefit li a.active i.b-icon15{background-position:-91px -343px;}
.benefit li a.active i.b-icon16{background-position:-131px -343px;}
.benefit li a.active i.b-icon17{background-position:left -378px;}
.benefit li a.active i.b-icon18{background-position:-44px -378px;}
.benefit li a.active i.b-icon19{background-position:-91px -378px;}
.benefit li a.active i.b-icon20{background-position:-131px -378px;}
.benefit li a.active i.b-icon21{background-position:left -413px;}
.benefit li a.active i.b-icon22{background-position:-44px -413px;}

.j-form-step-three{ width:100%; float:left;}
.j-form-step-three ul li { width:auto; float:left; margin:0 1px 0px;}
.j-form-step-three ul li a{ background: none; margin:3px 4px 3px 0px;}
.j-form-step-three ul li a span{ margin:0 0 0 -10px;}

input.input-error-land {
    border: solid 1px #e74c3c;}
	
input.input-success-land {
    border: solid 1px #27c685;
}	

select.input-error-land {
    border: solid 1px #e74c3c;}
	
select.input-success-land {
    border: solid 1px #27c685;
}	

.mce-branding{ display: none !important;}

.rightSidebar .j-pulish-btn{ padding:0px;}

.search_text{ color:var(--blue) !important; margin:0 0 0 10px;}
.search_text img{ margin:-1px 0 0 0;}
.wait-popup{ text-align:center; padding:0px; margin:0px;}
.wait-popup h3{ font-size:22px; margin:15px 0px 0px 0px !important; padding:0px !important;}


.j-toll-free-m{display:none;}
.j-employer-right-m{display:none;}
.j-pulish-btn-m{ display:none;}
.btn-text-m{ display:none;}

.h-search .ui.selection.dropdown{ padding:20px 10px 30px 10px;}
.h-search .search{ height:50px;}
.h-search .search-job-btn{ height:50px; line-height:40px;}
.h-search .j-location-icon{ left:20px; top:17px;}



.home-old-main .h-search .search-job-btn{ height:64px; line-height:50px;}
.home-old-main .home-categorie{ padding:45px 0 85px 0;}

[class*="hint--"] {
position:relative
}
[class*="hint--"]:before, [class*="hint--"]:after {
	position: absolute;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	visibility: hidden;
	opacity: 0;
	z-index: 1000000;
	pointer-events: none;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	transition: .3s ease;
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	transition-delay: 0
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms
}
[class*="hint--"]:before {
	content: '';
	position: absolute;
	background: transparent;
	border: 6px solid transparent;
	z-index: 1000001
}
[class*="hint--"]:after {
	background: #223140;
	color: #fff;
	padding: 8px 10px;
	font-size: 12px;
	font-weight: 400;
	
	line-height: 12px;
	white-space: nowrap; letter-spacing:0.05rem;
	text-transform: none
}
[class*="hint--"][aria-label]:after {
	content: attr(aria-label)
}
[class*="hint--"][data-hint]:after {
	content: attr(data-hint)
}
[aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after {
	display: none!important
}
.hint--top-left:before {
	border-top-color: #223140
}
.hint--top-right:before {
	border-top-color: #223140
}
.hint--top:before {
	border-top-color: #223140
}
.hint--bottom-left:before {
	border-bottom-color: #223140
}
.hint--bottom-right:before {
	border-bottom-color: #223140
}
.hint--bottom:before {
	border-bottom-color: #223140
}
.hint--left:before {
	border-left-color: #223140
}
.hint--right:before {
	border-right-color: #223140
}
.hint--top:before {
	margin-bottom: -11px
}
.hint--top:before, .hint--top:after {
	bottom: 100%;
	left: 50%
}
.hint--top:before {
	left: calc(50% - 6px)
}
.hint--top:after {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}
.hint--top:hover:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}
.hint--top:hover:after {
	-webkit-transform: translateX(-50%) translateY(-8px);
	-moz-transform: translateX(-50%) translateY(-8px);
	transform: translateX(-50%) translateY(-8px)
}
.hint--bottom:before {
	margin-top: -11px
}
.hint--bottom:before, .hint--bottom:after {
	top: 100%;
	left: 50%
}
.hint--bottom:before {
	left: calc(50% - 6px)
}
.hint--bottom:after {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}
.hint--bottom:hover:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}
.hint--bottom:hover:after {
	-webkit-transform: translateX(-50%) translateY(8px);
	-moz-transform: translateX(-50%) translateY(8px);
	transform: translateX(-50%) translateY(8px)
}
.hint--right:before {
	margin-left: -11px;
	margin-bottom: -6px
}
.hint--right:after {
	margin-bottom: -14px
}
.hint--right:before, .hint--right:after {
	left: 100%;
	bottom: 50%
}
.hint--right:hover:before {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	transform: translateX(8px)
}
.hint--right:hover:after {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	transform: translateX(8px)
}
.hint--left:before {
	margin-right: -11px;
	margin-bottom: -6px
}
.hint--left:after {
	margin-bottom: -14px
}
.hint--left:before, .hint--left:after {
	right: 100%;
	bottom: 50%
}
.hint--left:hover:before {
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
	transform: translateX(-8px)
}
.hint--left:hover:after {
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
	transform: translateX(-8px)
}
.hint--top-left:before {
	margin-bottom: -11px
}
.hint--top-left:before, .hint--top-left:after {
	bottom: 100%;
	left: 50%
}
.hint--top-left:before {
	left: calc(50% - 6px)
}
.hint--top-left:after {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
	margin-left: 12px
}
.hint--top-left:hover:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}
.hint--top-left:hover:after {
	-webkit-transform: translateX(-100%) translateY(-8px);
	-moz-transform: translateX(-100%) translateY(-8px);
	transform: translateX(-100%) translateY(-8px)
}
.hint--top-right:before {
	margin-bottom: -11px
}
.hint--top-right:before, .hint--top-right:after {
	bottom: 100%;
	left: 50%
}
.hint--top-right:before {
	left: calc(50% - 6px)
}
.hint--top-right:after {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
	margin-left: -12px
}
.hint--top-right:hover:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}
.hint--top-right:hover:after {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}
.hint--bottom-left:before {
	margin-top: -11px
}
.hint--bottom-left:before, .hint--bottom-left:after {
	top: 100%;
	left: 50%
}
.hint--bottom-left:before {
	left: calc(50% - 6px)
}
.hint--bottom-left:after {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
	margin-left: 12px
}
.hint--bottom-left:hover:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}
.hint--bottom-left:hover:after {
	-webkit-transform: translateX(-100%) translateY(8px);
	-moz-transform: translateX(-100%) translateY(8px);
	transform: translateX(-100%) translateY(8px)
}
.hint--bottom-right:before {
	margin-top: -11px
}
.hint--bottom-right:before, .hint--bottom-right:after {
	top: 100%;
	left: 50%
}
.hint--bottom-right:before {
	left: calc(50% - 6px)
}
.hint--bottom-right:after {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
	margin-left: -12px
}
.hint--bottom-right:hover:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}
.hint--bottom-right:hover:after {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}
.hint--small:after, .hint--medium:after, .hint--large:after {
	white-space: normal;
	line-height: 1.4em;
	word-wrap: break-word
}
.hint--small:after {
	width: 80px
}
.hint--medium:after {
	width: 150px
}
.hint--large:after {
	width: 300px
}
[class*="hint--"]:after {
	box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
	text-align: center;
	text-indent: 0
}
.hint--error:after {
	background-color: #b34e4d;
	text-shadow: 0 -1px 0 #592726
}
.hint--error.hint--top-left:before {
	border-top-color: #b34e4d
}
.hint--error.hint--top-right:before {
	border-top-color: #b34e4d
}
.hint--error.hint--top:before {
	border-top-color: #b34e4d
}
.hint--error.hint--bottom-left:before {
	border-bottom-color: #b34e4d
}
.hint--error.hint--bottom-right:before {
	border-bottom-color: #b34e4d
}
.hint--error.hint--bottom:before {
	border-bottom-color: #b34e4d
}
.hint--error.hint--left:before {
	border-left-color: #b34e4d
}
.hint--error.hint--right:before {
	border-right-color: #b34e4d
}
.hint--warning:after {
	background-color: #c09854;
	text-shadow: 0 -1px 0 #6c5328
}
.hint--warning.hint--top-left:before {
	border-top-color: #c09854
}
.hint--warning.hint--top-right:before {
	border-top-color: #c09854
}
.hint--warning.hint--top:before {
	border-top-color: #c09854
}
.hint--warning.hint--bottom-left:before {
	border-bottom-color: #c09854
}
.hint--warning.hint--bottom-right:before {
	border-bottom-color: #c09854
}
.hint--warning.hint--bottom:before {
	border-bottom-color: #c09854
}
.hint--warning.hint--left:before {
	border-left-color: #c09854
}
.hint--warning.hint--right:before {
	border-right-color: #c09854
}
.hint--info:after {
	background-color: #3986ac;
	text-shadow: 0 -1px 0 #1a3c4d
}
.hint--info.hint--top-left:before {
	border-top-color: #3986ac
}
.hint--info.hint--top-right:before {
	border-top-color: #3986ac
}
.hint--info.hint--top:before {
	border-top-color: #3986ac
}
.hint--info.hint--bottom-left:before {
	border-bottom-color: #3986ac
}
.hint--info.hint--bottom-right:before {
	border-bottom-color: #3986ac
}
.hint--info.hint--bottom:before {
	border-bottom-color: #3986ac
}
.hint--info.hint--left:before {
	border-left-color: #3986ac
}
.hint--info.hint--right:before {
	border-right-color: #3986ac
}
.hint--success:after {
	background-color: #458746;
	text-shadow: 0 -1px 0 #1a321a
}
.hint--success.hint--top-left:before {
	border-top-color: #458746
}
.hint--success.hint--top-right:before {
	border-top-color: #458746
}
.hint--success.hint--top:before {
	border-top-color: #458746
}
.hint--success.hint--bottom-left:before {
	border-bottom-color: #458746
}
.hint--success.hint--bottom-right:before {
	border-bottom-color: #458746
}
.hint--success.hint--bottom:before {
	border-bottom-color: #458746
}
.hint--success.hint--left:before {
	border-left-color: #458746
}
.hint--success.hint--right:before {
	border-right-color: #458746
}
.hint--always:after, .hint--always:before {
	opacity: 1;
	visibility: visible
}
.hint--always.hint--top:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}
.hint--always.hint--top:after {
	-webkit-transform: translateX(-50%) translateY(-8px);
	-moz-transform: translateX(-50%) translateY(-8px);
	transform: translateX(-50%) translateY(-8px)
}
.hint--always.hint--top-left:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}
.hint--always.hint--top-left:after {
	-webkit-transform: translateX(-100%) translateY(-8px);
	-moz-transform: translateX(-100%) translateY(-8px);
	transform: translateX(-100%) translateY(-8px)
}
.hint--always.hint--top-right:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}
.hint--always.hint--top-right:after {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}
.hint--always.hint--bottom:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}
.hint--always.hint--bottom:after {
	-webkit-transform: translateX(-50%) translateY(8px);
	-moz-transform: translateX(-50%) translateY(8px);
	transform: translateX(-50%) translateY(8px)
}
.hint--always.hint--bottom-left:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}
.hint--always.hint--bottom-left:after {
	-webkit-transform: translateX(-100%) translateY(8px);
	-moz-transform: translateX(-100%) translateY(8px);
	transform: translateX(-100%) translateY(8px)
}
.hint--always.hint--bottom-right:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}
.hint--always.hint--bottom-right:after {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}
.hint--always.hint--left:before {
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
	transform: translateX(-8px)
}
.hint--always.hint--left:after {
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
	transform: translateX(-8px)
}
.hint--always.hint--right:before {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	transform: translateX(8px)
}
.hint--always.hint--right:after {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	transform: translateX(8px)
}
.hint--rounded:after {
	border-radius: 4px
}
.hint--no-animate:before, .hint--no-animate:after {
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	transition-duration: 0
}
.hint--bounce:before, .hint--bounce:after {
	-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(0.71, 1.7, 0.77, 1.24)
}

/************************Searah page html Start Here**************************/



.nav-mid{ width:500px; display:inline-block; margin:15px 0 0 80px;}

.search-head-input{ width:250px; border:solid 1px #C8CFD6; height:44px; line-height:44px; border-right:none; float:left; box-shadow:none;}
.search-head-drop{width: 180px;
    border-radius: 0px; float:left;
    background: url(../home-image/location-arrow.svg) right 19px no-repeat #fff;
    padding: 0 25px 0 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    height:44px; border:solid 1px #C8CFD6;
    line-height:44px;
    text-align: left;
    appearance: none;
    font-size: 16px;
    color: #7B7B7B; margin:0 0 0 -5px; }
	
.search-head-btn{width:52px; color:#fff; background:var(--blue);
 height:44px; line-height:22px; border:none; font-size:18px; font-family:Arial, Helvetica, sans-serif; border-radius:0px; box-shadow:none; margin-left:-1px;}
.search-head-btn img{margin-top:-3px;}

.search-head-btn:hover{ background:var(--blue); color:#fff;}
.search-head-btn:focus{ background:var(--blue); color:#fff;}
.search-head-btn.active.focus, .search-head-btn.active:focus, .search-head-btn.active:hover, .search-head-btn:active.focus, .search-head-btn:active:focus, .search-head-btn:active:hover, .open>.dropdown-toggle.search-head-btn.focus, .open>.dropdown-toggle.search-head-btn:focus, .open>.dropdown-toggle.search-head-btn:hover {background-color: #0089FC; color:#fff;}	



/*.search-mid{width:100%; float:left; padding-top:0px;}*/

.search-left-panel{ width:28%; float:left;}

.search-right-panel{width:23%; float:right;}
.search-right-panel img{ margin:10px 0 15px 0; max-width:300px;}
.search-top-add{width:100%; float:left; padding:5px 0 15px 0; text-align:center;}

/*.weekly-alert{ width:100%; float:left;background:var(--blue); height:44px; line-height:44px; text-align:center; font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin:10px 0 20px 0; border-radius:3px; max-width:300px;}
.weekly-alert a{text-decoration:none; display:block; border-radius:3px; color:#ffffff;}
.weekly-alert a:hover{background:var(--dark-blue); color:#ffffff;}
.weekly-alert a:focus{ background:var(--dark-blue); color:#ffffff;}
.weekly-alert img{ margin:-3px 5px 0 0;}
*/
/*.search-filter{ width:100%; float:left; background:#fff;  max-width:300px; border: solid 1px var(--grey-light-more);}
.search-filter h5{ border-bottom:solid 1px var(--grey-light-more); font-weight:normal; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:15px 20px 15px 20px; margin:0px;}
.search-filter h5 a{color:var(--grey-dark); text-decoration:none;}
.search-filter h5 img{ margin:-3px 2px 0 0;}
.search-filter h5 span{ float:right; border:solid 1px var(--red); height:17px; line-height:16px; display:inline-block;  font-size:10px; font-family:Arial, Helvetica, sans-serif; color:var(--red); border-radius:3px;}
.search-filter h5 span a{color:var(--red); display:block; padding:0 5px;}
.search-filter h5 span a:hover{ background:var(--red); color:#ffffff;}*/

/*.filter-list{ font-size:12px; color:var(--grey-dark); font-family:Arial, Helvetica, sans-serif; padding:15px 20px; border-bottom:solid 1px #edeff2;}
.filter-list ul{list-style:none; margin:0px; padding:0px;}
.filter-list ul li{line-height:30px;}
.filter-list ul li.active{color:var(--blue);}
.filter-list ul li label{font-size:14px; font-weight: normal; font-family:Arial, Helvetica, sans-serif; cursor:pointer; margin:0px; color:var(--grey-dark);}
.filter-list ul li i{ float:right;}
.filter-list h6{font-size:14px; color:var(--grey-dark); font-family:Arial, Helvetica, sans-serif; padding-bottom:15px; margin:0px;}
.filter-list h6 a{color:var(--grey-dark); text-transform:uppercase;}
.s-checkbox{ float:left; margin:7px 8px 0 0 !important;}
.filter-list h6 em{ float:right;}
.filter-list span{border:solid 1px var(--red); height:17px; line-height:16px; display:inline-block;  font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:12px 0 0 0; border-radius:3px;}
.filter-list a{color:var(--red); text-decoration:none;}
.filter-list span a{ display:block; padding:0 8px; color:var(--red);}
.filter-list span a:hover{ background:var(--red); color:#ffffff;}
.filter-list span a.active{ background:var(--red); color:#ffffff;}


.filter-list label em{ background:url(../home-image/premum-bg.svg) left top no-repeat; height:18px; line-height:18px; display:inline-block; font-size:11px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-style:normal; padding:0 10px 0 15px; letter-spacing:0.02rem;}
.filter-list label em.urgent{ background:url(../home-image/urgent.svg) left top no-repeat; text-transform:uppercase;}
.filter-list i{ float:right;}*/


/*.search-mid-panel{width:67.5%; float:left; margin:10px 18px 0 18px;} */
/* border: solid 1px var(--grey-light-more); background:#fff; padding:20px 0 10px 0; display:inline-block; width:100%; float:left; border-radius:3px 3px 0 0;}
.search-job-loop h2{font-size:24px; color:var(--grey-dark); margin:0px; padding:0px 0 5px 30px; text-align:left; font-family:Arial, Helvetica, sans-serif;}
.search-job-loop p{font-size:14px; color:var(--grey-dark); padding:5px 0 5px 30px;}
.search-job-loop p a{ color:var(--blue); text-decoration:none;}
.slist-mode{float:right; margin:-50px 30px 0 0;}
.srecent-drop {width:90px; height: 32px; line-height: 32px; padding:0 25px 0 12px; border: solid 1px var(--grey-dark); margin: 1px 0 0; border-radius:3px;
    float: left; font-size: 11px;  color:var(--grey-dark); background: url(../images/recent-arrow.svg) center right no-repeat #fff;
    position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; float:right; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
	
.search-job-loop-list{border:solid 1px var(--grey-light-more); background:#fff; padding:30px 30px 30px 30px; width:100%; float:left; margin:-1px 0 0 0;} 	
.search-job-loop-list-left{width:30px; height:30px; float:left; padding-top:3px;}
.search-job-loop-list-left a i{ width:21px; height:21px; background:url(../home-image/like-heart.svg) left top no-repeat; display:inline-block;}
.search-job-loop-list-left a:hover i{ background-position:left -38px;}
.search-job-loop-list-left a.active i{ background-position:left -78px;}
.search-job-loop-list-left a.jj-green1 i{ background-position:left -78px;}
.search-job-loop-list-left a.jj-green1{ background:none; border-color: none;}


.search-job-loop-list-mid{ width:65%; float:left; margin-left:8px;}
.search-job-loop-list-mid h4{color:var(--grey-dark); font-size:20px;font-weight:normal; margin:0px; text-decoration:none;}
.search-job-loop-list-mid h4 a{color:var(--grey-dark); float:left; text-decoration:none; padding-right:10px;}
.search-job-loop-list-mid h4 a:hover{ color:var(--blue);}
.search-job-loop-list-mid span{background:var(--red); color: #fff; font-size: 10px; text-transform: uppercase; padding: 3px 4px 2px; border-radius: 0px; border-radius:2px; font-family:Arial, Helvetica, sans-serif; float:left; margin:4px 6px 0 0;}
.search-job-loop-list-mid span.premium-btn{ background:var(--yellow);}
.search-job-loop-list-mid span.urgent-btn{ background:var(--blue);}
.search-job-loop-list-mid em{ font-style:normal;}
.search-job-loop-list-mid ul{list-style:none; margin:12px 0px 0px 0px; padding:0px; float:left; width:100%;}
.search-job-loop-list-mid ul li{ line-height:normal; display:inline-block; margin-right:15px;}
.search-job-loop-list-mid ul li a{ color:var(--grey-light); font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-decoration:none;}
.search-job-loop-list-mid ul li a i{ width:15px; height:15px; background:url(../home-image/search-address-icon.svg) left top no-repeat; display:inline-block; float:left; margin:0px 5px 0 0;}
.search-job-loop-list-mid ul li a i.search-location1{background-position:left top;}
.search-job-loop-list-mid ul li a i.search-location2{background-position:-32px top;}
.search-job-loop-list-mid ul li a i.search-location3{background-position:-67px top;}*/



/*.search-job-loop-list-right{ width:auto; float:right; padding:10px 0 0 0;}  */
.searh-apply-btn{color:#fff; background:var(--blue); width:95px; height:32px; line-height:30px; border-radius:3px; padding:0px; display:block; float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:none; text-align:center;}  
.searh-apply-btn:hover,.searh-apply-btn:focus{background:var(--dark-blue); color:#fff; text-decoration:none;}
.search-add{ width:100%; float:left; padding:15px 0;}
.search-add img{ width:100%;}



/*.search-pageination ul{list-style:none; margin:0px; padding:0px; text-align:center;}
.search-pageination ul li{line-height:normal; display:inline-block;}
.search-pageination ul li a{ border:solid 1px var(--grey-light); padding:7px 12px; font-size:13px; color:var(--grey-dark); text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; border-radius:3px;}
.search-pageination ul li a:hover{ color:var(--blue); border:solid 1px var(--blue);}
.search-pageination ul li a.active{ color:#fff; background:var(--blue); border:solid 1px var(--blue);}
.search-pageination ul li span.current{ padding:7px 12px; font-size:13px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#fff; background:var(--blue); border:solid 1px var(--blue); border-radius:3px;}

.search-pageination li a.prev:parent{float:left !important;}
a.next:parent{float:right !important;}
.search-pageination li a.next:hover{ color:var(--grey-dark); border-color:var(--grey-dark); opacity:0.7;}
.search-pageination li a.prev:hover{ color:var(--grey-dark); border-color:var(--grey-dark); opacity:0.7;}
.search-pageination .s-left-l{float:left;}
.search-pageination .s-left-r{float:right;}
.search-pageination li.s-left-r a:hover{ color:var(--grey-dark); border-color:var(--grey-dark); opacity:0.7;}
.search-pageination li.s-left-l a:hover{ color:var(--grey-dark); border-color:var(--grey-dark); opacity:0.7;}*/


/*.search-mid-panel .searchfiltersadd{ width:100%; margin:0px 0 10px 30px;}
.search-mid-panel .searchfilters .tm-tag.tm-tag-success{ margin:0 5px 5px 0; border-radius:2px;}
.search-mid-panel .none-job{ width:100%; padding:0px; margin:0px;}
.search-mid-panel .posted-note{ padding:10px 0 30px 0}
.srecent-drop option{line-height: 32px !important; font-size: 11px !important; color: var(--grey-dark) !important; text-transform: uppercase !important; font-weight:normal !important; font-family:Arial, Helvetica, sans-serif !important;}*/
/************************Searah page html End Here**************************/

/******************Job Detail Page Css Start Here*************/


.job-user-info{width:100%; float:left; background:#ffffff; border: solid 1px var(--grey-light-more);  border-radius:3px; padding:25px; margin-bottom:20px; max-width:300px;}
.job-detail-left-add{margin-bottom:20px;}
.job-detail-left-add img{ width:100%;}

.job-user-info h5{ font-size:20px; margin:0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-bottom:12px;}
.job-user-info h5 a{ color:var(--grey-dark);}
.job-user-info h5 a:hover{ color:var(--grey-dark);}
.job-user-info ul{ list-style:none; margin:0px; padding:0px;}
.job-user-info ul li{ line-height:normal; padding:6px 0px; width: 100%;    float: left;}
.job-user-info ul li span.left-icon{ width:auto; height:18px; margin-right:14px; float:left;}
.job-user-info ul li span.left-icon i{ width:18px; height:18px; background:url(../home-image/job-user-icon.svg) left top no-repeat; display:inline-block; margin:3px 0 0 0;}

.job-user-info ul li span.left-icon i.job-user-icon1{ background-position:left top;}
.job-user-info ul li span.left-icon i.job-user-icon2{ background-position:left -34px;}
.job-user-info ul li span.left-icon i.job-user-icon3{ background-position:left -71px;}
.job-user-info ul li span.left-icon i.job-user-icon4{ background-position:left -110px;}
.job-user-info ul li span.left-icon i.job-user-icon5{ background-position:left -162px;}
.job-user-info ul li span.left-icon i.job-user-icon6{ background-position:left -197px;}
.job-user-info ul li span.right-text{ width:86%; font-size:14px; color:var(--grey-dark); display:inline-block;}
.job-user-info ul li span.right-text em{ float:right;}



.job-detail-mid-info-main{width:100%; float:left; background:#ffffff; box-shadow:0 0 3px rgba(0,0,0,0.1);  border-radius:3px;}
.job-detail-mid-info{width:100%; float:left; border-bottom:solid 1px #f2f2f2;  padding:30px 40px;}
.job-detail-mid-info .detail-save{ float: none;}
.job-detail-mid-info h2{font-size:32px; color:var(--grey-dark); font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:20px 0 10px 0;}
.job-detail-mid-info span{ font-size:16px; color:var(--grey-dark); margin-right:15px;}
.job-detail-mid-info span img{ margin:-3px 5px 0 0;}
.job-detail-mid-info span a{color:#e74c3c; text-decoration:none;}
.job-detail-mid-info em { font-style:normal;}
.job-detail-mid-info em a{background: #e74c3c; color: #fff; font-size: 10px;text-transform: uppercase;padding: 4px 7px 3px 7px; border-radius: 0px; border-radius: 2px; font-family:Arial, Helvetica, sans-serif; margin:4px 6px 0 0; text-decoration:none;}
.job-detail-mid-info em a.premium-btn {background: var(--yellow);}	
.job-detail-mid-info ul{list-style:none; margin:18px 0px 0px 0px; padding:0px;}
.job-detail-mid-info ul li{line-height:normal; display:inline-block;}	
.job-detail-mid-info ul li a{text-decoration:none; display:block; height:36px; line-height:36px; font-size:16px; color:#ffffff;font-weight:normal; font-family:Arial, Helvetica, sans-serif; border-radius:3px; padding:0 30px; float:left; margin-right:10px;}   	
.job-detail-mid-info ul li a.job-apply-btn{ background:#27c685;}
.job-detail-mid-info ul li a:hover.job-apply-btn{ background:#1eb778;}
.job-detail-mid-info ul li a.job-call-btn{ border:solid 1px var(--grey-dark); background:none; color:var(--grey-dark); height:43px; line-height:43px;}

.job-detail-mid-info ul li a.job-save-btn{background:none; color:var(--grey-dark); padding-left:0px;}
.job-detail-mid-info ul li a.job-save-btn i{width: 21px; height: 21px; background: url(../home-image/job-like-heart.svg) left top no-repeat; display: inline-block; margin:12px 10px 0 0; float:left;}
.job-detail-mid-info ul li a:hover.job-save-btn { color:#f05856;}
.job-detail-mid-info ul li a:hover.job-save-btn i{ background-position:left -38px;}

.job-detail-mid-info ul li a.jj-green1 { color:#f05856 !important;}
.job-detail-mid-info ul li a.jj-green1 i{ background-position:left -74px !important;}
.job-detail-mid-info h4{font-size:19px;  font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-bottom:10px; margin-top:0px;}

.job-detail-list ul {list-style:none; margin:0px; padding:0px;}
.job-detail-list ul li{line-height:normal; padding:14px 0px; width: 100%; float: left;}
.job-detail-list ul li span.left-list{ width:auto; height:18px; margin-right:14px; float:left;}

.job-detail-list ul li span.left-list i{ width:37px; height:30px; background:url(../home-image/job-detail-icon.svg) left top no-repeat; display:inline-block; margin:3px 0 0 0;}

.apply-share ul{ margin:0px;}
.share-list{ width:auto; float:right; margin:-51px 0 0 0;}
.share-list ul{ list-style:none; margin:0px; padding:0px;}
.share-list ul li{ line-height:normal; display:inline-block;}
.share-list ul li a{ margin:0px; padding:0px; color:#000000;}

.job-pagination{ width:100%; float:left; padding:0 40px;}
.job-pagination ul{ list-style:none; margin:0px; padding:0px; text-align:center;}
.job-pagination ul li{ line-height:normal; display:inline-block;}
.job-pagination ul li a{ font-size:12px; color:var(--blue); font-weight:normal; padding:0px; margin:0px;}
.job-pagination ul li.job-pagination-left{float:left;}
.job-pagination ul li.job-pagination-left img{ margin:-2px 5px 0 0;}
.job-pagination ul li.job-pagination-right{float:right;} 
.job-pagination ul li.job-pagination-right img{ margin:-2px 0px 0 5px;}
.job-pagination ul li.job-pagination-mid img{ margin:-2px 5px 0 0px;}

.job-detail-list ul li span.left-list i.job-list-icon1{background-position:left top;}
.job-detail-list ul li span.left-list i.job-list-icon2{background-position:left -73px;}
.job-detail-list ul li span.left-list i.job-list-icon3{background-position:left -143px;}
.job-detail-list ul li span.left-list i.job-list-icon4{background-position:left -209px;}
.job-detail-list ul li span.left-list i.job-list-icon5{background-position:left -259px;}
.job-detail-list ul li span.left-list i.job-list-icon6{background-position:left -331px;}
.job-detail-list ul li span.left-list i.job-list-icon7{background-position:left -405px;}
.job-detail-list ul li span.left-list i.job-list-icon8{background-position:left -471px;}
.job-detail-list ul li span.right-list-text{ width:71%; font-size:16px; color:var(--grey-dark); display:inline-block;}
.job-detail-list ul li span.right-list-text em{ font-size:11px; color:#93a1af; text-transform:uppercase; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-bottom:3px;}






/*.job-benefit-list ul li span.left-benefit-icon i{ width:24px; height:27px; background:url(../home-image/job-detail-benefit-icon.svg) left top no-repeat; display:inline-block; margin:-1px 0 0 0;}

.job-benefit-list ul li span.left-benefit-icon i.job-list-icon1{background-position:left 1px;}
.job-benefit-list ul li span.left-benefit-icon i.job-list-icon2{background-position:left -107px;}
.job-benefit-list ul li span.left-benefit-icon i.job-list-icon3{background-position:left -207px;}
.job-benefit-list ul li span.left-benefit-icon i.job-list-icon4{background-position:left -59px;}
.job-benefit-list ul li span.left-benefit-icon i.job-list-icon5{background-position:left -166px;}*/

/*.job-benefit-list ul {list-style:none; margin:0px; padding:0px;}
.job-benefit-list ul li{line-height:normal; padding:12px 0px; width:33%; float: left; min-height:65px;}
.job-benefit-list ul li span.left-benefit-icon{ width:35px; height:18px; margin-right:5px; float:left;}

.left-benefit-icon i {
	width:32px;
	height: 32px;
	float: left;
	background: url(../images/benifits-icon.svg) left top no-repeat;
	display: block;
	margin: 0 10px 0 0
}
.left-benefit-icon i.benefit-icon1 {background-position: -10px -14px;}
.left-benefit-icon i.benefit-icon2 {background-position: -103px -14px;}
.left-benefit-icon i.benefit-icon3 {background-position: -186px -14px;}
.left-benefit-icon i.benefit-icon4 {background-position: -15px -93px}
.left-benefit-icon i.benefit-icon5 {background-position: -100px -93px}
.left-benefit-icon i.benefit-icon6 {background-position: -185px -93px}
.left-benefit-icon i.benefit-icon7 {background-position: -12px -168px}
.left-benefit-icon i.benefit-icon8 {background-position: -98px -168px}
.left-benefit-icon i.benefit-icon9 {background-position: -182px -168px}
.left-benefit-icon i.benefit-icon10 {background-position: -11px -248px}
.left-benefit-icon i.benefit-icon11 {background-position: -96px -248px}
.left-benefit-icon i.benefit-icon12 {background-position: -184px -248px}
.left-benefit-icon i.benefit-icon13 {background-position: -13px -328px}
.left-benefit-icon i.benefit-icon14 {background-position: -97px -328px}
.left-benefit-icon i.benefit-icon15 {background-position: -12px -406px}
.left-benefit-icon i.benefit-icon16 {background-position: -100px -405px}
.left-benefit-icon i.benefit-icon17 {background-position:-183px -332px}
.left-benefit-icon i.benefit-icon18 {background-position: -186px -411px}
.left-benefit-icon i.benefit-icon19 {background-position: -10px -490px}
.left-benefit-icon i.benefit-icon20 {background-position: -97px -490px}
.left-benefit-icon i.benefit-icon21 {background-position: -187px -492px}
.left-benefit-icon i.benefit-icon22 {background-position: -11px -572px}

.job-benefit-list ul li span.right-benefit-text{ width:74%; font-size:14px; color:var(--grey-dark); display:inline-block; margin:0px; word-wrap: break-word;}




.job-benefit-list ul li span.right-benefit-text{ width:74%; font-size:14px; color:var(--grey-dark); display:inline-block; margin:0px;}*/



.apply-job-detail-btn{ width:100%; float:left; margin-top:10px;}
.apply-job-detail-btn .searh-apply-btn{ width:100%; height:44px; line-height:44px; font-size:18px; max-width:300px;}
.apply-email-list{width:100%; float:left; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1); border-radius:3px; margin:20px 0 0px 0; padding:15px 15px 15px 15px; max-width:300px;}
.apply-email-list ul{ list-style:none; margin:0px; padding:0px;}
.apply-email-list ul li{ line-height:30px; width:50%; display:inline-block; float:left; border-bottom:solid 1px #f1f1f1; border-right: solid 1px #f1f1f1; padding:7px 10px}
.apply-email-list ul li:nth-child(2){ border-right:none;}
.apply-email-list ul li:nth-child(3){ border-bottom:none;}
.apply-email-list ul li:nth-child(4){ border-right:none; border-bottom:none;}
.apply-email-list ul li a{ font-size:14px; color:var(--grey-dark); display:block; text-decoration:none;}
.apply-email-list ul li a i{ width:18px; height:18px; background:url(../home-image/job-email-icon.svg) left top no-repeat; display:inline-block; float:left; margin:6px 5px 0 0;}
.apply-email-list ul li a i.job-email-icon1{background-position:left top;}
.apply-email-list ul li a i.job-email-icon2{background-position:-45px top;}
.apply-email-list ul li a i.job-email-icon3{background-position:-90px top;}
.apply-email-list ul li a i.job-email-icon4{background-position:-135px top;}

.copy-link{ width:100%; float:left; background:#ffffea; padding:10px 20px; margin:-4px 0px 20px 0px; box-shadow:0 0px 3px rgba(0,0,0,0.1); border-radius:0 0px 3px 3px; font-size:14px; color:var(--grey-dark); font-family:Arial, Helvetica, sans-serif; font-weight:normal; max-width:300px;}
.copy-link span{float:right; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:var(--blue);}
.copy-link span a{color:var(--blue); text-decoration:none;}
.right-share-list{ margin:0px 0 15px 0; max-width:300px;}

.search-right-panel-m{ display:none;}
.bottom-ads{ width: 650px; margin: 0 auto;}
/******************Job Detail Page Css End Here*************/

.st-btn img{ margin: 0px;}

.search-left-panel-m {
    display: none;
    width: 100%;
}

.search-mid-panel .all-ready { position: inherit;}
.all-ready{ margin:25px 0 0 40px;}

.front-footer {
	width: 100%;
	float: left;
	background: #1c2c3c url(../images/pattern.png) repeat scroll left top
}
.front-footer-up {
	width: 100%;
	float: left;
	padding: 60px 0 40px
}
.front-footer-down {
	width: 100%;
	float: left;
	background: #253647;
	padding: 20px 0
}
.front-up-list {
	width: 100%;
	float: left;
	border-bottom: solid 1px #44515e
}

.panel-default>.panel-heading {
	color: #333;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: none;
	border: none
}
.panel-heading h4 {
	margin: 0
}
.panel-heading h4 a {
	background: rgba(0,0,0,0) none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 0;
	border-bottom: 1px solid #313e4b;
	text-decoration: none
}
.panel-group .panel {
	background: none;
	box-shadow: none;
	border: none;
	margin: 0!important
}
.panel-default>.panel-heading a {
	display: block
}
.panel-default>.panel-heading a:after {
	content: "";
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: right;
	transition: transform .25s linear;
	-webkit-transition: -webkit-transform .25s linear
}
.panel-default>.panel-heading a[aria-expanded="true"] {
	background-color: none;
	color: #4e6178;
	border: none
}
.panel-default>.panel-heading a[aria-expanded="true"]:after {
	background: url(../accrodian/minus.svg) right top no-repeat;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: -8px 0 0
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
	background: url(../accrodian/plus.svg) right top no-repeat;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: -8px 0 0
}
.accordion-option {
	width: 100%;
	float: left;
	clear: both;
	margin: 15px 0
}
.accordion-option .title {
	font-size: 20px;
	font-weight: 700;
	float: left;
	padding: 0;
	margin: 0
}
.accordion-option .toggle-accordion {
	float: right;
	font-size: 16px;
	color: #6a6c6f
}
.accordion-option .toggle-accordion:before {
	content: "Expand All"
}
.accordion-option .toggle-accordion.active:before {
	content: "Collapse All"
}
.accordian-nav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 15px;
	display: block!important;
	float: left
}
.accordian-nav ul li {
	line-height: normal;
	float: left;
	width: 50%;
	border: none
}
.accordian-nav ul li a {
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	border: none;
	padding: 0!important
}
.accordian-nav ul li a:hover {
	text-decoration: none;
	color: #4e6178
}
.accordian-nav-full {
	width: 100%;
	float: left
}
.accordian-nav-full ul li {
	width: 100%;
	float: left
}

.head-main h5{color:#9a9a9a;}
.head-main p{ color:#9a9a9a;}





.jj-select-drop{width:160px; display:inline-block; height:34px; line-height:34px; border:solid 1px #bfbfbf; padding:0 15px;appearance:none;  -web-appearance:none; -moz-appearance:none; -o-appearance:none; -webkit-appearance:none; font-size:14px; float:left; margin-top:8px; border-radius:3px 0px 0px 3px; background:none; color:var(--grey-dark); }
.jj-select-drop-one{width:125px; margin-left:-1px; border-radius:0px; background:url(../home-image/nav-dropdown.svg) right 14px no-repeat;}

.jj-search-job{  width: 40px;
    height: 35px;
    background: var(--blue);
    border: none;
    line-height: 35px;
    border-radius: 0 3px 3px 0;
    margin: 0px 0 0 -3px;
    float: left;
    text-align: center;
    position: relative;}

select option{color:var(--grey-dark); }

.jj-search-job i{ color:#ffffff;}

.dashboard-nav .jj-nav-right ul li a.link-first{ padding-left:0px;}
.dashboard-nav .jj-nav-right ul li a.after-login-user{ padding-left:15px;}
.dashboard-nav .jj-nav-right ul li a.after-login-user em{ color:#ffffff; background:var(--blue);}









.email-support-btn {
	margin-top:20px;
	width:100%;
	float:left
}
.email-support-btn a {
	width:100%;
	color:#fff;
	background:#27c685;
	font-size:14px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-transform:uppercase
}
.email-support-btn a i {
	font-style:normal;
	font-size:16px;
	margin-right:5px
}
.email-support-btn a:hover {
	background:#1eb778
}
.calling-time em {
	font-size:14px;
	color:#565a5c;
	padding-bottom:0;
	font-style:normal;
	display:block; padding-top:5px; line-height:normal;
}
.calling-time span.not-availabe-btn {
	border:none;
	padding:0;
	margin-bottom:10px
}
.calling-time span.not-availabe-btn a {
	background:#e74c3c;
	display:block;
	color:#fff;
	padding:0 15px;
	text-decoration:none
}
.call-plan {
	width:240px;
	background:#fff;
	position:relative;
	position:absolute;
	left:0;
	text-align:center;
	padding:15px 15px 25px;
	margin-top:9px;
	display:none;
	box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:99;
}
.call-plan h4 {
	font-size:16px;
	color:var(--grey-dark);
	margin:5px 0 0
}
.call-plan p {
	font-size:14px;
	color:#565a5c;
	padding-bottom:5px
}
.call-plan span {
	display:inline-block;
	color:var(--grey-dark);
	border:dashed 1px var(--grey-dark);
	height:30px;
	line-height:30px;
	display:inline-block;
	padding:0 15px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	float:none
}
.call-plan em {
	font-size:14px;
	color:#565a5c;
	padding-bottom:0;
	font-style:normal;
	display:block
}
.call-plan span.not-availabe-btn {
	border:none;
	padding:0;
	margin-bottom:10px
}
.call-plan span.not-availabe-btn a {
	background:#e74c3c;
	display:block;
	color:#fff;
	padding:0 15px;
	text-decoration:none
}



li.show-plans{ position: relative;}

.user-drop-login a em {
	font-style:normal;
	color:#fff;
}
.user-drop-login .dropdown-menu {
	width:240px;
	position:absolute;
	left:auto;
	background:#fff;
	border-bottom:solid 1px rgba(0, 0, 0, 0.1);
	border-left:solid 1px rgba(0, 0, 0, 0.1);
	padding:18px 25px;
	box-sizing:border-box;
	background:#fff;
	z-index:9999;
	margin:9px 0 0 -124px;
	border-radius:0
}
.user-drop-login .dropdown-menu li {
	line-height:normal;
	float:none
}
.user-drop-login .dropdown-menu li a {
	font-size:16px;
	color:var(--grey-dark);
	line-height:44px;
	border:none!important;
	padding:0;
	height:auto!important;
	background:none
}
.user-drop-login .dropdown-menu li a i {
	width:22px;
	height:18px;
	float:left;
	margin:13px 10px 0 0;
	font-family:'Font Awesome 5 Light';
	text-align:center;
	font-size:18px;
	font-style:normal
}
.user-drop-login .dropdown-menu li a span {
	width:152px;
	display:inline-block;
	border-bottom:solid 1px rgba(0, 0, 0, 0.1);
	margin:0;
	color:var(--grey-dark);
	float:left;
	text-align:left
}
.user-drop-login .dropdown-menu li a:hover {
	color:#27c686
}
.user-drop-login .dropdown-menu li a:hover span {
	color:#27c686
}
.user-drop-login .dropdown-menu a.active {
	color:#27c686
}
.user-drop-login .dropdown-menu a.active i {
	font-family:'Font Awesome 5 Solid'
}
.user-drop-login .dropdown-menu a.active span {
	color:#27c686
}
.user-drop-login .dropdown-menu em {
	display:none;
	font-style:normal
}
.user-drop-login .new-view-profile-btn {
	width:100%;
	float:left;
	margin-bottom:10px
}
.user-drop-login .new-view-profile-btn a {
	display:block;
	background:#27c685;
	color:#fff;
	height:34px;
	line-height:34px;
	text-align:center;
	text-decoration:none;
	font-size:16px
}
.user-drop-login .new-view-profile-btn a:hover {
	background:#12a76a;
	text-decoration:none;
	color:#fff
}
.latest-main .user-drop-login .dropdown-menu{ margin:9px 0 0 -124px;}

.inside-banner h1{ position:inherit; z-index:inherit;}



.left-r-search {
    float: left;
    
}

.list-new-search .ui.selection.dropdown>.text{ padding:0 0 0 15px;}
.list-new-search .ui.selection.dropdown{ padding:12px 0; box-shadow:none; border:solid 1px rgba(0, 0, 0, 0.1);} 

.left-t-search{ width:160px; float:left;}
.left-m-search{ width:125px; float:left;}
.left-m-search .search{ width:100%; float:left;}
.left-t-search .search{ width:100%; float:left;}
.list-new-search.ui.selection.dropdown {
	padding:18px 0 !important;
	min-width:auto !important;
	width:200px !important;
}

.list-new-search .ui.selection.dropdown{display: inline-block;
border: solid 1px #bfbfbf;
appearance: none;
-web-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
font-size: 14px;
float: left;
border-radius: 3px 0px 0px 3px;
background: none;
color: var(--grey-dark);}

.ui.search.selection.dropdown>input.search{ padding:10px 10px !important;}
.ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon{ right:1em !important; margin:-1px 0 0 0 !important;}
.left-m-search .ui.selection.dropdown{ border-radius:0px; border-left:none;}
.search-drop-content{ margin-top:7px;}
.search{ height:35px;}




.user-whitedrop-login a em {
	font-style:normal;
	color:var(--grey-dark);
	padding-right:0
}
.dropdown-backdrop{ z-index:9;}
.user-whitedrop-login .dropdown-menu {
	position:absolute;
	right:-20px;
	width:245px;
	background:#fff;
	border-bottom:solid 1px rgba(0, 0, 0, 0.1);
	border-left:solid 1px rgba(0, 0, 0, 0.1);
	padding:18px 25px;
	box-sizing:border-box;
	z-index:99;
	margin:0px 0 0 0;
	border-radius:0;
	left:auto
}
.user-whitedrop-login .dropdown-menu li {
	line-height:normal;
	float:none
}
.user-whitedrop-login .dropdown-menu li a {
	font-size:16px;
	line-height:44px;
	border:none!important;
	padding:0;
	height:auto!important;
	background:none;
	text-align:left;
	color:var(--grey-dark)
}
.user-whitedrop-login .dropdown-menu li a i {
	width:22px;
	height:18px;
	float:left;
	margin:13px 10px 0 0;
	font-family:'Font Awesome 5 Light';
	text-align:center;
	font-size:18px;
	font-style:normal
}
.user-whitedrop-login .dropdown-menu li a span {
	width:153px;
	display:inline-block;
	border-bottom:solid 1px rgba(0, 0, 0, 0.1);
	margin:0;
	color:var(--grey-dark);
	text-align:left
}
.user-whitedrop-login .dropdown-menu li a span em {
	width:auto;
	float:right;
	padding:2px 7px!important;
	background:#0079ff;
	display:inline-block;
	line-height:normal;
	color:#fff!important;
	font-size:12px!important;
	margin-top:12px;
	border-radius:100px
}
.user-whitedrop-login .dropdown-menu li a:hover span {
	color:#0079ff
}
.user-whitedrop-login .dropdown-menu li a:hover {
	color:#0079ff
}
.user-whitedrop-login .dropdown-menu li a.active i {
	font-family:'Font Awesome 5 Solid'
}
.user-whitedrop-login .dropdown-menu li em {
	display:none
}
.user-whitedrop-login .new-view-profile-btn {
	width:100%;
	float:left;
	margin-bottom:10px
}
.user-whitedrop-login .new-view-profile-btn a {
	display:block;
	background:#0079ff;
	color:#fff;
	height:34px;
	line-height:34px;
	text-align:center;
	text-decoration:none
}
.user-whitedrop-login .new-view-profile-btn a:hover {
	background:#0064d2;
	text-decoration:none;
	color:#fff
}

.sticky-nav{ position:fixed; z-index:9999;}

/************************Quick Stats page html Start Here**************************/
.quick-stats-section{ width: 100%; float: left; padding:50px 0; background:#F7F7F7; margin:2px 0 0 0;}
.quick-stats-section h2{ font-size: 26px; padding-left:0; margin-left:-6px;}
.quick-stats-section h2 span{ float: right; font-size: 14px; color:#27C685; font-weight: normal; line-height:30px;}
.quick-stats-section h2 span a{color:#27C685; text-decoration: none;}
.quick-stats-list{width: 100%; float:left; padding-top:0px;}
.quick-stats-list .col-md-3{ padding:0 8px;}
.quick-stats-loop{ border:solid 1px #EEEEEE; border-top: solid 3px #EEEEEE; padding:25px 15px 25px 15px; margin-top:14px;  background: #ffffff;}

.quick-stats-loop:hover{ border-color:#c9c9c9; }
.quick-stats-loop h5{ font-size: 15px; color:var(--grey-dark); font-weight: normal; margin-top: 0px;}
.quick-stats-loop ul{ list-style: none; margin:0px; padding:0px;}
.quick-stats-loop ul li{ line-height: normal; line-height:normal; padding:7px 50px 7px 0; font-size: 13px; color: #6B7884;}
.quick-stats-loop ul li span{ float: right; color:var(--grey-dark); margin:0 -50px 0 0;}

.quick-stats-loop ul li:first-child{ color:var(--blue);}
.quick-stats-loop ul li:first-child span{color:var(--blue);}
.quick-stats-bottom{width: 100%; float: left; padding:20px 0 0 0; margin-left:-6px;}
.quick-stats-bottom p{font-size: 13px; color: var(--grey-dark); text-align: left;}
.quick-stats-bottom p span{color:#6B7884;}


.quick-panel{width:auto; float: right; margin: -47px -12px 0 0;}
.quick-panel a{height:35px; line-height: 34px; font-size: 14px; border: solid 1px #C9CDD1; border-radius:100px; display: inline-block; color:var(--grey-dark); padding:0 20px; margin-left:10px;}
.quick-panel a:hover{ text-decoration: none;}


.statistics-section{width:100%; float: left; padding:50px 30px;}
.statistics-section h2{ font-weight: normal; font-size: 50px; margin:0px 0px 0px 5px;}
.statistics-section .row{margin: 0px;}
.statistics-section .col-md-2{ padding:0 8px;}
.statistics-section h5 i{margin-right:5px;}

.quick-stats-bottom{ text-align: center; }
.quick-stats-bottom ul{ list-style: none; margin:10px 0px 0px 0px;  padding:0px; }
.quick-stats-bottom ul li{ line-height: normal; display: inline-block; padding:0 20px;  font-size: 13px; color:#6B7884;}
.quick-stats-bottom ul li span{ color:var(--grey-dark); padding-left: 5px;}
.quick-stats-bottom ul li i{ margin-right: 5px; }


.quick-stats-popup{ width:1000px; padding:0px 0; margin:50px auto 0 auto;}
.quick-stats-popup .modal-body{ padding:10px 40px 25px 40px;}
.quick-stats-popup .modal-content{ border-radius:0px;}
.quick-stats-popup h2{font-size: 26px; padding-left:0px; margin-left:-5px; margin-bottom:0px;}
.quick-stats-popup h2 span {
    float: right;
    font-size: 14px;
    color: #27C685;
    font-weight: normal;
    line-height: 30px;
}
.quick-stats-popup h2 span a {
    color: #27C685;
    text-decoration: none;}

/************************Quick Stats page html End Here**************************/


	


	


@media only screen and (min-width: 320px) and (max-width: 767px) {	

.container{ padding:0 8%;}
.h3, h3{ font-size:25px;}
.h-foot-bottom-list img{ width:100%;}	
.h-foot-bottom-list span img{ width:auto;}
.main{ overflow:hidden;}
.home-new-banner{height:auto; padding:0 0 50px 0; margin-top:45px;}
.home-new-banner h1{ font-size:30px; letter-spacing:0px;}
.home-new-banner p{ font-size:16px; line-height:25px;}
.post-job{ margin:0px 0 0 5px;}
.post-job a{ height:45px; line-height:45px; border-radius:0px; padding:0 10px;}
.post-job a i{ margin:-3px 5px 0 0;}
.home-new-banner h1{ padding-top:20px;}
.h-search-left{ width:100%; position:relative; z-index:9999;}
.h-search-mid{ width:100%; margin:8px 0px 0px 0px;}
.h-search-right{ width:100%; float:left; margin:8px 0px 0px 0px;}
.h-search p{text-align: center; margin-top:10px;}
.h-search{ padding:0px;}
.h-search p a{padding: 0px;
    border: solid 1px;
    height: 30px;
    line-height: 28px;
    display: inline-block;
    border-radius:0;
    padding: 0px 10px;
    margin: 15px 0 0 0; letter-spacing:0px; font-size:14px; width:49%;}

.search-job-btn{ height:50px; line-height:38px;}
.h-search-mid-right{ border:none;}
.home-client ul{text-align:center;}
.home-client ul li{ width:48.9%; padding:0 10px;}
.home-client ul li img{ width:90%;}
.home-client ul li:nth-child(1) img{width:70%;}
.home-categorie h3{ font-size:25px;}

.total-job-loop{ width:50%; float:left; padding:10px 15px; text-align:center;}
.total-job-loop-left{ width:100%; text-align:center; margin:0px;}
.total-job-loop-right{ width:100%; text-align:center; margin-top:10px;}
.total-job-loop{ height:125px; margin-bottom:15px;}
.total-job-loop:nth-child(2){border:none;}
.total-job-loop:nth-child(4){border:none;}
.h-blog-loop figure figcaption{ padding:15px;}
.h-blog-loop{ margin-bottom:30px;}
.view-categorie-btn{ margin-top:35px;}

.h-news-sec h6{ padding-bottom:10px;}
.h-news-sec ul{ text-align:center;}
.h-news-sec ul li {width: 32%;	margin: 0; text-align:center;}
.h-news-sec ul li:nth-child(1) img {width: 100%}
.h-news-sec ul li:nth-child(2) img {width: 50%}
.h-news-sec ul li:nth-child(3) img {width: 90%}
.h-news-sec ul li:nth-child(4) img {width: 65%}
.h-news-sec ul li:nth-child(5) img {width: 85%}
.h-news-sec ul li:nth-child(6) img {width: 85%}
.h-news-sec ul li:nth-child(7) img {width: 45%}
.h-news-sec ul li:nth-child(8) img {width: 80%}

.modal-dialog{ width:90%;}
.seeker-tab li a{ font-size:14px;}
.city-list li a{ margin:4px 2px; padding:0 15px;}
/*.emp-popup-login{ padding:43px 15px 15px;}*/
.input-right-filled{padding-left:15px;}
.input-left-filled{padding-right:15px;}
.remember{ padding:8px 0 0px;}
.jj-submit{ margin-top:10px;}

.home-client{ display:none;}
.h-news-sec{ display:none;}
.h-foot-list{ margin-top:0px; border:none; padding-top:0px;}

.h-foot{ padding:30px 0 30px 0;}
.foot-left p{ padding:8px 0 0px 0;}
.alert-input{ margin-top:8px;}
.foot-left p a{ padding-top:0px;}
.foot-mid ul li{ width:46%;}
.foot-mid ul li a{ font-size:13px;}
.copyright p br{ display:none;}
ul.seeker-tab{ line-height:40px;}
.alert-input-one{ margin-top:8px;}
.login-area{ margin-top:8px; height:42px; line-height:41px;}
.que-icon{ display:none;}
.copyright p{ font-size:13px; text-align:left;}


.creat-job-pic{ padding:0 8%;}
.creat-job-pic img{ width:100%;}
.creat-job-alert-sec{ padding:90px 0 30px 0;}
.creat-job-form{ width:100%; margin:30px 0 0 0px; padding:0 15px 0 15px;}
.j-location-icon{ top:11px;}

.creat-job-form label{ padding:10px 0 0 0 !important;}
.creat-job-form h3{ font-size:25px;}

.rightSidebar{ width:100%; float:left;}
.offer{ margin-top:46px; padding:10px 15px; font-size:16px;}
.j-form-input{width:87.2%;}
.j-employer-left{ width:65px;}
.j-employer-right{ margin-left:15px; width:71%;}
.j-form-input-two{width:87.2%;}
.j-margin-bot{ width:100%; float:left;}
.j-employer-right h5{ font-size:18px; line-height:25px;}
.j-margin-bot p b{display:none;}
.j-margin-bot em b{display:none;}
.j-form-right{ width:56%;}
.advance-body-text ul{ height:auto; padding:15px 0px 0px 0px;}
.ad-mid{ margin-bottom:15px;}
.j-unlock-loop ul{ margin:10px 0px 15px 10px;}
.j-unlock-loop ul li{font-size:12px;}
.j-unlock-loop label pre{font-size:12px;}
.j-unlock-loop label{ padding:0 10px; margin-top:15px;}
.j-unlock-head span{ display:block; float:left; margin:8px 0 0 0; padding-left:0px; width:100%;}
.j-unlock-head span b{ margin:0px;}
.j-unlock-head span b em{ margin:0px;}
.j-unlock-head em{margin:-24px 0 0 0;}
.first-step{ padding:30px 8%;}
.first-step-up{padding:30px 8%;}
.advanced-sec{padding:30px 12%;}
.j-unlock-list{padding:30px 12%;}
.j-unlock-head{padding:30px 8%;}
.j-addon-head{ padding-bottom:0px;}
.t-pay-list{ padding:15px 8%; width:100%; float:left;}
.t-pay-secure-icon{ padding:5px 8% 10px 8%;}
.t-pay-list ul li{ margin:0px; padding:5px 6.8px;}
.t-pay-secure-icon ul{ padding:0px;}
.j-toll-free{ margin-top:0px;}
.j-order{border-radius:3px; margin:0px; padding-top:0px;}
.j-happy-sec .j-pay-icon img{ width:100%;}
.j-happy-sec h3{ font-size:25px; padding-bottom:15px;}
.j-happy-sec .j-pay-icon{ padding:30px 0;}
.j-user{ width:100%; float:left; text-align:center; margin:25px 0 10px 0;}
.j-user-text{ width:100%; text-align:center;}
.j-happy-sec h3{ padding-bottom:0px;}
.j-post-sec p{ font-size:18px; line-height:30px; padding:0px;}
.j-post-free-btn{ margin:0px;}
.j-happy-sec{ padding-bottom:50px;}
.j-post-sec{ padding:40px 0 20px 0;}
.j-feature-sec h3{ margin:0px;}
.j-feature-loop p{ padding:0px;}
.j-feature-loop h4{ margin-top:0px;}
.j-feature-loop{ width:100%; float:left;}
.j-question-sec{ padding:0px 0 40px 0;}
.j-question-sec h3{ margin-top:0px;}
.j-question-list{ padding:5px 0 5px 0; margin:0px;}


.btn-text{ display:none;}
.j-pulish-btn-one{ display:none;}
.j-employer-left-panel{ padding:0px;}
.j-employer-detail{ padding:0px;}
.j-employer-right ul{ display:none;}
.j-employer-right h5{ border:none;}
.j-employer-right-m{ width:100%; float:left; border-top: solid 1px #eeeeee; margin:0px; display:block;}
.j-employer-right-m ul{ display:block; margin:0 0 0 -10px;}
.j-toll-free{ display:none;}
.j-toll-free-m{ display:block; border-top: solid 1px #eeeeee; text-align:center;}
.j-toll-free-m a i{ float:none; margin:0px 5px 0px 0px;}

.j-order h5{ padding:15px 15px 15px 15px; background:#f9f9f9; margin:0px;}
.j-order ul{background:#f9f9f9; padding:0 15px 15px 15px;}
.j-total{ padding:0 15px; background:#f9f9f9; margin-top:0px;}

.j-pulish-btn{ display:none;}
.j-pulish-btn-m{ display:block;}
.btn-text-m{display:block; padding:15px 0px 0 0px;}
.offer-green{ display:none;}
.j-employer-right-m{ display:none;}
.j-employer-sec{ padding:75px 0 30px 0;}
.home-banner-content{ padding:0px;}
.browse-home-btn{ margin-right:0px;}

.city-popup{ width:101%;}
.city-popup .modal-content{ padding:25px 20px 25px 20px;}
.city-list li{ text-align:center;}
.city-list li a figure{ width:100%; text-align:center;}
.city-list li a span{ margin:0px; display:block; text-align:center;}
.city-list li a figure i{ float:none;}
.city-list li a span{ padding-top:0px;}
.cate-drop{ width:300px; left: -184px; height:300px; overflow:scroll; padding:15px;}
.cate-drop ul li{ width:100%;}
.modal-dialog{ width:90%;}
.seeker-tab li a{ font-size:14px;}
/*.emp-popup-login{ padding:65px 15px 25px;}*/
.input-right-filled{padding-left:15px;}
.input-left-filled{padding-right:15px;}
/******************Search page css*************/


/******************Job Detail Page Css Start Here*************/

.search-mid-content{ padding:20px 0%;}
.search-left-panel{ display:block; width:100%;}
.search-left-panel-m{ display: block; width:100%;}
.search-mid-panel{ width:100%; margin:10px 0px 0 0px;}
.job-detail-mid-info{ padding:20px 8%;}
.job-detail-mid-info h2{font-size:25px; padding:10px 0 10px 0;}
.job-detail-mid-info ul li a{ padding:0 15px;}
.job-detail-mid-info ul li a b{ display:none;}
.job-detail-mid-info ul li a{ font-size:14px; margin-right:0px; padding:0 10px;}
.job-detail-list ul li{ width:50%; padding:5px 0 0px 0; min-height:75px;}
.job-detail-list ul li span.right-list-text{ width:63%; margin:0px; font-size:14px;}
.job-detail-list ul li span.left-list{ margin-right:5px;}
.job-benefit-list ul li{ width:50%; min-height:70px;}
.job-benefit-list ul li span.left-benefit-icon{ margin-right:5px;}
.job-detail-mid-info ul li a{ padding:0 13px;}
.job-detail-mid-info ul li a.job-save-btn{ padding:0px 0px 0px 10px;}
.share-list{ width:100%; margin:10px 0 0 0;}
.apply-share ul li { display:block;}
.apply-share ul li a{ width:100%; text-align:center;}
.apply-share ul li a.job-save-btn{ display:none;}


.search-right-panel{ display:none;}
.search-right-panel-m{ display: block; background:#f8f8f8; width:100%;}
.apply-job-detail-btn{ display:none;}
.right-share-list{ display:none;}
.search-right-panel img{ margin:0px;}
.job-detail-left-add{ margin-bottom:0px; text-align:center;}
.weekly-alert{ margin:15px 0;}
.job-detail-mid-info p{ margin:0px;}
.sharethis-inline-share-buttons{ margin:0px !important;}
.job-pagination ul li a{ height:auto; line-height:normal;}
.apply-share.job-detail-left-add{ text-align:center;}
.search-job-loop-list-mid{ width:100%; margin:0px;}
.search-job-loop-list-mid ul li{ display:block; margin:0px; padding:3px 0 3px 0;}
.search-job-loop-list{ position:relative;}
.search-job-loop-list-right{float: left;}

.search-job-loop-list-mid ul li a i.search-location2{ background-position:-35px top;}
.search-job-loop-list-mid ul li a i{  margin:1px 5px 0 0; }
/******************Job Detail Page Css End Here*************/

.slist-mode{ margin:0px 0px 20px 8%; float:left !important;}
.search-pageination ul li a{padding:6px 8px;}
.search-pageination ul li span.current{padding:6px 8px;}
.left-benefit-icon i{ margin:0 5px 0 0;}
.job-benefit-list ul li span.right-benefit-text{ width:70%; margin:0px; font-size:14px;}

.job-benefit-list ul li{min-height:76px;}









.share-list{ width:100%; margin:0px 0px 0px 0px;}
.share-list ul li a img{ width:100%;}
.job-detail-mid-info ul li{ text-align:center; margin:0px 0 0px 0;}
.job-detail-mid-info ul li a{ padding:0 15px;}
.job-detail-mid-info ul li a.job-call-btn{ height:40px; line-height:40px;}
.apply-share.job-detail-mid-info ul li { width:100%;}
.job-detail-mid-info ul li a.job-apply-btn{width:100%; height:40px; line-height:40px; text-align:center;}
.job-detail-mid-info ul li a.active.job-save-btn{ display:none;}
.search-job-loop-list h4{ font-size:22px;}


.search-right-panel{ width:100%; padding:0 8%;} 
.apply-email-list ul li{ padding:7px 3px;}

.search-job-loop-list{ position:relative; padding:20px 8%;}

.search-job-loop-list-right{ float:left;}
.search-job-loop-list-mid{ padding:0px; width:100%; margin:0px;}
.search-job-loop-list-mid h4{ font-size:18px;}
.search-job-loop-list-mid h4 a{ padding:0px 5px 5px 0px;  display:inherit; width:auto;}

.search-job-loop-list-mid ul{ margin:8px 0px 0px 0px;}
.h-foot{ padding:40px 0 40px 0;}
.job-detail-list ul li span.right-list-text{ text-align:left;}
.job-benefit-list ul li span.right-benefit-text{ text-align:left;}
.job-pagination ul li  a{line-height:normal; padding:0px; height:auto;}


.jj-nav-search .jj-nav-right ul li a.link-first{ display:none;}
.h-foot-list{ margin:0px; padding-top:30px;}
.apply-email-list{ padding:10px 15px 15px 15px;}
.apply-email-list ul li{ padding:5px 3px;}
.job-detail-mid-info h4{ margin-bottom:0px;}
.search-top-add img{ width:100%;}
.search-left-panel-m{ display: block; padding:0 8%;}
.weekly-alert{max-width:100%;}
.job-user-info{max-width:100%;}
.weekly-alert img{ width:auto;}
.job-user-info{ padding:20px;}
.job-user-info ul li span.right-text{ width:85%;}


.quick-stats-section{ padding:30px 5%; }
.quick-stats-loop{ padding:15px; }
.statistics-section h2{ font-size: 35px; }
.quick-panel{ margin: 0px; }
.quick-panel a{ margin:0px 0px 10px 0px; }
.quick-stats-bottom ul li{ padding:5px 0px; }
.statistics-section{ padding:30px 3%; }

.nh-emp-menu{ margin: 0 0 0 -56px;}
.nh-seeker-menu{ margin: 0 0 0 -115px;}

.user-whitedrop-login .dropdown-menu { width: 257px;}

.search-filter{ max-width:100%;}
/*.search-mid{ padding:0 5%;}*/
.job-list-main{ padding-top:0px;}
.job-list-add{ padding:15px 0;  width:100%; float: left;}

}


@media only screen and (min-width: 375px) and (max-width: 424px)
{
.j-form-right{width: 60%;}  
.job-detail-mid-info ul li a{ padding:0 15px; margin-right:10px;}	

.sticky-nav{ z-index:99999;}
}

@media only screen and (min-width: 425px) and (max-width: 767px) 
{

}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
.h-search p a{width:49%;}
}

@media only screen and (min-width: 1920px) and (max-width: 2560px)
{
/*.search-left-panel{ width:300px;}*/
/*.search-mid-panel {width:65.3%;}
.search-right-panel{width:300px;}	
.search-add{text-align:center;}
.search-add img{ width:auto;}*/
}

@media only screen and (min-width: 980px) and (max-width: 1024px) {
.h-foot-bottom-list img{ width:100%;}		
.jj-categorie li a{ padding:15px;}
.total-job-loop{ padding:20px;}
.total-job-loop-right{ width:62%;}
.h-foot-bottom-list span img{ width:auto;}
.copyright{ width:21%;}
.h-news-sec ul li{ margin:10px 0px 0;}

.search-left-panel{ width:300px;}
.search-mid-panel{ width:66.5%; margin-right:0px;}
.search-right-panel{ display:none;}
.search-head.head-nav span a em{ display:none;}
.search-top-add img{ width:100%;}
.search-head-input{width:35%;}
.search-head-drop{width:28%;}
.search-head .new-nav-right{ margin:-60px 22px 0 0px;}


.front-social ul li {
	margin-right: 3px
}
.quick-stats-loop{ padding:15px; }
.quick-stats-loop ul li{ padding: 7px 40px 7px 0; }
.quick-stats-loop ul li span{ margin:0 -40px 0 0;}

	}

@media only screen and (min-width: 768px) and (max-width: 979px) {	
.home-client ul li{width: 13.8%; padding: 0 10px;}
.home-client ul li img{ width:100%;}
.total-job-loop{ padding:0px 15px;}
.total-job-loop-right{ width:57%;}
.h-blog-loop figure figcaption{ padding:15px;}
.h-news-sec ul{ text-align:center;}

.j-form-input{ width:92%;}
.j-form-drop{ width:84%;}
.j-form-input-one{ width:84%;}
.j-form-input-two{ width:92%;}
.j-form-right{ width:41%;}
.j-user{ width:50px;}
.j-user-text{ width:63%;}
.j-toll-free a{ font-size:12px;}
.j-pulish-btn .signup_form_submit{ font-size:13px;}
.j-feature-loop p{ padding:0px;}
.startup-list li img{ width:100%;}
.startup-list li{ width:13% !important; margin:0px !important;}
.header-emp-add{ width:100%;}
.signup_job_form .row{ margin:0px;}
.j-employer-left-panel .row{ margin-left:-15px; margin-right:-15px;}
.j-employer-detail{ padding:0 15px;}
.j-toll-free{ padding:0 20px;}
.j-order{ padding:20px;}
.front-new-up ul li{ width:24.5%}
.front-new-up ul li a{ padding:0px !important;}

/******************Search page css*************/
.search-left-panel{ width:32%;}
.search-mid-panel{ width:65%; margin-right:0px;}
.search-job-loop h2{ font-size:22px;}
.search-right-panel{ display:none;}
.search-head.head-nav span a em{ display:none;}
.search-top-add img{ width:100%;}
.search-head-input{width:25%; padding:0 18px 0 15px;}
.search-head-drop{width:25%; padding:0 38px 0 15px;}

.search-job-loop-list{ padding:20px 15px 20px 15px;}
.search-job-loop h2{ padding:0px 0 5px 15px;}
.search-job-loop p{ padding:0 0 0 15px;}
.list-mode{ float:left; margin:0px 30px 0 15px;}
.search-job-loop{ float:left; width:100%; padding-bottom:20px;}
.search-filter h5 span{ font-size:8px; padding:0 4px;}
.search-head .new-nav-right{ margin:-60px 22px 0 0px;}
.search-head .new-nav ul li a{ font-size:14px; padding:0px;}
.search-head .post-job a{ font-size:14px; padding:0 14px;}
.search-head .new-logo a img{width:150px; margin: 7px 0 0 0;}

.quick-stats-popup{ width: 100%;}

	} 
	

