html {
  font-size: 1.2rem;
  overflow-y: auto;
  scrollbar-color: #2A9FD6 black;
  scrollbar-width: thin; }

body {
  background: #fff;
  color: #484848;
  font-size: 0.7em; }

.langvi_VN {
  font-family: 'Roboto'; }

.langen_US {
  font-family: 'Poppins', sans-serif; }

.langmy_MM {
  font-family: 'Myanmar'; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v120/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 0.8rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.mobile-text {
  font-size: 2rem;
  margin-top: 14px;
  margin-left: 8px; }

.text-before {
  color: #099edb;
  font-weight: 500; }

.text-after {
  color: #159ed9;
  font-size: 100%;
  font-weight: 500; }

.mobile-text {
  display: none; }

a {
  color: #484848;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    color: #faa61a;
    text-decoration: none; }
  a:focus {
    text-decoration: none;
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    border: none; }

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.txt-color-blue {
  color: #099edb; }

.txt-color-yellow {
  color: #faa61a; }

.txt-color-gray {
  color: #f1f1f1; }

.txt-color-black {
  color: #000; }

.txt-font-1 {
  font-size: 1em; }

.txt-font-2 {
  font-size: 1.5em; }

.txt-font-3 {
  font-size: 2em; }

.text-red ul {
  padding: 0px; }

.text-red ul li, ul.text-red li {
  list-style: none; }

.navbar-header .logo {
  display: flex;
  align-items: center;
  flex-direction: revert;
  margin: 0; }
  .navbar-header .logo .navbar-brand {
    height: 50px;
    padding: 5px; }

.navbar {
  border: none; }

.main-header .navbar-default {
  right: 0;
  left: 0;
  z-index: 1030;
  background-color: white;
  border-color: transparent;
  border-radius: 0px; }

.bgactive {
  background: #fff;
  border-left: transparent;
  border-right: transparent;
  border-top: transparent;
  box-shadow: 1px 1px 20px 20px rgba(179, 179, 177, 0.3); }
  .bgactive .navbar-brand {
    height: auto; }

.bgsub li.active {
  background: #099edb;
  color: #fff;
  -webkit-transition: all 400ms ease-in 100ms;
  -moz-transition: all 400ms ease-in 100ms;
  transition: all 400ms ease-in 100ms; }
  .bgsub li.active a {
    color: #fff !important; }
    .bgsub li.active a:hover {
      color: #fff !important; }

.bgsub li a {
  position: relative; }

.bgactive #navbar li a {
  position: relative; }

.bgactive #navbar li.active {
  border-bottom: 1px solid #099edb;
  color: #099edb; }
  .bgactive #navbar li.active.open a {
    color: #099edb; }
    .bgactive #navbar li.active.open a.active {
      color: #fff; }
  .bgactive #navbar li.active a {
    color: #099edb; }

.dropdown.clr-flag.click-addbg.open .dropdown-menu {
  right: unset;
  left: 0;
  padding: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: 1px solid rgba(245, 249, 250, 0.17);
  text-transform: uppercase; }
  .dropdown.clr-flag.click-addbg.open .dropdown-menu li {
    border-bottom: thin solid #f1f1f1; }
    .dropdown.clr-flag.click-addbg.open .dropdown-menu li a {
      padding: 6px 15px; }
    .dropdown.clr-flag.click-addbg.open .dropdown-menu li:last-child {
      border-bottom: none; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: transparent; }

.navbar {
  margin-bottom: 0px; }

.navbar-default .navbar-nav > li > a {
  color: #484848;
  font-weight: 600; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #099edb; }

.dropdown-menu {
  font-size: 1em; }
  .dropdown-menu > li > a {
    clear: both;
    color: #099edb; }

#myCarousel .carousel-inner .item img {
  background-size: cover; }

.widget-search .dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-bottom: none; }

.btn-full {
  width: 100%; }

.btn-auto {
  width: auto; }

.btn-w13 {
  width: 13%; }

.mt-5 {
  margin-top: 5px; }

.mt-8 {
  margin-top: 8px; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-25 {
  margin-top: 25px; }

.mb-0 {
  margin-bottom: 0px; }

.mb-5 {
  margin-bottom: 5px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-50 {
  margin-bottom: 1em; }

.mb-60 {
  margin-bottom: 60px; }

.mb-80 {
  margin-bottom: 2em; }

.mb-100 {
  margin-bottom: 100px; }

.pl-0 {
  padding-left: 0px; }

.pr-0 {
  padding-right: 0px; }

.pl-8 {
  padding-left: 8px; }

.pl-5 {
  padding-left: 5px; }

.pr-5 {
  padding-right: 10px; }

.pr-8 {
  padding-right: 8px; }

.pt-10 {
  padding-top: 10px; }

.pt-4rem {
  padding-top: 4rem; }

.p-1rem {
  padding: 1rem 0; }

.pb-10 {
  padding-bottom: 10px; }

.pb-20 {
  margin-bottom: 20px; }

.mr-8 {
  margin-right: 8px; }

.ml-15 {
  margin-left: 15px; }

.mrgtop60 {
  margin-top: 90px; }

.mt-100 {
  margin-top: 5em; }

.mrgtop110 {
  margin-top: 110px; }

.pdsl {
  padding-right: 50px; }

.pdsr {
  padding-left: 50px; }

.box-row {
  padding: 0px 15px; }

.box40 {
  padding: 0px 50px; }

label.lbl_signup {
  padding-left: 10px; }

.sofac {
  background: #3f5b95; }

.sofac .fa-facebook {
  color: #344b7a; }

.sofac .sign-in-icon-f2 .fa-facebook, .sotwi .sign-in-icon-w2 .fa-twitter, .solin .sign-in-icon-in2 .fa-linkedin {
  color: #fff; }

.sotwi, .solin, .sofac, .sog {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px; }

.sotwi {
  background: #3f5b95; }

.sotwi .fa-twitter {
  color: #318cab; }

.solin {
  background: #3cabd0; }

.solin .fa-linkedin {
  color: #318cab; }

.solg {
  background: #3cabd0; }

.solg .fa-google-plus {
  color: #dc4b3e; }

.colsign {
  color: #fff; }

.colsign:hover {
  color: #ff0; }

.padsign {
  /*padding:20px 20px;*/
  margin-bottom: 10px; }

.colsleft {
  text-align: left; }

.colsright {
  text-align: right; }

.mpr40 {
  margin-bottom: 10px; }

.mpr30 {
  margin-bottom: 30px; }

.mpr20 {
  margin-bottom: 20px; }

.mpr10 {
  margin-bottom: 10px; }

.mpr240 {
  margin-bottom: 40px; }

.fa-with {
  width: 25px;
  display: inline-block; }

.radiustb {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }

.radiusrb {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.padtop5 {
  padding-top: 8px; }

.padtop5 a {
  cursor: pointer; }

.padsm0 {
  padding: 5px 0px; }

.padsm5 {
  padding: 5px; }

.radiusrb {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.nobg.line {
  border-right: 1px solid #f1f1f1; }

.group-search-advanced .select2-container {
  width: 100%; }

.group-search-advanced .borderlr {
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important; }

.hrGray {
  margin-top: 44px;
  margin-bottom: 35px;
  border: 0;
  border-top: 2px solid #dcf1f9;
  width: 70%;
  margin-left: 15%;
  float: left; }

.hrGray2 {
  margin-top: 5px;
  margin-bottom: 35px;
  border: 0;
  border-top: 2px solid #dcf1f9;
  width: 70%;
  margin-left: 15%;
  float: left; }

.line-gray {
  clear: both;
  border-bottom: 2px solid #f1f1f1;
  display: block;
  padding: 1em 0;
  margin: 0 1em; }

.aminationTop {
  padding: 1.5em 0em;
  position: relative; }

.loadAminationTop {
  position: absolute;
  left: 49%;
  top: 0;
  width: 18px;
  height: 50px;
  z-index: 10;
  background: url(../images/btn-amination.png) no-repeat 0px center;
  animation: bounce ease-in-out 5s infinite; }

.item-company-atttribute {
  border-bottom: 1px solid #f6f6f6;
  float: left;
  width: 100%;
  padding-bottom: 1em;
  margin-top: 1em;
  margin-bottom: 0; }

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

.attribute-lft {
  float: left;
  width: 90px;
  clear: left;
  text-align: left;
  position: relative; }

.attribute-lft:after {
  position: absolute;
  content: ":";
  top: 0;
  right: 0; }

.attribute-rgt {
  float: right;
  width: calc(100% - 110px); }

#carousel-hot-jobs {
  margin: 1rem 0rem 2rem 0rem; }

.heading-title {
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: 3rem;
  float: left;
  width: 100%;
  font-weight: normal; }
  .heading-title span {
    padding-left: 15px;
    font-size: 0.8em;
    text-transform: initial;
    display: block;
    padding-top: 10px;
    font-weight: 300;
    color: #777777; }
  .heading-title.mt-minus {
    margin-bottom: 1rem; }

.list-hot {
  float: left;
  width: 100%;
  margin-bottom: 1rem; }
  .list-hot.hasbg {
    background: #f3fafd; }
    .list-hot.hasbg:hover {
      box-shadow: 0px 3px 6px #969494;
      background: #f3fafd; }
  .list-hot:hover {
    box-shadow: 0px 3px 6px #969494;
    background: #f3fafd; }

.list-hot-lft {
  float: left;
  width: 36px;
  text-align: center;
  vertical-align: middle;
  color: #159ed9;
  padding: 1rem 0rem; }

.list-hot-rgt {
  float: left;
  width: calc(100% - 36px); }

.hasbg .list-hot-lft {
  background: #159ed9;
  color: #fff; }

.list-hot-content {
  float: left;
  width: 100%;
  padding: 0.5rem 0.5rem 0.5rem 0.7rem; }
  .list-hot-content .list-hot-name {
    display: block;
    color: #159ed9; }

.list-hot-info {
  color: #9a9a9a; }

.group-carousel-hots {
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 25px; }

.carousel-hotjob .carousel-indicators, .carousel-urgentjob .carousel-indicators {
  position: absolute;
  bottom: -55px;
  left: 50%;
  z-index: 15;
  padding-left: 0;
  text-align: center;
  list-style: none; }

.carousel-hotjob .carousel-indicators li, .carousel-urgentjob .carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 10px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #159ed9;
  border-radius: 10px; }

.carousel-hotjob .carousel-indicators .active, .carousel-urgentjob .carousel-indicators .active {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #b7b7b7; }

.carousel-slick {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 20px;
  fill: #fff;
  width: 27px;
  height: 27px;
  background: #484848;
  transition: opacity .3s;
  text-align: center;
  font-size: 25px;
  color: #fff;
  line-height: 0;
  opacity: .7;
  z-index: 16; }
  .carousel-slick:hover {
    opacity: 1;
    color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
  .carousel-slick.left {
    left: 25%; }
  .carousel-slick.right {
    left: auto;
    right: 25%; }

/* SERVICES */
.sub-bg-servives {
  background-color: #fff;
  border-radius: 0.5em;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center; }
  .sub-bg-servives .title-servervice {
    font-weight: bold; }
    .sub-bg-servives .title-servervice a:hover {
      color: #faa61a; }

.sub-content-services {
  padding: 1.5rem; }
  .sub-content-services a.btn-second {
    color: #fff; }
  .sub-content-services a.btn-outline {
    color: #099edb; }
  .sub-content-services h4 a {
    color: #484848; }

/* Show more else less */
.showcategory {
  max-height: 17rem;
  overflow: hidden;
  padding: 1rem 0.5rem; }

.autocategory {
  height: auto; }

.function-catagory {
  list-style: none;
  float: left;
  width: 100%;
  padding-top: 3em;
  padding-left: 0px; }
  .function-catagory li {
    margin-bottom: 10px;
    border-left: 2px solid transparent; }
    .function-catagory li a {
      display: block;
      color: #666; }
    .function-catagory li:hover {
      border-left: 2px solid #faa61a; }
      .function-catagory li:hover a {
        color: #faa61a; }

.count_article {
  padding-left: 5px;
  opacity: 0.7;
  font-style: italic; }

/* BUTTON */
.btn-second {
  background: #099edb;
  border-radius: 0rem;
  color: #fff;
  text-transform: uppercase; }
  .btn-second:hover {
    background: #faa61a;
    color: #fff; }

.btn-four {
  background: #099edb;
  border-radius: 0rem;
  color: #fff;
  text-transform: uppercase; }
  .btn-four:hover {
    background: #faa61a;
    color: #fff; }

.btn-outline {
  border: 1px solid #099edb;
  border-radius: 0rem;
  text-transform: uppercase; }
  .btn-outline:hover {
    color: #faa61a;
    border: 1px solid #faa61a; }

.btn-three {
  background: #d0e8f4;
  border-radius: 0rem;
  color: #099edb;
  text-transform: uppercase; }
  .btn-three:hover {
    color: #fff;
    background: #faa61a; }

.btn-blue-blur:hover, .btn-blue:hover, .btn-blue-bright:hover {
  color: #faa61a; }

.btn.btn-second.focus, .btn.btn-four:focus {
  color: #fff; }

a.btn-addCompany {
  font-size: 13px;
  background: #099edb;
  border-radius: 0.3rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: normal !important; }
  a.btn-addCompany:hover {
    background: #faa61a;
    color: #fff !important; }

a:hover.btn-addCompany {
  background: #faa61a;
  color: #fff !important; }

.job-tags-keywords .tags-item {
  display: inline-block;
  padding: 4px 20px 5px 20px;
  cursor: pointer;
  overflow: hidden;
  line-height: 20px;
  height: 30px;
  border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  background: #f3fafd;
  border: 1px solid #f3fafd;
  -webkit-transition: color .3s;
  transition: color .3s;
  margin-right: 3px;
  font-size: 13px;
  margin-top: 3px; }
  .job-tags-keywords .tags-item:hover {
    color: #faa61a; }

.btn-sign-in2 {
  width: 100%;
  background: #ff9900;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 6px 10px;
  color: #fff;
  opacity: 0.7; }
  .btn-sign-in2 :hover {
    opacity: 1;
    color: #fff; }

.btn50per {
  width: 50%;
  background: #2acaff;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 10px; }
  .btn50per :hover {
    color: #FFEB3B; }

/* COPYRIGHT */
footer {
  padding-top: 3rem;
  background-color: #f3fafd;
  color: #099edb; }

.copyright-bottom {
  background: #099edb;
  text-align: center;
  padding: 10px;
  color: #fff; }
  .copyright-bottom a {
    color: #fff; }

.linkGray a {
  color: #099edb; }
  .linkGray a:hover {
    color: #faa61a; }

.footer-col li {
  margin-bottom: 8px; }
  .footer-col li a {
    color: #666666; }

.blink-footer .fa {
  padding-right: 8px; }

.blink-footer a {
  color: #333;
  display: block; }
  .blink-footer a:hover {
    color: #f9ab28; }

.box-gotop {
  text-align: center;
  width: 30%;
  border-bottom: 1px solid #ccc; }

.gotop {
  text-align: center;
  font-size: 12px;
  height: 45px; }

.click-gotop {
  padding: 20px 0px 0px 0px;
  text-align: center;
  background: url(../images/top.gif) no-repeat center center;
  height: 41px; }
  .click-gotop a {
    font-size: 9px;
    font-weight: bold;
    color: #099edb; }

.service-bottom {
  margin-bottom: 15px; }

.selectRow {
  display: block;
  padding: 20px; }

.select2-container {
  width: 200px; }

#footer {
  bottom: 0;
  position: fixed;
  background-color: #f5f6f7;
  border: 1px solid #e0e2e3;
  width: 100%;
  border-radius: 0;
  left: 0;
  right: 0;
  min-height: 40px;
  padding: 12px 10px; }
  #footer ul.footer {
    margin-left: 250px;
    padding: 0px; }
    #footer ul.footer li {
      list-style: none;
      display: inline-block;
      padding: 5px 10px; }

.footer {
  overflow: hidden; }

.copyright a {
  color: #333; }
  .copyright a:hover {
    color: #faa61a; }

.title_heading {
  text-align: center;
  margin: 2rem 0rem 0.5em 0rem;
  position: relative;
  font-weight: normal; }
  .title_heading:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 18%;
    width: 64%;
    border-top: 2px solid #dcf1f9; }

.menu_bottom {
  margin: 5px 0px 0px 0px;
  text-align: center;
  padding: 0px; }
  .menu_bottom li {
    list-style: none;
    display: inline-block;
    margin: 0px 0px 10px 0px; }
    .menu_bottom li a {
      color: #099edb;
      padding: 0px 10px; }
      .menu_bottom li a:hover {
        color: #faa61a; }
    .menu_bottom li:last-child a:last-child {
      border-right: none; }

.list-information {
  list-style: none; }
  .list-information li {
    display: inline-block;
    margin: 0px 10px; }
    .list-information li .fa {
      margin-right: 10px; }
  .list-information a {
    color: #099edb; }

.plist2, .list-shared {
  margin-bottom: 15px; }

.plist1 {
  margin-bottom: 2rem;
  font-size: 1.2em;
  font-weight: 300;
  color: #777777; }

.title-infomation {
  color: #099edb;
  font-size: 1.5em;
  margin-top: 2rem;
  font-weight: normal; }

.list-shared p {
  border-radius: 6px;
  background: #099edb;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  margin: 5px;
  font-size: 18px; }
  .list-shared p i {
    color: #fff; }
  .list-shared p:hover {
    background: #faa61a;
    -webkit-transition: all 0.3s ease-in-mozut;
    -moz-transition: all 0.3s ease-in-mozut;
    transition: all 0.3s ease-in-mozut; }
  .list-shared p .fa:hover {
    transform: rotate3d(0, 0, 1, 360deg);
    -webkit-transition: all 0.3s ease-in-mozut;
    -moz-transition: all 0.3s ease-in-mozut;
    transition: all 0.3s ease-in-mozut; }

.social-shared p {
  border-radius: 6px;
  background: #099edb;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  margin: 5px;
  font-size: 1.5em; }
  .social-shared p i {
    color: #fff; }
  .social-shared p:hover {
    background: #faa61a;
    -webkit-transition: all 0.3s ease-in-mozut;
    -moz-transition: all 0.3s ease-in-mozut;
    transition: all 0.3s ease-in-mozut; }
  .social-shared p .fa:hover {
    transform: rotate3d(0, 0, 1, 360deg);
    -webkit-transition: all 0.3s ease-in-mozut;
    -moz-transition: all 0.3s ease-in-mozut;
    transition: all 0.3s ease-in-mozut; }

/* SEARCH ADVANCE */
.group-advanced-search .backgroundadvance {
  margin-bottom: 0.5rem; }

.bs-searchbox > input {
  border: 1px solid #aaa !important; }

.footer-search-advance {
  align-items: center; }

.job-status {
  display: flex;
  flex-direction: inherit;
  justify-content: space-between;
  align-items: center;
  align-self: center; }

.tab-body {
  padding: 0.5rem 0rem; }

.row-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.col-search-4 {
  width: 79.99%; }

.col-search-1 {
  width: 19.99%;
  padding: 0px 0px 0px 15px; }

.btn.clear {
  border: unset;
  color: #EA4242;
  text-decoration: underline; }

.box-search-jobs .bootstrap-select > .dropdown-toggle.bs-placeholder,
.box-search-jobs .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.box-search-jobs .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.box-search-jobs .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #999;
  background-color: #ffffff; }

/* SEARCH PAGE */
.nopaddright {
  padding-right: 0px; }

.box-formsearch {
  width: 100%;
  margin: 0px -10px 0px 0px; }
  .box-formsearch .keywords {
    background: #f1f9fc;
    color: #099edb;
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 0px #00000013;
    box-shadow: inset 0px 0px 0px #00000013;
    border: 1px solid #f3fafd; }
  .box-formsearch .categories {
    background: #f1f9fc;
    color: #099edb;
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 0px #00000013;
    box-shadow: inset 0px 0px 0px #00000013;
    border: 1px solid #f3fafd; }
  .box-formsearch .province {
    background: #f1f9fc;
    color: #099edb;
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 0px #00000013;
    box-shadow: inset 0px 0px 0px #00000013;
    border: 1px solid #f3fafd; }
  .box-formsearch .select2-container--default .select2-selection--single {
    background-color: #f1f9fc !important;
    border: 1px solid #f3fafd;
    border-radius: 0px;
    height: 34px; }
  .box-formsearch ::placeholder {
    color: #099edb;
    opacity: 1;
    /* Firefox */
    text-transform: capitalize; }
  .box-formsearch :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #099edb;
    text-transform: capitalize; }
  .box-formsearch ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #099edb;
    text-transform: capitalize; }

.widget-search .box-widget-search .bootstrap-select > .dropdown-toggle.bs-placeholder,
.widget-search .box-widget-search .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.widget-search .box-widget-search .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.widget-search .box-widget-search .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  background-color: #fff;
  cursor: pointer;
  color: #999;
  text-transform: capitalize; }

.box-formsearch .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #999;
  line-height: 34px !important;
  text-align: center;
  text-transform: capitalize; }

.sa-placeholder {
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  line-height: 42px !important;
  margin-bottom: 15px;
  text-transform: capitalize; }
  .sa-placeholder.fa-check {
    color: #5cb85c;
    font-size: 135%; }

.saun-placeholder {
  border: 4px solid #fdeae5;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  line-height: 42px !important;
  margin-bottom: 15px;
  text-transform: capitalize; }
  .saun-placeholder.fa-times {
    color: #FF5722; }

.btn_unsubcribe {
  color: red;
  font-size: 110%; }

.wrapper-job-alerts .sa-placeholder, .wrapper-job-alerts .saun-placeholder {
  font-size: 170%;
  margin-bottom: 10px !important; }

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #999;
  background-color: #fff; }

.message_search_jobs {
  margin-bottom: 25px; }

.count-list-jobs {
  vertical-align: top;
  display: inline-block;
  text-align: left; }
  .count-list-jobs span {
    color: #faa61a; }

.show-more-by-js {
  overflow: hidden; }

.title-check-search {
  padding: 1rem; }
  .title-check-search h2 {
    text-transform: uppercase;
    color: #099edb;
    font-weight: bold;
    font-size: 1em;
    padding-bottom: 0px;
    line-height: inherit;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative; }
    .title-check-search h2 span {
      padding-left: 0.5em; }
    .title-check-search h2:after {
      content: "";
      position: absolute;
      bottom: -0.5rem;
      left: 0;
      width: 100%;
      border-bottom: 1px solid #f6f6f6; }

/* Alert popup */
.box-tagsubcribe {
  position: fixed;
  top: 50%;
  right: -19px;
  z-index: 2;
  background-color: #099edb;
  padding: 10px 15px 10px 15px;
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0px 1px 2px 1px #099edb;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }
  .box-tagsubcribe a {
    color: #fff;
    opacity: 0.9;
    cursor: pointer; }
    .box-tagsubcribe a:hover {
      webkit-transition: all 400ms ease-in 100ms;
      -moz-transition: all 400ms ease-in 100ms;
      transition: all 400ms ease-in 100ms; }

.highlight_text {
  background: #e6e5e3;
  color: #FF5722;
  padding: 2px; }

.bx_subcribe {
  height: 40px;
  background-color: #faa61a;
  display: inline-block;
  position: relative;
  left: -10px;
  padding: 10px 15px 10px 20px; }

.bx_subcribe:before {
  border-right: 10px solid #878788;
  border-bottom: 10px transparent solid;
  position: absolute;
  bottom: -10px;
  left: 0;
  content: ""; }

.bx_subcribe a {
  color: #fbfbfb; }

.bx_subcribe a strong {
  color: #fff; }

.box-check-search {
  margin-bottom: 1rem;
  background: #fff;
  box-shadow: 1px 3px 20px 5px rgba(179, 179, 177, 0.2);
  display: flex;
  flex-direction: column; }

.list-jobs-found {
  border: thin solid #f3fafd;
  margin-bottom: 15px;
  width: 100%;
  height: 100%;
  box-shadow: 0px 5px 20px 0px rgba(179, 179, 177, 0.3);
  float: left;
  border-left: 2px solid transparent;
  border-right: 0px solid transparent; }
  .list-jobs-found:hover {
    box-shadow: 0px 5px 20px 0px rgba(179, 179, 177, 0.5);
    -moz-box-shadow: 0px 5px 20px 0px rgba(179, 179, 177, 0.5);
    -webkit-box-shadow: 0px 5px 20px 0px rgba(179, 179, 177, 0.5);
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    border-left: 2px solid #099edb;
    border-right: 0px solid transparent; }
  .list-jobs-found .job-item-bottom {
    padding: 0.5em 1.5em 0.5em 1.5em; }
  .list-jobs-found .job-function-title {
    display: flex;
    align-items: flex-start; }
    .list-jobs-found .job-function-title .span-label {
      flex: none;
      margin: 0 5px 0 0; }

.group-company-field {
  width: 100%;
  position: relative;
  z-index: 10;
  display: inline-flex;
  align-items: center; }
  .group-company-field .title-company-field {
    width: 43%; }

.body-list-jobs {
  padding: 0 25px;
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 100%; }
  .body-list-jobs .company-logo {
    max-width: 100px;
    max-height: 100px; }
    .body-list-jobs .company-logo img {
      max-width: 100%;
      max-height: 100%; }
  .body-list-jobs .job-info {
    flex: 1 1 auto; }

.panel-content-job {
  clear: both;
  margin: 10px 0;
  display: flex; }

.content-job-right.company-logo {
  margin-left: 10px;
  max-width: 80px;
  max-height: 100px; }

.panel-footer-job {
  display: block;
  padding: 0.4rem 0rem;
  border-top: 1px solid #f1f1f1;
  margin-top: .4rem; }

.attribute-job {
  float: left;
  width: 25%; }

.header-list-jobs {
  position: relative;
  width: 100%;
  float: left;
  z-index: 10; }
  .header-list-jobs.box-list {
    border-bottom: 1px solid #cecece; }

.wrapp-show-more-bottom .btn-show-more {
  width: 100%;
  background: transparent;
  color: #faa61a;
  text-align: center;
  text-decoration: underline;
  padding: 15px 10px; }

.expand-show-more {
  transition: height 300ms ease 0s;
  -moz-transition: height 300ms ease 0s;
  -webkit-transition: height 300ms ease 0s;
  height: 100% !important; }

.tags-keywords a {
  background: #eff8fd;
  color: #099edb;
  padding: 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block; }

.content-sendcv {
  padding: 1rem; }

.sendCV {
  font-size: 0.8rem;
  margin-top: 0;
  line-height: 1.2rem;
  font-weight: normal; }

.btn-yellow {
  background: #ff9900;
  width: 100%;
  padding: 5px 15px; }
  .btn-yellow a {
    color: #fff;
    display: block;
    background: url(../images/fa-send-cv.gif) no-repeat center right;
    font-size: 0.8rem; }

.title-categorys {
  border-bottom: 1px solid #e3e9f3;
  color: #099edb;
  padding-bottom: 10px;
  margin-top: 0px; }

.ul-categorys {
  padding: 0px; }
  .ul-categorys li {
    list-style: none;
    padding: 0px;
    font-size: 15px;
    margin-bottom: 10px; }
    .ul-categorys li a {
      color: #484848;
      display: block; }
      .ul-categorys li a:hover {
        color: #faa61a; }

.list-category-jobs span {
  margin-left: 10px;
  font-style: italic;
  color: #7e7e7e;
  font-size: 85%; }

.mgrbttm50 {
  margin-bottom: 50px; }

.content-subscribe {
  padding: 0px 20px 20px 20px; }
  .content-subscribe h1 {
    padding: 0px 0px 15px 0px;
    margin: 0px;
    font-size: 20px; }

.table-subscribe {
  width: 100%;
  max-width: 100%; }

.nopaddleft {
  padding-left: none; }

.deletesubscribe {
  vertical-align: middle;
  padding: 5px 10px 5px 10px;
  color: #f00;
  cursor: pointer; }

.list_subscribe {
  padding-bottom: 15px; }

.h2-subscribe {
  font-size: 130%;
  color: #00bcd4; }
  .h2-subscribe span {
    color: #03a9f4;
    font-style: italic; }

.sub_checked {
  color: #cddc39;
  font-weight: 400; }

.lbl-subscribe {
  color: #838283; }

.boxsubscribe {
  border: 1px solid #dae9ff;
  box-shadow: 4px -4px 2px 0px #f1f1f1;
  background: #fff; }

.alert {
  font-style: italic;
  padding: 7px 15px; }

.fa-yellow {
  color: #faa61a; }

.color-blue-sky {
  color: #099edb; }

.btn.active {
  display: none; }
  .btn.active span:nth-of-type(1) {
    display: block; }
  .btn.active span:last-child {
    display: none; }

.btn span:nth-of-type(1) {
  display: none; }

.btn span:last-child {
  display: block; }

.post_hot {
  border-color: #fc4267 #fc4267 #fc4267 #fc4267; }
  .post_hot .shape-text:before {
    content: "";
    position: absolute;
    right: 7px;
    top: -15px;
    border-style: solid;
    border-width: 0px 17px 32px 0px;
    border-color: #fc4267 #fc4267 transparent transparent;
    transform: rotate(-103deg); }
  .post_hot .shape-text:after {
    content: "";
    position: absolute;
    right: -45px;
    top: -24px;
    border-style: solid;
    border-width: 0px 17px 32px 0px;
    border-color: transparent transparent #fc4267 #fc4267;
    transform: rotate(-45deg); }

.post_new {
  border-color: #faa61a #faa61a #faa61a #faa61a; }
  .post_new .shape-text:before {
    content: "";
    position: absolute;
    right: 7px;
    top: -15px;
    border-style: solid;
    border-width: 0px 17px 32px 0px;
    border-color: #faa61a #faa61a transparent transparent;
    transform: rotate(-103deg); }
  .post_new .shape-text:after {
    content: "";
    position: absolute;
    right: -45px;
    top: -24px;
    border-style: solid;
    border-width: 0px 17px 32px 0px;
    border-color: transparent transparent #faa61a #faa61a;
    transform: rotate(-45deg); }

.new_jobs {
  border-color: rgba(255, 255, 255, 0) #f11b0b rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }

.shape {
  border-style: solid;
  border-width: 45px 12px 45px 12px;
  height: 0px;
  width: 0px;
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(316deg);
  position: absolute;
  right: 10px;
  top: -25px; }

.shape-text {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  right: 0px;
  top: -18px;
  white-space: nowrap;
  -ms-transform: rotate(90deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.box-jobs-suggested .post_hot {
  border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }

.box-jobs-suggested .post_new {
  border-color: rgba(255, 255, 255, 0) #faa61a rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }

.box-jobs-suggested .new_jobs {
  border-color: rgba(255, 255, 255, 0) #f11b0b rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }

.box-jobs-suggested .shape {
  border-style: solid;
  border-width: 0 40px 40px 0;
  height: 0px;
  width: 0px;
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  position: absolute;
  right: 0;
  top: 0; }

.box-jobs-suggested .shape-text {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  right: -20px;
  top: 0px;
  white-space: nowrap;
  -ms-transform: rotate(45deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.search_category_home {
  padding: 0px 0px 0px 30px; }
  .search_category_home li {
    list-style: none;
    padding: 0px; }
  .search_category_home .search_category_home .article_hot_jobs_search .content_title {
    padding-left: 0px; }
  .search_category_home .search_category_home .article_hot_jobs_search .content_title .title:hover a {
    border-bottom: 1px solid #1f1f1f;
    color: #ff5722; }

.hd-title-jobs {
  width: 70%;
  padding: 0.7em 0em 0em 1em;
  float: left;
  margin: 0; }
  .hd-title-jobs a {
    font-weight: bold;
    color: #099edb;
    font-size: 1rem; }
    .hd-title-jobs a:hover {
      color: #faa61a; }
  .hd-title-jobs img {
    max-height: 30px;
    margin: 0 0 0 5px; }

.w140 {
  min-width: 140px; }

.item_label_b {
  font-weight: 500; }

.group-button {
  padding: 0;
  list-style: none;
  text-align: right; }
  .group-button li {
    display: inline-block; }

.color-gray {
  color: #838383; }
  .color-gray.link {
    color: #838383; }
    .color-gray.link:hover {
      color: #099edb; }

/* BEGIN PAGINATION */
.list-jobs-pagination {
  text-align: center;
  float: left;
  width: 100%; }

.article-pagination {
  text-align: center;
  margin: 50px 0px; }

/* PAGINATION */
.pagination {
  padding: 1rem 0; }
  .pagination li {
    display: inline-block; }

.pagination > .box-active > a, .pagination > .box-active > a:focus, .pagination > .box-active > a:hover, .pagination > .box-active > span, .pagination > .box-active > span:focus, .pagination > .box-active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #099edb; }

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.pagination > li > a, .pagination > li > span {
  border: none;
  background-color: #f3fafd;
  color: #099edb;
  padding: 4px 11px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: #099edb;
  color: #fff; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #099edb;
  border-color: #099edb; }

.modal-applyresume {
  padding: 1.2rem; }
  .modal-applyresume h1 {
    font-size: 1rem; }
  .modal-applyresume .hidden-upload-cv {
    display: none; }

.nofirst_nth {
  display: inline-flex;
  align-items: center;
  white-space: nowrap; }
  .nofirst_nth input {
    margin: 0 5px 0 0; }
  .nofirst_nth:first-child {
    min-width: 80px; }
  .nofirst_nth:nth-child(2) {
    font-weight: normal;
    padding-left: 15px; }
    .nofirst_nth:nth-child(2) .gender {
      font-weight: normal;
      margin-right: 5px; }
    .nofirst_nth:nth-child(2) .marital_status {
      font-weight: normal;
      margin-right: 5px; }
  .nofirst_nth:nth-child(3) {
    font-weight: normal;
    padding-left: 15px; }
    .nofirst_nth:nth-child(3) .gender {
      font-weight: normal;
      margin-right: 5px; }
    .nofirst_nth:nth-child(3) .marital_status {
      font-weight: normal;
      margin-right: 5px; }

.inlineRadio {
  margin: 14px 0px; }

/* Custom input browser upload file */
.box-browser {
  position: relative;
  top: 10px; }

.input-browser {
  width: 100%;
  height: 32px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  background-color: transparent;
  color: transparent; }

.btn-file {
  padding: 0px !important; }

.btn-files {
  background: #f7f7f7;
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  height: 32px;
  width: 100%; }

.img__avatar .boxInputBrowser {
  padding: 5px; }
  .img__avatar .boxInputBrowser .img-responsive {
    height: 140px !important;
    width: auto; }

.choose-file {
  font-style: italic;
  color: #EA4242; }

.boxInputBrowser {
  position: relative;
  top: 7px;
  border: 1px solid #eeeeee; }
  .boxInputBrowser .removeImage {
    z-index: 10;
    position: absolute;
    color: #EA4242; }

.inputBrowser {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  background-color: transparent;
  color: transparent;
  cursor: pointer; }

#candidates-apply_path_file_cv_display_upload a {
  color: #555; }

#candidates-apply_path_file_cv_display_upload .btn-remove-attachment {
  padding-left: 10px;
  color: red; }

.btn-sign-in-account {
  color: #fff; }
  .btn-sign-in-account .btn-sign-in {
    width: 100%;
    background: #faa61a;
    text-transform: uppercase;
    border-radius: 2px; }

/* Alert */
.alert-inline-block {
  display: inline-block;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99;
  margin-bottom: 20px; }
  .alert-inline-block.alert {
    background: #90c812;
    color: #fff;
    font-weight: 300; }

.alert-success .modal-title, .alert-success .modal-body {
  color: #3c763d; }

.alert-danger .modal-title, .alert-danger .modal-body {
  color: #a94442; }

.alert-warning .modal-title, .alert-warning .modal-body {
  color: #8a6d3b; }

.alert-info .modal-title, .alert-info .modal-body {
  color: #31708f; }

.modal-body-form p {
  font-size: 0.8rem; }

.modal-body-form label {
  color: #666;
  font-weight: 500;
  padding-right: 10px; }

.bgcolor-candidates {
  width: 100%;
  background: #3cabd0;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 6px 10px;
  color: #fff; }
  .bgcolor-candidates:hover {
    color: #FFEB3B; }

.bgcolor-employer {
  width: 100%;
  background: #099edb;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 6px 10px;
  color: #fff;
  border: none; }
  .bgcolor-employer:hover {
    color: #FFEB3B; }

/* JOB DETAIL */
.title-job {
  font-weight: 600; }
  .title-job a {
    color: #099edb;
    display: block; }

.header-job-detail {
  display: flex; }
  .header-job-detail .content-lft {
    flex-grow: 1;
    padding: 0 0 0 2.2em; }
  .header-job-detail .content-rgt {
    flex: none; }

.heading-title-job {
  margin-bottom: 5px;
  font-size: 1.5em; }

.heading-recommended {
  border-radius: 0.3em;
  margin-bottom: 8px;
  background: #fff;
  box-shadow: 1px 3px 20px 5px rgba(179, 179, 177, 0.2);
  padding: 1em 1.2em;
  font-weight: 600; }

.list-recommended {
  padding: 1em 1.2em;
  border-radius: 0.3em; }
  .list-recommended:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(179, 179, 177, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(179, 179, 177, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(179, 179, 177, 0.1); }
  .list-recommended:nth-of-type(even) {
    background: #099edb0f; }

.name-company {
  margin-top: 10px;
  margin-bottom: 15px; }
  .name-company a {
    color: #faa61a;
    display: block; }

.fe-name-company {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 1.2em; }
  .fe-name-company a {
    color: #faa61a;
    display: block; }

.bg-job-detail {
  border: thin solid #f3fafd;
  margin-bottom: 3em;
  box-shadow: 0px 5px 20px 0px rgba(179, 179, 177, 0.3); }
  .bg-job-detail .btn-apply-for-job-search {
    cursor: pointer;
    padding: 0.8em; }
  .bg-job-detail .job-nav {
    padding-bottom: 1em;
    display: flex;
    position: relative; }
    .bg-job-detail .job-nav > .col {
      flex-grow: 1; }
    .bg-job-detail .job-nav::after {
      content: "";
      position: absolute;
      border-bottom: 1px solid #f1f1f1;
      bottom: 0em;
      left: 0;
      width: 100%; }
  .bg-job-detail .line {
    clear: both;
    border-bottom: 2px solid #f1f1f1;
    display: block;
    padding: 1em 0;
    margin: 0 1em; }

.body-job-detail {
  padding: 1em 2.2em 0em 2.2em; }

.btn-salary {
  background: #faa61a;
  color: #fff;
  margin-top: -8px;
  border-radius: 15px; }
  .btn-salary a {
    color: #fff; }
  .btn-salary:hover {
    background: #099edb;
    color: #fff; }

.btn.btn-salary {
  border-radius: 15px; }

.align-login {
  text-align: right; }

.heading-parama {
  font-size: 1.5rem; }

.text-jobs {
  text-align: justify;
  line-height: 1.8em; }

.group-text {
  display: inline-flex;
  align-items: baseline; }

.description-short {
  height: 80px;
  text-align: justify; }

.group-footer {
  display: flex;
  align-items: baseline; }

.mt-0 {
  margin-top: 0; }

.page-header {
  color: #159ed9;
  font-size: 2rem; }

.list-benefits {
  padding: 0;
  margin: 0;
  list-style: none; }
  .list-benefits .pright {
    display: inline-block;
    width: 28px;
    text-align: center; }

.btn-apply {
  padding: 0.6em 2em;
  text-transform: uppercase; }

.box-apply-job .apply-now {
  background: #faa61a; }
  .box-apply-job .apply-now:hover {
    background: #099edb;
    transition: 1s;
    -webkit-transition: all 0.3s ease-in-mozut;
    -moz-transition: all 0.3s ease-in-mozut;
    transition: all 0.3s ease-in-mozut; }

.apply-now {
  background: #faa61a;
  border-radius: 0px;
  color: #faf9f8;
  text-decoration: none; }
  .apply-now:hover {
    background: #099edb;
    transition: 1s;
    -webkit-transition: all 0.3s ease-in-mozut;
    -moz-transition: all 0.3s ease-in-mozut;
    transition: all 0.3s ease-in-mozut; }
  .apply-now a {
    color: #faf9f8;
    font-size: 130%;
    text-decoration: none; }
    .apply-now a:hover {
      color: #fff; }
  .apply-now:hover {
    color: #fff; }

.span-text {
  margin-left: 2rem;
  margin-right: 1rem; }

.fsize-3 {
  font-size: 1.1em; }

.col-logo img {
  max-height: 100%;
  margin: auto;
  max-width: 100%; }

.fr-logo-wrapper {
  height: 94px;
  display: flex;
  width: 130px; }

/* Testimonial */
.wrap-slogan {
  background: #f3fafd;
  padding: 20px; }
  .wrap-slogan h2 {
    color: #099edb;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em; }
  .wrap-slogan .slide {
    padding: 0 0 30px 0; }
    .wrap-slogan .slide .carousel-indicators {
      display: inherit;
      left: 50%;
      bottom: -20px; }
    .wrap-slogan .slide .carousel-inner .item {
      height: 450px; }
      .wrap-slogan .slide .carousel-inner .item .item-body::before {
        content: '';
        display: block;
        width: 65px;
        height: 60px;
        background: #169edad4;
        position: absolute;
        top: -4px;
        left: 2px;
        z-index: -1; }
      .wrap-slogan .slide .carousel-inner .item .item-body::after {
        content: '';
        display: block;
        width: 65px;
        height: 60px;
        background: #169edad4;
        position: absolute;
        top: -4px;
        left: 2px;
        z-index: -1;
        left: unset;
        right: 1px; }
    .wrap-slogan .slide .carousel-inner .box-content {
      margin: 5px; }
      .wrap-slogan .slide .carousel-inner .box-content .item-avatar {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: calc(50% - 50px);
        width: 100px;
        height: 100px;
        background: #fff;
        border: 2px solid #0c9ce6;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .wrap-slogan .slide .carousel-inner .box-content .item-avatar img {
          max-width: 95%;
          max-height: 95%;
          clip-path: circle(45px at center); }
      .wrap-slogan .slide .carousel-inner .box-content .item-body {
        height: 400px;
        box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        padding: 0px 2rem;
        background: #fff; }
        .wrap-slogan .slide .carousel-inner .box-content .item-body .item-content {
          height: 340px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center; }
          .wrap-slogan .slide .carousel-inner .box-content .item-body .item-content .item-company {
            margin-top: 10px;
            font-weight: 500; }
        .wrap-slogan .slide .carousel-inner .box-content .item-body .item-content-note {
          line-height: 28px; }
        .wrap-slogan .slide .carousel-inner .box-content .item-body .item-content-note-content::before {
          display: inline-block;
          content: "";
          width: 27px;
          height: 20px;
          background-image: url(../images/quote.png);
          background-repeat: no-repeat; }
        .wrap-slogan .slide .carousel-inner .box-content .item-body .item-content-note-content::after {
          display: inline-block;
          content: "";
          width: 27px;
          height: 20px;
          background-image: url(../images/quote.png);
          background-repeat: no-repeat;
          background-position: -28px 0; }

/* Preview customer */
.item blockquote {
  border-left: none;
  margin: 0;
  min-height: 181px;
  max-height: 181px; }

#quote-carousel {
  text-align: center; }

.item blockquote p:before {
  content: "\f10d";
  font-family: 'Fontawesome';
  margin-right: 10px;
  color: #7f7f7f; }

#form-job-search-filter .select2-container--default .select2-selection--single {
  border: none;
  border-radius: 0px; }

/* INTRO HOME */
.backgroundadvance .dropdown-menu > li > a,
.backgroundSearch .dropdown-menu > li > a {
  color: unset; }

.wrap-search-advenced .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #999;
  line-height: 34px;
  font-size: 14px; }

.group-advanced-search .select2-container .select2-selection--single {
  height: 34px;
  border-radius: 0;
  border: 1px solid #ccc; }

.select2 {
  width: 100% !important; }

#advanceSearch .bootstrap-select > .dropdown-toggle.bs-placeholder,
#advanceSearch .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
#advanceSearch .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
#advanceSearch .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #999; }

#advanceSearch .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #999;
  line-height: 32px;
  background: #faf9f8; }

.wrap-search-advenced {
  position: relative;
  font-size: 0.6rem; }
  .wrap-search-advenced .widget-search {
    margin-top: 13%;
    position: absolute;
    z-index: 8;
    left: 12%;
    width: 76%; }

.group-search-advanced .nobg {
  background: #fff;
  height: 44px;
  padding: 5px 5px; }
  .group-search-advanced .nobg .form-control {
    border: none;
    background: transparent;
    box-shadow: none; }

.backgroundSearch .nobg .btn-group.bootstrap-select .btn.btn-default {
  border: 0; }

.btnsearchbackground {
  padding-left: 0;
  padding-right: 0;
  background: #fff;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }
  .btnsearchbackground .btn.btn-search {
    padding: 11px 5px; }

.widget-search .bootstrap-select, .widget-search .btn-search, .widget-search .keywords {
  width: 100% !important;
  display: block !important; }

.widget-search .btn-search {
  background: #faa61a;
  color: #fff;
  border: 1px solid #ccc; }
  .widget-search .btn-search:hover {
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in-mozut;
    transition: all 0.3s ease-in-mozut;
    background: #099edb;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.widget-search .box-widget-search {
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  border-radius: 0.3rem; }
  .widget-search .box-widget-search label {
    font-weight: 300;
    margin-bottom: 0px; }

.widget-search .box-widget-search .bootstrap-select > .dropdown-toggle.bs-placeholder,
.widget-search .box-widget-search .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.widget-search .box-widget-search .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.widget-search .box-widget-search .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  background-color: #fff;
  cursor: pointer; }

.widget-search h1.sologan-h1.wow.fadeInLeft.animated,
.widget-search h2.sologan-h2.wow.fadeInLeft.animated {
  text-align: left; }

.widget-search .sologan-h1 {
  color: #099edb;
  font-weight: 400 !important; }

.widget-search .sologan-h2 {
  color: #faa61a;
  margin: 10px 0px 35px 0px;
  font-weight: 400 !important; }

.widget-search .btn-search {
  background: #faa61a;
  color: #fff;
  border: 1px solid #ccc; }

.widget-search .box-widget-search .list-browse {
  margin: 7px 0px 0px;
  border-right: 0px solid transparent;
  float: left;
  width: 100%; }

.widget-search .list-browse .ul-list-browse {
  list-style: none;
  margin: 0px;
  padding: 0px; }
  .widget-search .list-browse .ul-list-browse li {
    display: inline-block;
    padding: 0px 10px 0px 0px;
    font-size: 1em; }
    .widget-search .list-browse .ul-list-browse li a {
      color: #f3fafd;
      cursor: pointer; }
      .widget-search .list-browse .ul-list-browse li a:hover {
        color: #099edb; }
    .widget-search .list-browse .ul-list-browse li:last-child {
      padding: 0px;
      float: right; }
    .widget-search .list-browse .ul-list-browse li:first-child:after {
      content: " | ";
      color: #ccc;
      padding-left: 10px;
      font-weight: bold; }

.btnsearchbackground .btn.btn-search {
  padding: 11px 5px; }

.widget-search .sologan-h1 {
  color: #099edb; }

.widget-search .sologan-h2 {
  color: #faa61a;
  margin: 10px 0px 35px 0px; }

.slogan-txt-1 {
  font-size: 1rem;
  color: #37abde;
  display: block; }

.slogan-txt-2 {
  color: #faa81f;
  text-transform: capitalize;
  font-weight: normal;
  display: block;
  font-size: 1rem;
  margin-bottom: 5px; }

.textSlogan {
  color: #faa61a;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 1.5em; }

#myCarousel .carousel-inner .item img {
  background-size: cover; }

.widget-search .dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-bottom: none; }

.modal-content, .form-control {
  border-radius: 0px; }

/* EMPOYER PROFILE HOT JOBS*/
.group-hot-jobs {
  margin-left: -10px; }

.hot-jobs-item {
  padding: 25px;
  width: 31.9%;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 13px;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
  vertical-align: top;
  border: 1px solid #e5e5e5; }
  .hot-jobs-item:hover {
    background-color: #fff;
    box-shadow: 0px 5px 20px 0px rgba(179, 179, 177, 0.5); }

.hot-jobs-name {
  position: relative;
  max-width: 340px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .hot-jobs-name a {
    font-weight: 600;
    font-size: 15px; }
  .hot-jobs-name .title-job {
    color: #099edb; }

.hot-jobs-item:hover .hot-jobs-company-name, .hot-jobs-item:hover .hot-jobs-localtion, .hot-jobs-item:hover .hot-jobs-type, .hot-jobs-item:hover .hot-jobs-experienced {
  color: #faa61a; }

.hot-jobs-item:hover .hot-jobs-name a, .hot-jobs-item:hover .hot-jobs-localtion .fa, .hot-jobs-item:hover .hot-jobs-type .fa, .hot-jobs-item:hover .hot-jobs-experienced fa {
  color: #099edb; }

.hot-jobs-item:hover .hot-jobs-localtion.home .fa, .hot-jobs-item:hover .hot-jobs-type.home .fa, .hot-jobs-item:hover .hot-jobs-experienced .fa {
  color: #848484; }

.hot-jobs-item:hover .hot-jobs-company-name.home, .hot-jobs-item:hover .hot-jobs-localtion.home, .hot-jobs-item:hover .hot-jobs-type.home {
  color: #848484; }

.hot-jobs-item:hover .hot-jobs-name .title-job {
  color: #faa61a; }

.hot-jobs-company-name {
  margin-top: 5px;
  margin-bottom: 15px;
  border-bottom: 2px solid #e4f3fb;
  padding-bottom: 15px;
  font-weight: 500; }

.open-jobs-item {
  padding: 0 15px; }
  .open-jobs-item .fa {
    padding-right: 7px; }

.hot-jobs-localtion {
  float: left;
  margin-top: 8px; }

.hot-jobs-experienced .fa {
  padding-right: 10px; }

.hot-jobs-type {
  margin-top: 8px; }

/* TOP EMPLOYER */
#banner-company {
  width: 100%;
  height: 350px;
  position: relative;
  background-position: center center; }

.wraper-profilecompany {
  position: absolute;
  top: 235px;
  width: 100%; }

.header-profile-company {
  background: #fff;
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
  padding: 15px;
  width: 100%;
  float: left;
  display: flex; }

.logo-profilecompany {
  height: 350px;
  width: 100%; }
  .logo-profilecompany img {
    background-size: cover;
    bottom: 0;
    position: absolute;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px -20px 20px 0px #b3b3b14d;
    height: 100px; }

.name-profilecompany {
  color: #ff0000;
  text-transform: uppercase;
  font-weight: normal; }

.ul-profilecompany {
  list-style: none;
  padding: 0px; }
  .ul-profilecompany li {
    margin-bottom: 10px; }
    .ul-profilecompany li .fa {
      margin-right: 10px; }

.f-circle {
  border-radius: 50%;
  border: 1px solid #333;
  width: 2em;
  height: 2em;
  line-height: 2em !important;
  vertical-align: middle;
  text-align: center; }

#body-profilecompany {
  padding: 5rem 0rem 7rem 0rem; }

.fa-right {
  padding-right: 10px; }

.part-intro {
  border: 1px solid #e3e9f3;
  padding: 20px 35px;
  margin-bottom: 5rem;
  overflow: hidden;
  float: left;
  width: 100%; }
  .part-intro .heading-intro {
    color: #099edb;
    border-bottom: 2px solid #F7F7F7;
    padding-bottom: 7px;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-size: 20px;
    position: relative;
    margin-top: 5px; }

#image-gallery-image {
  padding-right: 0px;
  padding-left: 0px; }

#show-previous-image {
  float: left;
  position: absolute;
  z-index: 999;
  width: 50px;
  height: 100%;
  top: 0;
  left: 15px;
  background: transparent; }
  #show-previous-image .fa {
    font-size: 2em;
    color: #ccc; }

#show-next-image {
  float: right;
  width: 50px;
  position: absolute;
  right: 15px;
  height: 100%;
  top: 0;
  background: transparent; }
  #show-next-image .fa {
    font-size: 2em;
    color: #ccc; }

#image-gallery .modal-body {
  position: relative;
  padding: 15px;
  float: left;
  width: 100%;
  background: #fff; }
  #image-gallery .modal-body:hover #show-next-image {
    background: rgba(255, 227, 227, 0.05); }
  #image-gallery .modal-body:hover #show-previous-image {
    background: rgba(255, 227, 227, 0.05); }

.thumb .thumbnail .img-thumbnail {
  border: none; }

#quoteCarousel {
  background: #fff;
  padding: 2rem 0rem 5rem; }
  #quoteCarousel .item {
    margin: 5px;
    border: 1px dotted #ccc; }
    #quoteCarousel .item blockquote {
      padding: 76px 20px;
      border-left: none;
      margin: 0;
      min-height: 100%;
      max-height: 100%; }
      #quoteCarousel .item blockquote p:before {
        content: "";
        margin-right: 0px; }
  #quoteCarousel .font-quotes {
    font-size: 1.5rem;
    margin-top: 1rem;
    font-style: italic; }
  #quoteCarousel #quotePrev {
    float: left;
    position: absolute;
    left: 0;
    width: 30px;
    top: 0;
    height: 100%; }
    #quoteCarousel #quotePrev .fa {
      margin-top: 160px; }
  #quoteCarousel #quoteNext {
    float: right;
    position: absolute;
    right: 0;
    width: 30px;
    top: 0;
    height: 100%; }
    #quoteCarousel #quoteNext .fa {
      margin-top: 160px; }
  #quoteCarousel .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #9e9b9b;
    border-radius: 10px; }
  #quoteCarousel .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #9e9b9b; }
  #quoteCarousel .img-quotes {
    max-width: 200px;
    width: 100%;
    text-align: center;
    height: 148px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }

.title-quotes {
  margin: 0px 0px 5px 0px; }

.position-quotes {
  font-size: 1.5rem;
  font-style: italic; }

#quote-company {
  padding: 0rem 5rem; }

#all-job-company {
  padding: 7rem 0rem; }

.part-all-jobs {
  box-shadow: 4px -4px #effcff;
  border: 1px dotted #099edb;
  padding: 20px 35px;
  margin-bottom: 30px;
  overflow: hidden;
  float: left;
  width: 100%; }
  .part-all-jobs h3 {
    color: #099edb;
    border-bottom: 2px solid #F7F7F7;
    padding-bottom: 7px;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-size: 20px;
    position: relative;
    margin-top: 5px; }

.short-company {
  background: #fff;
  padding: 2em 0; }

.hrTop {
  padding-top: 25px;
  border-top: 2px solid #f7f7f7; }

.menu_emp_profile {
  margin-top: -7px;
  border-bottom: 4px solid #f7f7f7;
  padding-left: 0; }

.list_emp_profile {
  margin: 0;
  padding: 0;
  display: table; }
  .list_emp_profile > li {
    float: left;
    list-style-type: none; }
    .list_emp_profile > li > a {
      color: #000;
      padding: 10px 16px; }
      .list_emp_profile > li > a:after {
        height: 4px;
        background: transparent;
        content: '';
        bottom: -4px;
        border-radius: 3px;
        position: relative;
        width: calc(100% - 15px);
        left: 7px;
        transition: all 1s 0.2s;
        -moz-transition: all 1s 0.2s;
        -webkit-transition: all 1s 0.2s; }
      .list_emp_profile > li > a:hover {
        color: #099edb; }
    .list_emp_profile > li.active > a {
      border: none;
      color: #099edb; }
      .list_emp_profile > li.active > a:after, .list_emp_profile > li.active > a:focus:after, .list_emp_profile > li.active > a:hover:after {
        height: 4px;
        background: #099edb;
        content: '';
        bottom: -4px;
        border-radius: 3px;
        position: relative;
        float: left;
        width: calc(100% - 30px);
        left: 15px; }
      .list_emp_profile > li.active > a:focus, .list_emp_profile > li.active > a:hover {
        border: none;
        color: #099edb; }

.ul-profilecompany .emp-address {
  display: flex; }

.ul-profilecompany span {
  padding-left: 5px; }

.ul-profilecompany b {
  min-width: 5em; }

.album-company {
  background: #fff;
  padding-top: 1rem; }

.img-album-company {
  margin: 0px 5px;
  width: 23%;
  display: inline-block; }
  .img-album-company img {
    width: 269px;
    height: 160px; }

.group-btn-jobs {
  margin: 40px 0 30px; }

.menu-btn-jobs {
  padding: 0;
  margin: 0; }

.menu-btn-jobs > li {
  list-style-type: none;
  display: inline-block; }
  .menu-btn-jobs > li > a {
    background: #f3fafd;
    color: #099edb;
    font-weight: 500;
    padding: 6px 40px; }
  .menu-btn-jobs > li.active > a, .menu-btn-jobs > li .active > a:focus, .menu-btn-jobs > li .active > a:hover {
    background: #159ed9;
    color: #fff; }

/* ALBUM COMPANY */
.carousel-album .carousel-indicators {
  position: absolute;
  bottom: -50px;
  left: 50%;
  z-index: 15;
  padding-left: 0;
  text-align: center;
  list-style: none; }
  .carousel-album .carousel-indicators li {
    display: inline-block;
    text-indent: unset;
    cursor: pointer;
    background-color: #f3fafd;
    color: #099edb;
    width: 32px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px; }
  .carousel-album .carousel-indicators .active {
    color: #fff;
    margin: 0;
    background-color: #099edb; }

/*
autocomplete search
*/
ul.ui-menu {
  background: white;
  width: 295px;
  z-index: 11;
  margin-top: 6px;
  border-radius: 0.6rem;
  opacity: 0.95; }
  ul.ui-menu li.ui-menu-item {
    list-style: none;
    padding: 2px;
    cursor: pointer; }

/* custome input */
.input-blue {
  background: #f1f9fc;
  -webkit-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.075);
  border: 1px solid #f3fafd; }

.btn-four {
  background: #159ed9;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase; }
  .btn-four:hover {
    background: #faa61a;
    color: #fff; }

.group-form .form-group {
  margin-bottom: 1px; }

.input-line:after {
  content: "";
  position: absolute;
  margin-left: 2%;
  width: 96%;
  border-bottom: 1px solid #dcf1f9; }

.group-form .form-control {
  height: 3em; }
  .group-form .form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.08), 0 0 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075), 0 0 0px rgba(0, 0, 0, 0.08); }

.color-green {
  color: #159ed9; }

.fz-img {
  font-size: 90%;
  font-style: italic;
  text-align: center;
  color: #f00; }

/* Table */
.div_table {
  margin: 0 0 20px 0;
  width: 100%;
  display: table;
  color: #686868; }

.div_row {
  display: table-row; }

.div_row:nth-of-type(even) {
  background: #f7f7f7; }

.div_header {
  font-weight: bold;
  background: #fff;
  height: 50px;
  line-height: 35px; }

.div_header .div_cell:before {
  border-left: none; }

.div_tbody {
  display: table-row-group;
  vertical-align: middle; }

.div_cell {
  padding: 10px;
  display: table-cell;
  position: relative; }

.div_cell:before {
  content: "";
  left: 0;
  top: 7px;
  position: absolute;
  border-left: 1px solid #d7dde1;
  height: calc(100% - 12px); }

.div_cell:last-child:before, .div_cell:first-child:before {
  border-left: none; }

.div_cell.div-jobs-name {
  max-width: 335px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.clr686868 {
  color: #686868; }

/* home top emp*/
.no-bg {
  background: unset;
  padding: 10px 15px 5px 15px; }

.no-mrg {
  margin: 0; }

.color-red, .colorRed {
  color: #F00; }

/* Btn Btn-buttn*/
.btn-blue-blur {
  background: #f3fafd;
  border-radius: 0.5rem;
  color: #099edb; }

.btn-blue {
  background: #159ed9;
  border-radius: 0.5rem;
  color: #fff; }

.btn-blue-bright {
  background: #00abff;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 12px; }

.btnMore {
  text-align: center;
  padding: 0px 10px 15px 10px;
  color: #faa61a;
  cursor: pointer; }

.btnLess {
  text-align: center;
  padding: 0px 10px 15px 10px;
  color: #099edb;
  cursor: pointer; }

.btnLess1, .btnLess2, .btnLess3, .btnLess4 {
  display: none; }

.title-check-search .fa.fa-angle-double-right, .title-check-search .fa.fa-angle-double-down {
  transition: .3s transform ease-in-out; }

/* PAGE INTRO */
.heading_company {
  margin-bottom: 1em; }
  .heading_company span {
    color: #099edb;
    font-size: 1em;
    position: relative;
    text-transform: capitalize; }

.heading_company3 {
  margin-bottom: 2rem; }
  .heading_company3 span {
    font-size: 1.2rem;
    position: relative;
    text-transform: capitalize; }

.content_company {
  text-align: justify; }

.pmore {
  float: left;
  width: 100%;
  padding: 2rem 0rem 0rem 0rem;
  position: relative; }
  .pmore:after {
    content: "";
    border-bottom: 1px dotted #a7a7a7;
    position: absolute;
    right: 120px;
    width: calc(100% - 120px);
    top: 70%; }

#text-more {
  display: none; }

#text-dots {
  display: none; }

.mrg2rem {
  margin-bottom: 2rem; }

.introduction-company {
  background: #fff;
  padding: 1rem 0rem 2rem 0rem; }

.bg_img {
  position: relative; }

.intro_bg {
  position: absolute;
  right: 0px;
  top: 100px; }

.because__item-bg {
  position: absolute;
  top: 0;
  right: -100px; }

.mission-company {
  padding: 1rem 0rem 5rem;
  background: #fff;
  text-align: justify; }

.we-have-jobs {
  background: #ecf0f1;
  padding: 8rem 0rem 8rem 0rem; }

.bg_all_jobs {
  background: #fff; }

.btn-bordered {
  display: inline-block;
  width: 100%;
  max-width: 150px;
  border: 1px solid #999;
  text-align: center;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  transition: background-color 0.5s ease; }
  .btn-bordered:hover {
    transition: background-color 0.5s ease;
    border-color: #faaa26;
    background-color: #faaa26;
    color: #fff; }

/* ARTICLE */
.article_home {
  height: 290px;
  background: #f7f7f7 url(../images/article-hr-insider.png) no-repeat center top;
  margin-top: 50px; }

.article-hr-insider {
  text-align: center; }

.article-h1 {
  color: #099edb;
  font-size: 450%; }

.article-padding {
  padding: 40px 0px 10px 0px; }

.search-tip-job {
  overflow: hidden; }

.btn-recruiters, .btn-job-seeker {
  background: #ff9900;
  padding: 5px 0px;
  margin: 5px;
  display: inline-block;
  width: 200px; }

.recruiters-r-more, .seeker-r-more {
  display: block;
  font-size: 130%;
  color: #fff;
  text-decoration: none;
  font-weight: 300 !important; }

.recruiters-r-more:hover, .seeker-r-more:hover {
  color: #fff; }

.search-tip-job p {
  padding: 20px 0px;
  font-size: 130%; }

.masonry-box .masonry-box-in {
  float: left;
  padding: 0 15px;
  margin-bottom: 20px; }

.blog-grid h3 {
  font-size: 22px;
  margin: 0 0 10px;
  line-height: 1.4; }

.blog-grid a.r-more {
  border-left: 4px solid #e3e9f3;
  margin-left: 30px;
  margin-bottom: 30px; }

.blog-grid a.r-more {
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  display: inline-block;
  color: #7e7e7e; }

.articles-box {
  margin-top: 60px; }

.blog-article-box {
  border: 2px solid #f2f2f2;
  box-shadow: 4px 4px 4px #f2f2f2; }

.blog-article-box h3 {
  padding: 20px 30px;
  font-weight: 300 !important;
  font-size: 150%; }

.blog-article-box p {
  padding: 0px 30px 10px 30px; }

.blog-article-box .r-more {
  padding: 0px 10px; }

/* VIEW ARTICLE */
.article-simple-hr-insider {
  padding-left: 10px; }

.article-simple-h2 {
  color: #099edb;
  font-size: 1.5em;
  margin-top: 4em;
  text-transform: uppercase; }

.view-article-simple P {
  padding: 5px 0px;
  font-size: 1.1em;
  font-style: italic;
  color: #444; }

.short-article, .short-article img, .short-article .ul-short-article {
  display: inline-block; }

.short-article .ul-short-article {
  bottom: 0px;
  vertical-align: bottom; }
  .short-article .ul-short-article li {
    list-style: none;
    font-size: 120%;
    margin: 4px;
    text-align: center; }
    .short-article .ul-short-article li .fa {
      font-size: 150%;
      color: #fff;
      background: #7f7f7f;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      text-align: center;
      vertical-align: middle;
      line-height: 35px; }

.content-article-simple {
  margin-top: -120px;
  background: #fff;
  overflow: hidden;
  border: 1px solid #e3e9f3;
  margin-bottom: 40px; }

.box-content-article {
  padding: 1em 3em;
  text-align: justify; }

.short-article {
  padding: 20px 0px; }

.back-home {
  padding: 20px 0px 40px 0px;
  text-align: center; }

.back-home a {
  color: #888888; }

/* SLIDE NEWS RELATED */
.span12 {
  border-top: 1px solid #e3e9f3; }

div#quote-carousel small {
  font-size: 20px;
  text-align: center;
  color: #323232;
  z-index: 1;
  margin: 20px 0px 0px 0px; }

div#quote-carousel .carousel {
  margin-bottom: 0;
  padding: 0 40px 0px 40px; }

div#quote-carousel .carousel-control {
  left: -12px;
  background-color: transparent;
  top: 30%; }
  div#quote-carousel .carousel-control.right {
    right: -12px;
    top: 30%;
    background-image: none; }
  div#quote-carousel .carousel-control.left {
    background-image: none; }

div#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -65px;
  margin-right: -19px; }
  div#quote-carousel .carousel-indicators li {
    background: #c0c0c0; }
  div#quote-carousel .carousel-indicators .active {
    background: #c0c0c0; }

.carousel-control.right {
  background-image: none; }

.carousel-control.left {
  background-image: none; }

.note-carousel {
  color: #808080; }

blockquote .small:before,
blockquote footer:before,
blockquote small:before,
blockquote .small:after,
blockquote footer:after,
blockquote small:after {
  content: '\2014';
  padding: 0px 5px; }

.span12 .thumbnail {
  border: none; }

.slide-left img {
  display: inline-block;
  width: 20%;
  margin: 20px 20px 20px 40px; }

.slide-left .related_article {
  display: inline-block;
  width: 65%;
  margin: 10px 20px 10px 90px;
  vertical-align: middle; }

.slide-right img {
  float: right;
  display: inline-block;
  width: 20%;
  margin: 20px 40px 20px 20px; }

.slide-right .related_article {
  display: inline-block;
  width: 75%;
  margin: 10px 10px 10px 20px;
  vertical-align: middle;
  text-align: right;
  float: left; }

.related_article a {
  color: #7e7e7e; }

.title-sicontent {
  line-height: 1.5em;
  font-size: 1.4em;
  color: #3baedf;
  padding-bottom: 5px;
  border-bottom: 1px solid #e3e9f3; }

#wrap_content h2,
#wrap_content h3,
#wrap_content h4,
.box-content-article h2,
.box-content-article h3,
.box-content-article h4 {
  font-size: 1.2em; }

/* CSS ICON */
ul.nav.navbar-nav li:hover .fa-signup {
  background: url(../images/icon_hoversignup.png) no-repeat 0px center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-bottom: -6px; }

ul.nav.navbar-nav li:hover .fa-login {
  background: url(../images/icon_hoverlogin.png) no-repeat 0px center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-signup {
  background: url(../images/icon_signup.png) no-repeat 0px center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-login {
  background: url(../images/icon_login.png) no-repeat 0px center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-handphone {
  background: url(../images/fa-phone.gif) no-repeat 0px center;
  width: 26px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-email {
  background: url(../images/fa-email.gif) no-repeat 0px center;
  width: 30px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-chat {
  background: url(../images/fa-chat.gif) no-repeat 0px center;
  width: 30px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-pag-prev {
  background: url(../images/pag-prev.png) no-repeat 0px center;
  width: 30px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-pag-next {
  background: url(../images/pag-next.png) no-repeat 0px center;
  width: 30px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-profile {
  background: url(../images/fa-profile.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-account {
  background: url(../images/fa-account.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-save-job {
  background: url(../images/fa-save.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-job {
  background: url(../images/fa-job.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-viewed {
  background: url(../images/fa-viewed.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-logout {
  background: url(../images/fa-logout.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-logout {
  background: url(../images/fa-logout.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-sl-next {
  background: url(../images/sl-next.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px;
  margin-top: 7px; }

.fa-sl-prev {
  background: url(../images/sl-prev.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px;
  margin-top: 7px; }

.fa-address {
  background: url(../images/fa-address.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-maps {
  background: url(../images/fa-maps.png) no-repeat 0px center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-oclock {
  background: url(../images/fa-oclock.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-moneys {
  background: url(../images/fa-moneys.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-date {
  background: url(../images/fa-date.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-single-bells {
  background: url(../images/fa-single-bells.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-dollar-blue {
  background: url(../images/fa-dollar-blue.png) no-repeat 0px 2px;
  width: 19px !important;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-skill-blue {
  background: url(../images/fa-skill-blue.png) no-repeat 0px center;
  width: 19px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-map-blue {
  background: url(../images/fa-map-blue.png) no-repeat 0px 2px;
  width: 19px !important;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-downloads {
  background: url(../images/fa-download.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-prints {
  background: url(../images/fa-prints.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-experience-f {
  background: url(../images/fa-experience-f.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-education-f {
  background: url(../images/fa-education-f.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-skill-f {
  background: url(../images/fa-skill-f.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-languages-f {
  background: url(../images/fa-languages-f.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-working-f {
  background: url(../images/fa-working-f.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-about-f {
  background: url(../images/fa-about-f.png) no-repeat 0px center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: -6px; }

.fa-user-profile {
  background: url(../images/fa_user.png) no-repeat 0px center;
  width: 20px;
  height: 20px;
  margin-bottom: -6px;
  margin-right: 3px; }

.fa-experience-profile {
  background: url(../images/fa_experience.png) no-repeat 0px center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-bottom: -6px;
  margin-right: 5px; }

.fa-update-profile {
  background: url(../images/fa_update.png) no-repeat 0px center;
  width: 20px;
  height: 20px;
  margin-bottom: -6px;
  margin-right: 5px; }

/*  Sign up */
.bg-icon-color .fa {
  color: #999; }

.bg-input-color {
  background: #fff; }

.font-weight300 {
  font-weight: 300; }

.bg-default-color .bg-input-color {
  border-left: 0px solid #ccc;
  box-shadow: 0 0 black; }

.bg-default-color:hover .fa {
  color: #666;
  transition: all 300ms ease-in 0s; }

/*Modal Welcome*/
#welCVModal .modal-body {
  background-image: url(../images/wel_CV.jpg);
  height: 380px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

#welCVModal button.close {
  color: #000;
  border: 1px solid #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 19px;
  position: absolute;
  right: -10px;
  background: #fff;
  top: -9px; }
  #welCVModal button.close:hover {
    box-shadow: 0px 0px 20px 0px #000; }

.btn-cv {
  position: absolute;
  left: 49%;
  margin-top: 14%;
  font-size: 23px;
  color: transparent; }

.btn-cv:hover, .btn-cv:focus, .btn-cv:active {
  color: transparent; }

.sign-up-now {
  margin-bottom: 30px;
  position: relative; }
  .sign-up-now:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    border-bottom: 2px solid #dcf1f9;
    left: 15px;
    bottom: -15px; }

.box-register-footer {
  display: block;
  width: 100%; }
  .box-register-footer:after {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: 2px;
    border-bottom: 2px solid #dcf1f9;
    left: 15px;
    bottom: -15px; }

.box-register.lft {
  float: left;
  text-align: left;
  display: inline-block; }

.box-register.rgt {
  float: right;
  text-align: right;
  display: inline-block; }

.sign-up-client {
  position: relative;
  text-align: center;
  padding-top: 15px; }
  .sign-up-client:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    border-bottom: 1px solid #e5e5e5;
    top: 0;
    left: 0; }

/* register */
.bg-registration {
  margin-top: 2rem;
  padding-top: 2rem;
  padding-bottom: 1rem; }

.container.transparentScroll {
  background: rgba(255, 255, 255, 0.76);
  padding: 15px 30px; }

.btn-send-contact {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center; }

.page-header {
  color: #159ed9;
  font-size: 1rem; }

.title-info-company {
  padding-bottom: 9px;
  margin: 0 15px 15px;
  border-bottom: 1px solid #eee;
  font-size: 1rem; }

.text-red {
  color: #ff0000; }

.note-red {
  color: #ff0000;
  font-style: italic;
  margin: 6px 0px; }

/* Contact Us */
section#contact-us {
  padding: 0px; }

.bgcontact-us {
  background: linear-gradient(to bottom right, #f2f2f2, #fff) aliceblue;
  margin-top: 2.8rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.jg_title_contact {
  text-align: center;
  color: #099edb;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 1.5em; }
  .jg_title_contact strong {
    color: #faa61a; }

.jg_title_contact
.show-code-capcha {
  border-radius: 0px;
  text-align: center;
  color: #fff;
  background: #fdb82e;
  font-weight: 300;
  letter-spacing: 3px;
  font-style: italic;
  border: 1px solid rgba(212, 216, 224, 0.71);
  padding: 6px;
  height: 38px;
  margin-bottom: 13px;
  overflow: hidden;
  line-height: 22px;
  font-weight: 300;
  font-size: 130%; }

.btn-send-contact {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center; }

.btn-primary {
  background: #faa61a;
  border-radius: 1px;
  border: 1px solid rgba(212, 216, 224, 0.71); }
  .btn-primary:hover {
    background: #099edb;
    border-radius: 1px;
    border: 1px solid #099edb; }

.btn-default {
  background: #1b4690;
  border: 1px solid rgba(212, 216, 224, 0.71);
  border-radius: 1px; }

button.btn-default {
  background: #faf9f8;
  border: 1px solid rgba(212, 216, 224, 0.71);
  border-radius: 1px; }

.bootstrap-select button.btn-default {
  border-radius: 0;
  border: 1px solid #eeeeee; }

.box-shadow-search button.btn-default {
  background: transparent; }
  .box-shadow-search button.btn-default:hover span {
    color: #ff9900 !important; }

.btn-send-contact .btn-primary, .btn-send-contact .btn-default {
  color: #fff !important;
  text-transform: uppercase; }

#form-contact button.btn-default {
  background: #099edb; }

.map {
  margin-top: 35px; }

.jogo_contactus p.text-center {
  font-size: 14px; }

.btn-send-contact .btn-primary:hover, .btn-send-contact .btn-default:hover, #form-contact button.btn-default:hover {
  background: #2196F3;
  -webkit-transition: all 400ms ease-in 100ms;
  -moz-transition: all 400ms ease-in 100ms;
  transition: all 400ms ease-in 100ms;
  border: 1px solid rgba(212, 216, 224, 0.71); }

.box-shadow-search .bootstrap-select button.btn.dropdown-toggle.btn-default {
  color: #fff !important; }

.box-shadow-search .bootstrap-select button.btn-default {
  border: none; }

.box-shadow-search .bootstrap-select button.btn.dropdown-toggle.btn-default.active, .box-shadow-search .bootstrap-select button.btn.dropdown-toggle.btn-default:active, .open > button.btn.dropdown-toggle.btn-default {
  background: transparent; }

.scrollContact {
  background-image: url(../images/contact.jpg);
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.container.transparentScroll {
  background: rgba(255, 255, 255, 0.76);
  padding: 15px 30px; }

.box_contact_us .title_contact_us {
  color: #099edb;
  text-transform: uppercase;
  font-size: 1.5em; }

.box_contact_us hr {
  margin-top: 0px; }

/* HEADER TOP */
.navbar {
  border: none; }

.main-header .navbar-default {
  right: 0;
  left: 0;
  z-index: 1030;
  padding: 1rem 0rem; }

.navbar-default {
  background-color: white;
  border-color: transparent;
  border-radius: 0px; }

.bgactive {
  background: #fff;
  border-left: transparent;
  border-right: transparent;
  border-top: transparent;
  box-shadow: 1px 1px 20px 20px rgba(179, 179, 177, 0.3); }

.bgactive .navbar-brand {
  height: auto; }

.bgsub li.active {
  background: #099edb;
  color: #fff;
  -webkit-transition: all 400ms ease-in 100ms;
  -moz-transition: all 400ms ease-in 100ms;
  transition: all 400ms ease-in 100ms; }

.bgsub li a, .bgactive #navbar li a {
  position: relative; }

.bgsub li.active a, .bgsub li.active a:hover {
  color: #fff !important; }

.bgactive #navbar li.active {
  border-bottom: 1px solid #099edb;
  color: #099edb; }

.bgactive #navbar li.active a {
  color: #099edb !important; }

.navbar-default .navbar-nav > li > a {
  color: #484848;
  text-transform: uppercase; }

.navbar-default .navbar-right > li:focus > a, .navbar-default .navbar-right > li:hover > a {
  color: #faa61a;
  background-color: transparent; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  color: #484848;
  background-color: transparent; }

#user_language li, #item_menu li {
  border-bottom: 1px solid #f1f1f1; }

#user_language li a, #fr_admin li a, #item_menu li a {
  color: #099edb; }

#fr_admin li:last-child, #user_language li:last-child, #item_menu li:last-child {
  border-bottom: none !important; }

.mobil-candidate-profile {
  float: right; }

.dropdown-menu.menu-drop-profile {
  right: 0;
  left: inherit;
  width: 100%; }

.menu-drop-profile {
  border-color: #e7e7e7;
  background: #009edb;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  border-radius: 2px;
  border-top: 1px solid #099edb;
  border-bottom: none;
  padding: 0px;
  border-left: none;
  border-right: none; }

.menu-drop-profile a {
  border-bottom: 1px solid rgba(245, 249, 250, 0.17); }

.dropdown-menu.menu-drop-profile > li > a {
  display: block;
  padding: 8px 20px;
  clear: both;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap; }

.dropdown-menu.menu-drop-profile > li > a:focus, .dropdown-menu.menu-drop-profile > li > a:hover {
  background: #009edb;
  color: #faa61a; }

.jobseeker-login {
  margin-top: 8px; }

#navbar .bgsub li.dropdown.clr-flag.open a:after {
  font-size: inherit;
  content: '';
  left: 0;
  bottom: -7px;
  position: absolute;
  height: 3px;
  border-bottom: none;
  width: 100%; }

.mega-dropdown {
  position: static !important; }

.mega-dropdown-menu {
  padding: 5px 0px;
  width: 100%;
  background: #3fb6e3;
  border: none;
  border-radius: 0px; }
  .mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: inherit;
    justify-content: space-around; }
    .mega-dropdown-menu > li > ul > li {
      list-style: none; }
      .mega-dropdown-menu > li > ul > li > a {
        display: block;
        color: #fff !important;
        padding: 8px 10px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase; }
        .mega-dropdown-menu > li > ul > li > a.active {
          color: #484848 !important; }
      .mega-dropdown-menu > li > ul > li:last-child {
        border-right: none; }
    .mega-dropdown-menu > li > ul > .active {
      background: transparent !important; }
      .mega-dropdown-menu > li > ul > .active > a {
        color: #03a9f4 !important; }
        .mega-dropdown-menu > li > ul > .active > a:hover {
          color: #03a9f4 !important; }

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none; }

.mega-dropdown-menu .dropdown-header {
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px; }

.caret-up {
  width: 0;
  height: 0;
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-bottom: 4px solid;
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle; }

.dropdown.mega-dropdown.hove-menu ul.dropdown-menu.mega-dropdown-menu {
  z-index: 999; }

.dropdown.mega-dropdown.keep-open.active.open ul.dropdown-menu.mega-dropdown-menu {
  z-index: 1; }

.nopd, .ul-submenu li {
  padding: 0px !important; }

.fa {
  margin-right: 5px; }

/*
PROCESS BAR
*/
.progress {
  border-radius: 10px;
  height: 15px;
  margin-bottom: 0; }

.progress-bar {
  font-size: 10px;
  line-height: 15px; }

.progress-bar-1 {
  background-color: #099edb; }

.progress-bar-2 {
  background-color: rgba(250, 166, 27, 0.9); }

.progress-bar-3 {
  background-color: rgba(250, 166, 27, 0.8); }

.progress-bar-4 {
  background-color: rgba(250, 166, 27, 0.7); }

.progress-bar-5 {
  background-color: rgba(250, 166, 27, 0.6); }

.progress-bar-6 {
  background-color: rgba(250, 166, 27, 0.5); }

.progress-bar-7 {
  background-color: rgba(250, 166, 27, 0.4); }

.border-radius-5, .border-radius-5:hover {
  border-radius: 4px; }

.border-radius-5 .fa {
  margin-right: 5px; }

/* MY PROFILE */
.box_my_profile {
  border: 1px solid #e3e9f3;
  margin-bottom: 15px; }
  .box_my_profile:hover {
    -webkit-box-shadow: 0 6px 12px #cecccd;
    box-shadow: 0 6px 12px #cecccd;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-mozut;
    -moz-transition: all 0.3s ease-in-mozut;
    transition: all 0.3s ease-in-mozut; }

.title-my-profile {
  color: #099edb;
  font-weight: 300 !important;
  font-size: 25px;
  text-transform: capitalize;
  margin: 0px 0px 10px 0px; }

.profile_lc strong {
  color: #099edb;
  font-weight: normal; }

.box-download-print {
  padding: 0px;
  display: flex;
  flex-direction: inherit;
  justify-content: start; }
  .box-download-print li {
    list-style: none;
    display: inline-block;
    margin-right: 15px; }
    .box-download-print li a {
      color: #fff; }

.profile_details {
  margin-bottom: 20px;
  padding: 0px; }
  .profile_details li {
    list-style: none;
    margin-bottom: 7px;
    display: flex; }

.box-similar .fa {
  color: #faa61a;
  margin-right: 10px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ecf0f6;
  width: 20px;
  height: 20px;
  line-height: 20px; }

.box-similar b a {
  color: #099edb; }

.box-similar a {
  color: #a7a7a7; }

.profile_avatar {
  height: 285px;
  background: #fbfbfc;
  text-align: center;
  border-right: 1px solid #e3e9f3;
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center; }

.img__avatar .img-responsive {
  display: inline-block !important;
  vertical-align: middle;
  height: 249px; }

.profile_lc, .profile_lr {
  padding-top: 1rem; }

#body_html_contact .profile_lr {
  padding: 63px 0px 1px; }

.mrFormGroup.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px; }

.textBrowser {
  text-align: left; }

.box_profile_right {
  margin: 1rem; }
  .box_profile_right h3 {
    text-transform: uppercase;
    font-size: initial;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-top: 0px; }

.ul_profile_right {
  padding-left: 5px; }
  .ul_profile_right li {
    list-style: none;
    margin-bottom: 7px;
    clear: both; }
    .ul_profile_right li a {
      color: #231f20; }
  .ul_profile_right.no li {
    display: flex;
    justify-content: space-between; }

.span_profile {
  display: inline-block;
  width: 15%; }
  .span_profile.top {
    vertical-align: top;
    text-align: center; }
  .span_profile span {
    color: #ff9900;
    font-weight: bold; }

.span__profile {
  display: inline-block;
  width: 77%; }

.span_profile.w50 {
  width: 30%;
  display: inline-block;
  text-align: left;
  margin-left: 0%;
  font-weight: bold; }

.span__profile.w50 {
  width: 26%;
  text-align: center; }
  .span__profile.w50 span {
    color: #fff;
    border-radius: 3px; }

.scrollMyCV ul li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
  padding: 5px 0; }
  .scrollMyCV ul li .nav-item {
    margin: 0 0 0 8px;
    display: none; }
  .scrollMyCV ul li:hover .nav-item {
    display: initial; }

.flex-spacer {
  flex-grow: 1; }

.job_summary ul li {
  display: flex;
  align-items: center; }
  .job_summary ul li .span_profile.w50 {
    width: initial;
    display: initial; }
  .job_summary ul li .span__profile.w50 {
    flex: none; }

.w50.blue a, .w50.green a, .w50.yellow a {
  display: block;
  text-decoration: none; }

.w50.blue {
  background: #099edb;
  padding: 2px; }

.w50.green {
  background: #00c903;
  padding: 2px; }

.w50.yellow {
  background: #ff9900;
  padding: 2px; }

.box_profile_content.no {
  border: none; }

.profile_title {
  background: #f3f2f0;
  padding: 10px 20px; }
  .profile_title .fa {
    margin-right: 10px; }
  .profile_title a {
    color: #282828;
    font-size: initial;
    font-weight: bold; }

.profile_content {
  padding: 1.5rem;
  border: 1px solid #eeeeee;
  margin-bottom: 1rem; }

.wrapper-form-edit .profile_content {
  padding: 0px; }

.alert_success .btn-sign-in2 {
  width: 150px; }

.bx_h1 {
  margin-bottom: 20px !important;
  color: #159ed9;
  font-size: 2em;
  text-transform: capitalize; }

.box-message {
  min-height: 250px;
  padding: 40px; }

.boxWrap .wrapper-job-alerts {
  border: none !important; }

.box-message20 {
  min-height: 250px;
  padding: 20px 0px; }

.profile_title .btnProEdit {
  right: 15px; }

.profile_title a.btnProAdd {
  right: 0;
  position: absolute;
  margin-top: -5px;
  margin-right: 15px;
  z-index: 99;
  text-shadow: 2px 2px 2px rgba(198, 198, 196, 0.33); }

a.btnProEdit:hover, a.btnProAdd:hover {
  color: #ff9800; }

.btn-search2 {
  background: #faa61a;
  border: thin solid rgba(10, 61, 138, 0.11); }
  .btn-search2 .fa {
    color: #fff;
    font-size: 16px; }
  .btn-search2:hover {
    background: #099edb;
    -webkit-transition: all 400ms ease-in 100ms;
    -moz-transition: all 400ms ease-in 100ms;
    transition: all 400ms ease-in 100ms;
    color: #fff; }

.wiget-job-alert {
  position: relative;
  width: 100%; }

.pright {
  display: inline-block;
  width: 28px;
  text-align: center; }

.profile_details .item_label_b {
  width: 25%;
  display: inline-block; }

.name-jobtitle {
  font-weight: 500;
  color: #faa61a;
  font-size: 16px; }

.group-text-left {
  width: 30%;
  float: left; }

.group-text-right {
  width: 69%;
  float: right;
  text-align: right; }
  .group-text-right.no {
    width: 100%;
    display: flex;
    justify-content: space-between; }

/* EDIT MY PROFILE */
.btn-upload-cv {
  background-color: #faa61a;
  color: #fff;
  border-radius: 0px;
  width: 35%;
  border: none; }

.no-btn {
  background: transparent;
  color: #099edb; }

.require_red {
  color: #F00;
  margin-right: 5px; }

.radiopad {
  margin-right: 5px !important; }

.full-group {
  width: 100% !important; }
  .full-group .btn {
    border-radius: 2px; }

.pdbtm {
  margin-bottom: 35px !important; }

.btn-default, .btn-warning, .btn-grey {
  border-radius: 2px;
  text-transform: uppercase; }

.btn-grey {
  color: #fff;
  background-color: #bbb9b9;
  border-color: #ccc; }
  .btn-grey:hover {
    color: #fff;
    background-color: #6e6e6e;
    border-color: #ccc; }

.btnfull {
  width: 100%; }

.group-btn-submit {
  right: 0; }
  .group-btn-submit .btn {
    padding: 5px; }

.profile_avatar2 {
  text-align: center;
  padding-top: 20px; }

.profile_content label {
  vertical-align: middle; }

.group-text-left {
  width: 30%;
  float: left; }

.group-text-right {
  width: 69%;
  float: right;
  text-align: right; }

.label_midle {
  margin-top: 6px;
  text-align: left; }

.lblMidle {
  margin-top: 6px;
  text-align: left;
  padding-left: 0px; }

.label__midle {
  margin-top: 6px;
  text-align: left;
  color: #7e7e7e; }

.profile_content.edit {
  background-color: #f3f2f0;
  padding-top: 35px;
  padding-bottom: 35px; }

.menu-horizontally {
  display: none; }

.change-password-candidate {
  border: 1px solid #e3e9f3;
  padding: 2em;
  margin-top: 3em;
  margin-bottom: 2em; }

.change-password-candidate .alert-dismissable {
  margin-bottom: 15px !important; }

.change-password-candidate .alert-dismissable .close, .change-password-candidate .alert-dismissible .close {
  top: 0px;
  right: 0px; }

ul.hit-changepass {
  padding-left: 5px; }

ul.hit-changepass li {
  list-style: none;
  font-style: italic;
  line-height: 1.8;
  font-size: 11px;
  margin-bottom: 5px; }

ul.hit-changepass li .fa {
  color: #d99d5b; }

img.fl {
  float: left; }

.fc_border {
  border: 1px solid #dbddde; }

.mr20 {
  margin-right: 20px; }

.content-apps h4 {
  margin-top: 0px;
  font-size: 15px; }

.btn.centerTable {
  background: #099edb;
  color: #fff; }

a.btn.centerTable:hover {
  -webkit-appearance: none;
  transition: background-color .1s linear;
  opacity: 0.7; }

.block-apps {
  display: block;
  margin-bottom: 20px; }

.bg-apps {
  background: #f3f2f0;
  padding: 10px;
  border-radius: 5px;
  margin: 15px; }

.h2-profile {
  margin-top: 5px;
  color: #099edb; }

/**
style for candidates skill
*/
#scrollSki .skill-tags {
  background: #fff;
  min-width: 60px;
  height: 36px;
  padding: 9px 12px;
  font-size: 12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  margin-right: 15px;
  margin-top: 15px;
  display: inline-block; }
  #scrollSki .skill-tags i {
    float: right;
    padding-top: 2px;
    padding-left: 10px;
    color: #B93A32; }

#scrollSki ul.dropdown-skill {
  position: absolute;
  left: 0;
  min-width: 240px;
  max-width: 100%;
  overflow: hidden;
  border: thin solid #f3f3f3;
  z-index: 999;
  padding: 0;
  margin: 0;
  background: #fff;
  transition: all 300ms ease 0;
  -moz-transition: all 300ms ease 0;
  -webkit-transition: all 300ms ease 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
  #scrollSki ul.dropdown-skill li {
    height: 36px;
    padding: 8px 15px;
    width: inherit;
    display: block;
    margin: 0;
    transition: all 300ms ease 0;
    -moz-transition: all 300ms ease 0;
    -webkit-transition: all 300ms ease 0; }
    #scrollSki ul.dropdown-skill li:hover {
      background: #f9f9f9; }

#scrollSki .hight-light-keywords {
  font-weight: 700; }

#input-skill {
  position: relative; }
  #input-skill input {
    display: block; }

#list-benefits label {
  width: 25%; }
  #list-benefits label input[type="checkbox"] {
    margin-right: 15px; }

.pd-bottom li {
  margin-bottom: 12px; }
  .pd-bottom li a {
    font-weight: 500;
    transition: all 0.2s linear 0s; }
    .pd-bottom li a:hover {
      color: #faa61a; }

#candidates-profile-summary {
  padding: 1rem; }

.nopadding {
  padding: 0px; }

.form-group label.required:before {
  color: red;
  content: " * "; }

.bgactive #navbar li.active a {
  color: #099edb !important; }

/* Page my suggested jobs */
#my-suggested {
  margin: 10px; }

.wrap-main {
  border: 1px solid #e3e9f3;
  background: #fffefd; }

.mrgtop100 {
  margin-top: 7em;
  margin-bottom: 0px;
  padding: 20px; }

.mrgtop150 {
  margin-top: 5em;
  padding: 2em;
  margin-bottom: 2em; }

h1.header-title {
  color: #099edb;
  font-size: 1rem;
  margin-top: 0px; }
  h1.header-title span {
    font-size: 0.6em;
    float: right;
    color: #7f7f7f; }
    h1.header-title span .fa {
      padding-right: 5px; }

.box-jobs-suggested {
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  padding: 0px;
  margin-bottom: 16px;
  background: #fff;
  font-size: 12px;
  position: relative; }
  .box-jobs-suggested:hover {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s; }
  .box-jobs-suggested img {
    max-height: 32px;
    width: auto;
    display: block;
    margin: 20px auto 0px auto; }
  .box-jobs-suggested h4 {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 10px 5px;
    font-size: 0.5rem; }
  .box-jobs-suggested .content-box-jobs {
    overflow: auto;
    position: relative;
    max-width: 100%;
    height: 132px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-top: 1px solid #f1f1f1;
    margin: 10px;
    padding-top: 10px; }
  .box-jobs-suggested .scroll-attribute {
    overflow: auto;
    position: relative;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    min-height: 150px;
    max-height: 180px; }
    .box-jobs-suggested .scroll-attribute p {
      text-align: center;
      margin-bottom: 5px; }
  .box-jobs-suggested .title-box-jobs {
    margin-top: 10px;
    margin-bottom: 0px; }
  .box-jobs-suggested .cls-money {
    color: #099edb; }

.attribute-box-jobs, .footer-box-jobs {
  border-top: 1px solid #f1f1f1;
  padding: 10px; }

.location-box-jobs {
  text-align: center;
  padding: 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 55px;
  /*white-space: nowrap;*/ }

.location-box-jobs .name_company, .location-box-jobs .name_location {
  color: #444;
  margin-bottom: 5px; }

.attribute-box-jobs .dl-horizontal {
  margin-bottom: 0px; }
  .attribute-box-jobs .dl-horizontal dt {
    width: 125px;
    font-weight: normal;
    text-align: left; }
  .attribute-box-jobs .dl-horizontal dd {
    margin-left: 125px;
    margin-bottom: 5px; }

.btnSpamSugggested {
  display: inline-block; }
  .btnSpamSugggested .dropdown {
    float: left;
    left: 0; }
  .btnSpamSugggested button.btn.btn-spam.dropdown-toggle {
    background: transparent;
    opacity: 0.4;
    font-size: 15px; }
    .btnSpamSugggested button.btn.btn-spam.dropdown-toggle:hover {
      opacity: 1; }
  .btnSpamSugggested .dropdown-menu {
    margin: 0px;
    padding: 0px; }
    .btnSpamSugggested .dropdown-menu .btn-report:hover {
      background: #eaeaea; }

.btn.btnSpamSugggested {
  padding: 0px; }

.btnSpamSugggested button.btn-report.btn-spam, .btnSpamSugggested button.btn-report.btn-expired {
  width: 100%;
  display: block;
  width: 100%;
  border: none;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  padding: 5px 15px;
  text-align: left; }

.btnSpamSugggested button.btn-report.btn-spam .fa, .btnSpamSugggested button.btn-report.btn-expired .fa {
  padding-right: 5px; }

.footer-box-jobs .btn-dismiss {
  background: transparent;
  font-size: 13px; }
  .footer-box-jobs .btn-dismiss:hover {
    border: 1px solid #cecece;
    border-radius: 15px; }

.footer-box-jobs .apply-box-jobs {
  float: right;
  color: #099edb;
  background: #fff none;
  border: 1px solid #71af05;
  border-radius: 2em;
  max-width: 100%;
  white-space: normal;
  line-height: 1.3;
  padding: .72em 2.75em .72em;
  font-weight: 700;
  letter-spacing: 0;
  display: inline-block;
  text-decoration: none;
  text-shadow: none;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color .1s linear;
  vertical-align: middle;
  text-align: center;
  width: auto;
  line-height: 34px;
  padding: 0 1em;
  border-color: #dbddde;
  font-size: 12px;
  font-weight: normal; }

.footer-box-jobs .one-click-box-jobs {
  float: right;
  color: #099edb;
  background: #fff none;
  border: 1px solid #71af05;
  border-radius: 2em;
  max-width: 100%;
  white-space: normal;
  line-height: 1.3;
  padding: .72em 2.75em .72em;
  font-weight: 700;
  letter-spacing: 0;
  display: inline-block;
  text-decoration: none;
  text-shadow: none;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color .1s linear;
  vertical-align: middle;
  text-align: center;
  width: auto;
  line-height: 34px;
  padding: 0 1em;
  border-color: #dbddde;
  font-weight: 400; }

.footer-box-jobs .apply-box-jobs:hover {
  color: #099edb;
  background: linear-gradient(to bottom, #fff, #f3f2f0);
  background: -webkit-linear-gradient(to bottom, #fff, #f3f2f0);
  background: -moz-linear-gradient(to bottom, #fff, #f3f2f0);
  background: -moz-linear-gradient(to bottom, #fff, #f3f2f0);
  border-color: #bdd6fd;
  text-decoration: none; }

/* Resume templates */
.mgrcv30 {
  margin: 30px -15px; }

.mgrcv50 {
  margin-bottom: 20px; }

.create-resume-cvs {
  display: none;
  transform: scale(0);
  transition: all 0.3s ease 0s; }

.box-resume-cvs {
  position: relative; }
  .box-resume-cvs .create-resume-cvs {
    display: flex;
    position: absolute;
    top: 0;
    background: #c5dbe0b8;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.3s ease 0s;
    align-items: center;
    justify-content: center; }
  .box-resume-cvs:hover .create-resume-cvs {
    transform: scale(1);
    transition: all 0.3s ease 0s; }
  .box-resume-cvs:hover .btn-create-resume-cvs {
    color: #fff; }
  .box-resume-cvs img {
    width: 100%;
    height: 100%; }
  .box-resume-cvs .btn-create-resume-cvs {
    width: 143px;
    height: 35px;
    background: #099edb;
    border-radius: 20px;
    color: #fff;
    line-height: 20px;
    box-shadow: 1px 0px 8px 0px #94abb5; }

.title-resume-cvs {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold; }
  .title-resume-cvs span {
    border-radius: 10px;
    padding: 3px 10px;
    font-size: 80%;
    margin-left: 5px;
    vertical-align: top;
    color: #fff;
    font-weight: normal;
    font-style: italic; }
  .title-resume-cvs .normal {
    background: #03a9f4; }
  .title-resume-cvs .high {
    background: #faa61a; }
    .title-resume-cvs .high .fa {
      vertical-align: top;
      padding-left: 5px; }

.box-preview-cvs {
  border: 1px solid rgba(0, 185, 242, 0.5);
  min-height: 800px; }

.box-download-cvs {
  background: #f7fdff;
  padding: 20px;
  border: 1px solid rgba(0, 185, 242, 0.5); }
  .box-download-cvs h3 {
    color: #099edb;
    border-bottom: 1px solid #e3e9f3;
    padding-bottom: 7px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 15px; }
    .box-download-cvs h3 .fa {
      margin-right: 10px; }

.list-download-cvs {
  padding-left: 0px; }
  .list-download-cvs li {
    list-style: none;
    border-bottom: 1px dotted #ececec;
    padding-top: 10px;
    padding-bottom: 15px; }
    .list-download-cvs li a {
      color: #555; }
      .list-download-cvs li a:hover {
        color: #099edb; }
    .list-download-cvs li .fa {
      font-size: 20px;
      margin-right: 10px; }
  .list-download-cvs .word .fa {
    color: #2196F3; }
  .list-download-cvs .pdf .fa {
    color: #f44336; }

.vertical-align label, .vertical-align {
  vertical-align: middle;
  line-height: 35px; }

.vertical-align.one {
  vertical-align: middle;
  height: 35px;
  line-height: 35px; }

.job-alerts-home {
  margin-top: 40px; }

.wrapper-job-alerts {
  border: 1px solid #e3e9f3;
  overflow: hidden;
  margin: 5em 0em 1em;
  padding: 2em; }
  .wrapper-job-alerts h1 {
    font-size: 1.5em;
    color: #099edb;
    margin: 0px 0px 10px 0px; }

.check-job-alert {
  padding: 0px; }
  .check-job-alert .li-check-jobalert {
    list-style: none;
    display: inline-block; }

.job-aleart-left {
  float: left;
  width: 80%; }

.job-aleart-right {
  float: right;
  width: 20%;
  text-align: right; }

.checkjob {
  background: transparent;
  color: #099edb;
  border: 0px solid;
  padding: 0px; }
  .checkjob:hover {
    text-decoration: underline; }

.line-checkjob {
  border-right: 1px solid #ccc;
  padding-right: 12px; }

.pdjob {
  padding: 0px 12px; }

.mgbtmjob {
  margin-bottom: 15px; }

.border-table {
  border: 1px solid #cecece;
  margin-bottom: 15px; }

.bgtitle-job-alert {
  background: #f3f2f0; }

.border-table td {
  border: 0px solid #ddd !important; }

.tbtitle-create-job, .thtitle-job-alert {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  margin-top: 5px; }

.list-boxTable .table.border-table .bgtitle-job-alert tr th {
  vertical-align: middle; }

.tbtitle-create-job {
  margin-top: 15px; }
  .tbtitle-create-job a {
    color: #099edb; }

.list-alert-job li {
  list-style: none;
  display: inline-block; }

.list-alert-job .btn-alert {
  border: 1px solid #ccc;
  float: right;
  color: #099edb;
  background: #fff none;
  border-radius: 0.2em;
  max-width: 100%;
  white-space: normal;
  line-height: 1.3;
  padding: .72em 2.75em .72em;
  font-weight: 700;
  letter-spacing: 0;
  display: inline-block;
  text-decoration: none;
  text-shadow: none;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color .1s linear;
  vertical-align: middle;
  text-align: center;
  width: auto;
  line-height: 34px;
  padding: 0 1em;
  border-color: #dbddde;
  font-weight: 400; }

.list-alert-job .btn-alert:hover {
  color: #00BCD4;
  background: linear-gradient(to bottom, #fff, #f3f2f0);
  background: -webkit-linear-gradient(to bottom, #fff, #f3f2f0);
  background: -moz-linear-gradient(to bottom, #fff, #f3f2f0);
  background: -moz-linear-gradient(to bottom, #fff, #f3f2f0);
  border-color: #ccc;
  box-shadow: 0 0 2px 0px rgba(226, 226, 226, 0.35);
  -moz-box-shadow: 0 0 2px 0px rgba(226, 226, 226, 0.35);
  -webkit-box-shadow: 0 0 2px 0px rgba(226, 226, 226, 0.35);
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; }

.menu-alert-job {
  float: right; }
  .menu-alert-job .fa {
    padding-right: 5px; }

ul.list-alert-job {
  margin-bottom: 0px;
  line-height: 11px; }

.border-table .pdtbody {
  padding: 10px; }

.td-pdtop {
  padding-top: 20px !important; }

.td-pdbttom {
  padding-bottom: 20px !important; }

.btn-create-new {
  font-weight: bold; }
  .btn-create-new .fa {
    padding-right: 8px;
    font-weight: bold; }
  .btn-create-new.btn {
    margin: 5px 0px; }

button.btn-cnew-color {
  background: #faa61a;
  color: #fff;
  border-radius: 0.1em;
  text-decoration: none; }
  button.btn-cnew-color:hover {
    color: #fff;
    background: #FFC107;
    border-color: #e0e0e0;
    box-shadow: 0 0 2px 0px rgba(226, 226, 226, 0.35);
    -moz-box-shadow: 0 0 2px 0px rgba(226, 226, 226, 0.35);
    -webkit-box-shadow: 0 0 2px 0px rgba(226, 226, 226, 0.35);
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s; }

.list-boxTable {
  position: relative; }

.edit-job-alert-abso {
  position: absolute;
  right: -11px;
  top: 26px;
  background: #faa61a;
  display: block;
  z-index: 10; }
  .edit-job-alert-abso a {
    color: #fff;
    display: block;
    padding: 5px 8px; }
  .edit-job-alert-abso:after {
    content: '';
    border-top: 10px solid #865216;
    border-right: 12px solid transparent;
    top: 28px;
    position: absolute;
    display: inline-block;
    right: 0px;
    width: 7px;
    height: 12px; }

.nopaddlft {
  padding-left: 0px; }

.nopaddrgt {
  padding-right: 0px; }

a.btn.btn-default.btn-block {
  color: #fff; }
  a.btn.btn-default.btn-block:hover {
    color: #099edb; }

.job-alerts-home {
  margin-top: 40px; }

.check-date-jobs {
  width: 20px;
  display: inline-block; }

.title-my-jobs a {
  display: inline-block;
  font-weight: bold;
  color: #099edb;
  font-size: 0.8rem; }

.title-my-jobs .date-save {
  text-align: right;
  width: 18%;
  float: right;
  color: #282828; }

.body-my-jobs {
  padding: 15px 20px 20px;
  float: left;
  width: 100%; }
  .body-my-jobs a {
    color: #333; }
    .body-my-jobs a:hover {
      color: #faa61a; }

.title-my-jobs, .status-my-jobs {
  display: inline-block;
  vertical-align: middle; }

.title-my-jobs {
  width: 89.5%;
  border-right: 1px solid #cecece;
  padding: 10px 20px; }

.status-my-jobs {
  width: 10%;
  padding: 5px;
  text-align: center; }

.status-my-jobs .quick, .status-my-jobs .expired, .status-my-jobs .active, .status-my-jobs .inactive {
  border: none;
  background: transparent; }

.status-my-jobs .quick, .status-my-jobs .expired, .status-my-jobs .active, .status-my-jobs .inactive {
  text-transform: uppercase; }

.status-my-jobs .quick {
  color: #faa61a; }

.status-my-jobs .expired {
  color: #ff0000; }

.status-my-jobs .inactive {
  color: #cb0000; }

.bd-ul-jobs {
  padding: 0px;
  margin-bottom: 20px; }
  .bd-ul-jobs li {
    list-style: none;
    display: inline-block;
    margin-right: 40px; }

/* ---------------- appliedjobs ------------------ */
.appliedjobs .table {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  display: table; }

.appliedjobs .cell.ic-link {
  line-height: 24px;
  font-size: 13px; }
  .appliedjobs .cell.ic-link a {
    color: #585858; }
    .appliedjobs .cell.ic-link a:hover {
      color: #faa61a; }
  .appliedjobs .cell.ic-link .fa {
    border: 1px solid #d5d6d7;
    border-radius: 50%;
    padding: 8px;
    vertical-align: middle;
    margin-right: 10px; }

.appliedjobs .cell h5 {
  color: #099edb; }

.cell a {
  color: #848484; }
  .cell a:hover {
    color: #faa61a; }

@media screen and (max-width: 580px) {
  .appliedjobs .table {
    display: block; } }

.appliedjobs .row {
  display: table-row;
  background: #fff; }
  .appliedjobs .row:nth-of-type(odd) {
    background: #f6f6f6; }
  .appliedjobs .row.header {
    font-weight: 500;
    color: #099edb;
    background: #d9edf7; }
  .appliedjobs .row.blue {
    background: #f3fafd; }

.row.panel-danger .cell {
  opacity: 0.3; }

.panel-danger .cell.textctr {
  color: #ff0000;
  opacity: 1;
  font-weight: 500; }

@media screen and (max-width: 580px) {
  .appliedjobs .row {
    padding: 14px 0 7px;
    display: block; }
    .appliedjobs .row.header {
      padding: 0;
      height: 6px; }
      .appliedjobs .row.header .cell {
        display: none; }
    .appliedjobs .row .cell {
      text-align: center; }
      .appliedjobs .row .cell:before {
        margin-bottom: 3px;
        content: attr(data-title);
        min-width: 100%;
        font-weight: bold;
        text-transform: capitalize;
        color: #159ed9;
        display: block;
        border-left: none; } }

.appliedjobs .cell {
  padding: 15px 10px;
  display: table-cell;
  border-right: 1px solid #f1f1f1; }
  .appliedjobs .cell:last-child {
    border-right: none; }
  .appliedjobs .cell.noborder {
    border-right: none; }
  .appliedjobs .cell.textct {
    text-align: center; }
  .appliedjobs .cell.textctr {
    text-align: center; }

@media screen and (max-width: 580px) {
  .appliedjobs .cell {
    padding: 8px 16px;
    display: block; } }

/* panel alerts */
.panel-alert {
  border: 1px solid #eeee;
  margin-bottom: 20px; }

.panel-alert-heading, .panel-alert-content, .panel-alert-footer {
  padding: 10px;
  width: 100%; }

.panel-alert-heading {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eeee;
  background: #f1f1f1; }
  .panel-alert-heading h3 {
    margin: 0px;
    font-size: 0.8rem;
    color: #099edb; }

.panel-alert-footer {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-top: 1px solid #eee; }

.panel-ul {
  margin-bottom: 10px;
  float: left;
  width: 100%;
  list-style: none;
  padding-left: 0px; }
  .panel-ul li {
    padding-bottom: 10px; }

/* Modal */
.modal-body {
  padding: 1.5rem; }

.modal-content {
  border-radius: 2px; }

.modal-bottom30 {
  padding-bottom: 30px; }

.modal h1 {
  font-size: 1rem; }

.title__alerts {
  text-align: left;
  font-size: 1rem; }

.box-hr-row {
  border-top: 1px solid #ccc; }

/* Who viewed profile */
.resume-views {
  display: table;
  width: 100%;
  border-top: thin solid #f1f1f1;
  border-bottom: thin solid #f1f1f1;
  border-left: thin solid #f1f1f1;
  margin-bottom: 15px; }
  .resume-views:hover {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s; }

.body-header, .header-top {
  display: table-row; }

.body-header:nth-child(2n+1) {
  background: #f1f1f1; }

.body-header:hover {
  background: #eff5fd;
  cursor: pointer; }

.col-header {
  font-weight: bold;
  background: #f3fafd;
  vertical-align: middle;
  text-align: center;
  color: #099edb; }

.col-header, .col-body {
  padding: 15px; }

.col-header, .col-body {
  display: table-cell;
  border-right: thin solid #f1f1f1; }

.cl-check {
  width: 5%; }

.cl-company {
  width: 45%; }

.cl-view {
  width: 10%;
  text-align: center; }

.cl-last {
  width: 15%;
  text-align: center; }

.cl-saved {
  width: 15%;
  text-align: center; }

.cl-action {
  width: 10%;
  text-align: center;
  vertical-align: middle; }

.btnapply-resume {
  background: #FFC107;
  color: #fff;
  padding: 3px 10px;
  margin-right: 5px; }

.btndelete {
  background: red;
  padding: 3px 10px;
  color: #fff; }

.btnapply-resume:hover, .btndelete:hover {
  color: #f1eded;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; }

.box-delete {
  background: #099edb;
  padding: 10px 15px; }

.title-message {
  font-size: 18px;
  margin-top: 0px;
  color: #fff;
  margin-bottom: 0px; }

.modal-dialog .modal-content {
  color: #000; }

.cl-check {
  width: 15px;
  height: 15px;
  margin-right: 5px !important;
  margin-top: 0px !important;
  vertical-align: middle; }

.btnW30 {
  width: 30%; }

.box-info {
  box-shadow: 0px 0px 10px 0px #ded7d7; }

.box {
  border: 1px solid #d2d2d2;
  padding: 15px;
  border-radius: 7px; }

.salaryConverter {
  background: #f3fafd;
  padding: 20px; }

.box-gross {
  border: 1px solid #e3e9f3;
  border-radius: 5px;
  padding: 0;
  float: left;
  width: 100%;
  margin: 2rem 0rem 10rem 0rem; }

.row-gross {
  float: left;
  width: 100%;
  margin: 5px 0 20px 0px;
  border-bottom: 2px dotted #dcf1f9;
  padding-bottom: 20px; }

.gross {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  .gross:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.label-gross {
  float: left;
  text-align: left;
  width: 40%; }

.content-gross {
  float: right;
  text-align: right;
  width: 60%; }

.gross-w70, .gross-w30 {
  display: inline-block; }

.gross.w30 {
  width: 80px; }

.gross-w100 {
  width: 120px; }

.gross-w200 {
  width: 250px; }

.label-gross.mt-10 {
  margin-top: 10px; }

.gross-title {
  color: #273238;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 10px; }

.gross-details {
  padding: 0.78em;
  text-align: right;
  color: #000; }
  .gross-details:nth-child(odd) {
    background: #f1f9fd;
    border-bottom: 1px solid #e4f3fb; }

.heading-gross {
  background: #f1f9fd;
  padding: 0.5rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #159ed9;
  text-align: right;
  margin-top: 7px; }

.gross-details.text-danger {
  color: #F44336; }

.footer-gross {
  padding: 0.5rem 6rem;
  color: #000; }

/* panel alerts */
.panel-alert {
  border: 1px solid #eeee;
  margin-bottom: 20px; }

.panel-alert-heading h3 {
  margin: 0px;
  font-size: 1.2em;
  color: #099edb; }

.panel-alert-heading, .panel-alert-content, .panel-alert-footer {
  padding: 10px;
  width: 100%; }

.panel-alert-heading {
  display: flex;
  justify-content: space-between; }

.panel-alert-footer {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-top: 1px solid #eee; }

.panel-ul {
  margin-bottom: 10px;
  float: left;
  width: 100%;
  list-style: none;
  padding-left: 0px; }
  .panel-ul li {
    padding-bottom: 10px; }

.salary-survey-bg {
  height: 290px;
  background: #f7f7f7 url(../images/salary-survey.jpg) no-repeat center 20%;
  margin-top: 3em; }

.box-content-search {
  margin-top: -50px;
  background: #fff;
  overflow: hidden;
  border: thin solid #f0ad4e;
  margin-bottom: 20px;
  padding: 20px 30px;
  box-shadow: 0px 1px 7px 0px #ccc; }

.box-content-salary-survey {
  margin-top: -50px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 20px 30px;
  box-shadow: 0px 1px 7px 0px #ccc; }

.box-salary-survey {
  display: flex;
  justify-content: left;
  align-items: center;
  border-bottom: 1px dotted #efefef;
  padding: 15px 0px; }

.heading-salary-survey {
  padding-left: 10px; }
  .heading-salary-survey .title {
    color: #099edb;
    font-weight: bold;
    margin-bottom: 5px; }
  .heading-salary-survey .company {
    margin-bottom: 5px; }
  .heading-salary-survey .price {
    color: #faa61a;
    margin-bottom: 5px; }

.box-content-salary-survey .title-content, .box-job-related .title-content, .box-content-search .title-content {
  font-size: 1.5em;
  color: #3baedf;
  padding-bottom: 5px;
  border-bottom: 1px solid #e3e9f3; }

.box-job-related {
  background: #fff;
  overflow: hidden;
  margin-bottom: 40px;
  padding: 20px 30px;
  box-shadow: 0px 1px 7px 0px #ccc; }

.salary-survey-item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  margin: 0; }

.box-ss-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 0; }

.average-salary-number {
  font-size: medium;
  text-align: center;
  font-weight: normal; }

.gross-number {
  text-align: center;
  font-size: xx-large;
  font-weight: bold;
  color: #f0ad4e; }

.btn-group-lg > .btn, .btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

.my-profile img {
  margin-right: 8px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block; }

.backgroundadvance .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.backgroundadvance .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.backgroundadvance .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.backgroundadvance .box-shadow-search .bootstrap-select > .dropdown-toggle.bs-placeholder,
.backgroundSearch .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.backgroundSearch .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.backgroundSearch .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.backgroundSearch .box-shadow-search .bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #999; }

.backgroundadvance .select2-container--default .select2-selection--multiple,
.backgroundSearch .select2-container--default .select2-selection--multiple {
  background-color: unset;
  border: 1px solid #eeeeee; }

.options .fa {
  margin-right: 0; }

.group-carousel-hots .fa.fa-angle-left {
  margin-right: 2px; }

.group-carousel-hots .fa.fa-angle-right {
  margin-left: 2px;
  margin-right: 0px; }

.group-carousel-hots span {
  display: flex;
  align-items: center;
  text-align: center;
  align-content: center;
  flex-direction: column-reverse;
  vertical-align: middle; }

.input-group {
  width: 100%; }

.input-group-addon {
  min-width: 45px; }

.switch {
  position: relative;
  display: inline-block;
  width: 53px;
  height: 28px;
  float: right;
  margin-top: -5px; }

/*! Hide default HTML checkbox !*/
.switch input {
  display: none; }

.mid-actfmr {
  width: 76%;
  display: inline-block; }

label.switch-toggle {
  background: url("../images/switch.png") repeat-y;
  display: block !important;
  height: 28px;
  padding-left: 26px;
  cursor: pointer;
  display: none; }
  label.switch-toggle.on {
    background-position: 0 30px; }
  label.switch-toggle.off {
    background-position: 0 0; }
  label.switch-toggle.hidden {
    display: none; }

.cell h5 a {
  color: #099edb; }
  .cell h5 a:hover {
    color: #faa61a; }

.hr-green {
  border-bottom: 2px solid #f5f5f5;
  margin-bottom: 3rem;
  padding-bottom: 5px; }

.recommend-title {
  font-size: 2.5rem;
  color: #099edb; }

.recommend-company {
  color: #faa61a; }

.alert-successful-application {
  box-shadow: 0px 10px 3px 0px rgba(248, 248, 248, 0.24);
  color: #099edb;
  background-color: #f1f9fd;
  border: thin solid #f1f9fd;
  margin-bottom: 2em;
  padding: 2em;
  font-style: normal;
  line-height: 2em;
  font-size: 1em; }

.alert-successful-application .fa {
  padding-right: 5px; }

.alert-successful-application strong {
  color: #faa61b; }

.mb-25 {
  margin-bottom: 6rem; }

.mt-40 {
  margin-top: 6rem; }

/* About us */
.mgrtop60 {
  margin-top: 3em; }

#about_us {
  background-image: url(../images/about-us.jpg);
  min-height: 4em;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

h1.title_simple {
  text-align: center;
  font-size: 3em;
  color: #fff;
  background: rgba(255, 253, 253, 0.41);
  padding: 1em 0;
  margin: 1em 0; }
  h1.title_simple span, h1.title_simple small {
    display: block;
    color: #00bcd4; }

#operation_regulation .title_simple {
  display: block;
  color: #00bcd4; }

h1.title_simple small {
  color: #00BCD4;
  font-size: 0.6em; }

h1.title-sicontent {
  line-height: 1.5em;
  font-size: 1.4em;
  color: #3baedf;
  padding-bottom: 5px;
  border-bottom: 1px solid #e3e9f3; }

/* operation regulation */
#operation_regulation {
  background-image: url(../images/article-hr-insider.png);
  min-height: 290px;
  background-repeat: no-repeat;
  background-size: cover; }
  #operation_regulation .title_simple {
    text-align: center;
    font-size: 2.5em;
    color: #515151;
    background: rgba(245, 249, 250, 0.32);
    padding: 40px;
    margin: 1.9em 0px;
    line-height: 1.8em; }
    #operation_regulation .title_simple small {
      color: #159ed9;
      font-size: 0.6em; }

#wrap_content {
  margin-bottom: 45px;
  font-size: 14px;
  padding: 25px 0px;
  text-align: justify; }
  #wrap_content h2, #wrap_content h3, #wrap_content h4 {
    font-size: 1.2em; }

.box-content-article h2, .box-content-article h3, .box-content-article h4 {
  font-size: 1.2em; }

#wrap_content .fa, .box-content-article .fa {
  margin-right: 10px; }

#wrap_content address, .box-content-article address, #wrap_content a, .box-content-article a {
  font-weight: bold;
  font-style: italic; }

#wrap_content a:hover, .box-content-article a:hover {
  color: #ff9800; }

#frm_jobs_advanced_search .select2-container--default .select2-selection--single {
  background-color: #faf9f8; }

#reset_popup_form .btn-info {
  border-radius: 0px; }

.box-group-header {
  margin-bottom: 20px;
  display: flex;
  align-content: center;
  align-items: center; }

.box-group-title {
  font-size: 1.5em;
  line-height: 24px;
  color: #555; }

.box-white {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.125); }

.no-boxshadow {
  box-shadow: none; }

#cv-list .cv-thumb {
  display: block;
  border: 1px solid #efefef;
  text-align: center;
  max-width: 110px; }

#cv-list .cv-date {
  margin-top: 10px; }

#cv-list .cv-url {
  margin-bottom: 20px;
  margin-top: 20px; }
  #cv-list .cv-url input {
    border: 1px dashed #ccc;
    font-size: 14px;
    width: 100%;
    outline: none;
    padding: 10px 10px; }

#cv-list .cv-action {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right; }
  #cv-list .cv-action li {
    display: inline-block; }
    #cv-list .cv-action li a {
      font-size: 12px;
      background-color: #f6f6f6;
      color: #666;
      border-radius: 2px;
      font-weight: normal;
      padding: 4px 10px;
      margin-left: 3px;
      margin-top: 4px; }
      #cv-list .cv-action li a:hover {
        background-color: #d8d8d8; }

#cv-list .col-cv-data .cv-title {
  height: 7rem; }

.col-cv-data {
  padding-left: 0; }

.text-gray {
  color: #999; }

.text-highlight {
  color: #069eda; }

#sidebar .profile-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  border: 1px solid #dedede; }
  #sidebar .profile-avatar img {
    max-width: 100%; }

#sidebar .profile-fullname {
  font-size: 1.5em;
  margin-top: 5px;
  margin-bottom: 10px;
  position: relative;
  flex: none; }

#sidebar .group-info ul {
  margin-top: 15px;
  padding: 0; }
  #sidebar .group-info ul li {
    list-style-type: none;
    padding: 8px 0; }
    #sidebar .group-info ul li a {
      color: #555; }
      #sidebar .group-info ul li a:hover {
        color: #faa61a; }
    #sidebar .group-info ul li:hover {
      color: #faa61a; }

#sidebar .group-info i {
  font-size: 1em;
  width: 1em; }

#btn-upload-avatar {
  font-size: 11px;
  font-style: italic;
  cursor: pointer; }

.box-footer {
  margin: 10px 0; }

.btn-cv-primary {
  background-color: #faa61a;
  color: white; }
  .btn-cv-primary:hover {
    color: #fff; }

.hint {
  color: gray; }

.share_action .fa, .list-shared .fa, .social-shared .fa {
  margin-right: 0px; }

.div-job-logo {
  justify-content: center;
  display: flex; }
  .div-job-logo img {
    width: 100px; }

#ajax_loader {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url("../images/ajax-loader-2019.gif") 50% 50% no-repeat; }

body.loading {
  overflow: hidden; }
  body.loading .modal {
    display: block; }

/* CSS TEMPLATE JE MM */
.bg-gray {
  background: #fafafa; }

.bg-white {
  background: #fff; }

.bg-white-hover:hover {
  background: #fff;
  box-shadow: 1px 1px 20px 1px rgba(179, 179, 177, 0.3); }
  .bg-white-hover:hover .opacity {
    opacity: 1; }

.bg-white-hover .opacity {
  opacity: 0.6; }

.list-job-function {
  padding: 0.5rem; }
  .list-job-function:hover {
    box-shadow: 1px 1px 20px 1px rgba(179, 179, 177, 0.3); }

.no-list-style {
  list-style: none; }
  .no-list-style.line-last li:after {
    content: "";
    position: relative;
    border-right: 1px solid #d6d6d6;
    top: 0;
    right: -13px;
    height: 100%;
    width: auto; }
  .no-list-style.line-last li:last-child:after {
    content: "";
    position: relative;
    border-right: none;
    top: 0;
    right: 0; }

/* images size*/
.image-xx {
  width: 68px;
  height: auto; }

.image-sm {
  width: 50px;
  height: auto; }

.image-x {
  width: 80px;
  height: auto; }

.image-2x {
  width: 100px;
  height: auto; }

.image-3x {
  width: 120px;
  height: auto; }

.image-4x {
  width: 150px;
  height: auto; }

.image-5x {
  width: 200px;
  height: auto; }

/* set color*/
.color-blue {
  color: #099edb; }

.font-size-ss {
  font-size: 0.8rem; }

.font-size-s {
  font-size: 1rem; }

.font-size-1x {
  font-size: 1.2rem; }

.font-size-2x {
  font-size: 1.5rem; }

.font-size-3x {
  font-size: 2rem; }

.form-row > .col, .form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px; }

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.d-block {
  display: block !important; }

.img-fluid {
  max-width: 100%;
  height: auto; }

img {
  vertical-align: middle;
  border-style: none; }

.ml-auto, .mx-auto {
  margin-left: auto !important; }

.mr-auto, .mx-auto {
  margin-right: auto !important; }

.p-0 {
  padding: 0 !important; }

.pt-0, .py-0 {
  padding-top: 0 !important; }

.pl-0, .px-0 {
  padding-left: 0 !important; }

.mb-0, .my-0 {
  margin-bottom: 0 !important; }

.mt-0 {
  margin-top: 0; }

.px-08 {
  padding-left: 0.8rem;
  padding-right: 0.8rem; }

.pl-1, .px-1 {
  padding-left: .25rem !important; }

.pr-1, .px-1 {
  padding-right: .25rem !important; }

.pr-2, .px-2 {
  padding-right: .5rem !important; }

.pl-2, .px-2 {
  padding-left: .5rem !important; }

.p-2 {
  padding: .5rem !important; }

.mb-2, .my-2 {
  margin-bottom: .5rem !important; }

.p-2 {
  padding: .5rem !important; }

.mt-3, .my-3 {
  margin-top: 1rem !important; }

.mb-3, .my-3 {
  margin-bottom: 1rem !important; }

.pb-3, .py-3 {
  padding-bottom: 1rem !important; }

.pt-3, .py-3 {
  padding-top: 1rem !important; }

.mr-1, .mx-1 {
  margin-right: 0.25rem !important; }

.mr-2, .mx-2 {
  margin-right: 0.5rem !important; }

.mr-3, .mx-3 {
  margin-right: 1rem !important; }

.p-3 {
  padding: 1rem !important; }

.mr-4, .mx-4 {
  margin-right: 1.5rem !important; }

.mb-4, .my-4 {
  margin-bottom: 1.5rem !important; }

.pb-5, .py-5 {
  padding-bottom: 3rem !important; }

.pt-5, .py-5 {
  padding-top: 3rem !important; }

.mb-5, .my-5 {
  margin-bottom: 3rem !important; }

.mt-0, .my-0 {
  margin-top: 0 !important; }

.mt-1, .my-1 {
  margin-top: 0.25rem !important; }

.mt-2, .my-2 {
  margin-top: 0.5rem !important; }

.mt-3, .my-3 {
  margin-top: 1rem !important; }

.mt-33, .my-33 {
  margin-top: 1.3rem !important; }

.mt-4, .my-4 {
  margin-top: 1.5rem !important; }

.mt-42, .my-42 {
  margin-top: 2.2rem !important; }

.mt-5, .my-5 {
  margin-top: 3rem !important; }

.pl-3, .px-3 {
  padding-left: 1rem !important; }

.pr-3, .px-3 {
  padding-right: 1rem !important; }

.pb-1, .py-1 {
  padding-bottom: 0.25rem !important; }

.pt-1, .py-1 {
  padding-top: 0.25rem !important; }

.pb-2, .py-2 {
  padding-bottom: .5rem !important; }

.pt-2, .py-2 {
  padding-top: .5rem !important; }

.pt-4, .py-4 {
  padding-top: 1.5rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pl-0, .px-0 {
  padding-left: 0 !important; }

.pr-0, .px-0 {
  padding-right: 0 !important; }

.p-5 {
  padding: 3rem !important; }

.pb-6 {
  padding-bottom: 5rem; }

.mtop-2 {
  margin-top: 2rem; }

.border-0 {
  border: 0 !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

.form-control {
  border: 1px solid #eeeeee;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  color: #495057;
  border-radius: 0px; }

.align-middle {
  vertical-align: middle !important; }

.no-button.btn-link, .no-button.btn {
  padding: 6px 12px; }

.btn.cls {
  padding: 0px;
  background: transparent; }

@media (min-width: 768px) {
  .mr-md-n5, .mx-md-n5 {
    margin-right: -3rem !important; }
  .ml-md-n5, .mx-md-n5 {
    margin-left: -3rem !important; } }

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-block {
  display: inline-block !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.border-right {
  border-right: 1px solid #eeeeee !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.text-uppercase {
  text-transform: uppercase !important; }

[class*=btn-] {
  padding: 6px 2rem; }

.btn-default {
  padding: 6px 12px; }

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important; }

.rounded-0 {
  border-radius: 0 !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start; }

.media-body {
  -ms-flex: 1;
  flex: 1; }

.form-group.col-custom-5 {
  margin-bottom: 0.3rem; }

.col-custom-5 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

@media (max-width: 768px) {
  .col-custom-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

.btn-with-sm {
  min-width: 80px;
  font-size: 0.575rem;
  text-align: center;
  flex-direction: column-reverse; }

.btn-with-md {
  min-width: 165px;
  font-size: 0.575rem;
  text-align: center;
  display: flex;
  flex-direction: column-reverse; }

.btn-with-lg {
  min-width: 250px;
  font-size: 0.575rem;
  text-align: center;
  display: flex;
  flex-direction: column-reverse; }

.btn-group-sm > .btn, .btn-sm {
  padding: 5px 30px; }

.btn-primary {
  color: #fff;
  background-color: #009EDB;
  border-color: #009EDB; }

.btn-secondary {
  color: #fff;
  background-color: #FAA61A;
  border-color: #FAA61A; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #da8e10;
    border-color: #ffad25; }

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #007bff80; }

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }

.btn-outline-secondary {
  color: #faa61a;
  border-color: #faa61a; }
  .btn-outline-secondary:hover {
    background-color: #faa61a;
    border-color: #faa61a; }

.btn-warning {
  color: #fff;
  background-color: #FFA26B;
  border-color: #FFA26B; }
  .btn-warning:hover {
    color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #EA4242;
  border-color: #EA4242; }

.btn-success {
  color: #fff;
  background-color: #00C48C;
  border-color: #00C48C; }

.btn-link {
  font-weight: 400;
  color: #099edb;
  border-radius: 0; }
  .btn-link:focus, .btn-link:hover {
    color: #faa61a;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent; }
  .btn-link:active {
    border-color: transparent; }

.btn-clear {
  text-decoration: underline; }

::placeholder {
  opacity: 1;
  /* Firefox */
  text-transform: capitalize; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  text-transform: capitalize; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  text-transform: capitalize; }

.select2-container .select2-selection--single {
  height: 33px; }

.wrap-search-advenced .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px;
  text-transform: capitalize; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-transform: capitalize; }

.select2-container--default .select2-selection--single {
  border: 1px solid #e5e5e5;
  border-radius: 0px; }

/* SLIDE HOME */
.bg-white-50 {
  background: #fafafa73; }

#page-index #myCarousel {
  position: relative; }
  #page-index #myCarousel:before {
    content: "";
    background: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0; }

.slideSearch {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%; }

.slideTop {
  position: absolute;
  bottom: 0; }

.slideBottom {
  position: absolute;
  bottom: 0; }

.box-search-job {
  border: 1px solid #eeeeee; }
  .box-search-job h3 {
    text-transform: capitalize;
    margin-bottom: 0rem;
    margin-top: 0rem;
    font-weight: bold; }
    .box-search-job h3 .fa {
      font-size: 0.7rem; }

.box-search .nav-tabs {
  border-bottom: 1px solid #ffffff33; }
  .box-search .nav-tabs .nav-item.active {
    color: #484848; }
  .box-search .nav-tabs .nav-item a {
    text-transform: uppercase;
    font-weight: bold;
    color: #777878; }
    .box-search .nav-tabs .nav-item a:hover {
      color: #484848; }

.box-search .nav-tabs > li.active > a, .box-search .nav-tabs > li.active > a:focus, .box-search .nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: #099edb; }

.box-search .nav-tabs > li > a:hover {
  border-color: transparent transparent transparent; }

.box-search .nav > li > a:focus, .box-search .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent; }

.box-search .select2-container .select2-selection--single {
  height: 33px; }

.box-search .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px;
  text-transform: capitalize;
  color: #999; }

.box-search .form-group {
  margin-bottom: 0.1rem; }

.browser li a {
  text-decoration: underline;
  color: #099edb; }
  .browser li a:hover {
    color: #faa61a; }

.job-box-title a {
  color: #484848; }

/* POPULAR SEARCH*/
.popular-search li {
  display: inline-block;
  margin-bottom: 1.4em; }
  .popular-search li:first-child a {
    border: 1px solid #fad08a;
    background: none;
    color: #fad08a; }
    .popular-search li:first-child a:hover {
      color: #fff; }
  .popular-search li a {
    text-transform: uppercase;
    color: #484848;
    font-weight: 500;
    background: #e7e7e7;
    padding: 0.5em 1em;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border: 1px solid #e7e7e7;
    -webkit-transition: color .3s;
    transition: color .3s;
    text-decoration: none; }
    .popular-search li a:hover {
      background: #fbbc53; }

.carousel-content {
  display: flex;
  background: #fafafa;
  align-items: center; }

.caption-content {
  padding: 3rem; }

.caption-sign {
  text-align: right;
  font-weight: bold; }

.carousel-control-next {
  right: -24px;
  height: 50px;
  background: #fafafa;
  top: 52% !important;
  color: #d6d6d6; }

.carousel-control-prev {
  left: unset;
  right: -24px;
  background: #3fb6e3;
  height: 50px;
  top: 24% !important; }

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9; }

.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 7%;
  color: #fff;
  text-align: center;
  opacity: .5;
  transition: opacity .15s ease; }

/* JOB SEARCH */
/*breadcrumb*/
.breadcrumb {
  margin-bottom: 0rem;
  background-color: #fafafa73;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .6rem 1rem;
  list-style: none;
  border-radius: 0rem; }
  .breadcrumb a {
    color: #3fb6e3; }

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #6c757d;
  content: "\f105";
  font-family: FontAwesome; }

.container-fluid.slideSearch {
  position: absolute;
  bottom: 0;
  z-index: 10; }

.box-content-search-job {
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
  margin-top: 10px; }
  .box-content-search-job label {
    display: flex;
    margin-bottom: 0.6rem;
    font-weight: normal;
    align-items: start; }
    .box-content-search-job label input {
      margin-right: 0.4rem; }

.box-content-send-cv {
  background: #bce4f3; }

.box-content-search-job.tag-item a {
  display: inline-block;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: #484848;
  font-weight: 500;
  background: #e7e7e7;
  padding: 5px 10px;
  border-radius: 0.9rem;
  -moz-border-radius: 0.9rem;
  -webkit-border-radius: 0.9rem;
  border: 1px solid #e7e7e7;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-decoration: none; }

/* LIST JOBS */
.box-list-job {
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  padding: 15px 15px 0px 15px;
  margin-bottom: 10px; }
  .box-list-job h5 a {
    text-decoration: none; }
  .box-list-job:hover {
    border: 1px solid #099edb;
    background: #bce4f3; }
    .box-list-job:hover .list-icon-group a {
      color: #faa61a; }
    .box-list-job:hover .footer-list-job {
      border-top: 1px solid transparent; }

.job-detail .saved-job {
  color: #faa61a; }

.box-hobby a:hover {
  color: #faa61a; }

.list-icon-group {
  display: flex;
  justify-content: right; }
  .list-icon-group a {
    color: #e5e5e5; }
  .list-icon-group .btn-spam {
    padding: 0px;
    background: transparent; }

.job-description {
  padding: 15px; }
  .job-description.length {
    height: 100px;
    overflow: hidden;
    margin-bottom: 15px;
    font-size: 0.7rem;
    background: transparent !important; }
    .job-description.length ul {
      padding-left: 0;
      list-style: none;
      font-size: 0.7rem;
      background: transparent !important; }
      .job-description.length ul li {
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 0.7rem;
        background: transparent !important; }
        .job-description.length ul li span {
          background: transparent !important;
          font-size: 0.7rem !important; }
    .job-description.length p span {
      background: transparent !important;
      font-size: 0.7rem !important; }

.footer-list-job {
  border-top: 1px solid #e5e5e5;
  padding: 10px 0px; }
  .footer-list-job.no {
    padding: 0px; }

/* MODAL */
.modal-content.modal-applyresume .form-group {
  width: 100%; }

.modal-content h1 {
  margin-top: 0; }

.modal-content label {
  text-transform: capitalize;
  font-weight: bold !important; }

/* JOB DETAIL */
.panel-detail-jobs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px; }

.box-job-details {
  border: 1px solid #e5e5e5;
  padding: 15px; }
  .box-job-details .media-body p {
    margin-bottom: 0.5rem; }

.paragraph-job-detail {
  border-bottom: 1px solid #e5e5e5;
  padding: 1em; }
  .paragraph-job-detail.top {
    padding: 0px 0px 15px 0px; }
  .paragraph-job-detail .title {
    display: block;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 1rem;
    font-weight: 700;
    margin-top: 5px; }
  .paragraph-job-detail .box-text {
    padding-left: 4rem;
    padding-right: 15px;
    line-height: 1.5rem; }

.box-attribute-overview {
  display: flex;
  margin-bottom: 15px; }
  .box-attribute-overview .description-overview {
    overflow: hidden; }
    .box-attribute-overview .description-overview .heading {
      text-transform: uppercase;
      font-weight: bold; }
    .box-attribute-overview .description-overview .body {
      word-wrap: break-word; }

.footer-box-job-detail {
  padding: 15px 0px 0px 15px; }
  .footer-box-job-detail p {
    margin-bottom: 0rem; }
  .footer-box-job-detail i.fa {
    color: #d6d6d6; }

.title-similar {
  text-align: left;
  font-weight: 700; }

.box-similar-job {
  border: 1px solid #e5e5e5;
  padding: 15px;
  text-align: left; }
  .box-similar-job .heading {
    font-weight: 700;
    margin-bottom: 5px; }

/* ARTICLE */
.article-heading {
  height: 240px;
  background: #f7f7f7 url(../images/article-hr-insider.png) no-repeat center top;
  display: flex;
  flex-direction: column-reverse;
  justify-content: end;
  align-items: center; }
  .article-heading .heading {
    padding-bottom: 2rem;
    text-transform: capitalize; }

.box-content-article .title-content, .box-content-article h1, .box-content-article h2, .box-content-article h3, .box-content-article h4, .box-content-article h5, .box-content-article h6 {
  font-size: 1rem; }

.footer-content-article {
  border-top: 1px solid #e5e5e5;
  padding: 1rem;
  margin-bottom: 2rem;
  margin-top: 2rem; }
  .footer-content-article .carousel-control-next, .footer-content-article .carousel-control-prev {
    width: 3%;
    background: transparent;
    height: 34px;
    top: -70% !important; }
  .footer-content-article .carousel-control-prev {
    left: -24px; }
  .footer-content-article .carousel-control-next {
    right: -24px; }
  .footer-content-article .slide-left {
    padding-left: 1.5rem; }
  .footer-content-article .slide-right {
    padding-right: 1.5rem;
    text-align: right; }
  .footer-content-article .fa-sl-prev, .footer-content-article .fa-sl-next {
    width: 24px;
    height: 24px;
    margin-left: 5px; }
  .footer-content-article .fa-sl-prev {
    background: url(../images/sl-prev.png) no-repeat 0px center; }
  .footer-content-article .fa-sl-next {
    background: url(../images/sl-next.png) no-repeat 0px center; }

/* COMPANY LOGIN */
.border-2 {
  border: 1px solid #e5e5e5;
  padding: 2rem; }

.border-3 {
  border: 1px solid #e5e5e5; }

.form-group label {
  font-weight: bold;
  text-transform: uppercase; }

.btn, input, .form-control {
  border-radius: 0rem; }

.footer-login {
  padding-top: 0.5rem;
  border-top: 1px solid #e5e5e5;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .footer-login .right {
    text-align: right; }

.box-social p {
  font-weight: bold; }

.box-social .fa {
  color: #d6d6d6;
  font-size: 1.2rem; }
  .box-social .fa:hover {
    color: #faa61a; }

/* REGISTER */
.line-or {
  position: relative; }
  .line-or .dot:before {
    content: " ";
    top: 50%;
    position: absolute;
    width: 30%;
    border-top: 1px solid #e5e5e5;
    left: 15%; }
  .line-or .dot:after {
    content: " ";
    top: 50%;
    position: absolute;
    width: 30%;
    border-top: 1px solid #e5e5e5;
    right: 15%; }

.box-process {
  position: relative; }
  .box-process .dot.active-first {
    background: #099edb; }
    .box-process .dot.active-first:before {
      background: #099edb;
      color: #fff; }
  .box-process .dot.active-both {
    background: #099edb; }
    .box-process .dot.active-both:before, .box-process .dot.active-both:after {
      background: #099edb;
      color: #fff; }
  .box-process .dot:before {
    font-family: FontAwesome;
    position: absolute;
    content: "\f2c0";
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.2rem;
    text-align: center;
    border: 1px solid #e5e5e5; }
  .box-process .dot:after {
    font-family: FontAwesome;
    position: absolute;
    content: "\f015";
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.2rem;
    text-align: center;
    border: 1px solid #e5e5e5; }
  .box-process .dot .line {
    position: absolute;
    content: " ";
    top: 20px;
    border-top: 1px solid #ccc;
    height: 40px;
    width: calc(100% - 80px);
    left: 40px; }

/* COMPANY LANDING */
.bg-company-landing1 {
  height: 500px;
  background: #243a48 url(../images/companies-landing-01.png) no-repeat 71% 73%;
  display: flex;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff; }
  .bg-company-landing1 h1 {
    text-transform: uppercase;
    font-size: 4rem; }
  .bg-company-landing1 .company-landing-description {
    padding-right: 21rem;
    padding-bottom: 1rem; }

.bg-company-landing2 {
  height: 500px;
  background: #243a48 url(../images/companies-landing-02.png) no-repeat 85% 20%;
  display: flex;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff; }
  .bg-company-landing2 h2 {
    text-transform: capitalize;
    padding-bottom: 1rem; }

.heading-company-landing h3 {
  text-transform: uppercase; }

.box-hr-payroll {
  height: 500px;
  background: #243a48 url(../images/companies-landing-03.png) no-repeat 85% 20%;
  display: flex;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff; }
  .box-hr-payroll h2 {
    text-transform: capitalize;
    padding-bottom: 1rem; }

.box-hr-payroll-description {
  padding: 3rem 0; }
  .box-hr-payroll-description p {
    padding: 0 6rem; }

@media (max-width: 768px) {
  .bg-company-landing1 h1 {
    text-transform: uppercase;
    font-size: 2rem; }
  .bg-company-landing1 .company-landing-description {
    padding-right: 0rem;
    padding-bottom: 1rem; } }

/* EMPLOYEE DASHBOARD */
.progress-circle {
  position: relative;
  margin: 4px;
  float: left;
  text-align: center; }
  .progress-circle span {
    position: absolute;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 2rem;
    top: 15%;
    color: #00C48C;
    font-weight: bold; }

.barOverflow {
  /* Wraps the rotating .bar */
  position: relative;
  width: 180px;
  height: 90px;
  /* Half circle (overflow) */
  margin-bottom: -14px;
  /* bring the numbers up */
  overflow: hidden; }

.bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  box-sizing: border-box;
  border: 6px solid #ccc;
  /* half gray, */
  border-bottom-color: #00C48C;
  /* half azure */
  border-right-color: #00C48C; }

.panel-profile {
  background: #099edb;
  text-align: center;
  color: #fff;
  padding-bottom: 0.8rem; }
  .panel-profile .box-profile {
    padding: 1rem; }
  .panel-profile h2 {
    font-size: 1rem;
    margin-top: 0; }
  .panel-profile p {
    margin-bottom: 0; }

.box-profile-left {
  border: 1px solid #eeeeee; }

.panel-box {
  border: 1px solid #eeeeee;
  padding: 15px;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .panel-box .panel-profile-title {
    text-transform: uppercase;
    font-weight: bold;
    padding: 0rem 3rem;
    margin-bottom: 1rem;
    text-align: center; }
  .panel-box .span {
    font-size: 1.5rem;
    font-weight: bold;
    color: #099edb; }
    .panel-box .span a {
      color: #099edb; }
  .panel-box p {
    margin-bottom: 0px; }
  .panel-box .panel-profile-completed {
    padding: 1rem 0rem 0rem 0rem; }
  .panel-box .process-percent {
    color: #00C48C; }

.panel-menu-profile {
  padding: 15px 20px; }
  .panel-menu-profile ul li {
    display: flex;
    align-items: center; }
    .panel-menu-profile ul li a {
      color: #484848;
      font-weight: bold;
      text-transform: uppercase;
      padding: 0.4rem 0rem;
      width: 100%;
      display: flex;
      justify-content: inherit;
      justify-items: center;
      align-items: center; }
      .panel-menu-profile ul li a:hover {
        color: #099edb;
        text-decoration: none; }
      .panel-menu-profile ul li a.active {
        color: #099edb; }
    .panel-menu-profile ul li .fa {
      width: 1.2rem; }

.list-applied-jobs {
  padding-left: 0px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .list-applied-jobs li {
    padding-bottom: 8px;
    max-width: 250px; }

.profile-applied-jobs {
  text-align: center;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem; }

.switch {
  position: relative;
  display: inline-block;
  width: 53px;
  height: 28px;
  float: right;
  margin-top: -5px; }

/*! Hide default HTML checkbox !*/
.switch input {
  display: none; }

.mid-actfmr {
  width: 76%;
  display: inline-block; }

label.switch-toggle {
  background: url("../images/switch.png") repeat-y;
  display: block !important;
  height: 28px;
  padding-left: 26px;
  cursor: pointer;
  display: none; }
  label.switch-toggle.on {
    background-position: 0 30px; }
  label.switch-toggle.off {
    background-position: 0 0; }
  label.switch-toggle.hidden {
    display: none; }

.box-heading-list-job {
  border-left: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  display: flex;
  flex-direction: inherit;
  justify-content: space-between;
  align-items: center;
  padding: 15px; }
  .box-heading-list-job h3 {
    font-size: 1rem;
    color: #099edb; }
  .box-heading-list-job a {
    color: #099edb; }

.box-heading-text {
  display: flex;
  flex-direction: inherit;
  justify-content: space-between;
  align-items: center; }
  .box-heading-text h3 {
    font-size: 1rem;
    margin-top: 0;
    font-weight: bold; }
  .box-heading-text a {
    color: #099edb; }

/* MENU SECOND */
.bg-second-menu {
  background: #099edb; }

.second-menu ul {
  display: flex;
  flex-direction: inherit;
  justify-content: space-around;
  height: 40px;
  line-height: 40px; }
  .second-menu ul a {
    padding: .5rem 1rem;
    color: #e7e7e7;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none; }
    .second-menu ul a.active {
      color: #484848; }
    .second-menu ul a:hover {
      color: #faa61a; }

/* FOOTER */
footer {
  background: #151515;
  color: #fafafa; }
  footer h3 {
    margin-top: 0rem; }
  footer .footer-top {
    padding: 20px 0 0 0; }
    footer .footer-top a {
      color: #fafafa; }
      footer .footer-top a:hover {
        color: #faa61a; }
      footer .footer-top a .fa {
        font-size: 1rem; }
  footer .footer-bottom {
    background: #121212;
    padding: 1rem;
    color: #fafafa; }
    footer .footer-bottom p {
      margin-bottom: 0.2rem; }
    footer .footer-bottom a {
      color: #fafafa; }
      footer .footer-bottom a:hover {
        color: #faa61a; }

/* FORM CONTACT */
form#form-contact {
  display: block;
  width: 100%;
  z-index: 12;
  background: #fff;
  padding: 3rem;
  border-left: 1px solid #eeeeef;
  border-right: 1px solid #eeeeef;
  height: 100%;
  box-shadow: -10px 0px 20px 6px #b3b3b14d;
  margin-top: -1.5rem; }

.box-contact-us {
  z-index: 99; }

.map-contact {
  top: 0;
  z-index: 1;
  border-top: 1px solid #eeeeef;
  border-bottom: 1px solid #eeeeef; }

.group-contact {
  margin: 2rem 0rem;
  display: flex;
  flex-direction: column; }

/* custome select2 */
.select2-container--default .select2-selection--multiple {
  border-radius: 0px !important; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #eeeeee !important; }

.select2-container--default .select2-selection--multiple {
  border: 1px solid #eeeeee !important; }

.select2-container--default .select2-selection--single {
  border: 1px solid #eeeeee !important;
  border-radius: 0px !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px !important; }

.select2-container .select2-selection--single {
  height: 35px !important; }

span#btn-upload-resume {
  color: #fff; }

.toogle-favorite .btn {
  padding: 0; }

/* BUTTON FOCUS */
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: thin dotted;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2 px; }

.btn-dismiss {
  background: transparent;
  font-size: 13px;
  padding: 0px 0rem; }
  .btn-dismiss:hover {
    border-radius: 15px; }

.media-body.over {
  width: auto; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.btn.no {
  padding: 5px; }

.modal.error .modal-header {
  background: #EA4242;
  color: #fff;
  border-color: #EA4242; }

.modal.error .modal-content {
  border: 1px solid #7e7e7e; }

.modal.error .modal-footer .btn-primary {
  background: #EA4242;
  border-color: #EA4242; }

.modal .form-group label {
  font-weight: normal; }

.modal .modal-content label {
  text-transform: capitalize;
  font-weight: normal !important; }

.text-danger {
  color: #ea4242; }

.full-width {
  width: 100%; }

.btn.default {
  padding: 6px 10px; }

#btn-send-us-your-cv {
  white-space: pre-wrap; }

/* css scroll bar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0); }

::-webkit-scrollbar-thumb {
  background-color: #6c757d; }

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
  border-left: 0 solid rgba(255, 255, 255, 0);
  background-clip: padding-box; }

::-webkit-scrollbar-thumb {
  -webkit-transition: width .2s;
  transition: width .2s; }

::-webkit-scrollbar-track {
  background-color: #ccc; }

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
  border-left: 0 solid rgba(255, 255, 255, 0);
  background-clip: padding-box; }

.image-no-border {
  border: unset !important; }

.saved-job {
  color: #faa61a !important; }

.group_salary {
  display: flex; }

.sub-minus {
  padding: 0px 5px;
  align-items: center; }
  .sub-minus div {
    display: flex;
    align-items: center;
    height: 35px; }

.form-row-search {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  align-self: center; }

/* PROFILE PAGE */
.panel-attribute-profile {
  border: 1px solid #eeeeee;
  padding: 1.5rem; }

.panel-candidate-info {
  padding-left: 2rem; }

.title-heading-profile {
  font-size: 1rem;
  margin-top: 0;
  font-weight: bold; }

.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }

.panel-header-profile {
  display: flex;
  flex-direction: initial;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  align-self: center;
  margin-bottom: 1rem; }

.wrapper-list .profile_content {
  padding: 1.2rem;
  border: 1px solid #eeeeee; }
  .wrapper-list .profile_content:last-child {
    margin-bottom: 0rem; }

.box-header-top {
  display: flex;
  flex-direction: initial;
  justify-content: space-between;
  align-content: center;
  align-items: center; }

.exp_description {
  max-height: 100px;
  overflow-y: auto;
  scrollbar-color: #2A9FD6 black;
  scrollbar-width: thin; }

.box-header-profile {
  padding: 1rem;
  border: 1px solid #eeeeee; }
  .box-header-profile .title-heading-profile {
    margin-bottom: 0rem; }

.box-content-list {
  padding: 1.2rem;
  border: 1px solid #eeeeee; }

.list-desired {
  list-style: none;
  padding: 0px; }

#carousel-hot-jobs .job-box {
  height: 150px; }

.job-box-left .img-fluid {
  width: 68px;
  height: auto; }

.img-boosted {
  width: 30px;
  height: auto; }

.box-social .fa.color-facebook {
  color: #3B5998; }
  .box-social .fa.color-facebook:hover {
    color: #faa61a; }

.box-social .fa.color-twitter {
  color: #55ACEE; }
  .box-social .fa.color-twitter:hover {
    color: #faa61a; }

.box-social .fa.color-linkedin {
  color: #007bb5; }
  .box-social .fa.color-linkedin:hover {
    color: #faa61a; }

/* SEEKER CHAT */
.mt-20 {
  margin-top: 2rem; }

.mb-20 {
  margin-bottom: 2rem; }

.header-seeker-chat {
  padding: 0.7rem 0.9rem;
  background-color: #fbfbfc;
  border-bottom: 1px solid #f2f2f5; }

.box-seeker-chat {
  background: white;
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);
  display: flex; }
  .box-seeker-chat .popover-content {
    padding: 4px 10px;
    font-size: 0.5rem; }

.body-seeker-chat {
  padding: 0.9rem; }

.box-seeker-chat-left {
  width: 25%;
  margin-bottom: 15px; }

.box-seeker-chat-right {
  width: 75%;
  background: #fafdff; }
  .box-seeker-chat-right .body-seeker-chat {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }

.line-seeker-chat {
  border-left: 1px solid #f2f2f5; }

.height-scroll-left {
  height: calc(100vh - 12rem);
  overflow-x: auto; }

.height-scroll-right {
  height: calc(100vh - 22.45rem);
  margin-bottom: 15px;
  overflow-x: auto; }

.box-position {
  position: relative; }
  .box-position .input-messages-seeker-right:before {
    content: "";
    width: 100%;
    border-top: 1px solid #f2f2f5;
    position: absolute;
    left: 0; }

.section-messages {
  list-style: none;
  padding: 0px; }
  .section-messages li {
    margin-bottom: 1px;
    display: flex;
    justify-content: space-between; }
    .section-messages li.active {
      background: #f9e0b5;
      border-radius: 20px;
      box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);
      -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07); }
      .section-messages li.active:hover {
        color: #7e7e7e; }
      .section-messages li.active a {
        display: block;
        color: #EA4242; }
        .section-messages li.active a:hover {
          color: #7e7e7e; }
    .section-messages li:hover {
      background: #f9e0b5;
      border-radius: 20px;
      box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);
      -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07); }
    .section-messages li:nth-child(odd) {
      position: relative;
      padding: 7px 5px 7px 25px; }
      .section-messages li:nth-child(odd):before {
        content: "";
        background: #099edb;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 8px;
        top: 10px; }
    .section-messages li:nth-child(even) {
      position: relative;
      padding: 7px 5px 7px 25px; }
      .section-messages li:nth-child(even):before {
        content: "";
        background: #faa61a;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 8px;
        top: 10px; }
    .section-messages li a {
      display: block;
      color: #7e7e7e; }
      .section-messages li a:hover {
        color: #7e7e7e; }
  .section-messages .popover-body p {
    margin: 0px; }

.btn-action-chat {
  background: none;
  border: none;
  padding: 0px 2px; }

.popover-body {
  font-size: 0.4rem; }

.list-action {
  list-style: none; }
  .list-action li {
    background: none;
    display: block; }

.conversation {
  list-style: none;
  padding: 5px 15px; }

.conversation-customer {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .conversation-customer .conversation-name {
    color: #099edb;
    position: relative;
    padding-left: 14px; }
    .conversation-customer .conversation-name:before {
      content: "";
      background: #099edb;
      border-radius: 50%;
      width: 10px;
      height: 10px;
      position: absolute;
      left: 0px;
      top: 4px; }
    .conversation-customer .conversation-name span {
      padding-left: 4px;
      color: #7e7e7e;
      font-size: 0.5rem;
      font-style: italic; }
  .conversation-customer .conversation-messages {
    display: flex;
    border-radius: 0.4rem;
    border: 1px solid #099edb;
    padding: 20px;
    min-width: 30%;
    max-width: 60%;
    position: relative;
    margin: 12px 0px;
    background: #099edb;
    justify-content: space-between; }
    .conversation-customer .conversation-messages span {
      color: #fff;
      padding-right: 5px; }
    .conversation-customer .conversation-messages:before {
      content: "";
      width: 20px;
      height: 20px;
      left: 13px;
      top: -7px;
      position: absolute;
      background: #099edb;
      rotate: 33deg; }
    .conversation-customer .conversation-messages .popover-body p {
      margin: 0px; }

.conversation-me {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  .conversation-me .conversation-name {
    color: #faa61a;
    position: relative; }
    .conversation-me .conversation-name:before {
      content: "";
      background: #faa61a;
      border-radius: 50%;
      width: 10px;
      height: 10px;
      position: absolute;
      left: -14px;
      top: 4px; }
    .conversation-me .conversation-name span {
      padding-left: 4px;
      color: #7e7e7e;
      font-size: 0.5rem;
      font-style: italic; }
  .conversation-me .conversation-messages {
    display: flex;
    border-radius: 0.4rem;
    border: 1px solid #faa61a;
    padding: 20px;
    min-width: 30%;
    max-width: 60%;
    position: relative;
    margin: 12px 0px;
    background: #faa61a;
    justify-content: space-between; }
    .conversation-me .conversation-messages span {
      color: #fff;
      padding-right: 5px; }
    .conversation-me .conversation-messages:before {
      content: "";
      width: 20px;
      height: 20px;
      right: 13px;
      top: -7px;
      position: absolute;
      background: #faa61a;
      rotate: 50deg; }
    .conversation-me .conversation-messages .popover-body p {
      margin: 0px; }

.group-button-job {
  display: flex;
  justify-content: left; }
  .group-button-job a {
    color: #e5e5e5; }
  .group-button-job .btn-spam {
    padding: 0px;
    background: transparent; }

/* SEEKER CHAT */
/* ARTICLE MS */
.pd-5 {
  padding: 15px; }

.btnfullScreen {
  color: #d6d6d6; }

.group-button-job a {
  margin-right: 15px; }

.article-ms {
  background: #fff;
  border: 1px solid #eeeeee;
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);
  width: 100%; }

.article-ms-top {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07); }

.box-hobby .group-button-job .btn:hover {
  color: #fff; }

.article-ms-attribute {
  background: #fff; }
  .article-ms-attribute.border-top {
    border-top: 1px solid #eeeeee; }

.article-ms-body {
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff; }
  .article-ms-body .pd-15 {
    padding: 0px 15px; }
  .article-ms-body .title {
    display: block;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 1rem;
    font-weight: 700; }
  .article-ms-body .box-text {
    padding-left: 2rem;
    padding-right: 15px;
    line-height: 1.5rem; }

.footer-ms-border {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 2px; }
  .footer-ms-border .no-list-style {
    display: flex;
    align-items: center; }

.box-list-job.active {
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);
  border: 1px solid #099edb;
  background: #bce4f3; }

.fullScreen {
  position: fixed !important;
  z-index: 9998;
  top: 0 !important;
  left: 0px !important;
  background: white;
  width: 100%;
  margin: 0 auto; }

.affix-top {
  position: fixed;
  top: 0; }

.modal-content-jobs .modal-dialog.modal-wine {
  width: 100%;
  margin: 0 auto; }

.modal-content-jobs .modal-content {
  padding: 15px; }

.modal-content-jobs .article-ms-body {
  height: auto !important; }

.panel-search .position-job {
  position: relative; }

.panel-search .article-ms.ms.mb-3 {
  position: fixed; }

/* ARTICLE MS */

/* responsive */
@media only screen and (max-width: 320px) {
    .body-list-jobs {
        padding: 0 10px !important;
    }

    .body-list-jobs .company-logo {
        max-width: 60px !important;
        max-height: 60px !important;
    }

    .job-item-bottom {
        padding: 0 10px 15px !important;
    }

    .bx_subcribe {
        min-height: 50px;
    }

    .box-related-slogan {
        margin-bottom: 3rem;
    }

    .group-button.wApply {
        padding-right: 37px;
    }

    #list-job-saved {
        margin-top: 15px;
    }

    .btn-create-new {
        font-weight: normal;
    }

    .heading-recommended {
        border-radius: 0px;
        background: #fff;
        box-shadow: none;
        border-bottom: 1px solid #099edb;
        padding: 1.5rem 0rem;
    }

    .list-recommended:nth-of-type(even), .list-recommended {
        background: transparent;
    }

    .list-recommended {
        padding: 1rem 0rem;
        border-radius: 0px;
        border-bottom: 1px solid #dcf1f9;
    }

    .list-recommended:last-child {
        margin-bottom: 30px;
    }

    .name-company {
        text-align: left !important;
    }

    .fe-name-company {
        text-align: center;
    }

    .bg-job-detail {
        padding: 0rem 0rem 2rem 0rem;
    }

    #list-benefits label {
        width: 100%;
    }

    .box-process-bar {
        padding-left: 15px;
        padding-right: 15px;
    }

    .btn-upload-cv {
        width: 100%;
    }

    .logo {
        display: none !important;
    }

    .mobile-text {
        display: inline-block;
        font-size: 1.4em;
    }

    .box-formsearch .col-md-12.pt-10.text-right {
        text-align: center;
    }

    .count-list-jobs {
        margin-top: 2rem;
    }

    .text-jobs {
        padding-left: 0rem;
    }

    .group-footer {
        display: grid;
    }

    .span-text {
        text-align: center;
        margin-top: 2rem;
    }

    .list-shared {
        text-align: center;
    }

    .aligntext {
        text-align: center !important;
    }

    .nomargin {
        margin: 0px !important;
    }

    .map {
        overflow: auto;
    }

    .carousel-hotjob .carousel-indicators li {
        margin: 0 4px;
    }

    .carousel-slick.left {
        left: 10%;
    }

    .carousel-slick.right {
        left: auto;
        right: 10%;
    }

    .dropdown.clr-flag.click-addbg.open a, .dropdown.clr-flag.click-addbg.open a:focus {
        color: #fff;
    }

    ul#user_language a {
        color: #fff;
    }

    /* MENU MAIN */
    .navbar-default {
        background-color: rgba(255, 255, 255, 255);
        border-color: transparent;
        box-shadow: -2px 2px 6px 0px #b3b3b147;
    }

    .group-search-advanced .nobg {
        background: #fff;
        height: 44px;
        padding: 5px 5px;
        margin-bottom: 10px;
    }

    .radiustb {
        border-top-left-radius: 0rem;
        border-bottom-left-radius: 0rem;
    }

    .radiusrb {
        border-top-right-radius: 0rem;
        border-bottom-right-radius: 0rem;
    }

    .borderlr .categories {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important;
    }

    .widget-search .list-browse .ul-list-browse li:last-child {
        float: none;
    }

    .btnsearchbackground {
        padding-left: 0;
        padding-right: 0;
    }

    .widget-search .box-widget-search .list-browse {
        margin: 12px 0px 0px;
        float: left;
    }

    ul.nav.navbar-nav {
        margin-left: 0px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background: #009edb;
    }

    ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:hover {
        color: #fff;
    }

    ul.nav.navbar-nav li:hover {
        background: transparent;
    }

    ul.nav.navbar-nav li.active {
        background: transparent;
    }

    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 20px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        padding: 5px;
    }

    .ul-submenu li a.active {
        color: #f7fdff !important;
    }

    .mega-dropdown-menu > li > ul > li {
        list-style: none;
        float: left;
        border-right: none;
        width: 100%;
    }

    .navbar-right .mega-dropdown ul.ul-submenu {
        float: left;
    }

    ul.dropdown-menu.mega-dropdown-menu {
        background: transparent;
    }

    .mega-dropdown-menu > li > ul > li > a {
        display: block;
        color: #fff !important;
    }

    /* COLOR SEARCH*/
    .search-advanced {
        top: 0px;
    }

    .sologan-h1 {
        font-weight: 100 !important;
        text-align: center;
    }

    .sologan-h2 {
        font-size: 20px;
        text-align: center;
    }

    .ul-list-browse {
        padding: 0px !important;
        text-align: center;
    }

    .line_sn {
        border-right: 0px solid !important;
    }

    .box-shadow-search {
        margin-right: 10px;
        margin-left: 10px;
    }

    .wrapper-search-advanced .inline-full {
        text-align: center;
        display: block;
        background: #ff9900;
        box-shadow: 3px 5px 6px #a19d8a;
        margin-top: 10px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .btn-search {
        width: 100%;
    }

    /* TITLE H1, H2 */
    .title_hot_jobs, .box-partner h4, .title-hr_insider, .outner-insider h4 {
        font-weight: bold !important;
        font-size: 20px;
    }

    /* CATEGORIES */
    .content_title {
        padding-left: 0px;
    }

    .box-right-ver {
        padding: 10px;
    }

    .btn-yellow {
        width: 100%;
    }

    .box-right-content {
        padding: 5px;
    }

    .box-right-content {
        line-height: normal;
    }

    .box-right, .box-partner {
        padding: 10px;
    }

    .content-services h4 {
        padding: 5px;
        font-weight: bold !important;
        font-size: 100% !important;
    }

    .content-details-services {
        padding: 5px;
    }

    .inner-insider-left {
        padding: 5px;
        margin: 0px;
    }

    .inner-insider-right {
        float: none;
    }

    .title-hr_insider, .content-hr-insider {
        padding: 10px;
    }

    /* SLOGAN COMPANY */
    .wrap-slogan {
        padding: 0px;
    }

    .title-slogan {
        margin: 0px;
    }

    .title-slogan .slogan-p1 {
        padding: 10px;
        font-size: 100%;
    }

    .title-slogan .slogan-p2 {
        padding: 10px 20px 61px 20px;
    }

    .slogan-left {
        width: 600px;
        padding: 50px;
        position: absolute;
        bottom: -72px;
        left: -100px;
        background-color: #dcf1f9;
        transform: rotate(13deg);
    }

    .slogan-right {
        width: 600px;
        padding: 50px;
        position: absolute;
        bottom: -72px;
        right: -100px;
        background-color: #dcf1f9;
        transform: rotate(-13deg);
    }

    /* CONTACT US */
    .list-information {
        padding: 0px;
    }

    .list-information li {
        margin-bottom: 10px;
    }

    .h-pm {
        margin-bottom: 0px;
    }

    /* MODAL */
    .box-row {
        padding-bottom: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .modal-sign-in h1 {
        font-weight: normal;
        font-size: 120%;
    }

    .mpr30, .mpr40 {
        margin-bottom: 5px;
    }

    .colsleft, .colsright {
        text-align: center;
    }

    .modal-sign-in {
        padding: 20px;
    }

    .pdsl, .pdsr {
        padding: 0px;
    }

    .col-md-6.box-r {
        border-right: 0px solid #ccc;
    }

    /* ALERT */
    .wrapper-job-alerts {
        padding: 15px !important;
    }

    .job-aleart-left, .job-aleart-right {
        float: none;
        width: 100%;
        text-align: left;
    }

    .nopaddleft {
        padding-left: 15px;
        padding-top: 15px;
    }

    .nopaddright {
        padding-bottom: 15px;
        padding-right: 15px;
    }

    .fullsearch {
        width: 100%;
    }

    .pdjob {
        padding: 0px 5px;
    }

    .line-checkjob {
        padding: 5px;
    }

    /* LIST JOB */
    .list-jobs-box {
        padding: 10px 0px;
    }

    .count-list-jobs, .sort-list-jobs {
        width: 100% !important;
    }

    .wjobs_sort {
        width: 100%;
        margin-bottom: 10px;
    }

    .slogan-top {
        padding: 20px 0px 0px 0px;
    }

    /* MY JOB */
    .title-my-jobs {
        width: 100%;
        border-right: none;
    }

    .status-my-jobs {
        width: 100%;
        background: #faa61a;
    }

    .status-my-jobs a, .status-my-jobs span {
        color: #fff;
    }

    .status-my-jobs:hover {
        background: #099edb;
    }

    .status-my-jobs:hover a {
        color: #fff;
    }

    .status-my-jobs button {
        border: none;
        background: transparent;
    }

    .title-my-jobs a {
        display: inline;
    }

    .title-my-jobs .date-save {
        text-align: left;
        width: 100%;
        margin-top: 10px;
    }

    .body-my-jobs {
        padding: 10px;
    }

    /* MY PROFILE */
    . {
        margin-top: 80px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .body_profile {
        border: 0px solid #e3e9f3;
    }

    .padcontent {
        padding: 0px;
    }

    .box_profile_content {
        margin-bottom: 20px;
    }

    .profile_avatar2 {
        height: 280px;
    }

    .profile_lc, .profile_lr {
        padding: 5px 25px 5px 25px;
    }

    .pdbtm {
        margin-bottom: 15px;
    }

    .btn50 {
        width: 48%;
    }

    .btn70 {
        width: 99%;
    }

    .profile_content .w49 {
        width: 48%;
    }

    /* VIEW ARTICLE */
    .view-article-simple p {
        font-size: 100%;
    }

    .box-content-article {
        padding: 10px;
    }

    .box-content-article h1 {
        font-size: 120%;
        line-height: normal;
    }

    .short-article {
        padding: 10px 0px;
    }

    .short-article .ul-short-article {
        margin-top: 10px;
        padding: 0px;
    }

    .short-article .ul-short-article li {
        display: inline-block;
    }

    .descr-article h3 {
        font-size: 120%;
    }

    .carousel-control {
        left: 6px;
    }

    .carousel-control.right {
        right: 6px;
    }

    .slide-left img, .slide-right img {
        margin: 6px;
    }

    .slide-left .related_article, .slide-right .related_article {
        font-size: 80%;
        width: 50%;
        margin: 6px
    }

    .slide-right .related_article {
        margin-top: 12px;
    }

    .slide-left img, .slide-right img {
        width: 25%;
    }

    /* VIEWS JOB */
    .view-jobs-home .jobs-h1 {
        font-size: 120%;
    }

    .jobs-padding {
        padding: 10px 0px 10px 0px;
    }

    .box-jobs-desc {
        padding: 15px;
    }

    .box-jobs-desc h2, .apply-now a {
        margin-top: 10px;
        font-size: 120%;
    }

    .mtop-jobs {
        margin-top: 60px;
    }

    .box-jobs-short {
        padding: 15px;
    }

    .box-slider-header .ul-jobs li {
        display: block;
    }

    .ul-jobs .sl {
        border-right: 0px solid #c4c4c4;
    }

    .box-slider-header .ul-jobs li a {
        font-size: 100%;
    }

    /* Header */
    .wp-bar .wp-bar-item {
        padding: 10px 12px;
        font-size: 14px;
    }

    .wp-right {
        width: 30% !important;
        text-align: right;
    }

    .wp-logo {
        width: 70%;
    }

    .wp-button:hover {
        color: #ff0 !important;
        background-color: transparent !important;
        -webkit-transition: all 400ms ease-in 100ms;
        -moz-transition: all 400ms ease-in 100ms;
        transition: all 400ms ease-in 100ms;
    }

    .wp-container {
        padding: 5.01em 16px 2em 16px;
    }

    .wp-padding-64 {
        padding-bottom: 10px !important;
    }

    /* Status job */
    .statList .cell {
        width: 100%;
        border: 1px solid #e0e2e3;
        text-align: center;
    }

    .statList .cell:hover {
        border: 1px solid #1354b7;
        text-align: center;
    }

    .tools_jobs li {
        display: block;
        width: 100%;
    }

    /* Footer */
    section#footer {
        position: inherit;
    }

    #footer ul.footer {
        margin-left: 0px;
    }

    #footer ul.footer li {
        list-style: none;
        display: block;
        text-align: center;
        padding: 5px;
    }

    /* Apply jobs */
    .wrap-apply-job {
        margin: 15px;
        text-align: center;
    }

    .wrap-apply-job .box-apply-job.rgt {
        text-align: center;
        display: block;
        float: none;
        padding-bottom: 30px;
    }

    .box-apply-job.lft h1 {
        font-size: 130%;
    }

    ul.tab-apply-job li {
        display: block;
    }

    ul.tab-apply-job li:after {
        content: "";
        padding-right: 0px;
        border-right: 0px solid #ddd;
    }

    ul.tab-apply-job li a {
        font-size: 90%;
    }

    .wrap-apply-job .apply-now {
        margin-top: 10px;
    }

    .wrap-apply-job .btn-apply {
        padding: 10px 23px;
    }

    /* SEARCH HEADER */
    .box-formsearch .input-group, .box-formsearch .keywords.form-control {
        width: 100%;
        margin-bottom: 5px;
    }

    .box-formsearch .input-group span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .box-formsearch .col-lg-1, .box-formsearch .col-lg-10, .box-formsearch .col-lg-11, .box-formsearch.col-lg-12,
    .box-formsearch .col-lg-2, .box-formsearch .col-lg-3, .box-formsearch .col-lg-4, .box-formsearch .col-lg-5,
    .box-formsearch .col-lg-6, .box-formsearch .col-lg-7, .box-formsearch .col-lg-8, .box-formsearch .col-lg-9,
    .box-formsearch .col-md-1, .box-formsearch .col-md-10, .box-formsearch .col-md-11, .box-formsearch .col-md-12,
    .box-formsearch .col-md-2, .box-formsearch .col-md-3, .box-formsearch .col-md-4, .box-formsearch .col-md-5,
    .box-formsearch .col-md-6, .box-formsearch .col-md-7, .box-formsearch .col-md-8, .box-formsearch .col-md-9,
    .box-formsearch .col-sm-1, .box-formsearch .col-sm-10, .box-formsearch .col-sm-11, .box-formsearch .col-sm-12,
    .box-formsearch .col-sm-2, .box-formsearch .col-sm-3, .box-formsearch .col-sm-4, .box-formsearch .col-sm-5,
    .box-formsearch .col-sm-6, .box-formsearch .col-sm-7, .box-formsearch .col-sm-8, .box-formsearch .col-sm-9,
    .box-formsearch .col-xs-1, .box-formsearch .col-xs-10, .box-formsearch .col-xs-11, .box-formsearch .col-xs-12,
    .box-formsearch .col-xs-2, .box-formsearch .col-xs-3, .box-formsearch .col-xs-4, .box-formsearch .col-xs-5,
    .box-formsearch .col-xs-6, .box-formsearch .col-xs-7, .box-formsearch .col-xs-8, .box-formsearch .col-xs-9 {
        position: initial;
    }

    /* FIX PAGE HOME */
    .title_hot_jobs i.fa.fa-plus {
        padding-left: 5px;
    }

    .icon_number {
        margin-right: 5px;
    }

    .content_sub {
        padding-left: 25px;
    }

    .view-all {
        padding-left: 30px;
    }

    #search-by-categories .view-all {
        padding-left: 5px;
    }

    .col-md-8.col-md-offset-4.content-services {
        padding: 0px;
        margin-bottom: 22px;
    }

    .wrap-services {
        position: inherit;
    }

    .content-services {
        position: inherit;
    }

    .services {
        min-height: auto;
    }

    .content-details-services {
        padding: 10px;
    }

    .outner-insider {
        min-height: auto;
    }

    .outner-insider h4 {
        padding: 5px 20px 5px 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .list-hr_insider {
        padding: 20px 5px;
    }

    .pnor15 {
        padding: 15px 5px 15px 5px;
    }

    div#quote-carousel {
        width: 100%;
        padding: 0;
    }

    .carousel-indicators {
        left: 57%;
    }

    .title-slogan {
        width: 100%;
    }

    .title-infomation {
        font-size: 160%;
    }

    ul.menu_bottom {
        padding: 0px;
    }

    ul.menu_bottom li a {
        padding: 0px 10px;
    }

    .plist2 {
        font-size: 100%;
    }

    ul.nav.navbar-nav.nav-left.nav-lft li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav {
        padding: 0px;
        margin: 0px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav li.active a, ul.nav.navbar-nav li.active a:hover {
        color: #fff;
    }

    .dropdown-menu .ul-submenu li a:hover {
        color: #faa61a !important;
    }

    /* LOGIN EMPLOYER */
    .boxWrap .box6md {
        box-shadow: none;
        border: 1px dotted #009edb;
        margin: 10px;
    }

    /* view profile */
    .wrapper-job-alerts h1 {
        font-size: 120%;
    }

    /* CHANGE PASSWORD */
    .change-password-candidate {
        margin: 60px 15px;
    }

    .box-info {
        box-shadow: none;
    }

    .btn-salary {
        margin-top: 0px;
    }

    span.caret {
        left: 96%;
    }

    .borderlr .province {
        border-right: none !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
    .d-mobil.justify-content-between {
        flex-direction: column-reverse;
    }

    .group-text-left, .group-text-right {
        width: 100%;
    }

    .group-text-left button, .group-text-right button {
        width: 100%;
        margin-bottom: 5px;
    }

    .header-list-jobs .hd-title-jobs {
        padding: 10px 15px 0 10px !important;
    }

    .body-list-jobs {
        padding: 0 10px !important;
    }

    .body-list-jobs .company-logo {
        max-width: 60px !important;
        max-height: 60px !important;
    }

    .job-item-bottom {
        padding: 0 10px 15px !important;
    }

    .bx_subcribe {
        min-height: 50px;
    }

    .group-button .w140 {
        min-width: 100%;
    }

    .group-button.wApply {
        padding-right: 0px !important;
    }

    .box-related-slogan {
        margin-bottom: 3rem;
    }

    .group-button.wApply {
        padding-right: 37px;
    }

    #list-job-saved {
        margin-top: 15px;
    }

    .btn-create-new {
        font-weight: normal;
    }

    .heading-recommended {
        border-radius: 0px;
        background: #fff;
        box-shadow: none;
        border-bottom: 1px solid #099edb;
        padding: 1.5rem 0rem;
    }

    .list-recommended:nth-of-type(even), .list-recommended {
        background: transparent;
    }

    .list-recommended {
        padding: 1rem 0rem;
        border-radius: 0px;
        border-bottom: 1px solid #dcf1f9;
    }

    .list-recommended:last-child {
        margin-bottom: 30px;
    }

    .name-company {
        text-align: left !important;
    }

    .fe-name-company {
        text-align: center;
    }

    .bg-job-detail {
        padding: 0rem 0rem 2rem 0rem;
    }

    #list-benefits label {
        width: 100%;
    }

    .box-process-bar {
        padding-left: 15px;
        padding-right: 15px;
    }

    .btn-upload-cv {
        width: 100%;
    }

    #fr_admin li a {
        color: #fff;
    }

    .bgactive #navbar li.active a {
        color: #fff !important;
    }

    /* slide show */
    .top-employer {
        margin-top: 0rem;
    }

    .heading-top-employer:before {
        content: "";
        left: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .heading-top-employer:after {
        content: "";
        right: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .swiper-slide img {
        width: auto !important;
        height: auto !important;
        display: inline;
    }

    .box-formsearch .col-md-12.pt-10.text-right {
        text-align: center;
    }

    .count-list-jobs {
        margin-top: 2rem;
    }

    .text-jobs {
        padding-left: 0rem;
    }

    .group-footer {
        display: grid;
    }

    .span-text {
        text-align: center;
        margin-top: 2rem;
    }

    .list-shared {
        text-align: center;
    }

    .aligntext {
        text-align: center !important;
    }

    .nomargin {
        margin: 0px !important;
    }

    .map {
        overflow: auto;
    }

    .carousel-hotjob .carousel-indicators li {
        margin: 0 4px;
    }

    .carousel-slick.left {
        left: 10%;
    }

    .carousel-slick.right {
        left: auto;
        right: 10%;
    }

    .dropdown.clr-flag.click-addbg.open a, .dropdown.clr-flag.click-addbg.open a:focus {
        color: #fff;
    }

    ul#user_language a {
        color: #fff;
    }

    /* MENU MAIN */
    .navbar-default {
        background-color: rgba(255, 255, 255, 255);
        border-color: transparent;
        box-shadow: -2px 2px 6px 0px #b3b3b147;
    }

    .group-search-advanced .nobg {
        background: #fff;
        height: 44px;
        padding: 5px 5px;
        margin-bottom: 10px;
    }

    .radiustb {
        border-top-left-radius: 0rem;
        border-bottom-left-radius: 0rem;
    }

    .radiusrb {
        border-top-right-radius: 0rem;
        border-bottom-right-radius: 0rem;
    }

    .borderlr .categories {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important;
    }

    .widget-search .list-browse .ul-list-browse li:last-child {
        float: none;
    }

    .btnsearchbackground {
        padding-left: 0;
        padding-right: 0;
    }

    .widget-search .box-widget-search .list-browse {
        margin: 12px 0px 0px;
        float: left;
    }

    ul.nav.navbar-nav {
        margin-left: 0px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background: #009edb;
    }

    ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:hover {
        color: #fff;
    }

    ul.nav.navbar-nav li:hover {
        background: transparent;
    }

    ul.nav.navbar-nav li.active {
        background: transparent;
    }

    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 20px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        padding: 5px;
    }

    .ul-submenu li a.active {
        color: #f7fdff !important;
    }

    .mega-dropdown-menu > li > ul > li {
        list-style: none;
        float: left;
        border-right: none;
        width: 100%;
    }

    .navbar-right .mega-dropdown ul.ul-submenu {
        float: left;
    }

    ul.dropdown-menu.mega-dropdown-menu {
        background: transparent;
    }

    .mega-dropdown-menu > li > ul > li > a {
        display: block;
        color: #fff !important;
    }

    /* COLOR SEARCH*/
    .search-advanced {
        top: 0px;
    }

    .sologan-h1 {
        font-weight: 100 !important;
        text-align: center;
    }

    .sologan-h2 {
        font-size: 20px;
        text-align: center;
    }

    .ul-list-browse {
        padding: 0px !important;
        text-align: center;
    }

    .line_sn {
        border-right: 0px solid !important;
    }

    .box-shadow-search {
        margin-right: 10px;
        margin-left: 10px;
    }

    .wrapper-search-advanced .inline-full {
        text-align: center;
        display: block;
        background: #ff9900;
        box-shadow: 3px 5px 6px #a19d8a;
        margin-top: 10px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .btn-search {
        width: 100%;
    }

    /* TITLE H1, H2 */
    .title_hot_jobs, .box-partner h4, .title-hr_insider, .outner-insider h4 {
        font-weight: bold !important;
        font-size: 20px;
    }

    /* CATEGORIES */
    .content_title {
        padding-left: 0px;
    }

    .box-right-ver {
        padding: 10px;
    }

    .btn-yellow {
        width: 100%;
    }

    .box-right-content {
        padding: 5px;
    }

    .box-right-content {
        line-height: normal;
    }

    .box-right, .box-partner {
        padding: 10px;
    }

    .content-services h4 {
        padding: 5px;
        font-weight: bold !important;
        font-size: 100% !important;
    }

    .content-details-services {
        padding: 5px;
    }

    .inner-insider-left {
        padding: 5px;
        margin: 0px;
    }

    .inner-insider-right {
        float: none;
    }

    .title-hr_insider, .content-hr-insider {
        padding: 10px;
    }

    /* SLOGAN COMPANY */
    .wrap-slogan {
        padding: 0px;
    }

    .title-slogan {
        margin: 0px;
    }

    .title-slogan .slogan-p1 {
        padding: 10px;
        font-size: 100%;
    }

    .title-slogan .slogan-p2 {
        padding: 10px 20px 61px 20px;
    }

    .slogan-left {
        width: 600px;
        padding: 50px;
        position: absolute;
        bottom: -72px;
        left: -100px;
        background-color: #dcf1f9;
        transform: rotate(13deg);
    }

    .slogan-right {
        width: 600px;
        padding: 50px;
        position: absolute;
        bottom: -72px;
        right: -100px;
        background-color: #dcf1f9;
        transform: rotate(-13deg);
    }

    /* CONTACT US */
    .list-information {
        padding: 0px;
    }

    .list-information li {
        margin-bottom: 10px;
    }

    .h-pm {
        margin-bottom: 0px;
    }

    /* MODAL */
    .box-row {
        padding-bottom: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .modal-sign-in h1 {
        font-weight: normal;
        font-size: 120%;
    }

    .mpr30, .mpr40 {
        margin-bottom: 5px;
    }

    .colsleft, .colsright {
        text-align: center;
    }

    .cadidates-inline .colsright {
        text-align: left;
    }

    .cadidates-inline .jewith22 {
        width: 35%;
    }

    .pr-0-xs {
        margin-right: 0;
    }

    .navbar-default .navbar-nav > .open > a:hover {
        color: #fff;
    }

    .bgactive #navbar li.active a {
        color: #fff !important;
    }

    .modal-sign-in {
        padding: 20px;
    }

    .pdsl, .pdsr {
        padding: 0px;
    }

    .col-md-6.box-r {
        border-right: 0px solid #ccc;
    }

    /* ALERT */
    .wrapper-job-alerts {
        padding: 15px !important;
    }

    .job-aleart-left, .job-aleart-right {
        float: none;
        width: 100%;
        text-align: left;
    }

    .nopaddleft {
        padding-left: 15px;
        padding-top: 15px;
    }

    .nopaddright {
        padding-bottom: 15px;
        padding-right: 15px;
    }

    .fullsearch {
        width: 100%;
    }

    /* LIST JOB */
    .list-jobs-box {
        padding: 10px 0px;
    }

    .count-list-jobs, .sort-list-jobs {
        width: 100% !important;
    }

    .wjobs_sort {
        width: 100%;
        margin-bottom: 10px;
    }

    .slogan-top {
        padding: 20px 0px 0px 0px;
    }

    /* MY JOB */
    .title-my-jobs {
        width: 100%;
        border-right: none;
    }

    .status-my-jobs {
        width: 100%;
        background: #faa61a;
    }

    .status-my-jobs a, .status-my-jobs span {
        color: #fff;
    }

    .status-my-jobs:hover {
        background: #099edb;
    }

    .status-my-jobs:hover a {
        color: #fff;
    }

    .status-my-jobs button {
        border: none;
        background: transparent;
    }

    .title-my-jobs a {
        display: inline;
    }

    .title-my-jobs .date-save {
        text-align: left;
        width: 100%;
        margin-top: 10px;
    }

    .body-my-jobs {
        padding: 10px;
    }

    /* MY PROFILE */
    . {
        margin-top: 80px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .body_profile {
        border: 0px solid #e3e9f3;
    }

    .padcontent {
        padding: 0px;
    }

    .box_profile_content {
        margin-bottom: 20px;
    }

    .profile_avatar2 {
        height: 280px;
    }

    .profile_lc, .profile_lr {
        padding: 5px 25px 5px 25px;
    }

    .pdbtm {
        margin-bottom: 15px;
    }

    .btn50 {
        width: 48%;
    }

    .btn70 {
        width: 99%;
    }

    .profile_content .w49 {
        width: 48%;
    }

    /* VIEW ARTICLE */
    .view-article-simple p {
        font-size: 100%;
    }

    .box-content-article {
        padding: 10px;
    }

    .box-content-article h1 {
        font-size: 120%;
        line-height: normal;
    }

    .short-article {
        padding: 10px 0px;
    }

    .short-article .ul-short-article {
        margin-top: 10px;
        padding: 0px;
    }

    .short-article .ul-short-article li {
        display: inline-block;
    }

    .descr-article h3 {
        font-size: 120%;
    }

    .carousel-control {
        left: 6px;
    }

    .carousel-control.right {
        right: 6px;
    }

    .slide-left img, .slide-right img {
        margin: 6px;
    }

    .slide-left .related_article, .slide-right .related_article {
        font-size: 85%;
        width: 62%;
        margin: 6px
    }

    .slide-right .related_article {
        margin-top: 12px;
    }

    .slide-left img, .slide-right img {
        width: 25%;
    }

    /* VIEWS JOB */
    .view-jobs-home .jobs-h1 {
        font-size: 120%;
    }

    .jobs-padding {
        padding: 10px 0px 10px 0px;
    }

    .box-jobs-desc {
        padding: 15px;
    }

    .box-jobs-desc h2, .apply-now a {
        margin-top: 10px;
        font-size: 120%;
    }

    .mtop-jobs {
        margin-top: 60px;
    }

    .box-jobs-short {
        padding: 15px;
    }

    /* Header */
    .wp-bar .wp-bar-item {
        padding: 10px 12px;
        font-size: 14px;
    }

    .wp-right {
        width: 30% !important;
        text-align: right;
    }

    .wp-logo {
        width: 70%;
    }

    .wp-button:hover {
        color: #ff0 !important;
        background-color: transparent !important;
        -webkit-transition: all 400ms ease-in 100ms;
        -moz-transition: all 400ms ease-in 100ms;
        transition: all 400ms ease-in 100ms;
    }

    .wp-container {
        padding: 5.01em 16px 2em 16px;
    }

    .wp-padding-64 {
        padding-bottom: 10px !important;
    }

    /* Status job */
    .statList .cell {
        width: 100%;
        border: 1px solid #e0e2e3;
        text-align: center;
    }

    .statList .cell:hover {
        border: 1px solid #1354b7;
        text-align: center;
    }

    .tools_jobs li {
        display: block;
        width: 100%;
    }

    /* Footer */
    section#footer {
        position: inherit;
    }

    #footer ul.footer {
        margin-left: 0px;
    }

    #footer ul.footer li {
        list-style: none;
        display: block;
        text-align: center;
        padding: 5px;
    }

    /* Apply jobs */
    .wrap-apply-job {
        margin: 15px;
        text-align: center;
    }

    .wrap-apply-job .box-apply-job.rgt {
        text-align: center;
        display: block;
        float: none;
        padding-bottom: 30px;
    }

    .box-apply-job.lft h1 {
        font-size: 130%;
    }

    ul.tab-apply-job li a {
        font-size: 90%;
    }

    .wrap-apply-job .apply-now {
        margin-top: 10px;
    }

    /* SEARCH HEADER */
    .box-formsearch .input-group, .box-formsearch .keywords.form-control {
        width: 100%;
        margin-bottom: 5px;
    }

    .box-formsearch .input-group span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .box-formsearch .col-lg-1, .box-formsearch .col-lg-10, .box-formsearch .col-lg-11, .box-formsearch.col-lg-12,
    .box-formsearch .col-lg-2, .box-formsearch .col-lg-3, .box-formsearch .col-lg-4, .box-formsearch .col-lg-5,
    .box-formsearch .col-lg-6, .box-formsearch .col-lg-7, .box-formsearch .col-lg-8, .box-formsearch .col-lg-9,
    .box-formsearch .col-md-1, .box-formsearch .col-md-10, .box-formsearch .col-md-11, .box-formsearch .col-md-12,
    .box-formsearch .col-md-2, .box-formsearch .col-md-3, .box-formsearch .col-md-4, .box-formsearch .col-md-5,
    .box-formsearch .col-md-6, .box-formsearch .col-md-7, .box-formsearch .col-md-8, .box-formsearch .col-md-9,
    .box-formsearch .col-sm-1, .box-formsearch .col-sm-10, .box-formsearch .col-sm-11, .box-formsearch .col-sm-12,
    .box-formsearch .col-sm-2, .box-formsearch .col-sm-3, .box-formsearch .col-sm-4, .box-formsearch .col-sm-5,
    .box-formsearch .col-sm-6, .box-formsearch .col-sm-7, .box-formsearch .col-sm-8, .box-formsearch .col-sm-9,
    .box-formsearch .col-xs-1, .box-formsearch .col-xs-10, .box-formsearch .col-xs-11, .box-formsearch .col-xs-12,
    .box-formsearch .col-xs-2, .box-formsearch .col-xs-3, .box-formsearch .col-xs-4, .box-formsearch .col-xs-5,
    .box-formsearch .col-xs-6, .box-formsearch .col-xs-7, .box-formsearch .col-xs-8, .box-formsearch .col-xs-9 {
        position: initial;
    }

    /* FIX PAGE HOME */
    .title_hot_jobs i.fa.fa-plus {
        padding-left: 5px;
    }

    .icon_number {
        margin-right: 5px;
    }

    .content_sub {
        padding-left: 25px;
    }

    .view-all {
        padding-left: 30px;
    }

    #search-by-categories .view-all {
        padding-left: 5px;
    }

    .col-md-8.col-md-offset-4.content-services {
        padding: 0px;
        margin-bottom: 22px;
    }

    .wrap-services {
        position: inherit;
    }

    .content-services {
        position: inherit;
    }

    .services {
        min-height: auto;
    }

    .content-details-services {
        padding: 10px;
    }

    .outner-insider {
        min-height: auto;
    }

    .outner-insider h4 {
        padding: 5px 20px 5px 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .list-hr_insider {
        padding: 20px 5px;
    }

    .pnor15 {
        padding: 15px 5px 15px 5px;
    }

    .title-slogan {
        width: 100%;
    }

    .title-infomation {
        font-size: 160%;
    }

    ul.menu_bottom {
        padding: 0px;
    }

    ul.menu_bottom li a {
        padding: 0px 10px;
    }

    .plist2 {
        font-size: 100%;
    }

    ul.nav.navbar-nav.nav-left.nav-lft li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav {
        padding: 0px;
        margin: 0px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav li.active a, ul.nav.navbar-nav li.active a:hover {
        color: #fff;
    }

    .dropdown-menu .ul-submenu li a:hover {
        color: #faa61a !important;
    }

    /* LOGIN EMPLOYER */
    .boxWrap .box6md {
        box-shadow: none;
        border: 1px dotted #009edb;
        margin: 10px;
    }

    /* view profile */
    .wrapper-job-alerts h1 {
        font-size: 120%;
    }

    /* CHANGE PASSWORD */
    .change-password-candidate {
        margin: 60px 15px;
    }

    .box-info {
        box-shadow: none;
    }

    .btn-salary {
        margin-top: 0px;
    }

    span.caret {
        left: 96%;
    }

    .borderlr .province {
        border-right: none !important;
    }
}

@media only screen and (min-width: 374px) and (max-width: 424px) {
    .d-mobil.justify-content-between {
        flex-direction: column-reverse;
    }

    .group-text-left, .group-text-right {
        width: 100%;
    }

    .group-text-left button, .group-text-right button {
        width: 100%;
        margin-bottom: 5px;
    }

    .body-list-jobs {
        padding: 0 10px !important;
    }

    .body-list-jobs .company-logo {
        max-width: 70px !important;
        max-height: 70px !important;
    }

    .job-item-bottom {
        padding: 0 10px 15px !important;
    }

    .bx_subcribe {
        min-height: 50px;
    }

    .group-button .w140 {
        min-width: 100%;
    }

    .group-button.wApply {
        padding-right: 0px !important;
    }

    .box-related-slogan {
        margin-bottom: 3rem;
    }

    .group-button.wApply {
        padding-right: 37px;
    }

    #list-job-saved {
        margin-top: 15px;
    }

    .btn-create-new {
        font-weight: normal;
    }

    .heading-recommended {
        border-radius: 0px;
        background: #fff;
        box-shadow: none;
        border-bottom: 1px solid #099edb;
        padding: 1.5rem 0rem;
    }

    .list-recommended:nth-of-type(even), .list-recommended {
        background: transparent;
    }

    .list-recommended {
        padding: 1rem 0rem;
        border-radius: 0px;
        border-bottom: 1px solid #dcf1f9;
    }

    .list-recommended:last-child {
        margin-bottom: 30px;
    }

    .name-company {
        text-align: left !important;
    }

    .fe-name-company {
        text-align: center;
    }

    .bg-job-detail {
        padding: 0rem 0rem 2rem 0rem;
    }

    #list-benefits label {
        width: 100%;
    }

    .box-process-bar {
        padding-left: 15px;
        padding-right: 15px;
    }

    .btn-upload-cv {
        width: 100%;
    }

    #fr_admin li a {
        color: #fff;
    }

    .bgactive #navbar li.active a {
        color: #fff !important;
    }

    /* slide show */
    .top-employer {
        margin-top: 0rem;
    }

    .heading-top-employer:before {
        content: "";
        left: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .heading-top-employer:after {
        content: "";
        right: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .swiper-slide img {
        width: auto !important;
        height: auto !important;
        display: inline;
    }

    .box-formsearch .col-md-12.pt-10.text-right {
        text-align: center;
    }

    .count-list-jobs {
        margin-top: 2rem;
    }

    .text-jobs {
        padding-left: 0rem;
    }

    .group-footer {
        display: grid;
    }

    .span-text {
        text-align: center;
        margin-top: 2rem;
    }

    .list-shared {
        text-align: center;
    }

    .aligntext {
        text-align: center !important;
    }

    .nomargin {
        margin: 0px !important;
    }

    .map {
        overflow: auto;
    }

    .carousel-hotjob .carousel-indicators li {
        margin: 0 4px;
    }

    .carousel-slick.left {
        left: 10%;
    }

    .carousel-slick.right {
        left: auto;
        right: 10%;
    }

    .dropdown.clr-flag.click-addbg.open a, .dropdown.clr-flag.click-addbg.open a:focus {
        color: #fff;
    }

    ul#user_language a {
        color: #fff;
    }

    /* MENU MAIN */
    .navbar-default {
        background-color: rgba(255, 255, 255, 255);
        border-color: transparent;
        box-shadow: -2px 2px 6px 0px #b3b3b147;
    }

    .group-search-advanced .nobg {
        background: #fff;
        height: 44px;
        padding: 5px 5px;
        margin-bottom: 10px;
    }

    .radiustb {
        border-top-left-radius: 0rem;
        border-bottom-left-radius: 0rem;
    }

    .radiusrb {
        border-top-right-radius: 0rem;
        border-bottom-right-radius: 0rem;
    }

    .borderlr .categories {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important;
    }

    .widget-search .list-browse .ul-list-browse li:last-child {
        float: none;
    }

    .btnsearchbackground {
        padding-left: 0;
        padding-right: 0;
    }

    .widget-search .box-widget-search .list-browse {
        margin: 12px 0px 0px;
        float: left;
    }

    ul.nav.navbar-nav {
        margin-left: 0px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background: #009edb;
    }

    ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:hover {
        color: #fff;
    }

    ul.nav.navbar-nav li:hover {
        background: transparent;
    }

    ul.nav.navbar-nav li.active {
        background: transparent;
    }

    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 20px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        padding: 5px;
    }

    .ul-submenu li a.active {
        color: #f7fdff !important;
    }

    .mega-dropdown-menu > li > ul > li {
        list-style: none;
        float: left;
        border-right: none;
        width: 100%;
    }

    .navbar-right .mega-dropdown ul.ul-submenu {
        float: left;
    }

    ul.dropdown-menu.mega-dropdown-menu {
        background: transparent;
    }

    .mega-dropdown-menu > li > ul > li > a {
        display: block;
        color: #fff !important;
    }

    /* COLOR SEARCH*/
    .search-advanced {
        top: 0px;
    }

    .sologan-h1 {
        font-weight: 100 !important;
        text-align: center;
    }

    .sologan-h2 {
        font-size: 20px;
        text-align: center;
    }

    .ul-list-browse {
        padding: 0px !important;
        text-align: center;
    }

    .line_sn {
        border-right: 0px solid !important;
    }

    .box-shadow-search {
        margin-right: 10px;
        margin-left: 10px;
    }

    .wrapper-search-advanced .inline-full {
        text-align: center;
        display: block;
        background: #ff9900;
        box-shadow: 3px 5px 6px #a19d8a;
        margin-top: 10px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .btn-search {
        width: 100%;
    }

    /* TITLE H1, H2 */
    .title_hot_jobs, .box-partner h4, .title-hr_insider, .outner-insider h4 {
        font-weight: bold !important;
        font-size: 20px;
    }

    /* CATEGORIES */
    .content_title {
        padding-left: 0px;
    }

    .box-right-ver {
        padding: 10px;
    }

    .btn-yellow {
        width: 100%;
    }

    .box-right-content {
        padding: 5px;
    }

    .box-right-content {
        line-height: normal;
    }

    .box-right, .box-partner {
        padding: 10px;
    }

    .content-services h4 {
        padding: 5px;
        font-weight: bold !important;
        font-size: 100% !important;
    }

    .content-details-services {
        padding: 5px;
    }

    .inner-insider-left {
        padding: 5px;
        margin: 0px;
    }

    .inner-insider-right {
        float: none;
    }

    .title-hr_insider, .content-hr-insider {
        padding: 10px;
    }

    /* SLOGAN COMPANY */
    .wrap-slogan {
        padding: 0px;
    }

    .title-slogan {
        margin: 0px;
    }

    .title-slogan .slogan-p1 {
        padding: 10px;
        font-size: 100%;
    }

    .title-slogan .slogan-p2 {
        padding: 10px 20px 61px 20px;
    }

    .slogan-left {
        width: 600px;
        padding: 50px;
        position: absolute;
        bottom: -72px;
        left: -100px;
        background-color: #dcf1f9;
        transform: rotate(13deg);
    }

    .slogan-right {
        width: 600px;
        padding: 50px;
        position: absolute;
        bottom: -72px;
        right: -100px;
        background-color: #dcf1f9;
        transform: rotate(-13deg);
    }

    /* CONTACT US */
    .list-information {
        padding: 0px;
    }

    .list-information li {
        margin-bottom: 10px;
    }

    .h-pm {
        margin-bottom: 0px;
    }

    /* MODAL */
    .box-row {
        padding-bottom: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .modal-sign-in h1 {
        font-weight: normal;
        font-size: 120%;
    }

    .mpr30, .mpr40 {
        margin-bottom: 5px;
    }

    .colsleft, .colsright {
        text-align: center;
    }

    .cadidates-inline .colsright {
        text-align: left;
    }

    .modal-sign-in {
        padding: 20px;
    }

    .pdsl, .pdsr {
        padding: 0px;
    }

    .col-md-6.box-r {
        border-right: 0px solid #ccc;
    }

    /* ALERT */
    .wrapper-job-alerts {
        padding: 15px !important;
    }

    .job-aleart-left, .job-aleart-right {
        float: none;
        width: 100%;
        text-align: left;
    }

    .nopaddleft {
        padding-left: 15px;
        padding-top: 15px;
    }

    .nopaddright {
        padding-bottom: 15px;
        padding-right: 15px;
    }

    .fullsearch {
        width: 100%;
    }

    /* LIST JOB */
    .list-jobs-box {
        padding: 10px 0px;
    }

    .count-list-jobs, .sort-list-jobs {
        width: 100% !important;
    }

    .wjobs_sort {
        width: 100%;
        margin-bottom: 10px;
    }

    .slogan-top {
        padding: 20px 0px 0px 0px;
    }

    /* MY JOB */
    .title-my-jobs {
        width: 100%;
        border-right: none;
    }

    .status-my-jobs {
        width: 100%;
        background: #faa61a;
    }

    .status-my-jobs a, .status-my-jobs span {
        color: #fff;
    }

    .status-my-jobs:hover {
        background: #099edb;
    }

    .status-my-jobs:hover a {
        color: #fff;
    }

    .status-my-jobs button {
        border: none;
        background: transparent;
    }

    .title-my-jobs a {
        display: inline;
    }

    .title-my-jobs .date-save {
        text-align: left;
        width: 100%;
        margin-top: 10px;
    }

    .body-my-jobs {
        padding: 10px;
    }

    /* MY PROFILE */
    . {
        margin-top: 80px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .body_profile {
        border: 0px solid #e3e9f3;
    }

    .padcontent {
        padding: 0px;
    }

    .box_profile_content {
        margin-bottom: 20px;
    }

    .profile_avatar2 {
        height: 280px;
    }

    .profile_lc, .profile_lr {
        padding: 5px 25px 5px 25px;
    }

    .pdbtm {
        margin-bottom: 15px;
    }

    .btn50 {
        width: 49%;
    }

    .btn70 {
        width: 99%;
    }

    .profile_content .w49 {
        width: 48%;
    }

    /* VIEW ARTICLE */
    .view-article-simple p {
        font-size: 100%;
    }

    .box-content-article {
        padding: 10px;
    }

    .box-content-article h1 {
        font-size: 120%;
        line-height: normal;
    }

    .short-article {
        padding: 10px 0px;
    }

    .short-article .ul-short-article {
        margin-top: 10px;
        padding: 0px;
    }

    .short-article .ul-short-article li {
        display: inline-block;
    }

    .descr-article h3 {
        font-size: 120%;
    }

    .carousel-control {
        left: 6px;
    }

    .carousel-control.right {
        right: 6px;
    }

    .slide-left img, .slide-right img {
        margin: 6px;
    }

    .slide-left .related_article, .slide-right .related_article {
        font-size: 85%;
        width: 50%;
        margin: 6px
    }

    .slide-right .related_article {
        margin-top: 12px;
    }

    .slide-left img, .slide-right img {
        width: 25%;
    }

    .slide-left {
        width: 50%;
        float: left;
    }

    .col-md-6.slide-right {
        width: 49%;
        float: right;
    }

    /* VIEWS JOB */
    .view-jobs-home .jobs-h1 {
        font-size: 120%;
    }

    .jobs-padding {
        padding: 10px 0px 10px 0px;
    }

    .box-jobs-desc {
        padding: 15px;
    }

    .box-jobs-desc h2, .apply-now a {
        margin-top: 10px;
        font-size: 120%;
    }

    .mtop-jobs {
        margin-top: 60px;
    }

    .box-jobs-short {
        padding: 15px;
    }

    /* Header */
    .wp-bar .wp-bar-item {
        padding: 10px 12px;
        font-size: 14px;
    }

    .wp-right {
        width: 30% !important;
        text-align: right;
    }

    .wp-logo {
        width: 70%;
    }

    .wp-button:hover {
        color: #ff0 !important;
        background-color: transparent !important;
        -webkit-transition: all 400ms ease-in 100ms;
        -moz-transition: all 400ms ease-in 100ms;
        transition: all 400ms ease-in 100ms;
    }

    .wp-container {
        padding: 5.01em 16px 2em 16px;
    }

    .wp-padding-64 {
        padding-bottom: 10px !important;
    }

    /* Status job */
    .statList .cell {
        width: 50%;
        border: 1px solid #e0e2e3;
        text-align: center;
    }

    .statList .cell:hover {
        border: 1px solid #1354b7;
        text-align: center;
    }

    .tools_jobs li {
        display: block;
        width: 50%;
    }

    /* Footer */
    section#footer {
        position: inherit;
    }

    #footer ul.footer {
        margin-left: 0px;
    }

    #footer ul.footer li {
        list-style: none;
        display: block;
        text-align: center;
        padding: 5px;
    }

    /* Apply jobs */
    .wrap-apply-job {
        margin: 15px;
        text-align: center;
    }

    .wrap-apply-job .box-apply-job.rgt {
        text-align: center;
        display: block;
        float: none;
        padding-bottom: 30px;
    }

    .box-apply-job.lft h1 {
        font-size: 130%;
    }

    ul.tab-apply-job li a {
        font-size: 90%;
    }

    .wrap-apply-job .apply-now {
        margin-top: 10px;
    }

    /* SEARCH HEADER */
    .box-formsearch .input-group, .box-formsearch .keywords.form-control {
        width: 100%;
        margin-bottom: 5px;
    }

    .box-formsearch .input-group span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .box-formsearch .col-lg-1, .box-formsearch .col-lg-10, .box-formsearch .col-lg-11, .box-formsearch.col-lg-12,
    .box-formsearch .col-lg-2, .box-formsearch .col-lg-3, .box-formsearch .col-lg-4, .box-formsearch .col-lg-5,
    .box-formsearch .col-lg-6, .box-formsearch .col-lg-7, .box-formsearch .col-lg-8, .box-formsearch .col-lg-9,
    .box-formsearch .col-md-1, .box-formsearch .col-md-10, .box-formsearch .col-md-11, .box-formsearch .col-md-12,
    .box-formsearch .col-md-2, .box-formsearch .col-md-3, .box-formsearch .col-md-4, .box-formsearch .col-md-5,
    .box-formsearch .col-md-6, .box-formsearch .col-md-7, .box-formsearch .col-md-8, .box-formsearch .col-md-9,
    .box-formsearch .col-sm-1, .box-formsearch .col-sm-10, .box-formsearch .col-sm-11, .box-formsearch .col-sm-12,
    .box-formsearch .col-sm-2, .box-formsearch .col-sm-3, .box-formsearch .col-sm-4, .box-formsearch .col-sm-5,
    .box-formsearch .col-sm-6, .box-formsearch .col-sm-7, .box-formsearch .col-sm-8, .box-formsearch .col-sm-9,
    .box-formsearch .col-xs-1, .box-formsearch .col-xs-10, .box-formsearch .col-xs-11, .box-formsearch .col-xs-12,
    .box-formsearch .col-xs-2, .box-formsearch .col-xs-3, .box-formsearch .col-xs-4, .box-formsearch .col-xs-5,
    .box-formsearch .col-xs-6, .box-formsearch .col-xs-7, .box-formsearch .col-xs-8, .box-formsearch .col-xs-9 {
        position: initial;
    }

    /* FIX PAGE HOME */
    .title_hot_jobs i.fa.fa-plus {
        padding-left: 5px;
    }

    .icon_number {
        margin-right: 5px;
    }

    .content_sub {
        padding-left: 25px;
    }

    .view-all {
        padding-left: 30px;
    }

    #search-by-categories .view-all {
        padding-left: 5px;
    }

    .col-md-8.col-md-offset-4.content-services {
        padding: 0px;
        margin-bottom: 22px;
    }

    .wrap-services {
        position: inherit;
    }

    .content-services {
        position: inherit;
    }

    .services {
        min-height: auto;
    }

    .content-details-services {
        padding: 10px;
    }

    .outner-insider {
        min-height: auto;
    }

    .outner-insider h4 {
        padding: 5px 20px 5px 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .list-hr_insider {
        padding: 20px 5px;
    }

    .pnor15 {
        padding: 15px 5px 15px 5px;
    }

    .title-slogan {
        width: 100%;
    }

    .title-infomation {
        font-size: 160%;
    }

    ul.menu_bottom {
        padding: 0px;
    }

    ul.menu_bottom li a {
        padding: 0px 10px;
    }

    .plist2 {
        font-size: 100%;
    }

    ul.nav.navbar-nav.nav-left.nav-lft li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav {
        padding: 0px;
        margin: 0px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav li.active a, ul.nav.navbar-nav li.active a:hover {
        color: #fff;
    }

    .dropdown-menu .ul-submenu li a:hover {
        color: #faa61a !important;
    }

    /* LOGIN EMPLOYER */
    .boxWrap .box6md {
        box-shadow: none;
        border: 1px dotted #009edb;
        margin: 10px;
    }

    /* view profile */
    .wrapper-job-alerts h1 {
        font-size: 120%;
    }

    /* CHANGE PASSWORD */
    .change-password-candidate {
        margin: 60px 15px;
    }

    .box-info {
        box-shadow: none;
    }

    .btn-salary {
        margin-top: 0px;
    }

    span.caret {
        left: 96%;
    }

    .borderlr .province {
        border-right: none !important;
    }
}

@media screen and (max-width: 639px) {
    .attribute-lft:after {
        content: "";
    }

    .item-company-atttribute {
        list-style: none;
        padding-left: 0;
        padding-bottom: 0;
    }

    .attribute-lft, .attribute-rgt {
        width: 100%;
    }

    .attribute-lft {
        font-weight: bold;
    }

    .attribute-rgt {
        margin-bottom: 10px;
    }

    .hd-title-jobs.ellipsis {
        white-space: normal;
    }

    #page-job-search .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mb-4 {
        margin-bottom: 5px;
    }

    .box-formsearch .input-group, .box-formsearch .keywords.form-control {
        width: 100%;
        margin-bottom: 3px;
    }

    .hd-title-jobs a {
        font-size: 0.7em;
    }

    .group-company-field .title-company-field {
        font-size: 1.2em;
    }

    .article-simple-h2 {
        margin-top: 2em;
    }
}

@media only screen and (max-width: 519px) {
    .shape {
        border-style: solid;
        border-width: 24px 12px 24px 12px;
        height: 0px;
        width: 0px;
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(
                270deg
        );
        transform: rotate(
                270deg
        );
        position: absolute;
        right: 10px;
        top: -12px;
    }

    .shape-text {
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        position: relative;
        right: 0px;
        top: -18px;
        white-space: nowrap;
        -ms-transform: rotate(90deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(
                90deg
        );
        transform: rotate(
                90deg
        );
    }

    .post_hot .shape-text:before {
        content: "";
        position: absolute;
        right: 7px;
        top: -15px;
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        border-color: #fc4267 #fc4267 transparent transparent;
        transform: rotate(
                -103deg
        );
    }

    .post_hot .shape-text:after {
        content: "";
        position: absolute;
        right: -45px;
        top: -24px;
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        border-color: transparent transparent #fc4267 #fc4267;
        transform: rotate(
                -45deg
        );
    }

    .header-list-jobs .hd-title-jobs {
        padding: 10px 15px 0 15px !important;
    }

    .body-list-jobs {
        padding: 0 15px !important;
    }

    .body-list-jobs .company-logo {
        max-width: 80px !important;
        max-height: 80px !important;
    }

    .job-item-bottom {
        padding: 0 15px 15px !important;
    }

    .bx_subcribe {
        min-height: 50px;
    }

    .group-button .w140 {
        min-width: 100%;
    }

    .group-button.wApply {
        padding-right: 0px !important;
    }

    .group-button.wApply {
        padding-right: 37px;
    }

    #list-job-saved {
        margin-top: 15px;
    }

    .btn-create-new {
        font-weight: normal;
    }

    .heading-recommended {
        border-radius: 0px;
        background: #fff;
        box-shadow: none;
        border-bottom: 1px solid #099edb;
        padding: 1.5rem 0rem;
    }

    .list-recommended:nth-of-type(even), .list-recommended {
        background: transparent;
    }

    .list-recommended {
        padding: 1rem 0rem;
        border-radius: 0px;
        border-bottom: 1px solid #dcf1f9;
    }

    .list-recommended:last-child {
        margin-bottom: 30px;
    }

    .name-company {
        text-align: left !important;
    }

    .fe-name-company {
        text-align: center;
    }

    .bg-job-detail {
        padding: 0rem 0rem 2rem 0rem;
    }

    #list-benefits label {
        width: 100%;
    }

    .box-process-bar {
        padding-left: 15px;
        padding-right: 15px;
    }

    #fr_admin li a {
        color: #fff;
    }

    .bgactive #navbar li.active a {
        color: #fff !important;
    }

    /* slide show */
    .top-employer {
        margin-top: 0rem;
    }

    .heading-top-employer:before {
        content: "";
        left: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .heading-top-employer:after {
        content: "";
        right: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .swiper-slide img {
        width: auto !important;
        height: auto !important;
        display: inline;
    }

    .box-formsearch .col-md-12.pt-10.text-right {
        text-align: center;
    }

    .count-list-jobs {
        margin-top: 2rem;
    }

    .text-jobs {
        padding-left: 0rem;
    }

    .group-footer {
        display: grid;
    }

    .span-text {
        text-align: center;
        margin-top: 2rem;
    }

    .list-shared {
        text-align: center;
    }

    .aligntext {
        text-align: center !important;
    }

    .nomargin {
        margin: 0px !important;
    }

    .map {
        overflow: auto;
    }

    .carousel-slick.left {
        left: 10%;
    }

    .carousel-slick.right {
        left: auto;
        right: 10%;
    }

    .dropdown.clr-flag.click-addbg.open a, .dropdown.clr-flag.click-addbg.open a:focus {
        color: #fff;
    }

    ul#user_language a {
        color: #fff;
    }

    /* MENU MAIN */
    .navbar-default {
        background-color: rgba(255, 255, 255, 255);
        border-color: transparent;
        box-shadow: -2px 2px 6px 0px #b3b3b147;
    }

    .group-search-advanced .nobg {
        background: #fff;
        height: 44px;
        padding: 5px 5px;
        margin-bottom: 10px;
    }

    .radiustb {
        border-top-left-radius: 0rem;
        border-bottom-left-radius: 0rem;
    }

    .radiusrb {
        border-top-right-radius: 0rem;
        border-bottom-right-radius: 0rem;
    }

    .borderlr .categories {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important;
    }

    .widget-search .list-browse .ul-list-browse li:last-child {
        float: none;
    }

    .btnsearchbackground {
        padding-left: 0;
        padding-right: 0;
    }

    .widget-search .box-widget-search .list-browse {
        margin: 12px 0px 0px;
        float: left;
    }

    .box-formsearch span.select2.select2-container.select2-container--default.select2-container--focus {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .btn-advanced {
        padding-right: 15px;
    }

    ul.nav.navbar-nav {
        margin-left: 0px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background: #009edb;
    }

    ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:hover {
        color: #fff;
    }

    ul.nav.navbar-nav li:hover {
        background: transparent;
    }

    ul.nav.navbar-nav li.active {
        background: transparent;
    }

    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 20px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        padding: 5px;
    }

    .ul-submenu li a.active {
        color: #f7fdff !important;
    }

    .mega-dropdown-menu > li > ul > li {
        list-style: none;
        float: left;
        border-right: none;
        width: 100%;
    }

    .navbar-right .mega-dropdown ul.ul-submenu {
        float: left;
    }

    ul.dropdown-menu.mega-dropdown-menu {
        background: transparent;
    }

    .mega-dropdown-menu > li > ul > li > a {
        display: block;
        color: #fff !important;
    }

    /* SEARCH HEADER */
    .box-formsearch .input-group, .box-formsearch .keywords.form-control {
        width: 100%;
        margin-bottom: 5px;
    }

    .box-formsearch .input-group span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .box-formsearch .col-lg-1, .box-formsearch .col-lg-10, .box-formsearch .col-lg-11, .box-formsearch.col-lg-12,
    .box-formsearch .col-lg-2, .box-formsearch .col-lg-3, .box-formsearch .col-lg-4, .box-formsearch .col-lg-5,
    .box-formsearch .col-lg-6, .box-formsearch .col-lg-7, .box-formsearch .col-lg-8, .box-formsearch .col-lg-9,
    .box-formsearch .col-md-1, .box-formsearch .col-md-10, .box-formsearch .col-md-11, .box-formsearch .col-md-12,
    .box-formsearch .col-md-2, .box-formsearch .col-md-3, .box-formsearch .col-md-4, .box-formsearch .col-md-5,
    .box-formsearch .col-md-6, .box-formsearch .col-md-7, .box-formsearch .col-md-8, .box-formsearch .col-md-9,
    .box-formsearch .col-sm-1, .box-formsearch .col-sm-10, .box-formsearch .col-sm-11, .box-formsearch .col-sm-12,
    .box-formsearch .col-sm-2, .box-formsearch .col-sm-3, .box-formsearch .col-sm-4, .box-formsearch .col-sm-5,
    .box-formsearch .col-sm-6, .box-formsearch .col-sm-7, .box-formsearch .col-sm-8, .box-formsearch .col-sm-9,
    .box-formsearch .col-xs-1, .box-formsearch .col-xs-10, .box-formsearch .col-xs-11, .box-formsearch .col-xs-12,
    .box-formsearch .col-xs-2, .box-formsearch .col-xs-3, .box-formsearch .col-xs-4, .box-formsearch .col-xs-5,
    .box-formsearch .col-xs-6, .box-formsearch .col-xs-7, .box-formsearch .col-xs-8, .box-formsearch .col-xs-9 {
        position: initial;
    }

    /* FIX PAGE HOME */
    .title_hot_jobs i.fa.fa-plus {
        padding-left: 5px;
    }

    .icon_number {
        margin-right: 5px;
    }

    .content_sub {
        padding-left: 25px;
    }

    .view-all {
        padding-left: 30px;
    }

    #search-by-categories .view-all {
        padding-left: 5px;
    }

    .col-md-8.col-md-offset-4.content-services {
        padding: 0px;
        margin-bottom: 22px;
    }

    .wrap-services {
        position: inherit;
    }

    .content-services {
        position: inherit;
    }

    .services {
        min-height: auto;
    }

    .content-details-services {
        padding: 10px;
    }

    .outner-insider {
        min-height: auto;
    }

    .outner-insider h4 {
        padding: 5px 20px 5px 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .list-hr_insider {
        padding: 20px 5px;
    }

    .pnor15 {
        padding: 15px 5px 15px 5px;
    }

    div#quote-carousel {
        width: 100%;
        padding: 0;
    }

    .title-slogan {
        width: 100%;
    }

    .title-infomation {
        font-size: 160%;
    }

    ul.menu_bottom {
        padding: 0px;
    }

    ul.menu_bottom li a {
        padding: 0px 10px;
    }

    .plist2 {
        font-size: 100%;
    }

    ul.nav.navbar-nav.nav-left.nav-lft li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav {
        padding: 0px;
        margin: 0px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav li.active a, ul.nav.navbar-nav li.active a:hover {
        color: #fff;
    }

    .dropdown-menu .ul-submenu li a:hover {
        color: #faa61a !important;
    }

    /* LOGIN EMPLOYER */
    .boxWrap .box6md {
        box-shadow: none;
        border: 1px dotted #009edb;
        margin: 10px;
    }

    /* view profile */
    .wrapper-job-alerts h1 {
        font-size: 120%;
    }

    /* CHANGE PASSWORD */
    .change-password-candidate {
        margin: 60px 15px;
    }

    .box-info {
        box-shadow: none;
    }

    .widget-search h1.sologan-h1.wow.fadeInLeft.animated, .widget-search h2.sologan-h2.wow.fadeInLeft.animated {
        display: none;
    }

    /* EMPOYER PROFILE HOT JOBS*/
    .hot-jobs-item {
        width: 95%;
    }

    .hot-jobs-name {
        max-width: 100%;
    }

    .btn-salary {
        margin-top: 0px;
    }

    span.caret {
        left: 96%;
    }

    .borderlr .province {
        border-right: none !important;
    }

    .box-related-slogan {
        margin-bottom: 3rem;
    }
}

@media only screen and (min-width: 520px) and (max-width: 766px) {
    .group-button .w140 {
        min-width: 100%;
    }

    .group-button.wApply {
        padding-right: 0px !important;
    }

    .box-related-slogan {
        margin-bottom: 3rem;
    }

    .group-button.wApply {
        padding-right: 37px;
    }

    #list-job-saved {
        margin-top: 15px;
    }

    .btn-create-new {
        font-weight: normal;
    }

    .heading-recommended {
        border-radius: 0px;
        background: #fff;
        box-shadow: none;
        border-bottom: 1px solid #099edb;
        padding: 1.5rem 0rem;
    }

    .list-recommended:nth-of-type(even), .list-recommended {
        background: transparent;
    }

    .list-recommended {
        padding: 1rem 0rem;
        border-radius: 0px;
        border-bottom: 1px solid #dcf1f9;
    }

    .list-recommended:last-child {
        margin-bottom: 30px;
    }

    .name-company {
        text-align: left !important;
    }

    .fe-name-company {
        text-align: center;
    }

    .bg-job-detail {
        padding: 0rem 0rem 2rem 0rem;
    }

    .box-process-bar {
        padding-left: 15px;
        padding-right: 15px;
    }

    #fr_admin li a {
        color: #fff;
    }

    .bgactive #navbar li.active a {
        color: #fff !important;
    }

    /* slide show */
    .top-employer {
        margin-top: 0rem;
    }

    .heading-top-employer:before {
        content: "";
        left: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .heading-top-employer:after {
        content: "";
        right: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .swiper-slide img {
        width: auto !important;
        height: auto !important;
        display: inline;
    }

    .map {
        overflow: auto;
    }

    .carousel-slick.left {
        left: 10%;
    }

    .carousel-slick.right {
        left: auto;
        right: 10%;
    }

    .dropdown.clr-flag.click-addbg.open a, .dropdown.clr-flag.click-addbg.open a:focus {
        color: #fff;
    }

    ul#user_language a {
        color: #fff;
    }

    /* MENU MAIN */
    .navbar-default {
        background-color: rgba(255, 255, 255, 255);
        border-color: transparent;
        box-shadow: -2px 2px 6px 0px #b3b3b147;
    }

    .group-search-advanced .nobg {
        background: #fff;
        height: 44px;
        padding: 5px 5px;
        margin-bottom: 10px;
    }

    .radiustb {
        border-top-left-radius: 0rem;
        border-bottom-left-radius: 0rem;
    }

    .radiusrb {
        border-top-right-radius: 0rem;
        border-bottom-right-radius: 0rem;
    }

    .borderlr .categories {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important;
    }

    .widget-search .list-browse .ul-list-browse li:last-child {
        float: none;
    }

    .btnsearchbackground {
        padding-left: 0;
        padding-right: 0;
    }

    .widget-search .box-widget-search .list-browse {
        margin: 12px 0px 0px;
        float: left;
    }

    .box-formsearch span.select2.select2-container.select2-container--default.select2-container--focus {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .btn-advanced {
        padding-right: 15px;
    }

    ul.nav.navbar-nav {
        margin-left: 0px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background: #009edb;
    }

    ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:hover {
        color: #fff;
    }

    ul.nav.navbar-nav li:hover {
        background: transparent;
    }

    ul.nav.navbar-nav li.active {
        background: transparent;
    }

    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 20px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        padding: 5px;
    }

    .ul-submenu li a.active {
        color: #f7fdff !important;
    }

    .mega-dropdown-menu > li > ul > li {
        list-style: none;
        float: left;
        border-right: none;
        width: 100%;
    }

    .navbar-right .mega-dropdown ul.ul-submenu {
        float: left;
    }

    ul.dropdown-menu.mega-dropdown-menu {
        background: transparent;
    }

    .mega-dropdown-menu > li > ul > li > a {
        display: block;
        color: #fff !important;
    }

    /* INTRO HOME */
    .wrap-search-advenced .widget-search {
    }

    .widget-search h1.sologan-h1.wow.fadeInLeft.animated, .widget-search h2.sologan-h2.wow.fadeInLeft.animated {
        display: none;
    }

    .box-widget-search {
        padding: 2rem;
        background: rgb(21, 158, 217);
    }

    .group-search-advanced .nonebackground {
        /* background: #fff; */
        height: 44px;
        padding: 5px 5px;
        box-shadow: 0;
    }

    .backgroundSearch .nonebackground .form-control {
        border: 0;
        background: #fff;
    }

    .group-search-advanced .nonebackground {
        height: 44px;
        padding: 5px 5px;
        box-shadow: 0;
        margin-bottom: 5px;
    }

    .col-md-2.col-sm-12.col-xs-12.btnsearchbackground {
        padding: 0px;
        margin-bottom: 15px;
    }

    /* Apply jobs */
    .wrap-apply-job {
        margin: 15px;
        text-align: center;
    }

    .wrap-apply-job .box-apply-job.rgt {
        text-align: center;
        display: block;
        float: none;
        padding-bottom: 30px;
    }

    .box-apply-job.lft h1 {
        font-size: 130%;
    }

    ul.tab-apply-job li a {
        font-size: 90%;
    }

    .wrap-apply-job .apply-now {
        margin-top: 10px;
    }

    /* FIX PAGE HOME */
    .title_hot_jobs i.fa.fa-plus {
        padding-left: 5px;
    }

    .icon_number {
        margin-right: 5px;
    }

    .content_sub {
        padding-left: 25px;
    }

    .view-all {
        padding-left: 30px;
    }

    #search-by-categories .view-all {
        padding-left: 5px;
    }

    .col-md-8.col-md-offset-4.content-services {
        padding: 0px;
        margin-bottom: 22px;
    }

    .wrap-services {
        position: inherit;
    }

    .content-services {
        position: inherit;
    }

    .services {
        min-height: auto;
    }

    .content-details-services {
        padding: 10px;
    }

    .outner-insider {
        min-height: auto;
    }

    .outner-insider h4 {
        padding: 5px 20px 5px 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .list-hr_insider {
        padding: 20px 5px;
    }

    .pnor15 {
        padding: 15px 5px 15px 5px;
    }

    .title-slogan {
        width: 100%;
    }

    .title-infomation {
        font-size: 160%;
    }

    ul.menu_bottom {
        padding: 0px;
    }

    ul.menu_bottom li a {
        padding: 0px 10px;
    }

    .plist2 {
        font-size: 100%;
    }

    ul.nav.navbar-nav.nav-left.nav-lft li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav {
        padding: 0px;
        margin: 0px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav li.active a, ul.nav.navbar-nav li.active a:hover {
        color: #fff;
    }

    .dropdown-menu .ul-submenu li a:hover {
        color: #faa61a !important;
    }

    /* LOGIN EMPLOYER */
    .boxWrap .box6md {
        box-shadow: none;
        border: 1px dotted #009edb;
        margin: 10px;
    }

    /* view profile */
    .wrapper-job-alerts h1 {
        font-size: 120%;
    }

    /* CHANGE PASSWORD */
    .change-password-candidate {
        margin: 60px 15px;
    }

    .box-info {
        box-shadow: none;
    }

    .btn-salary {
        margin-top: 0px;
    }

    span.caret {
        left: 96%;
    }

    .borderlr .province {
        border-right: none !important;
    }
}

@media only screen and (min-width: 425px) and (max-width: 767px) {
    .wrap-search-advenced .widget-search {
        margin-top: 2%;
        left: 2%;
        width: 96%;
        margin-bottom: 2%;
    }

    .box-related-slogan {
        margin-bottom: 3rem;
    }

    .group-button.wApply {
        padding-right: 37px;
    }

    #list-job-saved {
        margin-top: 15px;
    }

    .btn-create-new {
        font-weight: normal;
    }

    .heading-recommended {
        border-radius: 0px;
        background: #fff;
        box-shadow: none;
        border-bottom: 1px solid #099edb;
        padding: 1.5rem 0rem;
    }

    .list-recommended:nth-of-type(even), .list-recommended {
        background: transparent;
    }

    .list-recommended {
        padding: 1rem 0rem;
        border-radius: 0px;
        border-bottom: 1px solid #dcf1f9;
    }

    .list-recommended:last-child {
        margin-bottom: 30px;
    }

    .name-company {
        text-align: left !important;
    }

    .fe-name-company {
        text-align: center;
    }

    .bg-job-detail {
        padding: 0rem 0rem 2rem 0rem;
    }

    .box-process-bar {
        padding-left: 15px;
        padding-right: 15px;
    }

    #fr_admin li a {
        color: #fff;
    }

    .bgactive #navbar li.active a {
        color: #fff !important;
    }

    /* slide show */
    .top-employer {
        margin-top: 0rem;
    }

    .heading-top-employer:before {
        content: "";
        left: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .heading-top-employer:after {
        content: "";
        right: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .swiper-slide img {
        width: auto !important;
        height: auto !important;
        display: inline;
    }

    .box-formsearch .col-md-12.pt-10.text-right {
        text-align: center;
    }

    .count-list-jobs {
        margin-top: 2rem;
    }

    .text-jobs {
        padding-left: 0rem;
    }

    .group-footer {
        display: grid;
    }

    .span-text {
        text-align: center;
        margin-top: 2rem;
    }

    .list-shared {
        text-align: center;
    }

    .aligntext {
        text-align: center !important;
    }

    .nomargin {
        margin: 0px !important;
    }

    .map {
        overflow: auto;
    }

    .carousel-slick.left {
        left: 10%;
    }

    .carousel-slick.right {
        left: auto;
        right: 10%;
    }

    .dropdown.clr-flag.click-addbg.open a, .dropdown.clr-flag.click-addbg.open a:focus {
        color: #fff;
    }

    ul#user_language a {
        color: #fff;
    }

    /* INTRO HOME */
    .btnsearchbackground {
        padding-left: 0;
        padding-right: 0;
    }

    .widget-search h1.sologan-h1.wow.fadeInLeft.animated, .widget-search h2.sologan-h2.wow.fadeInLeft.animated {
        font-size: 20px;
    }

    .widget-search .sologan-h2 {
        margin: 10px 0px 10px 0px;
    }

    .group-search-advanced .nonebackground {
        /* background: #fff; */
        height: 44px;
        padding: 5px 5px;
        box-shadow: 0;
    }

    .backgroundSearch .nonebackground .form-control {
        border: 0;
        background: #fff;
    }

    .group-search-advanced .nonebackground {
        height: 44px;
        padding: 5px 5px;
        box-shadow: 0;
        margin-bottom: 5px;
    }

    .col-md-2.col-sm-12.col-xs-12.btnsearchbackground {
        padding: 0px;
        margin-bottom: 15px;
    }

    /* MENU MAIN */
    ul.nav.navbar-nav {
        margin-left: 0px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form, .bgactive #navbar li.active {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    #user_language li a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .clr-flag.open > a:focus {
        color: #fff;
    }

    ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:hover {
        color: #fff;
    }

    ul.nav.navbar-nav li:hover {
        background: transparent;
    }

    ul.nav.navbar-nav li.active {
        background: transparent;
    }

    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 20px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        padding: 5px;
    }

    .ul-submenu li a.active {
        color: #f7fdff !important;
    }

    .mega-dropdown-menu > li > ul > li {
        list-style: none;
        float: left;
        border-right: none;
        width: 100%;
    }

    .navbar-right .mega-dropdown ul.ul-submenu {
        float: left;
    }

    ul.dropdown-menu.mega-dropdown-menu {
        background: transparent;
    }

    .mega-dropdown-menu > li > ul > li > a {
        display: block;
        color: #fff !important;
    }

    /* COLOR SEARCH*/
    .search-advanced {
        top: 0px;
    }

    .sologan-h1 {
        font-weight: 100 !important;
        text-align: center;
    }

    .sologan-h2 {
        font-size: 20px;
        text-align: center;
    }

    .ul-list-browse {
        padding: 0px !important;
        text-align: center;
    }

    .line_sn {
        border-right: 0px solid !important;
    }

    .box-shadow-search {
        margin-right: 10px;
        margin-left: 10px;
    }

    .wrapper-search-advanced .inline-full {
        text-align: center;
        display: block;
        background: #ff9900;
        box-shadow: 3px 5px 6px #a19d8a;
        margin-top: 10px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .btn-search {
        width: 100%;
    }

    /* TITLE H1, H2 */
    .title_hot_jobs, .box-partner h4, .title-hr_insider, .outner-insider h4 {
        font-weight: bold !important;
        font-size: 20px;
    }

    /* CATEGORIES */
    .content_title {
        padding-left: 0px;
    }

    .box-right-ver {
        padding: 10px;
    }

    .btn-yellow {
        width: 100%;
    }

    .box-right-content {
        padding: 5px;
    }

    .box-right-content {
        line-height: normal;
    }

    .box-right, .box-partner {
        padding: 10px;
    }

    .content-services h4 {
        padding: 5px;
        font-weight: bold !important;
        font-size: 100% !important;
    }

    .content-details-services {
        padding: 5px;
    }

    .inner-insider-left {
        padding: 5px;
        margin: 0px;
    }

    .inner-insider-right {
        float: none;
    }

    .title-hr_insider, .content-hr-insider {
        padding: 10px;
    }

    /* SLOGAN COMPANY */
    .wrap-slogan {
        padding: 0px;
    }

    .title-slogan {
        margin: 0px;
    }

    .title-slogan .slogan-p1 {
        padding: 10px;
        font-size: 100%;
    }

    .title-slogan .slogan-p2 {
        padding: 10px 20px 61px 20px;
    }

    .slogan-left {
        width: 600px;
        padding: 50px;
        position: absolute;
        bottom: -72px;
        left: -100px;
        background-color: #dcf1f9;
        transform: rotate(13deg);
    }

    .slogan-right {
        width: 600px;
        padding: 50px;
        position: absolute;
        bottom: -72px;
        right: -100px;
        background-color: #dcf1f9;
        transform: rotate(-13deg);
    }

    /* CONTACT US */
    .list-information {
        padding: 0px;
    }

    .list-information li {
        margin-bottom: 10px;
    }

    /* MODAL */
    .box-row {
        padding-bottom: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .modal-sign-in h1 {
        font-weight: normal;
        font-size: 120%;
    }

    .mpr30, .mpr40 {
        margin-bottom: 5px;
    }

    .colsleft, .colsright {
        text-align: center;
    }

    .cadidates-inline .colsright {
        text-align: left;
    }

    .modal-sign-in {
        padding: 20px;
    }

    .pdsl, .pdsr {
        padding: 0px;
    }

    .col-md-6.box-r {
        border-right: 0px solid #ccc;
    }

    /* ALERT */
    .nopaddleft {
        padding-left: 15px;
        padding-top: 15px;
    }

    .nopaddright {
        padding-bottom: 15px;
        padding-right: 15px;
    }

    .fullsearch {
        width: 100%;
    }

    /* LIST JOB */
    .list-jobs-box {
        padding: 10px 0px;
    }

    .count-list-jobs, .sort-list-jobs {
        width: 100% !important;
    }

    .wjobs_sort {
        width: 100%;
        margin-bottom: 10px;
    }

    .slogan-top {
        padding: 20px 0px 0px 0px;
    }

    /* MY JOB */
    .title-my-jobs {
        width: 87%;
    }

    .status-my-jobs {
        width: 12%;
    }

    .status-my-jobs button {
        border: none;
        background: transparent;
    }

    .title-my-jobs a {
        display: inline;
    }

    .title-my-jobs .date-save {
        text-align: left;
        width: 100%;
    }

    .body-my-jobs {
        padding: 10px;
    }

    .wrapper-job-alerts {
        padding: 15px;
    }

    /* MY PROFILE */
    . {
        margin-top: 80px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .body_profile {
        border: 0px solid #e3e9f3;
    }

    .padcontent {
        padding: 0px;
    }

    .box_profile_content {
        margin-bottom: 20px;
    }

    .profile_avatar2 {
        height: 280px;
    }

    .profile_lc, .profile_lr {
        padding: 5px 25px 5px 25px;
    }

    .pdbtm {
        margin-bottom: 15px;
    }

    .btn50 {
        width: 49%;
    }

    .btn70 {
        width: 99%;
    }

    .profile_content .w49 {
        width: 48%;
    }

    /* VIEW ARTICLE */
    .view-article-simple p {
        font-size: 100%;
    }

    .box-content-article {
        padding: 10px;
    }

    .box-content-article h1 {
        font-size: 120%;
        line-height: normal;
    }

    .short-article {
        padding: 10px 0px;
    }

    .short-article .ul-short-article {
        margin-top: 10px;
        padding: 0px;
    }

    .short-article .ul-short-article li {
        display: inline-block;
    }

    .descr-article h3 {
        font-size: 120%;
    }

    .carousel-control {
        left: -6px;
    }

    .carousel-control.right {
        right: -9px;
    }

    .slide-left img, .slide-right img {
        margin: 6px;
    }

    .slide-left .related_article, .slide-right .related_article {
        font-size: 85%;
        width: 62%;
        margin: 6px
    }

    .slide-right .related_article {
        margin-top: 12px;
    }

    .slide-left img, .slide-right img {
        width: 25%;
    }

    .slide-left {
        width: 50%;
        float: left;
    }

    .col-md-6.slide-right {
        width: 49%;
        float: right;
    }

    /* VIEWS JOB */
    .view-jobs-home .jobs-h1 {
        font-size: 120%;
    }

    .jobs-padding {
        padding: 10px 0px 10px 0px;
    }

    .box-jobs-desc {
        padding: 15px;
    }

    .box-jobs-desc h2, .apply-now a {
        margin-top: 10px;
        font-size: 120%;
    }

    .mtop-jobs {
        margin-top: 60px;
    }

    .box-jobs-short {
        padding: 15px;
    }

    /* Header */
    .wp-bar .wp-bar-item {
        padding: 22px 12px;
        font-size: 14px;
    }

    .wp-button:hover {
        color: #ff0 !important;
        background-color: transparent !important;
        -webkit-transition: all 400ms ease-in 100ms;
        -moz-transition: all 400ms ease-in 100ms;
        transition: all 400ms ease-in 100ms;
    }

    .wp-container {
        padding: 1.01em 16px 2em 16px;
    }

    .wp-padding-64 {
        padding-bottom: 10px !important;
    }

    /* Status job */
    .statList .cell {
        width: 50%;
        border: 1px solid #e0e2e3;
        text-align: center;
    }

    .statList .cell:hover {
        border: 1px solid #1354b7;
        text-align: center;
    }

    .tools_jobs li {
        display: block;
        width: 50%;
    }

    /* Footer */
    section#footer {
        position: inherit;
    }

    #footer ul.footer {
        margin-left: 0px;
    }

    /* Apply jobs */
    .wrap-apply-job {
        /*margin: 15px;*/
        text-align: center;
    }

    .wrap-apply-job .box-apply-job.rgt {
        text-align: center;
        display: block;
        float: none;
        padding-bottom: 30px;
    }

    .box-apply-job.lft h1 {
        font-size: 130%;
    }

    ul.tab-apply-job li a {
        font-size: 90%;
    }

    .wrap-apply-job .apply-now {
        margin-top: 10px;
    }

    /* SEARCH HEADER */
    .box-formsearch .input-group, .box-formsearch .keywords.form-control {
        width: 100%;
        margin-bottom: 5px;
    }

    .box-formsearch .input-group span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .box-formsearch .col-lg-1, .box-formsearch .col-lg-10, .box-formsearch .col-lg-11, .box-formsearch.col-lg-12,
    .box-formsearch .col-lg-2, .box-formsearch .col-lg-3, .box-formsearch .col-lg-4, .box-formsearch .col-lg-5,
    .box-formsearch .col-lg-6, .box-formsearch .col-lg-7, .box-formsearch .col-lg-8, .box-formsearch .col-lg-9,
    .box-formsearch .col-md-1, .box-formsearch .col-md-10, .box-formsearch .col-md-11, .box-formsearch .col-md-12,
    .box-formsearch .col-md-2, .box-formsearch .col-md-3, .box-formsearch .col-md-4, .box-formsearch .col-md-5,
    .box-formsearch .col-md-6, .box-formsearch .col-md-7, .box-formsearch .col-md-8, .box-formsearch .col-md-9,
    .box-formsearch .col-sm-1, .box-formsearch .col-sm-10, .box-formsearch .col-sm-11, .box-formsearch .col-sm-12,
    .box-formsearch .col-sm-2, .box-formsearch .col-sm-3, .box-formsearch .col-sm-4, .box-formsearch .col-sm-5,
    .box-formsearch .col-sm-6, .box-formsearch .col-sm-7, .box-formsearch .col-sm-8, .box-formsearch .col-sm-9,
    .box-formsearch .col-xs-1, .box-formsearch .col-xs-10, .box-formsearch .col-xs-11, .box-formsearch .col-xs-12,
    .box-formsearch .col-xs-2, .box-formsearch .col-xs-3, .box-formsearch .col-xs-4, .box-formsearch .col-xs-5,
    .box-formsearch .col-xs-6, .box-formsearch .col-xs-7, .box-formsearch .col-xs-8, .box-formsearch .col-xs-9 {
        position: initial;
    }

    /* FIX PAGE HOME */
    .title_hot_jobs i.fa.fa-plus {
        padding-left: 5px;
    }

    .icon_number {
        margin-right: 5px;
    }

    .content_sub {
        padding-left: 25px;
    }

    .view-all {
        padding-left: 30px;
    }

    #search-by-categories .view-all {
        padding-left: 5px;
    }

    .col-md-8.col-md-offset-4.content-services {
        padding: 0px;
        margin-bottom: 22px;
    }

    .wrap-services {
        position: inherit;
    }

    .content-services {
        position: inherit;
    }

    .services {
        min-height: auto;
    }

    .content-details-services {
        padding: 10px;
    }

    .outner-insider {
        min-height: auto;
    }

    .outner-insider h4 {
        padding: 5px 20px 5px 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .list-hr_insider {
        padding: 20px 5px;
    }

    .pnor15 {
        padding: 15px 5px 15px 5px;
    }

    .title-slogan {
        width: 100%;
    }

    .title-infomation {
        font-size: 160%;
    }

    ul.menu_bottom {
        padding: 0px;
    }

    ul.menu_bottom li a {
        padding: 0px 10px;
    }

    .plist2 {
        font-size: 100%;
    }

    ul.nav.navbar-nav.nav-left.nav-lft li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav {
        padding: 0px;
        margin: 0px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav li.active a, ul.nav.navbar-nav li.active a:hover {
        color: #fff;
    }

    .bgactive #navbar li.active a {
        color: #fff !important;
    }

    .dropdown-menu .ul-submenu li a:hover {
        color: #faa61a !important;
    }

    /* LOGIN EMPLOYER */
    .boxWrap .box6md {
        box-shadow: none;
        border: 1px dotted #009edb;
        margin: 10px;
    }

    /* view profile */
    .wrapper-job-alerts h1 {
        font-size: 120%;
    }

    /* CHANGE PASSWORD */
    .change-password-candidate {
        margin: 60px 15px;
    }

    .box-info {
        box-shadow: none;
    }

    .btn-salary {
        margin-top: 0px;
    }

    span.caret {
        left: 97%;
    }

    .borderlr .province {
        border-right: none !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 769px) {
    .box-related-slogan {
        margin-bottom: 3rem;
    }

    .group-button.wApply {
        padding-right: 37px;
    }

    .bg-job-detail {
        padding: 0rem 0rem 2rem 0rem;
    }

    .box-process-bar {
        padding-left: 15px;
        padding-right: 15px;
    }

    #fr_admin li a {
        color: #fff;
    }

    .bgactive #navbar li.active a {
        color: #fff !important;
    }

    /* slide show */
    .top-employer {
        margin-top: 0rem;
    }

    .heading-top-employer:before {
        content: "";
        left: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .heading-top-employer:after {
        content: "";
        right: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .swiper-slide img {
        width: auto !important;
        height: auto !important;
        display: inline;
    }

    .carousel-slick.left {
        left: 10%;
    }

    .carousel-slick.right {
        left: auto;
        right: 10%;
    }

    #navbar .nav.nav-left li a, #navbar .nav.nav-right li a {
        padding: 10px 5px !important;
    }

    .widget-search h1.sologan-h1.wow.fadeInLeft.animated, .widget-search h2.sologan-h2.wow.fadeInLeft.animated {
        text-align: center;
    }

    .wrap-search-advenced .widget-search {
        margin-top: 15%;
    }

    .widget-search .sologan-h1 {
        font-size: 16px;
    }

    .widget-search .sologan-h2 {
        font-size: 14px;
    }

    .group-search-advanced .nonebackground {
        margin-bottom: 5px;
    }

    .carousel-indicators {
        display: none;
    }

    .group-search-advanced .nonebackground {
        height: 33px;
        padding: 0px 5px;
    }

    .btnsearchbackground .btn.btn-search {
        padding: 11px 5px;
    }

    .slogan-top {
        margin-top: 148px;
    }

    .box-formsearch {
        width: 100%;
    }

    .box-formsearch input {
        width: 100%;
    }

    .box-formsearch .input-group, .box-formsearch .keywords.form-control {
        width: 100%;
        margin-bottom: 5px;
    }

    button.btn.btn-search2.fullsearch {
        width: 97.5%;
    }

    ul.nav.navbar-nav {
        margin: 0px;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        padding-left: 0px;
        padding-right: 0px;
    }

    .nav.navbar-right li a {
        padding: 10px 5px;
    }

    /* FIX PAGE HOME */
    .title_hot_jobs i.fa.fa-plus {
        padding-left: 5px;
    }

    .icon_number {
        margin-right: 5px;
    }

    .content_sub {
        padding-left: 25px;
    }

    .view-all {
        padding-left: 30px;
    }

    #search-by-categories .view-all {
        padding-left: 5px;
    }

    .col-md-8.col-md-offset-4.content-services {
        padding: 0px;
        margin-bottom: 22px;
    }

    .wrap-services {
        position: inherit;
    }

    .content-services {
        position: inherit;
    }

    .services {
        min-height: auto;
    }

    .content-details-services {
        padding: 10px;
    }

    .outner-insider {
        min-height: auto;
    }

    .outner-insider h4 {
        padding: 5px 20px 5px 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .list-hr_insider {
        padding: 20px 5px;
    }

    .pnor15 {
        padding: 15px 5px 15px 5px;
    }

    div#quote-carousel {
        width: 100%;
        padding: 0;
    }

    .carousel-indicators {
        left: 57%;
        display: none;
    }

    .title-slogan {
        width: 100%;
    }

    .title-infomation {
        font-size: 160%;
    }

    ul.menu_bottom {
        padding: 0px;
    }

    ul.menu_bottom li a {
        padding: 0px 10px;
    }

    .plist2 {
        font-size: 100%;
    }

    ul.nav.navbar-nav.nav-left.nav-lft li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    ul.nav.navbar-nav {
        padding: 0px;
        margin: 0px;
    }

    #navbar .nav-lft li, #navbar .nav-rgt li {
        border-bottom: 1px solid rgba(245, 249, 250, 0.17);
    }

    .dropdown-menu .ul-submenu li a:hover {
        color: #faa61a !important;
    }

    /* LOGIN EMPLOYER */
    .boxWrap .box6md {
        box-shadow: none;
        border: 1px dotted #009edb;
        margin: 10px;
    }

    /* view profile */
    .wrapper-job-alerts h1 {
        font-size: 120%;
    }

    /* CHANGE PASSWORD */
    .change-password-candidate {
        margin: 60px 15px;
    }

    .box-info {
        box-shadow: none;
    }

    .class_4, .class_5 {
        display: none;
    }

    h2.logo img {
        margin-top: 5px;
        width: 120px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 7px;
    }

    .btn-salary {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 770px) and (max-width: 990px) {
    .box-related-slogan {
        margin-bottom: 3rem;
    }

    /* slide show */
    .top-employer {
        margin-top: 0rem;
    }

    .heading-top-employer:before {
        content: "";
        left: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .heading-top-employer:after {
        content: "";
        right: 0;
        top: 1.8rem;
        border-bottom: 2px solid #faa61a;
        position: absolute;
        width: 0% !important;
    }

    .swiper-slide img {
        width: auto !important;
        height: auto !important;
        display: inline;
    }

    /* Menu */
    .nav.nav-left.nav-lft a, .nav.nav-right nav-rgt a {
        padding: 10px 5px;
    }

    . {
        margin-top: 180px;
    }

    /* Search */
    .wrap-search-advenced .widget-search {
        margin-top: 15%;
    }

    .group-search-advanced .nonebackground {
        /* background: #fff; */
        height: 44px;
        padding: 5px 5px;
        box-shadow: 0;
    }

    .backgroundSearch .nonebackground .form-control {
        border: 0;
        background: #fff;
    }

    .group-search-advanced .nonebackground {
        height: 44px;
        padding: 5px 5px;
        box-shadow: 0;
        margin-bottom: 5px;
    }

    .col-md-2.col-sm-12.col-xs-12.btnsearchbackground {
        padding: 0px;
        margin-bottom: 15px;
    }

    /* SEARCH HEADER */
    .slogan-top {
        margin-top: 150px;
    }

    .box-formsearch .input-group, .box-formsearch .keywords.form-control {
        width: 100%;
        margin-bottom: 5px;
    }

    .box-formsearch .input-group span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .box-formsearch .col-lg-1, .box-formsearch .col-lg-10, .box-formsearch .col-lg-11, .box-formsearch.col-lg-12,
    .box-formsearch .col-lg-2, .box-formsearch .col-lg-3, .box-formsearch .col-lg-4, .box-formsearch .col-lg-5,
    .box-formsearch .col-lg-6, .box-formsearch .col-lg-7, .box-formsearch .col-lg-8, .box-formsearch .col-lg-9,
    .box-formsearch .col-md-1, .box-formsearch .col-md-10, .box-formsearch .col-md-11, .box-formsearch .col-md-12,
    .box-formsearch .col-md-2, .box-formsearch .col-md-3, .box-formsearch .col-md-4, .box-formsearch .col-md-5,
    .box-formsearch .col-md-6, .box-formsearch .col-md-7, .box-formsearch .col-md-8, .box-formsearch .col-md-9,
    .box-formsearch .col-sm-1, .box-formsearch .col-sm-10, .box-formsearch .col-sm-11, .box-formsearch .col-sm-12,
    .box-formsearch .col-sm-2, .box-formsearch .col-sm-3, .box-formsearch .col-sm-4, .box-formsearch .col-sm-5,
    .box-formsearch .col-sm-6, .box-formsearch .col-sm-7, .box-formsearch .col-sm-8, .box-formsearch .col-sm-9,
    .box-formsearch .col-xs-1, .box-formsearch .col-xs-10, .box-formsearch .col-xs-11, .box-formsearch .col-xs-12,
    .box-formsearch .col-xs-2, .box-formsearch .col-xs-3, .box-formsearch .col-xs-4, .box-formsearch .col-xs-5,
    .box-formsearch .col-xs-6, .box-formsearch .col-xs-7, .box-formsearch .col-xs-8, .box-formsearch .col-xs-9 {
        position: initial;
    }

    .fullsearch {
        width: 98%;
        border-radius: 0px;
    }

    h2.logo img {
        margin-top: 5px;
        width: 120px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 7px;
    }

    .btn-salary {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 990px) and (max-width: 1023px) {
    /* INTRO HOME */
    .wrap-search-advenced .widget-search {
        margin-top: 24%;
        left: 3%;
        width: 95%;
    }

    .widget-search h1.sologan-h1.wow.fadeInLeft.animated, .widget-search h2.sologan-h2.wow.fadeInLeft.animated {
        font-size: 20px;
    }

    .widget-search .sologan-h2 {
        margin: 10px 0px 10px 0px;
    }

    h2.logo img {
        margin-top: 5px;
        width: 120px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 7px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* COLOR SEARCH*/
    .box-shadow-search .form-control {
        background: transparent;
        border: none;
        color: #fff !important;
    }

    .box-shadow-search .form-control::-webkit-input-placeholder { /* WebKit browsers */
        color: #fff;
    }

    .box-shadow-search .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #fff;
    }

    .box-shadow-search .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #fff;
    }

    .box-shadow-search .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #fff;
    }

    .color-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff;
    }

    .color-input::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
    }

    .color-input:-ms-input-placeholder { /* IE 10+ */
        color: #fff;
    }

    .color-input:-moz-placeholder { /* Firefox 18- */
        color: #fff;
    }

    .box-shadow-search .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
        background-color: transparent;
        color: #fff;
        border: none;
    }

    .box-shadow-search span.caret {
        background: url(../images/span-drop-png.png) no-repeat center -1px !important;
        width: 19px;
        height: 12px;
        border: 0px;
    }

    /* Apply jobs */
    .mrg-job100 {
        margin-top: 140px;
    }

    .wrap-apply-job {
        margin: 15px;
        text-align: center;
    }

    .wrap-apply-job .box-apply-job.rgt {
        text-align: center;
        display: block;
        float: none;
        padding-bottom: 30px;
    }

    .box-apply-job.lft h1 {
        font-size: 130%;
    }

    ul.tab-apply-job li a {
        font-size: 90%;
    }

    .wrap-apply-job .apply-now {
        margin-top: 10px;
    }

    .class_4, .class_5 {
        display: none;
    }

    h2.logo img {
        margin-top: 5px;
        width: 120px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 7px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1058px) {
    /* INTRO HOME */
    .wrap-search-advenced .widget-search {
        margin-top: 12%;
        position: absolute;
        z-index: 10;
        left: 5%;
        width: 90%;
    }

    h2.logo img {
        margin-top: 5px;
        width: 120px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 7px;
    }
}

@media only screen and (min-width: 1050px) and (max-width: 1200px) {
    .class_4, .class_5 {
        display: none !important;
    }
}

@media only screen and (min-width: 1059px) and (max-width: 1210px) {
    /* INTRO HOME */
    .wrap-search-advenced .widget-search {
        margin-top: 15%;
        position: absolute;
        z-index: 10;
        left: 7%;
        width: 87%;
    }

    .class_4, .class_5 {
        display: none !important;
    }
}

@media only screen and (min-width: 1210px) and (max-width: 1415px) {
    /* INTRO HOME */
    .wrap-search-advenced .widget-search {
        margin-top: 13%;
        position: absolute;
        z-index: 10;
        left: 12%;
        width: 76%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
    /* COLOR SEARCH*/
    .box-shadow-search .form-control {
        background: transparent;
        border: none;
        color: #fff !important;
    }

    .box-shadow-search .form-control::-webkit-input-placeholder { /* WebKit browsers */
        color: #fff;
    }

    .box-shadow-search .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #fff;
    }

    .box-shadow-search .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #fff;
    }

    .box-shadow-search .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #fff;
    }

    .color-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff;
    }

    .color-input::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
    }

    .color-input:-ms-input-placeholder { /* IE 10+ */
        color: #fff;
    }

    .color-input:-moz-placeholder { /* Firefox 18- */
        color: #fff;
    }

    .box-shadow-search .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
        background-color: transparent;
        color: #fff;
        border: none;
    }

    .box-shadow-search span.caret {
        background: url(../images/span-drop-png.png) no-repeat center -1px !important;
        width: 19px;
        height: 12px;
        border: 0px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    /* COLOR SEARCH*/
    .box-shadow-search .form-control {
        background: transparent;
        border: none;
        color: #fff !important;
    }

    .box-shadow-search .form-control::-webkit-input-placeholder { /* WebKit browsers */
        color: #fff;
    }

    .box-shadow-search .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #fff;
    }

    .box-shadow-search .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #fff;
    }

    .box-shadow-search .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #fff;
    }

    .color-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff;
    }

    .color-input::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
    }

    .color-input:-ms-input-placeholder { /* IE 10+ */
        color: #fff;
    }

    .color-input:-moz-placeholder { /* Firefox 18- */
        color: #fff;
    }

    .box-shadow-search .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
        background-color: transparent;
        color: #fff;
        border: none;
    }

    .box-shadow-search span.caret {
        background: url(../images/span-drop-png.png) no-repeat center -1px !important;
        width: 19px;
        height: 12px;
        border: 0px;
    }
}

@media only screen and (min-width: 988px) and (max-width: 1255px) {
    /* COLOR SEARCH*/
    .box-shadow-search .form-control {
        background: transparent;
        border: none;
        color: #fff !important;
    }

    .box-shadow-search .form-control::-webkit-input-placeholder { /* WebKit browsers */
        color: #fff;
    }

    .box-shadow-search .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #fff;
    }

    .box-shadow-search .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #fff;
    }

    .box-shadow-search .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #fff;
    }

    .color-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff;
    }

    .color-input::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
    }

    .color-input:-ms-input-placeholder { /* IE 10+ */
        color: #fff;
    }

    .color-input:-moz-placeholder { /* Firefox 18- */
        color: #fff;
    }

    .box-shadow-search .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
        background-color: transparent;
        color: #fff;
        border: none;
    }

    .box-shadow-search span.caret {
        background: url(../images/span-drop-png.png) no-repeat center -1px !important;
        width: 19px;
        height: 12px;
        border: 0px;
    }
}

@media (min-width: 601px) {
    .wp-col.m1 {
        width: 8.33333%
    }

    .wp-col.m2 {
        width: 16.66666%
    }

    .wp-col.m3, .wp-quarter {
        width: 24.99999%
    }

    .wp-col.m4, .wp-third {
        width: 33.33333%
    }

    .wp-col.m5 {
        width: 41.66666%
    }

    .wp-col.m6, .wp-half {
        width: 49.99999%
    }

    .wp-col.m7 {
        width: 58.33333%
    }

    .wp-col.m8, .wp-twothird {
        width: 66.66666%
    }

    .wp-col.m9, .wp-threequarter {
        width: 74.99999%
    }

    .wp-col.m10 {
        width: 83.33333%
    }

    .wp-col.m11 {
        width: 91.66666%
    }

    .wp-col.m12 {
        width: 99.99999%
    }
}

@media screen and (min-width: 640px) {

    .box-jobs-suggested .dl-horizontal dd {
        margin-left: 90px;
        height: 18px;
        overflow: hidden;
    }

    .wrap-slogan .slide .carousel-inner .item {
        height: 280px;
    }

    .wrap-slogan .slide .carousel-inner .box-content .item-body {
        height: 230px;
    }

    .wrap-slogan .slide .carousel-inner .box-content .item-body .item-content {
        height: 190px;
    }

    .list-jobs-found .body-list-jobs .company-logo {
        display: block;
    }

    .job-title-info {
        margin: 0 0 20px 0;
        display: inline-flex;
        align-items: center;
        margin: 0 -20px;
    }

    .job-title-info > * {
        margin: 0 20px;
    }
}

@media (min-width: 993px) {
    .wp-col.l1 {
        width: 8.33333%
    }

    .wp-col.l2 {
        width: 16.66666%
    }

    .wp-col.l3 {
        width: 24.99999%
    }

    .wp-col.l4 {
        width: 33.33333%
    }

    .wp-col.l5 {
        width: 41.66666%
    }

    .wp-col.l6 {
        width: 49.99999%
    }

    .wp-col.l7 {
        width: 58.33333%
    }

    .wp-col.l8 {
        width: 66.66666%
    }

    .wp-col.l9 {
        width: 74.99999%
    }

    .wp-col.l10 {
        width: 83.33333%
    }

    .wp-col.l11 {
        width: 91.66666%
    }

    .wp-col.l12 {
        width: 99.99999%
    }

    .box-related-slogan {
        display: block;
    }
}

@media screen and (min-width: 1024px) {

    .wrap-slogan .slide {
        padding: 0;
    }

    .wrap-slogan .slide .carousel-indicators {
        bottom: 0px;
    }

    .wrap-slogan .slide .carousel-inner .box-content {
        display: flex;
        max-width: 850px;
        margin: 0 auto;
        padding: 5px 0;
    }

    .wrap-slogan .slide .carousel-inner .box-content .item-avatar {
        position: inherit;
        height: initial;
        width: 220px;
        flex: none;
        margin: 0 20px 0 0;
        border-radius: 10px;
        border: none;
        box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .2), 0 2px 5px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    }

    .wrap-slogan .slide .carousel-inner .box-content .item-avatar img {
        clip-path: none;

    }

    .wrap-slogan .slide .carousel-inner .box-content .item-body {
        border-radius: 10px;
        position: relative;
    }

    .wrap-slogan .slide .carousel-inner .box-content .item-body .item-content {
        height: 230px;
    }

    .wrap-slogan .slide .carousel-inner .item .item-body::before,
    .wrap-slogan .slide .carousel-inner .item .item-body::after {
        top: unset;
        bottom: -4px;
    }

    .wrap-slogan .slide .carousel-inner .item .item-body::before {
        left: -4px;
        border-radius: 0 0 0 10px;
    }

    .wrap-slogan .slide .carousel-inner .item .item-body::after {
        right: -4px;
        border-radius: 0 0 10px 0;
    }
}

@media only screen and (min-width: 1400px) {
    /* COLOR SEARCH*/
    .box-shadow-search .form-control {
        background: transparent;
        border: none;
        color: #fff !important;
    }

    .box-shadow-search .form-control::-webkit-input-placeholder { /* WebKit browsers */
        color: #fff;
    }

    .box-shadow-search .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #fff;
    }

    .box-shadow-search .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #fff;
    }

    .box-shadow-search .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #fff;
    }

    .color-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff;
    }

    .color-input::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
    }

    .color-input:-ms-input-placeholder { /* IE 10+ */
        color: #fff;
    }

    .color-input:-moz-placeholder { /* Firefox 18- */
        color: #fff;
    }

    .box-shadow-search .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
        color: #fff;
    }

    .box-shadow-search span.caret {
        background: url(../images/span-drop-png.png) no-repeat center -1px !important;
        width: 19px;
        height: 12px;
        border: 0px;
    }
}

.wp-content {
    max-width: 980px;
    margin: auto
}

.wp-rest {
    overflow: hidden
}

.wp-hide {
    display: none !important
}

.wp-show-block, .wp-show {
    display: block !important
}

.wp-show-inline-block {
    display: inline-block !important
}

@media (max-width: 600px) {
    /*TESTIMONIALS*/
    .carousel-content {
        display: flex;
        flex-flow: row wrap;
        padding: 1rem 3em;
        justify-content: center;
        align-items: center;
    }

    .caption-content {
        padding: 0px;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .carousel-control-prev {
        right: 10px;
    }

    .carousel-control-next {
        right: 10px;
    }

    /*TESTIMONIALS*/
    /* SEARCH ADVANCE */
    .tab-content {
        border-left: 1px solid #cdd3d8;
        border-right: 1px solid #cdd3d8;
        border-bottom: 1px solid #cdd3d8;
        padding: 0px 1rem 1rem 1rem;
    }

    /* SEARCH ADVANCE */
    .wp-modal-content {
        margin: 0 10px;
        width: auto !important
    }

    .wp-modal {
        padding-top: 30px
    }

    .wp-hide-small {
        display: none !important
    }

    .wp-mobile {
        display: block;
        width: 100% !important
    }

    .wp-bar-item.wp-mobile, .wp-dropdown-hover.wp-mobile, .wp-dropdown-click.wp-mobile {
        text-align: center
    }

    .wp-dropdown-hover.wp-mobile, .wp-dropdown-hover.wp-mobile .wp-btn, .wp-dropdown-hover.wp-mobile .wp-button, .wp-dropdown-click.wp-mobile, .wp-dropdown-click.wp-mobile .wp-btn, .wp-dropdown-click.wp-mobile .wp-button {
        width: 100%
    }

    .wp-modal-content {
        width: 900px
    }

    .wp-hide-large {
        display: none !important
    }

    .wp-sidebar.wp-collapse {
        display: block !important
    }
}

@media (max-width: 768px) {
    .box-content-list {
        padding: 0rem;
        border: unset;
    }

    .panel-attribute-profile {
        margin: 0px -15px;
        padding: 1rem;
    }

    #candidates-profile-summary {
        padding: 0rem;
    }

    .box-download-print {
        display: flex;
        flex-direction: column;
    }

    .box-download-print li {
        margin-right: 0px;
    }

    .box-download-print li:last-child {
        margin-top: 5px;
    }

    .box-download-print li a {
        width: 100%;
    }

    .col-search-4, .col-search-1 {
        width: 100%;
    }

    .col-search-1 {
        padding: 0px;
    }

    /*SET DEFAULT CSS*/
    .row {
        display: inherit;
        display: inherit;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /*SET DEFAULT CSS*/
    /*SLIDER HOME*/
    #page-index #myCarousel:before {
        opacity: 0.1;
    }

    .container-fluid.slideSearch {
        position: inherit;
    }

    .slideSearch {
        position: inherit;
    }

    .browser.no-list-style .pl-1 {
        padding-left: 0rem !important;
    }

    /*SLIDER HOME*/
    /*FOOTER*/
    footer {
        padding-top: 0.5rem;
        text-align: center;
    }

    /*FOOTER*/
    /*DETAIL*/
    .paragraph-job-detail .box-text {
        padding-left: 0rem;
    }

    /*DETAIL*/
    .border-2 {
        padding: 1rem;
    }

    .ml-15 {
        margin-left: 0px;
    }

    .contact-heading {
        text-align: left;
    }

    form#form-contact {
        padding: 1rem;
    }

    .p-5 {
        padding: 1rem !important;
    }

    .mt-42, .my-42 {
        margin-top: 0rem !important;
    }

    .box-heading-text {
        flex-direction: column;
        align-items: start;
    }

    .box-heading-text.mb-4 {
        margin-bottom: 0.5rem !important;
    }

    .box-heading-text .p-2 {
        padding: 0rem !important;
    }

    .group-button {
        text-align: center;
    }

    .footer-list-job {
        text-align: center;
    }
}

@media (max-width: 992px) and (min-width: 601px) {
    .wp-hide-medium {
        display: none !important
    }
}

@media (max-width: 992px) {
    .mobil.pl-0.pr-0{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .panel-candidate-info {
        padding-left: 0rem;
    }

    /*SET DEFAULT CSS*/
    .row {
        display: inherit;
        display: inherit;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /*SET DEFAULT CSS*/
    .group-mobil {
        text-align: center;
    }

    .group-button .hide_apply {
        display: none;
    }

    div#quote-carousel {
        padding: 0;
    }

    .change-password-candidate {
        margin-top: 2em;
    }

    .top3 {
        margin-top: -3em;
    }

    .mrgtop150 {
        margin-top: 3em;
    }

    .content-job-detail {
        margin-top: 4em;
    }

    .bg-job-detail .job-nav {
        display: flow-root;
    }

    .wp-sidebar.wp-collapse {
        display: none
    }

    .wp-main {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .fr-logo-wrapper {
        background: #fff;
        padding: 5px;
        box-shadow: 0 0 3px rgba(0, 0, 0, .4);
        margin-bottom: -5px;
        border-radius: 3px;
        width: 100px;
        transform: translateY(-50%);
        margin-left: auto;
        margin-right: auto;

    }

    .heading-title-job {
        margin-top: 0;
        text-align: center;
    }

    .name-company {
        text-align: center;
    }

    .body-job-detail .ellipsis {
        margin-bottom: 10px;
    }

    .pr15.pr-0 {
        padding-right: 15px;
    }

    .align-login {
        text-align: left;
    }

    .fe-name-company {
        text-align: center;
    }
}

@media screen and (max-width: 580px) {
    .div_table {
        display: block;
    }

    .div_cell {
        padding: 2px 16px;
        display: block;
    }

    .div_row {
        padding: 14px 0 7px;
        display: block;
    }

    .div_row.div_header {
        padding: 0;
        height: 6px;
    }

    .div_row.div_header .div_cell {
        display: none;
    }

    .div_row .div_cell {
        margin-bottom: 10px;
    }

    .div_row .div_cell:before {
        margin-bottom: 3px;
        content: attr(data-title);
        min-width: 98px;
        font-size: 10px;
        line-height: 10px;
        font-weight: bold;
        text-transform: uppercase;
        color: #969696;
        display: block;
        border-left: none;
    }

    .div_cell.div-jobs-name {
        text-align: center;
        word-break: break-word;
        max-width: 100%;
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
    }

    /* IMG OUR OFFICE*/
    .img-album-company {
        margin: 0px 3px !important;
    }

    .img-album-company img {
        background-size: cover;
        height: 100px;
    }
}

@media only screen and (min-width: 580px) and (max-width: 647px) {
    /* IMG OUR OFFICE*/
    .img-album-company {
        margin: 0px 3px !important;
    }

    .img-album-company img {
        background-size: cover;
        height: 120px;
    }
}

@media only screen and (min-width: 580px) and (max-width: 760px) {
    .div_cell.div-jobs-name {
        word-break: break-word;
        max-width: 100%;
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
    }
}

@media only screen and (min-width: 680px) and (max-width: 992px) {
    /* MENU HOME */
    .navbar-default .navbar-nav > li > a {
        padding: 10px 6px;
    }

    /* HOT JOBS - TOP EMPLOYER */
    .hot-jobs-item {
        width: 31%;
    }

    .open-jobs-item {
        padding: 0;
    }

    .hot-jobs-experienced {
        height: 38px;
        overflow: hidden;
    }

    .class_4, .class_5 {
        display: none !important;
    }

    h2.logo img {
        margin-top: 5px;
        width: 120px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 7px;
    }
}

@media only screen and (min-width: 519px) and (max-width: 680px) {
    .hot-jobs-item {
        width: 47%;
    }

    .open-jobs-item {
        padding: 0;
    }
}

@media only screen and (min-width: 500px) and (max-width: 736px) {
    .wrap-search-advenced .widget-search {
        position: relative !important;
    }
}

@media only screen and (min-width: 765px) and (max-width: 1064px) {
    ul.nav.navbar-nav li {
        padding: 9px 0px;
    }
}