@charset "utf-8";



body {







  font-family: Arial, Helvetica, sans-serif;



  color: var(--grey-dark);



  background-color: var(--grey-bg) !important;
  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: var(--grey-light) !important;



}



:-moz-placeholder {



  color: var(--grey-light) !important;



}



::-moz-placeholder {



  color: var(--grey-light) !important;



}



:-ms-input-placeholder {



  color: var(--grey-light) !important;



}









@font-face {



  font-family: Arial, Helvetica, sans-serif;



  src: url('../fonts/CircularAir-Book.eot');



  src: url('../fonts/CircularAir-Book.eot?#iefix') format('embedded-opentype'),



    url('../fonts/CircularAir-Book.woff') format('woff'),



    url('../fonts/CircularAir-Book.ttf') format('truetype');



  font-weight: normal;



  font-style: normal;



}







@font-face {



  font-family: 'Frontage-Outline';



  src: url('../fonts/Frontage-Outline_gdi.eot');



  src: url('../fonts/Frontage-Outline_gdi.eot?#iefix') format('embedded-opentype'),



    url('../fonts/Frontage-Outline_gdi.woff') format('woff'),



    url('../fonts/Frontage-Outline_gdi.ttf') format('truetype'),



    url('../fonts/Frontage-Outline_gdi.otf') format('opentype'),



    url('../fonts/Frontage-Outline_gdi.svg#Frontage-Outline') format('svg');



  font-weight: 400;



  font-style: normal;



  font-stretch: normal;



  unicode-range: U+000D-2122;



}







@font-face {



  font-family: Arial, Helvetica, sans-serif;



  src: url('../fonts/CircularAir-Bold_gdi.eot');



  src: url('../fonts/CircularAir-Bold_gdi.eot?#iefix') format('embedded-opentype'),



    url('../fonts/CircularAir-Bold_gdi.woff') format('woff'),



    url('../fonts/CircularAir-Bold_gdi.ttf') format('truetype'),



    url('../fonts/CircularAir-Bold_gdi.otf') format('opentype'),



    url('../fonts/CircularAir-Bold_gdi.svg#CircularAir-Bold') format('svg');



  font-weight: 700;



  font-style: normal;



  font-stretch: normal;



  unicode-range: U+0-10FFFF;



}







@font-face {



  font-family: 'montserratbold';



  src: url('../fonts/montserrat-bold-webfont.eot');



  src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),



    url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),



    url('../fonts/montserrat-bold-webfont.woff') format('woff'),



    url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),



    url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');



  font-weight: normal;



  font-style: normal;







}







@font-face {



  font-family: 'rupee_foradianregular';



  src: url('../fonts/rupee_foradian-webfont.eot');



  src: url('../fonts/rupee_foradian-webfont.eot?#iefix') format('embedded-opentype'),



    url('../fonts/rupee_foradian-webfont.woff2') format('woff2'),



    url('../fonts/rupee_foradian-webfont.woff') format('woff'),



    url('../fonts/rupee_foradian-webfont.ttf') format('truetype'),



    url('../fonts/rupee_foradian-webfont.svg#rupee_foradianregular') format('svg');



  font-weight: normal;



  font-style: normal;







}











.main {
  width: 100%;
  float: left;
  padding: 0px 0 0px 0;
}



.head-nav {
  width: 100%;
  float: left;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
}



.new-logo {
  width: auto;
  float: left;
}



.head-nav span {
  font-size: 14px;
  letter-spacing: 0.02rem;
  color: var(--grey-dark);
  margin: 28px 0 0 10px;
  display: inline-block;
}



.head-nav span i {
  float: left;
  margin: -4px 5px 0 0;
}



.head-nav span a {
  color: var(--grey-dark);
  text-decoration: none;
}







.new-nav-right {
  width: auto;
  float: right;
  margin-right: 20px;
}



.new-nav {
  width: auto;
  float: left;
}



.new-nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: relative;
}



.new-nav ul li {
  list-style: none;
  float: left;
}



.new-nav ul li a {
  line-height: normal;
  float: left;
  font-size: 14px;
  letter-spacing: 0.02rem;
  color: var(--grey-dark);
  float: left;
  padding: 0 13px;



  line-height: 72px;
  display: block;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}



.new-nav ul li a b {
  font-weight: normal
}



.new-nav ul li a i {
  margin: -2px 5px 0 0;
  font-style: normal;
  float: left;
}











.new-nav-home {
  width: auto;
  float: left;
}



.new-nav-home ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: relative;
}



.new-nav-home ul li {
  list-style: none;
  float: left;
}



.new-nav-home ul li a {
  line-height: normal;
  float: left;
  font-size: 14px;
  letter-spacing: 0.02rem;
  color: var(--grey-dark);
  float: left;
  padding: 0 13px;



  line-height: 72px;
  display: block;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}



.new-nav-home ul li a b {
  font-weight: normal
}



.new-nav-home ul li a i {
  margin: -2px 7px 0 0;
  font-style: normal;
  float: left;
}











.new-logo a img {
  width: 175px;
}



.post-job {
  width: auto;
  float: left;
  margin: 15px 20px 0 15px;
}



.post-job a {
  background: var(--green);
  font-size: 14px;
  letter-spacing: 0.02rem;
  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 {
  height: 320px;
  background: var(--white) !important;
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 50px;
}



.home-new-banner h1 {
  font-size: 48px;
  color: var(--black);
  font-weight: bold;
  padding-top: 20px;
  margin-top: 45px !important;
  letter-spacing: 0.05rem;
}



.home-new-banner p {
  font-size: 24px;
  color: var(--grey-dark);
}



.h-search {
  width: 100%;
  float: left;
  margin-top: 15px;
  padding: 0 10%;
}



.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 var(--grey-light));
}



.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;
  letter-spacing: 0.02rem;
  color: #fff;
  text-align: right;
  font-weight: normal;
  padding-top: 5px;
  letter-spacing: 0.05rem;
}



.h-search p {
  font-size: 14px;
  letter-spacing: 0.02rem;
  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;
  letter-spacing: 0.02rem;
  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;
}











  {
  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;
}







.j-location-icon {
  position: absolute;
  left: 25px;
  top: 21px;
  z-index: 999;
}



.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: var(--dark-blue);
  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: 0px;
}



.home-client {
  width: 100%;
  float: left;
  /*box-shadow:0px 1px 1px rgba(0,0,0,0.1);*/
  border-bottom: 1px solid var(--grey-light-more);
  background: #f8f8f8;
  position: relative;
  margin: -45px 0 0 0;
  padding: 15px 0%;
}



.home-client h6 {
  text-align: center;
  font-weight: normal;
  font-size: 15px;
  color: var(--grey-dark);
  padding-top: 0px;
  margin-bottom: 15px;
}



.home-client ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}



.home-client ul li {
  line-height: normal;
  display: inline-block;
  width: 7%;
  text-align: center;
}











.home-categorie {
  width: 100%;
  float: left;
  background: #ffffff;
  margin-top: 0px;
  padding: 45px 0;
  padding-bottom: 15px;
}



.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: 1px solid var(--grey-light-more);
  display: block;
  padding: 20px 8px 25px 8px;
  text-align: center;
  text-decoration: none;
}



.jj-categorie figure {
  margin-top: 5px;
}



.jj-categorie figcaption {
  font-size: 15px;
  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: var(--grey-light);
  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;
  letter-spacing: 0.02rem;
  line-height: 30px !important;
  height: 32px !important;
  background: var(--blue) !important;
  display: inline-block;
  border: none !important;
  border-radius: 3px;
  padding: 0px !important;
}



.categorie-ho-btn a:hover {
  background: var(--dark-blue);
  color: #fff;
}







.view-categorie-btn {
  color: #fff;
  background: var(--blue);
  height: 44px;
  line-height: 44px;
  border: none;
  font-size: 14px;
  letter-spacing: 0.02rem;
  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: 3px;
  box-shadow: none;
  letter-spacing: 0.02rem;
}



.view-categorie-btn:hover {
  background: var(--dark-blue);
  color: #fff;
}



.view-categorie-btn:focus {
  background: var(--dark-blue);
  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: var(--dark-blue);
  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;
  letter-spacing: 0.02rem;
  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: 3px;
  box-shadow: none;
  letter-spacing: 0.02rem;
}



.browse-home-btn:hover {
  background: var(--dark-blue);
  color: #fff;
  border-color: var(--dark-blue);
}



.browse-home-btn:focus {
  background: var(--dark-blue);
  color: #fff;
  border-color: var(--dark-blue);
}



.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: var(--dark-blue);
  color: #fff;
  border-color: var(--dark-blue);
}



.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: 17px;
  color: var(--grey-dark);
}



.total-job-loop-right span {
  font-size: 14px;
  letter-spacing: 0.02rem;
  color: var(--grey-light);
  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%;
  height: 180px;
  object-fit: cover;
}



.h-blog-loop figure figcaption {
  padding: 25px 30px;
  display: inline-block;
}



.h-blog-loop figure figcaption span {
  font-size: 10px;
  color: var(--grey-light);
  border: solid 1px var(--grey-light);
  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: var(--grey-dark);
  text-decoration: none;
}







.h-read-btn {
  font-size: 12px;
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  text-decoration: none;
}



.h-read-btn:hover {
  color: var(--green);
  text-decoration: none;
}



.h-blog-btn {
  background: var(--green);
}



.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;
}







.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}



.drop-bg {
  background: url(../home-image/bg-image.png) center top no-repeat;
  width: 100%;
  float: left;
  padding: 150px 0 150px 0;
  -webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;
}



.modal {
  padding: 0px !important;
}



.city-popup {
  width: 100% !important;

  position: relative;

  margin: 0px 0 0 0 !important;

  max-width: 100%;
}

















.cate-drop {
  width: 970px;
  float: right;
  background: #fff;
  border: solid 1px #E8E9EB;
  padding: 25px 25px;
  left: -400px;
  margin: 1px 0 0 0;
  border-radius: 0px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}



.cate-drop ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}



.cate-drop ul li {
  line-height: normal;
  float: left;
  width: 25%;
  padding-bottom: 5px;
}



.cate-drop ul li a {
  font-size: 13px;
  color: #656565;
  line-height: normal;
  text-decoration: none;
  letter-spacing: 0.04rem;
}



.cate-drop ul li a i {
  width: 30px;
  height: 25px;
  display: inline-block;
  background: url(../home-image/home-category-icon.svg) left top no-repeat;
  float: left;
  margin: -1px 4px 5px 0;
}



.cate-drop ul li a i.c-drop-icon1 {
  background-position: left -36px;
}



.cate-drop ul li a i.c-drop-icon2 {
  background-position: left -830px;
}



.cate-drop ul li a i.c-drop-icon3 {
  background-position: left -283px;
}



.cate-drop ul li a i.c-drop-icon4 {
  background-position: left -158px;
}



.cate-drop ul li a i.c-drop-icon5 {
  background-position: left -861px;
}



.cate-drop ul li a i.c-drop-icon6 {
  background-position: left -890px;
}



.cate-drop ul li a i.c-drop-icon7 {
  background-position: left -756px;
}



.cate-drop ul li a i.c-drop-icon8 {
  background-position: left -34px;
}



.cate-drop ul li a i.c-drop-icon9 {
  background-position: left -919px;
}



.cate-drop ul li a i.c-drop-icon10 {
  background-position: left -253px;
}



.cate-drop ul li a i.c-drop-icon11 {
  background-position: left -951px;
}



.cate-drop ul li a i.c-drop-icon12 {
  background-position: left -982px;
}



.cate-drop ul li a i.c-drop-icon13 {
  background-position: left -191px;
}



.cate-drop ul li a i.c-drop-icon14 {
  background-position: left -1012px;
}



.cate-drop ul li a i.c-drop-icon15 {
  background-position: left -600px;
}



.cate-drop ul li a i.c-drop-icon16 {
  background-position: left -1041px;
}



.cate-drop ul li a i.c-drop-icon17 {
  background-position: left -1069px;
}



.cate-drop ul li a i.c-drop-icon18 {
  background-position: left -534px;
}



.cate-drop ul li a i.c-drop-icon19 {
  background-position: left -1103px;
}



.cate-drop ul li a i.c-drop-icon20 {
  background-position: left -316px;
}



.cate-drop ul li a i.c-drop-icon21 {
  background-position: left -692px;
}



.cate-drop ul li a i.c-drop-icon22 {
  background-position: left -222px;
}



.cate-drop ul li a i.c-drop-icon23 {
  background-position: left -660px;
}



.cate-drop ul li a i.c-drop-icon24 {
  background-position: left -1132px;
}



.cate-drop ul li a i.c-drop-icon25 {
  background-position: left -1157px;
}



.cate-drop ul li a i.c-drop-icon26 {
  background-position: left -1185px;
}



.cate-drop ul li a i.c-drop-icon27 {
  background-position: left -441px;
}



.cate-drop ul li a i.c-drop-icon28 {
  background-position: left -346px;
}



.cate-drop ul li a i.c-drop-icon29 {
  background-position: left -1211px;
}



.cate-drop ul li a i.c-drop-icon30 {
  background-position: left -566px;
}



.cate-drop ul li a i.c-drop-icon31 {
  background-position: left -472px;
}



.cate-drop ul li a i.c-drop-icon32 {
  background-position: left -66px;
}



.cate-drop ul li a i.c-drop-icon33 {
  background-position: left -628px;
}



.cate-drop ul li a i.c-drop-icon34 {
  background-position: left -727px;
}



.cate-drop ul li a i.c-drop-icon35 {
  background-position: left -409px;
}



.cate-drop ul li a i.c-drop-icon36 {
  background-position: left -376px;
}



.cate-drop ul li a i.c-drop-icon37 {
  background-position: left -503px;
}



.cate-drop ul li a i.c-drop-icon38 {
  background-position: left -2px;
}















.cate-drop ul li a:hover {
  color: #0079ff;
}



.cate-drop ul li a:hover i.c-drop-icon1 {
  background-position: -52px -36px;
}



.cate-drop ul li a:hover i.c-drop-icon2 {
  background-position: -54px -830px;
}



.cate-drop ul li a:hover i.c-drop-icon3 {
  background-position: -52px -283px;
}



.cate-drop ul li a:hover i.c-drop-icon4 {
  background-position: -52px -158px;
}



.cate-drop ul li a:hover i.c-drop-icon5 {
  background-position: -54px -861px;
}



.cate-drop ul li a:hover i.c-drop-icon6 {
  background-position: -54px -890px;
}



.cate-drop ul li a:hover i.c-drop-icon7 {
  background-position: -52px -756px;
}



.cate-drop ul li a:hover i.c-drop-icon8 {
  background-position: -52px -34px;
}



.cate-drop ul li a:hover i.c-drop-icon9 {
  background-position: -54px -919px;
}



.cate-drop ul li a:hover i.c-drop-icon10 {
  background-position: -52px -253px;
}



.cate-drop ul li a:hover i.c-drop-icon11 {
  background-position: -54px -951px;
}



.cate-drop ul li a:hover i.c-drop-icon12 {
  background-position: -54px -982px;
}



.cate-drop ul li a:hover i.c-drop-icon13 {
  background-position: -52px -191px;
}



.cate-drop ul li a:hover i.c-drop-icon14 {
  background-position: -54px -1012px;
}



.cate-drop ul li a:hover i.c-drop-icon15 {
  background-position: -52px -600px;
}



.cate-drop ul li a:hover i.c-drop-icon16 {
  background-position: -54px -1041px;
}



.cate-drop ul li a:hover i.c-drop-icon17 {
  background-position: -54px -1069px;
}



.cate-drop ul li a:hover i.c-drop-icon18 {
  background-position: -52px -534px;
}



.cate-drop ul li a:hover i.c-drop-icon19 {
  background-position: -52px -1103px;
}



.cate-drop ul li a:hover i.c-drop-icon20 {
  background-position: -52px -316px;
}



.cate-drop ul li a:hover i.c-drop-icon21 {
  background-position: -52px -692px;
}



.cate-drop ul li a:hover i.c-drop-icon22 {
  background-position: -52px -222px;
}



.cate-drop ul li a:hover i.c-drop-icon23 {
  background-position: -52px -660px;
}



.cate-drop ul li a:hover i.c-drop-icon24 {
  background-position: -53px -1132px;
}



.cate-drop ul li a:hover i.c-drop-icon25 {
  background-position: -53px -1157px;
}



.cate-drop ul li a:hover i.c-drop-icon26 {
  background-position: -52px -1185px;
}



.cate-drop ul li a:hover i.c-drop-icon27 {
  background-position: -52px -441px;
}



.cate-drop ul li a:hover i.c-drop-icon28 {
  background-position: -52px -346px;
}



.cate-drop ul li a:hover i.c-drop-icon29 {
  background-position: -54px -1211px;
}



.cate-drop ul li a:hover i.c-drop-icon30 {
  background-position: -52px -566px;
}



.cate-drop ul li a:hover i.c-drop-icon31 {
  background-position: -52px -472px;
}



.cate-drop ul li a:hover i.c-drop-icon32 {
  background-position: -52px -66px;
}



.cate-drop ul li a:hover i.c-drop-icon33 {
  background-position: -52px -628px;
}



.cate-drop ul li a:hover i.c-drop-icon34 {
  background-position: -52px -727px;
}



.cate-drop ul li a:hover i.c-drop-icon35 {
  background-position: -52px -409px;
}



.cate-drop ul li a:hover i.c-drop-icon36 {
  background-position: -52px -376px;
}



.cate-drop ul li a:hover i.c-drop-icon37 {
  background-position: -52px -503px;
}



.cate-drop ul li a:hover i.c-drop-icon38 {
  background-position: left -2px;
}











.cate-drop ul li a.active {
  color: #0079ff;
}



.cate-drop ul li a.active i.c-drop-icon1 {
  background-position: -52px -36px;
}



.cate-drop ul li a.active i.c-drop-icon2 {
  background-position: -54px -830px;
}



.cate-drop ul li a.active i.c-drop-icon3 {
  background-position: -52px -283px;
}



.cate-drop ul li a.active i.c-drop-icon4 {
  background-position: -52px -158px;
}



.cate-drop ul li a.active i.c-drop-icon5 {
  background-position: -54px -861px;
}



.cate-drop ul li a.active i.c-drop-icon6 {
  background-position: -54px -890px;
}



.cate-drop ul li a.active i.c-drop-icon7 {
  background-position: -52px -756px;
}



.cate-drop ul li a.active i.c-drop-icon8 {
  background-position: -52px -34px;
}



.cate-drop ul li a.active i.c-drop-icon9 {
  background-position: -54px -919px;
}



.cate-drop ul li a.active i.c-drop-icon10 {
  background-position: -52px -253px;
}



.cate-drop ul li a.active i.c-drop-icon11 {
  background-position: -54px -951px;
}



.cate-drop ul li a.active i.c-drop-icon12 {
  background-position: -54px -982px;
}



.cate-drop ul li a.active i.c-drop-icon13 {
  background-position: -52px -191px;
}



.cate-drop ul li a.active i.c-drop-icon14 {
  background-position: -54px -1012px;
}



.cate-drop ul li a.active i.c-drop-icon15 {
  background-position: -52px -600px;
}



.cate-drop ul li a.active i.c-drop-icon16 {
  background-position: -54px -1041px;
}



.cate-drop ul li a.active i.c-drop-icon17 {
  background-position: -54px -1069px;
}



.cate-drop ul li a.active i.c-drop-icon18 {
  background-position: -52px -534px;
}



.cate-drop ul li a.active i.c-drop-icon19 {
  background-position: -52px -1103px;
}



.cate-drop ul li a.active i.c-drop-icon20 {
  background-position: -52px -316px;
}



.cate-drop ul li a.active i.c-drop-icon21 {
  background-position: -52px -692px;
}



.cate-drop ul li a.active i.c-drop-icon22 {
  background-position: -52px -222px;
}



.cate-drop ul li a.active i.c-drop-icon23 {
  background-position: -52px -660px;
}



.cate-drop ul li a.active i.c-drop-icon24 {
  background-position: -53px -1132px;
}



.cate-drop ul li a.active i.c-drop-icon25 {
  background-position: -53px -1157px;
}



.cate-drop ul li a.active i.c-drop-icon26 {
  background-position: -52px -1185px;
}



.cate-drop ul li a.active i.c-drop-icon27 {
  background-position: -52px -441px;
}



.cate-drop ul li a.active i.c-drop-icon28 {
  background-position: -52px -346px;
}



.cate-drop ul li a.active i.c-drop-icon29 {
  background-position: -54px -1211px;
}



.cate-drop ul li a.active i.c-drop-icon30 {
  background-position: -52px -566px;
}



.cate-drop ul li a.active i.c-drop-icon31 {
  background-position: -52px -472px;
}



.cate-drop ul li a.active i.c-drop-icon32 {
  background-position: -52px -66px;
}



.cate-drop ul li a.active i.c-drop-icon33 {
  background-position: -52px -628px;
}



.cate-drop ul li a.active i.c-drop-icon34 {
  background-position: -52px -727px;
}



.cate-drop ul li a.active i.c-drop-icon35 {
  background-position: -52px -409px;
}



.cate-drop ul li a.active i.c-drop-icon36 {
  background-position: -52px -376px;
}



.cate-drop ul li a.active i.c-drop-icon37 {
  background-position: -52px -503px;
}



.cate-drop ul li a.active i.c-drop-icon38 {
  background-position: left -2px;
}



.top-arrow {
  display: none;
}



.open .top-arrow {
  position: absolute;
  position: absolute;
  top: 33px;
  width: 100%;
  text-align: center;
  left: 0px;
  z-index: 9999;
  display: block;
}











.login-list {



  box-shadow: none;



  width: 100%;



  margin-top: 0;



  padding: 0 0 10px;







}







.login-list h3.small {



  margin: 0
}



.login-list h4 {



  color: var(--green) !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;

  margin: 0
}



.pop-inside span {



  font-size: 12px;



  color: #565a5c;



  display: block;



  padding-top: 15px !important;



  float: left;
  width:100%;
}



.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 var(--grey-light);



  border-radius: 3px;



  margin-top: 13px;



  padding: 0 20px;



  box-sizing: border-box;



  height: 40px;



  line-height: 40px;



  font-size: 16px;



  color: var(--grey-light);



  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: var(--green);



  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 var(--grey-light);



  border-radius: 3px;



  margin-top: 18px;



  padding: 20px;



  box-sizing: border-box;



  height: 50px;



  font-size: 16px;



  color: var(--grey-light)
}



.alert-textarea:focus {



  color: #565a5c
}



.location-input {



  width: 100%;



  border: solid 1px var(--grey-light);



  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 var(--grey-light);



  border-radius: 3px;



  margin-top: 13px;



  padding: 0 20px;



  box-sizing: border-box;



  height: 40px;



  line-height: 40px;



  font-size: 16px;



  color: var(--grey-light);



  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 var(--grey-light);



  border-radius: 3px;



  margin-top: 30px;



  padding: 0;



  box-sizing: border-box;



  height: 50px;



  line-height: 50px;



  font-size: 16px;



  color: var(--grey-light);



  display: inline-block;



  color: var(--grey-light)
}



.alert-multiple:focus {



  color: #565a5c
}



.alert-date-of {



  width: 30%;



  margin: 30px 14px 0 0
}



.alert-browse {



  width: 100%;



  border: solid 1px var(--grey-light);



  border-radius: 3px;



  margin-top: 30px;



  padding: 0 20px;



  box-sizing: border-box;



  line-height: 50px;



  font-size: 16px;



  color: var(--grey-light);



  display: inline-block
}



.captcha {



  margin: 30px 0 10px
}



.jj-submit {



  width: 100%;



  border-radius: 3px;



  background: var(--green);



  border: solid 2px var(--green);



  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: var(--green);



  border: solid 2px var(--green);



  box-shadow: none
}



.jj-submit:hover {



  color: #fff;



  background-color: var(--green);



  border: solid 2px var(--green)
}



.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: var(--green);



  border: solid 2px var(--green)
}



.email-submit {



  width: 100%;



  border-radius: 3px;



  background: none;



  border: solid 2px var(--green);



  padding: 0;



  height: 50px;



  color: var(--green);



  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: var(--green);



  border: solid 2px var(--green);



  box-shadow: none
}



.email-submit:hover {



  color: #fff;



  background-color: var(--green);



  border: solid 2px var(--green)
}



.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: var(--green);



  border: solid 2px var(--green)
}



/*.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 var(--grey-light);



  border-radius: 3px;



  margin-top: 13px;



  padding: 0 20px;



  box-sizing: border-box;



  height: 44px;



  line-height: 44px;



  font-size: 16px;



  color: var(--grey-light);



  display: inline-block;



  float: left;



  position: relative;
  z-index: 9;



}



.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: var(--green);



  line-height: 40px;



  height: 44px;



  border-color: var(--green);



  margin-top: 15px
}



.jj-employer-login.focus,
.jj-employer-login:focus {



  color: #fff;



  background-color: var(--green);



  border-color: var(--green);



  box-shadow: none
}



.jj-employer-login:hover {



  color: #fff;



  background-color: var(--green);



  border-color: var(--green);



  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: var(--green);



  border-color: var(--green)
}









.modal-content {
  border: none;
}





.pop-inside {



  box-shadow: 0 5px 50px rgba(44, 62, 80, 0.9);



  border-radius: 0;



  padding: 30px 30px;



  border-radius: 10px;



}



.pop-inside h3 {



  padding: 0 0 8px;
  font-size: 20px;



}



.emp-popup-login {



  padding: 75px 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: 16px;



  color: #6f6f6f;



  text-align: center;



  float: left;



  text-decoration: none;



  background: #dedede
}



.seeker-tab li a.active {



  background: none;



  color: var(--green)
}



.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 .login-list .button {
  border: none;
  margin: 15px 0 0 0;
}



.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
}







/* .cartp-popup {
  width: 290px !important;
  margin: 30px auto 0 auto !important;
}

.cartp-popup.jj-pricing-popup {
  width: 366px !important;
  margin: 30px auto 0 auto !important;
} */

/* .modal-dialog {
  width: 350px;
  margin: 60px auto 0;
}
.modal-dialog.modal-dialog-new {
  
  margin: 30px auto 0 !important;
} */













.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 5px 5px 0;



  border-left: none;
  z-index: 9;



}









.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 var(--grey-light);



  border-radius: 3px;



  margin-top: 10px;



  padding: 0 20px;



  box-sizing: border-box;



  height: 46px;



  line-height: 46px;



  font-size: 16px;



  color: var(--grey-light);



  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 var(--green);
}







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: var(--green);



  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 var(--green);
}







select.input-error {
  border: 1px solid #f00;
}



select.input-success {
  border: 1px solid var(--green);
}







textarea.input-error {
  border: 1px solid #f00;
}



textarea.input-success {
  border: 1px solid var(--green);
}







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: Arial, Helvetica, sans-serif !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-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;
}









.latest-main .new-nav-right {
  margin-right: 0px;
}







.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: var(--grey-dark) !important;
}



.front-new-up ul li a:hover {
  color: var(--blue) !important;
}



.front-new {
  border: none !important;
}











.latest-main .front-nav {
  margin: 0px;
  padding-top: 0px;
}



.latest-main .front-nav-cate {
  width: 100%;
  margin: 0px;
}



.latest-main .front-nav-city {
  width: 100%;
  margin-bottom: 30px;
}



.latest-main .front-nav-city ul li {
  display: inline-block;
  margin: 0 20px 0 0;
}



.latest-main .front-nav-cate ul li {
  display: inline-block;
  width: 33%;
  margin: 0 0px 0 0;
}











.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: 26px;



  margin-bottom: 12px;



  cursor: pointer;



  font-size: 14px;



  font-weight: normal;



  font-family: Arial, Helvetica, sans-serif;







}



.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 #1893FB;



}



.control input:checked~.control__indicator {



  background: #1893FB;
  border: solid 1px #1893FB;



}



.control:hover input:not([disabled]):checked~.control__indicator,



.control input:checked:focus~.control__indicator {



  background: #1893FB;
  border: solid 1px #1893FB;



}



.control input:disabled~.control__indicator {



  background: #1893FB;



  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: var(--grey-light));



}



.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: var(--grey-light));



}







.price-nav {
  margin: 0px;
}



.price-nav em {
  font-size: 16px;
  font-style: normal;
  margin-right: 10px;
  color: var(--grey-dark);
}



.price-nav a {
  text-decoration: none;
}



/*.offer{width:100%; float:left; margin-top:50px; background:#F64D4A; padding:10px 0px; text-align:center; font-size:17px; color:#fff;}



.offer i img{ margin:-5px 5px 0 0;}*/







.j-price-sec {
  width: 100%;
  float: left;
  background: var(--bg);
  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 var(--green);
  -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;
  letter-spacing: 0.02rem;
  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;
  letter-spacing: 0.02rem;
  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;
  letter-spacing: 0.02rem;
  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 var(--grey-light);
  -webkit-background-size: cover;



  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.sliver-price span {
  background: none;
  border: solid 2px var(--grey-light);
  color: var(--grey-light);
}



.sliver-price span strong {
  color: var(--grey-light);
}



.sliver-price .description li {
  color: var(--grey-dark);
}







.sliver-price ul li em {
  color: #F64D4A;
}



.sliver-price ul li strong {
  color: var(--green);
}



.sliver-price h4 {
  color: var(--grey-dark);
  font-family: Arial, Helvetica, sans-serif;
}



.sliver-price p {
  color: var(--grey-light);
}



.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 var(--yellow);
  -webkit-background-size: cover;



  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.yellow-price span {
  background: none;
  border: solid 2px var(--yellow);
  color: var(--yellow);
}



.yellow-price span strong {
  color: var(--yellow);
}



.yellow-price .description li {
  color: var(--grey-dark);
}



.yellow-price b {
  font-weight: normal;
  font-size: 11px;
  color: var(--yellow);
  border: solid 1px var(--yellow);
  display: block;
  letter-spacing: 0.2rem;
  line-height: 25px;
}







.yellow-price ul li em {
  color: #F64D4A;
}



.yellow-price ul li strong {
  color: var(--green);
}



.yellow-price h4 {
  color: var(--grey-dark);
  font-family: Arial, Helvetica, sans-serif;
}



.yellow-price p {
  color: var(--grey-light);
}



.yellow-price .upgrade-select-plan {
  border: solid 2px var(--yellow);
  background: none;
  color: var(--yellow);
}















.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: var(--green);
}



.diamond-price h4 {
  color: var(--grey-dark);
  font-family: Arial, Helvetica, sans-serif;
}



.diamond-price p {
  color: var(--grey-light);
}



.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: 17px;
  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: var(--green);
  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: var(--yellow);
  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: 17px;
  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: var(--green);
}



.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: var(--green);
}



.j-select:hover,
.j-select:focus {
  background: var(--green);
}











/*.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:16px; color:var(--grey-light);}



.j-user-text span strong{color:var(--grey-dark);}*/







/*.j-post-sec{ width:100%; float:left; background:var(--blue); 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:var(--blue); 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; color: var(--grey-dark);}



.j-feature-loop p{ font-size:16px; color:var(--grey-dark); 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:20px; color:var(--grey-dark); font-weight:normal;}



.j-question-list p{ font-size:16px; color:var(--grey-dark); 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;}*/











/******************Employer Landing page Start css*************/







/*.j-employer-sec{width:100%; float:left; background:#F1F1F1; padding:30px 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-detail {
  width: 100%;
  float: left;
  margin-top: 0px;
}



/*.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:17px; 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:var(--grey-light); height:45px; line-height:45px; border:solid 1px var(--grey-light); font-size:17px; border-radius:3px; padding:0 20px;}*/







/*.j-form-input-one{width:88%; float:left; color:var(--grey-light);  height:45px; line-height:45px; border:solid 1px var(--grey-light); font-size:17px; border-radius:3px; padding:0 20px;}



.j-form-input-two{width:94.5%; float:left; color:var(--grey-light); height:45px; line-height:45px; border:solid 1px var(--grey-light); font-size:17px; border-radius:3px; padding:0 20px;}*/











/*.first-step{ padding:30px 30px 50px 30px; border:solid 1px var(--grey-light-more); width:100%; float:left;}



.first-step-up{ padding:50px 30px 40px 30px; border:solid 1px var(--grey-light-more); width:100%; float:left;}*/







.j-form-input-one::-webkit-input-placeholder {



  color: var(--grey-light) !important;



}



.j-form-input-one::-moz-placeholder {



  color: var(--grey-light) !important;



}



.j-form-input-one:-ms-input-placeholder {



  color: var(--grey-light) !important;



}



.j-form-input-one:-moz-placeholder {



  color: var(--grey-light) !important;



}







.j-form-input-two::-webkit-input-placeholder {



  color: var(--grey-light) !important;



}



.j-form-input-two::-moz-placeholder {



  color: var(--grey-light) !important;



}



.j-form-input-two:-ms-input-placeholder {



  color: var(--grey-light) !important;



}



.j-form-input-two:-moz-placeholder {



  color: var(--grey-light) !important;



}







.j-form-right::-webkit-input-placeholder {



  color: var(--grey-light) !important;



}



.j-form-input-two::-moz-placeholder {



  color: var(--grey-light) !important;



}



.j-form-right:-ms-input-placeholder {



  color: var(--grey-light) !important;



}



.j-form-right:-moz-placeholder {



  color: var(--grey-light) !important;



}







.j-form-input::-webkit-input-placeholder {



  color: var(--grey-light) !important;



}



.j-form-input-two::-moz-placeholder {



  color: var(--grey-light) !important;



}



.j-form-input:-ms-input-placeholder {



  color: var(--grey-light) !important;



}



.j-form-input:-moz-placeholder {



  color: var(--grey-light) !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:var(--grey-light); 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:var(--blue); text-decoration:underline; font-style:normal;}



.j-margin-bot em a{color:var(--blue);}



.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:var(--grey-light);*/



  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-check {
  margin-right: 3px !important;
}



























.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;
  letter-spacing: 0.02rem;
  color: var(--grey-light);
  padding: 10px 0 0 0;
}



.t-pay-secure-icon ul li i {
  float: left;
  margin: -1px 6px 0 0;
}



















/******************Employer Landing page End css*************/







.j-unlock-sec {
  width: 100%;
  float: left;
  padding: 0px;
  border: none;
}







.addons-main h5 {
  border-top: solid 1px var(--grey-light-more);
  background: #fbf0c3;
  padding: 15px 40px;
  margin-bottom: 30px;
}



.shape-check {
  width: auto;
  float: left;
}



.shape-btn {
  border-top: 25px solid #1893FB;
  border-left: 10px solid transparent;
  height: 0;
  width: auto;
  float: left;
  position: relative;
  padding: 0 15px 0 15px;
  margin-left: 0px;
  position: relative;
}







.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;
}











.benefit li a {



  font-size: 14px;



  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 var(--green);



  background: var(--green);



}







.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 var(--green);
  background: var(--green);
}



.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 var(--green);



}







select.input-error-land {



  border: solid 1px #e74c3c;
}







select.input-success-land {



  border: solid 1px var(--green);



}







.mce-branding {
  display: none !important;
}



.search_text {
  color: #1893FB !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;
}











.home-filled {



  width: 400px;



  margin: 45px auto 0;
  display: inline-block;



}



.home-filled-left {



  width: 48%;



  float: left;



  margin-right: 8px
}



.home-filled-left p {



  font-size: 13px;



  color: #fff;



  text-align: center;



  padding: 5px 0 0;



  width: 100%;



  float: left;



  font-family: Arial, Helvetica, sans-serif;



  font-weight: 400
}







.home-filled-left h5 {



  font-size: 12px;



  color: var(--grey-light);



  text-align: center;



  padding: 4px 0 2px 0;



  width: 100%;



  border-radius: 3px 3px 0px 0px;



  float: left;
  display: none;



  font-family: Arial, Helvetica, sans-serif;



  font-weight: 400;



  border: solid 1px var(--grey-light);



  border-bottom: none;



  margin-bottom: 1px;
  background: #ffffff;



}







.hm-input {



  border: none;



  height: 55px;



  line-height: 55px;



  border-radius: 2px;



  padding: 0 30px 0 20px;



  font-size: 18px;



  color: var(--grey-dark);



  font-weight: 400;



  font-family: Arial, Helvetica, sans-serif;



  background: rgba(255, 255, 255, 0.9)
}



.hm-input:focus {



  background: #fff
}



.hm-input value span {



  color: #c7c7c7
}



.home-filled-right {



  width: 11%
}



.new-list-left {



  padding-top: 12px
}



.home-post-btn {



  background: var(--green);



  height: 48px;



  line-height: 48px;



  display: inline-block;



  border-radius: 3px;



  letter-spacing: 1px;



  font-size: 16px;



  color: #fff;



  font-family: Arial, Helvetica, sans-serif;



  text-transform: uppercase;



  width: 100%
}



.home-post-btn:hover {



  text-decoration: none;



  color: #fff
}



.home-s-btn {



  background: none;



  height: 46px;



  line-height: 42px;



  display: inline-block;



  border-radius: 3px;



  letter-spacing: 0px;



  font-size: 16px;



  color: #1893FB;



  font-family: Arial, Helvetica, sans-serif;



  background: #fff;



  text-transform: uppercase;



  width: 96%;



  border: solid 2px #fff;



  margin-left: 4%
}



.home-s-btn:hover {



  text-decoration: none;



  color: #1893FB
}



.home-search.focus,
.home-search:focus {



  text-decoration: none;



  color: #1893FB
}



.home-search {



  width: 100%;



  border-radius: 3px;



  background: url(../images/home-search.svg) 19px 12px no-repeat #e74c3c;



  border: none;



  padding: 0;



  height: 55px;



  color: #fff;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 18px;



  line-height: 53px;



  margin-top: 12px;



  -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
}



.home-search.focus,
.home-search:focus {



  color: #fff;



  background: url(../images/home-search.svg) 19px 12px no-repeat #d73c2c;



  border: none;



  box-shadow: none
}



.home-search:hover {



  color: #fff;



  background: url(../images/home-search.svg) 19px 12px no-repeat #d73c2c;



  border: none
}



.home-search.active.focus,
.home-search.active:focus,
.home-search.active:hover,
.home-search:active.focus,
.home-search:active:focus,
.home-search:active:hover,
.open>.dropdown-toggle.home-search.focus,
.open>.dropdown-toggle.jj-submit:focus,
.open>.dropdown-toggle.home-search:hover {



  color: #fff;



  background: url(../images/home-search.svg) 19px 12px no-repeat #d73c2c;



  border: none
}







.hm-post-btn.focus,
.hm-post-btn:focus {



  color: var(--green);



  background-color: none;



  border: dashed 2px var(--green);



  border-right: none;



  box-shadow: none
}



.hm-post-btn:hover {



  color: var(--green);



  background-color: none;



  border: dashed 2px var(--green);



  border-right: none
}



.hm-post-btn.active.focus,
.hm-post-btn.active:focus,
.hm-post-btn.active:hover,
.hm-post-btn:active.focus,
.hm-post-btn:active:focus,
.hm-post-btn:active:hover,
.open>.dropdown-toggle.hm-post-btn.focus,
.open>.dropdown-toggle.hm-post-btn:focus,
.open>.dropdown-toggle.hm-post-btn:hover {



  color: var(--green);



  background-color: none;



  border: dashed 2px var(--green);



  border-right: none
}



.hm-post-btn-one {



  border-radius: 3px;



  background: #27c483;



  border: solid 2px var(--green);



  padding: 0 25px;



  color: #fff;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 16px;



  line-height: 43px;



  text-transform: none;



  width: 100%;



  -webkit-tap-highlight-color: transparent;



  margin-left: -6px;



  -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
}



.hm-post-btn-one.focus,
.hm-post-btn-one:focus {



  color: #fff;



  background-color: #27c483;



  border: dashed 2px var(--green);



  box-shadow: none
}



.hm-post-btn-one:hover {



  color: #fff;



  background-color: #27c483;



  border: dashed 2px var(--green)
}



.hm-post-btn-one.active.focus,
.hm-post-btn-one.active:focus,
.hm-post-btn-one.active:hover,
.hm-post-btn-one:active.focus,
.hm-post-btn-one:active:focus,
.hm-post-btn-one:active:hover,
.open>.dropdown-toggle.hm-post-btn-one.focus,
.open>.dropdown-toggle.hm-post-btn-one:focus,
.open>.dropdown-toggle.hm-post-btn-one:hover {



  color: #fff;



  background-color: #27c483;



  border: dashed 2px var(--green)
}



.hm-new-dash {



  border-radius: 3px
}



#ship {



  top: 12px;



  width: 100%;



  margin: 0 auto;



  float: none;



  height: 30px;



  -webkit-animation: ship 3s ease-in-out infinite;



  -moz-animation: ship 3s ease-in-out infinite;



  cursor: pointer;



  z-index: 9999
}



.logo_wrap {



  position: relative;



  width: 100%;



  height: 0;



  padding: 0;



  bottom: 0;



  margin: 0
}



@-webkit-keyframes ship {



  0% {



    -webkit-transform: rotate(0deg)
  }



  50% {



    -webkit-transform: translate3d(0, 10px, 0) rotate(-2deg)
  }



  100% {



    -webkit-transform: rotate(0deg)
  }



}



@-moz-keyframes waves {



  50% {



    -moz-transform: translate3d(0, 10px, 0)
  }



}



@-moz-keyframes waves-linear {



  100% {



    -moz-transform: translate3d(-56px, 0, 0)
  }



}



@-moz-keyframes ship {



  0% {



    -moz-transform: rotate(0deg)
  }



  50% {



    -moz-transform: translate3d(0, 10px, 0) rotate(-2deg)
  }



  100% {



    -moz-transform: rotate(0deg)
  }



}











.ui-widget-content {
  z-index: 9999999 !important
}



















.addon_count {
  margin-left: 10px;
  height: 30px;
  padding-left: 5px;
}



.order-empty {
  width: 100%;
  float: left;
  background: #fbf0c3;
  padding: 30px 15px;
  text-align: center;
  font-size: 14px;
  color: var(--grey-dark);
  margin: 0px 0 0px 0;
  border-radius: 5px;
}

.order-empty p {
  font-size: 16px;
  margin-bottom: 0px;
  padding: 0px;
}







.offer-loop {
  width: 100%;
  float: left;
  padding: 25px 0px !important;
}



.offer-loop h4 {
  color: #1f82ff !important;
}



.offer-loop p {
  padding: 5px 0 0 0;
  width: 100%;
  float: left;
}



/*.offer-loop span{float:left; font-size: 14px; line-height: 22px;  border:solid 1px #1f82ff; background:#1f82ff; color:#ffffff; padding:0px 7px; padding-top: 0px !important; margin-left:2px;}*/







.home-new-filled .hm-post-btn-one {
  font-size: 18px;
  line-height: 48px;
}



.home-new-filled .home-s-btn {
  font-size: 18px;
  line-height: 48px;
  height: 50px;
  color: var(--white);
  background: var(--blue);
  border: solid 2px var(--blue);
  margin-left: 0px;
  width: 100%;
  border-radius: 3px;
  /*box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);*/
}



.home-new-filled .home-s-btn:hover {
  background: var(--dark-blue);
  border-color: var(--dark-blue);
}



.home-new-filled {
  width: 500px !important;
}







.home-new-filled .home-filled-left p {
  font-size: 14px;
  margin: 10px 0 10px 0;
  color: var(--grey-dark);
  text-align: center;
}







.home-new-filled {
  color: var(--grey-dark);
}



.home-new-filled .home-filled-left {
  width: 42%;
  margin: 0 4%;
}







.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%;
}







.mce-btn .mce-txt {
  margin: 0px !important;
}



.mce-statusbar .mce-container-body {
  display: none !important;
}















@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;
  }



}







@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%;
  }



  .jj-categorie li a {
    padding: 25px 15px 15px 15px;
  }



  .jj-categorie li {
    width: 25%;
  }



  .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;
  }







  .copyright {
    width: 100%;
    float: left;
    text-align: center;
  }



  ul.h-social {
    text-align: left;
  }



  .h-social li {
    display: inline-block;
  }



  .copyright p {
    margin-bottom: 0px;
    padding: 15px 0 10px 0;
    text-align: left;
  }







  .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;
  }



  .emp-nav span {
    display: none;
  }



  .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 0px;
  }



  .j-toll-free {
    padding: 0 20px;
  }







  .front-new-up ul li {
    width: 24.5%
  }



  .front-new-up ul li a {
    padding: 0px !important;
  }



}











@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: 13px;
  }



  .home-new-banner h1 {
    font-size: 21px;
    letter-spacing: 0px;
  }



  .head-nav {
    height: 45px;
  }



  .home-new-banner p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0px;
  }



  .new-nav ul li a b {
    display: none;
  }



  .new-logo a {
    width: 45px;
    height: 45px;
    background: url(../home-image/logo-blue-mobile.svg) center top no-repeat;
    display: block;
  }



  .new-logo a img {
    width: auto;
    display: none;
  }



  .head-nav span {
    margin: 15px 0 0 5px;
  }



  .new-nav ul li a {
    padding: 0 5px;
    line-height: 47px;
  }



  .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: 40px;
  }



  .h-search-left {
    width: 100%;
    position: relative;
    z-index: 999;
  }



  .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;
    letter-spacing: 0.02rem;
    width: 49%;
  }



  .j-location-icon {
    left: 18px;
    top: 10px;
  }



  .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;
  }



  .jj-categorie li a {
    padding: 15px 15px 15px 15px;
    height: 180px;
  }



  .jj-categorie li {
    width: 50%;
  }



  .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;
  }











  .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;
    letter-spacing: 0.02rem;
  }







  .emp-popup-login {
    padding: 43px 15px 15px;
  }



  .input-right-filled {
    padding-left: 15px;
    width: 100%;
    float: left;
  }



  .input-left-filled {
    padding-right: 15px;
    width: 100%;
    float: left;
  }



  .remember {
    padding: 8px 0 0px;
  }



  .jj-submit {
    margin-top: 10px;
  }



  .new-nav-right {
    margin-right: 20px;
  }



  .home-client {
    display: none;
  }















  .alert-input {
    margin-top: 8px;
  }







  ul.seeker-tab {
    line-height: 40px;
  }



  .alert-input-one {
    margin-top: 15px;
  }



  .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 5%;
  }





  .creat-job-pic img {
    width: 100%;
  }







  .creat-job-form {
    width: 100%;
    margin: 0px 0 0 0px;
    padding: 0 5px 0 5px;
  }



  .creat-left {
    padding-right: 0px;
    padding-left: 0px;
  }



  .fiiled-right .creat-left {
    padding-left: 0px;
  }



  .j-location-icon {
    top: 11px;
  }









  .rightSidebar {
    width: 100%;
    float: left;
  }





  .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 label pre {
    font-size: 14px;
  }



  .j-unlock-loop label {
    padding: 0 10px;
    margin-top: 15px;
  }



  .bb-bottom {
    width: 150px;
  }



  .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: 15px;
  }



  .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;
    line-height: normal;
    height: auto;
    padding: 10px 10px;
  }



  .j-happy-sec {
    padding-bottom: 50px;
  }



  .j-post-sec {
    padding: 40px 0 50px 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;
  }



  .emp-nav span {
    display: none;
  }







  .btn-text {
    display: none;
  }



  .j-pulish-btn-one {
    display: block;
  }



  .j-employer-left-panel {
    padding: 0px;
    margin: 0px !important;
  }



  .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: block;
  }



  .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: block;
  }



  .j-pulish-btn-m {
    display: none;
  }



  .btn-text-m {
    display: block;
    padding: 15px 0px 0 0px;
  }



  /*.offer-green{ display:none;}*/



  .j-employer-right-m {
    display: none;
  }



  .emp-nav {
    position: relative;
  }











  .new-nav-right {
    margin-right: 0px;
  }



  .head-nav span i {
    margin: -2px 5px 0 0;
  }



  /*.j-employer-sec{ padding:75px 0 30px 0;}*/



  .home-banner-content {
    padding: 0px;
  }



  .browse-home-btn {
    margin: 15px 5px;
  }



  .view-categorie-btn {
    margin: 0 5px;
  }







  .home-filled {
    width: 100%;
  }



  .hm-post-btn-one {
    margin: 0px;
    font-size: 14px;
    padding: 0 12px;
  }



  .home-filled-left {
    width: 49%;
    margin: 0px;
  }







  .home-filled-left p {
    padding: 0px 0 5px 0;
    margin-top: 0px;
    font-size: 13px;
    line-height: norm4l;
  }



  .home-s-btn {
    margin: 0px 0px 0px 0px;
    font-size: 14px;
  }







  .home-categorie {
    padding-top: 0px;
  }



  .j-happy-sec .j-pay-icon {
    display: none;
  }



  .j-unlock-loop {
    width: 100%;
    float: left;
    margin: 10px 0;
  }











  .three-grid .pop-inside {
    padding: 30px 20px;
  }























  .home-new-filled .home-filled-left {
    width: 100%;
    margin: 15px 0 0 0;
  }



  .home-new-filled {
    width: 92% !important;
    margin: 0 4% !important;
  }



  .jj-categorie figcaption {
    font-size: 14px;
  }



  .job-list-main {
    padding: 0px 0 100px 0
  }



  .midcounter {
    padding-top: 0px;
  }

  .creat-job-form .button {
    margin-left: 0px;
    border: none;
  }



  .pop-inside {
    padding: 15px;
  }

  .consultant-model ul li strong {
    width: 80%;
  }



  .creat-job-pic {
    display: none;
  }

  .post-job-fast {
    margin-top: 0px;
  }

}







@media only screen and (min-width: 375px) and (max-width: 424px) {

  .j-form-right {
    width: 60%;
  }

  .bb-bottom {
    width: 100%;
  }



}



@media only screen and (min-width: 425px) and (max-width: 767px) {

  .bb-bottom {
    width: 100%;
  }

  .j-form-right {
    width: 64%;
  }







}



@media only screen and (min-width: 480px) and (max-width: 767px) {



  .h-search p a {
    width: 49%;
  }







}