.bg-contact,
.bg-executive,
.bg-home,
.bg-home-biru,
.bg-vision {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

#about-us,
#client-box {
  max-width: 1000px
}

#bg_load,
.benefit,
.benefit2,
.center,
.form-thdr-p,
.logo_rms {
  text-align: center
}

.border-about,
.jobs:hover {
  webkit-box-shadow: 5px 5px 20px 0 #ededed
}
.black2 {
  color: #b2b2b2 !important;
}
.black3{
  color: #333333;
}
@font-face {
  font-family: segoe;
  src: url(https://karirpad.com/new_ats/assets/font/new_ats/segoeui-reguler.ttf)
}

@font-face {
  font-family: segoe-light;
  src: url(https://karirpad.com/new_ats/assets/font/new_ats/segoeui-light.ttf)
}

@font-face {
  font-family: segoeui-bold;
  src: url(https://karirpad.com/new_ats/assets/font/new_ats/segoeui-bold.ttf)
}

@font-face {
  font-family: segoeui-semilight;
  src: url(https://karirpad.com/new_ats/assets/font/new_ats/segoeui-semilight.ttf)
}

@font-face {
  font-family: segoe-semi;
  src: url(https://karirpad.com/new_ats/assets/font/new_ats/segoeui-semibold.ttf)
}

@font-face {
  font-family: segoe-italic;
  src: url(../font/SegoeUI-Italic.ttf)
}

@font-face {
  font-family: segoe-italic;
  src: url(../font/SegoeUI-Italic.otf)
}

@font-face {
  font-family: raleway;
  src: url(../font/Raleway-Medium.ttf)
}

@font-face {
  font-family: raleway-semi;
  src: url(../font/Raleway-SemiBold.ttf)
}

@font-face {
  font-family: raleway-bold;
  src: url(../font/Raleway-Bold.ttf)
}



/* INCHANGE */
@font-face {
  font-family: roboto-black;
  src: url('https://www.karirpad.com/assets/fonts/roboto/Roboto-Black.ttf')
}

@font-face {
  font-family: roboto-bold;
  src: url('https://www.karirpad.com/assets/fonts/roboto/Roboto-Bold.ttf')
}

@font-face {
  font-family: roboto-light;
  src: url('https://www.karirpad.com/assets/fonts/roboto/Roboto-Light.ttf')
}

@font-face {
  font-family: 'roboto-semi';
  src: url('https://www.karirpad.com/assets/fonts/roboto/Roboto-Medium.ttf')
}

@font-face {
  font-family: 'roboto';
  src: url('https://www.karirpad.com/assets/fonts/roboto/Roboto-Regular.ttf')
}

@font-face {
  font-family: 'roboto-thin';
  src: url('https://www.karirpad.com/assets/fonts/roboto/Roboto-Thin.ttf')
}

.roboto {
  font-family: 'roboto';
}

.roboto-black {
  font-family: 'roboto-black';
}

.roboto-bold {
  font-family: 'roboto-bold';
}

.roboto-light {
  font-family: 'roboto-light';
}

.roboto-semi {
  font-family: 'roboto-semi';
}

.roboto-thin {
  font-family: 'roboto-thin';
}

.swal2-title, .swal2-modal .swal2-styled {
  font-family: 'roboto-semi' !important;
}

.swal2-modal {
  font-family: 'roboto';
}

.yellow {
  background: #fdb913 !important;
}
/* INCHANGE */
/*modal bootstrap*/
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal.fade .modal-dialog-lg {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog-lg {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-dialog-lg {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  /*border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);*/
  border-radius: 3px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer-bottom
{
  bottom: 0;
  position: absolute;
}
.modal-footer {
  padding: 15px;
  padding-top:5px;
  padding-bottom: 20px;
  /*text-align: right;*/
  /*border-top: 1px solid #e5e5e5;*/
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.btn-reset{
    background-color: #ffffff;
    border: 1px solid #00c524;
}
@media (min-width: 768px) {

  .modal-dialog-lg
  {
    width: 1000px;
    margin: 30px auto;
  }
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
/*end modal*/

/*modal left*/
****************************/
  .modal.modal-left .modal-dialog,
  {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }

  .modal.modal-left .modal-content,
   {
    height: 100%;
    overflow-y: auto;
  }

  .modal.modal-left .modal-body,
   {
    padding: 15px 15px 20px;
  }

/*Left*/
  .modal.modal-left.fade .modal-dialog{
    left: -320px;
    top:-29px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
            transition: opacity 0.3s linear, left 0.3s ease-out;
  }

 /* .modal.modal-left.fade.in .modal-dialog{
    left: 0;
  }*/
/*end left*/


/*modal right*/

  .modal.modal-right .modal-dialog,
   {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }

  .modal.modal-right .modal-content,
   {
    height: 100vh;
    overflow-y: auto;
  }

  .modal.modal-right .modal-body,
   {
    padding: 15px 15px 20px;
  }

/*right*/
  .modal.modal-right.fade>.modal-dialog{
    right: -15%;
    top: -5%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
  }

 /* .modal.modal-right.fade.in .modal-dialog{
    right: 0;
  }*/
/*end right*/
body {
  background-color: #ffffff;
  font-family: roboto;
  margin: 0;
  padding: 0;
  min-width: 1320px;
  height: 100%
}

.pt1em {
  padding-top: 1em
}
.pt4x{
  padding-top:4px;
}

.raleway-semi {
  font-family: raleway-semi
}

.raleway {
  font-family: raleway
}

.txt-required {
  font-family: roboto;
}

input {
  height: 37px
}

input[type=radio] {
  height: auto
}

a,
button {
  cursor: pointer!important
}

.dropbtn,
.file,
.file input,
.jobs:hover,
.menu,
img#refresh {
  cursor: pointer
}

img.img-logo {
  margin-left: 15px;
  max-width: 100px;
  margin-top: 15px;
}

@font-face {
  font-family: montserrat;
  src: url(../font/Montsemrrat-Regular.ttf)
}

.montserrat {
  font-family: montserrat
}

.mr90 {
  margin-right: 90px
}

.ml130 {
  margin-left: 130px
}

.mr130 {
  margin-right: 130px
}

.pl130 {
  padding-left: 130px
}

.pt10 {
  padding-top: 10px;
}

.pt23 {
  padding-top: 23px;
}

.pr130 {
  padding-right: 130px
}

.pb112 {
  padding: 0px 112px;
}

.px80 {
  padding-left: 80px
}

.b2 {
  color: #b2b2b2
}

.mm {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-top: 40px;
  margin-left: -16px;
  margin-right: 15px
}

.segoeUI {
  font-family: 'Segoe UI'
}

.benefit,
.sego-semi,
.segosemi {
  font-family: segoe-semi
}

.inline-block1 {
  display: inline-block;
  padding-right: 40px
}

.inline-block2 {
  display: inline-block;
  margin-left: -30px
}

.benefit {
  font-size: 24px;
  line-height: 0;
  color: #333;
  margin-top: 20px
}

.pt29 {
  padding-top: 29px
}

.pt19 {
  padding-top: 19px
}

.pt2em {
  padding-top: 2em
}
.pt70{
  padding-top:70px;
}

.sign {
  margin-top: 320px;
  float: right;
  margin-right: -543px;
  border-radius: 2px
}

.abu {
  color: #666
}

.black {
  color: #000
}

.c4 {
  color: #c4c4c4
}

.sego {
  font-family: segoe
}

.samping {
  margin-left: 5%
}

.tiga {
  color: #333
}

.bg-white {
  background-color: #fff
}

.bg-ed {
  background-color: #ededed
}

.bg-fa {
  background-color: rgba(255, 255, 255, 0.4);
  width: 750px;
  height: 280px;
  /* border: 1px solid #fafafa; */
  border-radius: 5px;
  margin: 0px auto;
}

.bg-f9 {
  background-color: #f9f9f9
}

.bg-pink {
  background-color: #f06
}

.bg-light {
  background-color: #f8f8f8
}

.bg-dark {
  background-color: #333
}

.bg-tosca {
  background-color: #6dc8c9
}

.bg-orange {
  background-color: #fd6d62
}

.bg-yellow {
  background-color: #f8d347
}

.bg-blue {
  background-color: #57c8f2
}

.bg-biru {
  background-color: #278dcb!important
}

.bg-footer {
  background: linear-gradient(-45deg,rgba(102,102,102,.9) 25rem,#666 25rem);
}

.bd-grey {
  border-color: #e8e8e8
}

.bd-dark {
  border-color: #ededed
}

.bd-lightgrey {
  border-color: #595959
}

.green {
  color: #00c201
}

.login {
  /* background-color: #00c201; */
  /* padding: 14px 38.5px 15px; */
}

.dark {
  color: #333
}

.light {
  color: #000
}

.light-dark {
  color: #bdbdbd
}

.lighter {
  color: #969696
}

.blue {
  color: #44bff2
}

.blue-link {
  color: #1686cc
}

.pink {
  color: #ee1968
}

.f10 {
  font-size: 10px
}

.f11 {
  font-size: 11px
}

.f12 {
  font-size: 12px
}
.f13 {
  font-size: 13px
}

.f14 {
  font-size: 14px
}
.f15 {
  font-size: 15px;
}

.f16 {
  font-size: 16px!important
}

.f18 {
  font-size: 18px
}

.f20 {
  font-size: 20px
}

.f24 {
  font-size: 24px
}

.f60 {
  font-size: 60px;
}

.flighter {
  font-weight: lighter
}

.fbolder {
  font-weight: bolder
}

.pt26 {
  padding-top: 0
}

.pt10{
  padding-top:10px;
}

.plb15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pxv2 {
  padding-left: 16px;
  padding-right: 16px
}

.h380 {
  height: 380px
}

.inherit-img {
  width: inherit
}

.subtext {
  margin-left: 395px;
  width: 450px;
  margin-top: -15px;
  line-height: 2;
  font-size: 16px
}

.inline-ir {
  display: inline;
  margin-left: 3%
}

.searching {
  width: 1000px;
  height: 100px;
  border: 1px solid #ededed;
  border-radius: 5px;
  margin-top: -50px;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  -webkit-box-shadow: 3px 4px 20px 3px #3333331f;
  -moz-box-shadow: 3px 4px 20px 3px #3333331f;
  box-shadow: 3px 4px 20px 3px #3333331f;
  margin-left: 80px;
}

.form-pwd-hdr1,
.hdr-mail-form,
.pwd-hdr1,
.select-form-hdr,
.txt-hdr1 {
  outline: -webkit-focus-ring-color auto 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none
}

.bg-vision {
  height: 250px;
  background-image: url(../img/vision.png)
}

.bg-home-biru {
  height: 200px;
  background-image: url(../img/home-biru.png)
}

.bg-executive {
  height: 600px;
  background-image: url(../img/executive.png)
}

.bg-contact {
  height: 200px;
  background-image: url(../img/contact.png)
}

.bg-home {
  height: 600px;
  background-image: url(../img/home.png)
}

#client {
  max-width: 1222px;
  height: 185px
}

#about-us {
  min-height: 185px;
  padding: 10px;
  overflow: auto
}

#form_message {
  width: 500px;
  margin: auto;
  font-size: .9em
}

#client-box2 {
  max-width: 500px;
  margin: 100px auto auto;
  height: 300px
}

.client-img2 {
  width: 200px;
  height: 150px
}

.client-img2 img {
  margin: auto
}

.w180 {
  width: 180px
}

#wrap {
  border: 1px solid #CCC;
  width: 203px;
  -webkit-border-radius: 10px;
  float: left;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 3px;
  margin-bottom: 10px;
  margin-left: 210px
}

#wrap-securimage p {
  margin-left: 208px;
  display: inline-block
}

.py15px {
  padding-top: 15px;
  padding-bottom: 15px
}

img#refresh {
  margin: 41px 4px
}

#box1 {
  width: 760px;
  margin: 70px auto auto
}

#box2 {
  width: 750px;
  margin: 20px auto auto
}

#box3 {
  max-width: 950px;
  margin: -450px auto auto;
  height: 450px
}

.contact-person {
  width: 230px;
  float: left;
  height: 75px;
  margin-left: 10px
}

.cp-photo {
  float: left;
  width: 85px;
  height: 85px
}

.cp-photo img {
  width: inherit
}

.cp-id {
  float: left;
  width: 125px;
  height: 75px;
  padding-left: 10px;
  margin-top: 30px;
  font-size: 13px
}

.client-img {
  width: auto;
  height: 100px
}

.mb20 {
  margin-bottom: 20px
}

.mb40 {
  margin-bottom: 40px
}

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

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

.mt25 {
  margin-top: 25px
}

.mt50 {
  margin-top: 50px
}

.mt30 {
  margin-top: 30px
}

.ml50 {
  margin-left: 50px
}

.msep {
  margin-left: 9%
}

.mdep {
  margin-left: 8%
}

.ml75 {
  margin-left: 75px
}

.ml45 {
  margin-left: 45px
}

.mt10 {
  margin-top: 10px!important
}

.mt23 {
  margin-top: 23px
}

.mt22 {
  margin-top: 22px
}

#client-img img {
  margin: auto;
  height: auto;
  width: auto
}

.mt20 {
  margin-top: 20px
}

.mt40 {
  margin-top: 40px
}

.mt45 {
  margin-top: 45px
}

#sosmed-box {
  float: left;
  margin-left: 48px
}

ul .sosmed_list {
  list-style: none;
  float: left;
  margin-left: 35px
}

li .sosmed_list {
  float: left;
  margin-left: 10px
}

#copy {
  margin-top: 50px;
  margin-left: 43px
}

.pt45 {
  padding-top: 45px
}

.pt37 {
  padding-top: 37px
}

.pt35 {
  padding-top: 35px
}

.mr40 {
  margin-right: 40px
}

.mr50 {
  margin-right: 50px
}

.mr30 {
  margin-right: 85px
}

.ml30 {
  margin-top: 5px
}

.h450 {
  height: 450px
}

.h550 {
  height: 550px
}

.h1000 {
  height: 1000px
}

.client-left,
.video-box {
  width: 535px;
  height: 450px;
  float: left;
  padding: 30px
}

.f26 {
  font-size: 26px
}

.f30 {
  font-size: 30px
}

.f50 {
  font-size: 50px
}

.biru {
  color: #1f5d97
}

.kuning {
  color: #fdb913;
}

.raleway-bold {
  font-family: raleway-bold
}

.bg-grey {
  background-color: #f2f2f2
}

.bg-f6 {
  background-color: #f6f6f6
}

.h37 {
  height: 37px
}

.h638 {
  height: auto
}

.left-border {
  height: 3px;
  background-color: #f06
}

.lh25 {
  line-height: 25px
}

.lh20 {
  line-height: 20px
}

.right-border {
  height: 3px;
  background-color: #a00040
}

#imgCaptcha {
  box-sizing: border-box;
  display: inline-block;
  float: left;
  border: 1px solid #e8e8e8!important;
  border-radius: 3px
}

.btn-primary {
  color: #fff;
  background-color: #0074d9;
  border-radius: 3px
}

.grayscale {
  opacity: .7;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%)
}

.bg-grayscale {
  background-color: #666;
  opacity: .2;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%)
}

table.tb-border,
table.tb-border td {
  border-style: solid;
  border-width: .5px;
  border-color: #e8e8e8
}

button:hover {
  /*filter: brightness(85%)*/
}

.bgpink-hover:hover div {
  background-color: #ffe6f0
}

.btn-login:hover,.btn-login-home:hover,.btn-sign-home:hover,.btn-sign:hover,.btn-hire:hover,.btn-job:hover,.apply-btn:hover{
  -webkit-box-shadow: 2px 5px 20px 0px #999999ab;
  -moz-box-shadow: 2px 5px 20px 0px #999999ab;
  box-shadow: 2px 5px 20px 0px #999999ab;
  transition: 0.2s;
}

.arrow-up,
.arrow-up-rev {
  content: "";
  display: block;
  background: url(../img/panah-submenu.png) no-repeat;
  width: 12px;
  height: 8px;
  margin-top: -8px
}

.arrow-up {
  margin-left: 15px
}
.pointer{
  cursor:pointer;
}
.arrow-up-rev {
  margin-left: 185px
}

.menu {
  font-size: 16px !important;
  color: #002d62 !important;
  font-family: roboto-semi !important
}

.menu:hover,.menu-footer:hover {
  color: #002d62 !important
}

.menu-border:hover {
  border-bottom: 3px solid #002d62;
  height: 23px;
}

.menu > img {
  max-width: 16px;
  margin-left: 5px;
}

.sub_menu,
.sub_menu_tools {
  width: 220px;
  height: auto;
  border-top: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  background-color: #FFF;
  z-index: 999;
  position: absolute
}

.fw300 {
  font-weight: 300
}

.fw600 {
  font-weight: 600
}

.sub_menu {
  top: 38px
}

.sub_menu_tools {
  top: 32px
}

#jobs_submenu {
  display: none;
  margin-left: 350px
}

#candidate {
  display: none;
  margin-left: 415px
}

#process_submenu {
  display: none;
  margin-left: 522px
}

#report_submenu {
  display: none;
  margin-left: 615px
}

#tools_submenu {
  display: none;
  margin-left: 1080px
}

.link_submenu {
  border-bottom: 1px solid #ededed;
  height: 25px;
  padding-top: 5px;
  padding-left: 10px
}

.link_submenu a {
  color: #8e8e8e;
  text-decoration: none
}

.link_submenu a:hover {
  color: #f06
}

.button_badge {
  border-radius: 60px;
  color: #fff;
  padding: 1px 3px;
  font-size: 10px;
  position: absolute;
  top: 6px;
  margin-left: 10px
}

.px06 {
  padding-left: .6rem;
  padding-right: .6rem
}

.active {
  color: #278dcb!important;
  background-color: transparent!important
}

.active-border {
  border-bottom: 5px solid #278dcb;
  /* height: 46px; */
}

.kolom5 {
  width: 20%
}

.btn,
.btnEdit {
  height: 35px;
  width: 35px;
  border-width: 2px;
  border-color: #e8e8e8;
  background: #f8f8f8;
  border-radius: 5px
}

.access_col {
  min-height: 400px
}

.p10 {
  padding: 10px
}

.btnEdit {
  position: absolute;
  margin-top: -10px;
  margin-left: -30px
}

.box {
  padding-left: 35px
}

.box2 {
  padding: 0 30px
}

.box3 {
  padding: 0 25px
}

.pr30 {
  padding-right: 30px
}

.gambar img:hover {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  cursor: pointer
}

.gambar img {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1)
}

#bg_load {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  background: rgba(255, 255, 255, .7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.gugel {
  float: right;
  margin-top: 278px;
  margin-right: -541px
}

.ats-flr {
  float: right;
  margin-right: 20px
}

.white {
  color: #fff
}

.form-thdr {
  background-color: #fff;
  margin-right: 70px;
  background: rgba(255, 255, 255, .79);
  border-bottom: 2px solid #00c201;
  width: 315px;
  margin-top: 20px
}

.form-hdr1 {
  background-color: #000;
  padding-top: 3px;
  background: rgba(255, 255, 255, .79);
  width: 315px;
  height: 70px
}

.lbl-form-hdr {
  color: #666;
  font-family: segoe;
  font-size: 12px;
  padding-left: 30px;
  margin-bottom: 5px
}

.pwd-hdr1,
.txt-hdr1 {
  padding-left: 10px;
  height: 24px;
  width: 250px
}

.txt-hdr1 {
  margin-left: 30px;
  background: #efefef!important;
  border: none;
  border-bottom: 1px solid #666;
  color: #666
}

.pwd-hdr1,
.select-form-hdr {
  border: none;
  margin-left: 30px;
  color: #666;
  border-bottom: 1px solid #666
}

.pwd-hdr1 {
  background: #efefef
}

.fs-hdr1 {
  background-color: #000;
  padding-top: 3px;
  background: rgba(255, 255, 255, .79);
  width: 315px;
  height: 60px
}

.select-form-hdr {
  height: 25px;
  width: 260px;
  background: url(https://karirpad.com/new_ats/assets/img/new_ats/icon/narrow-down.png) 98% no-repeat #efefef;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-appearance: none;
  -moz-border-radius: 0;
  padding-left: 5px
}

.form-pwd-hdr1,
.hdr-mail-form {
  background-color: #000;
  padding-top: 3px;
  height: 70px;
  width: 315px;
  background: rgba(255, 255, 255, .79)
}

.form-pwd-hdr1 {
  padding-bottom: 25px
}

.fb-hdr1 {
  background-color: #000;
  margin-right: 104px;
  background: rgba(99, 99, 99, .5)
}

.location,
.post {
  background-repeat: no-repeat;
  background-origin: border-box;
  background-position: left;
  background-position-x: 10px
}

.bg-job,
.bg-question,
.bg-sign {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

.frb-hdr1 {
  color: #fff;
  background-color: #00c201;
  border: none;
  font-size: 16px;
  width: 315px;
  height: 42px
}

.form-thdr-p {
  color: #00c201;
  font-family: segoe-semi;
  font-size: 16px;
  margin-left: 10px;
  padding-top: 10px;
  margin-bottom: 10px
}

.input-error {
  border: 1px solid #F14635!important
}

.notif-error {
  font-size: 10px;
  font-family: segoe;
  float: left;
  margin-left: 30px;
  color: #f14635
}

.hide {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px)
}

.file,
.sepersepuluh,
.sepertiga,
.sepertujuh,
.setengah {
  position: relative
}

.h50 {
  height: 50px
}

.clear-both {
  clear: both
}

.container-hcf {
  width: 1360px;
  margin: auto;
  background-color: #FFF
}

.box-feature {
  width: 1170px;
  height: auto;
  margin: 30px auto
}

#own-wrap {
  line-height: 1.3em
}

.setengah {
  width: 50%;
  float: left;
  height: 300px
}

.sepertiga {
  width: 30%;
  float: left
}

.sepertujuh {
  width: 70%;
  float: left
}

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

.black6 {
  color: #666
}

.black6i {
  color: #666 !important;
}

.black9 {
  color: #999
}

.p15 {
  padding: 15px
}

.judul1 {
  padding: 55px 15px 15px;
  margin-top: 20px
}

.judul1 span {
  color: #007eca;
  font-size: 18px;
  font-family: segoe-semi
}

.subjudul {
  font-family: segoe;
  font-size: 14px;
  color: #666
}

.judul-kiri {
  padding: 65px 15px 15px;
  margin-top: 20px
}

.judul-kiri span {
  color: #007eca;
  font-size: 18px;
  font-family: segoe-semi
}

.gambar-kanan img {
  margin-left: -50px
}

.gambar-kanan2 img {
  margin-left: -25px
}

.gambar-kanan3 {
  padding: 15px 15px 15px 85px
}

.f77 {
  background-color: #f7f7f7
}

.benefit2 {
  font-family: segoe-semi;
  font-size: 24px;
  color: #333
}

.w550 {
  width: 550px
}

.ml115 {
  margin-left: 115px
}

.ml-25 {
  margin-left: -20px
}

.gb-header {
  right: 0;
  margin-left: 15px
}

.txt-required {
  font-size: 11px;
  vertical-align: top;
  color: #f14635;
  margin-top: 0;
  margin-bottom: 0
}

.form-input,
.form-login,
.form-question,
.form-register,
.form-txt {
  color: #666;
  font-family: roboto;
  padding-left: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  outline: -webkit-focus-ring-color auto 0
}

.form-input,
.form-txt {
  width: 358px;
  border: 1px solid #d8d8d8;
  font-size: 16px
}

.content-feature {
  margin-left: 124px;
  margin-right: 124px
}

.form-input {
  height: 35px;
  border-radius: 2px
}

.form-txt {
  height: 80px;
  border-radius: 2px
}

.form-question {
  height: 35px;
  width: 300px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  font-size: 16px
}

.form-login,
.form-register {
  height: 40px;
  margin-top: 10px
}

.form-login {
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  font-size: 14px
}

.form-register {
  width: 350px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  font-size: 14px
}

.mb30 {
  margin-bottom: 30px
}

.jarak-form {
  margin-bottom: 25px
}

.map {
  float: left;
  padding-bottom: 120px
}

.bb-white {
  border-bottom: 1px solid #e5e5e5
}

.form-map {
  float: left;
  padding-top: 25px;
  padding-left: 50px
}

.form-map2 {
  background-color: rgba(251, 251, 251, .48);
  float: left;
  margin: 15px 55px;
  width: 450px;
  border-radius: 5px;
  min-height: 688px;
  height: auto
}

.btn-hire,
.btn-sign {
  border: 1px solid #278dcb;
  color: #fff;
  background-color: #278dcb
}

.btn-sign {
  width: 120px;
  height: 55px;
  font-size: 14px;
  border-radius: 2px;
  border-radius: 3px 0px 0px 3px;
}

.btn-hire {
  width: 250px;
  height: 60px;
  border-radius: 2px
}

.btn-search,
.btn-send,
.btn-prev {
  border: 1px solid #fdb913;
  color: #fff
}

.btn-search {
  background-color: #278dcb;
  width: 180px;
  height: 54px;
  border-radius: 2px
}

.btn-job {
  background-color: #1f5d97;
  width: 250px;
  height: 60px;
  border: 1px solid #1f5d97;
  color: #fff;
  border-radius: 2px
}

.btn-sign-home {
  background-color: #b3b3b3;
  width: 120px;
  height: 55px;
  border: 1px solid #b3b3b3;
  color: #fff;
  font-size: 14px;
  border-radius: 2px
}

.btn-question,
.btn-send,
.btn-prev {
  background-color: #fdb913;
  height: 35px
}

.btn-send,
.btn-prev {
  width: 443px;
  font-size: 14px;
  border-radius: 2px
}

.btn-question {
  width: 655px;
  margin-left: 28px;
  border: 1px solid #278dcb;
  color: #fff;
  font-size: 14px;
  border-radius: 2px
}

.btn-login,
.btn-login-home {
  width: 120px;
  height: 55px;
  color: #fff;
  font-size: 14px
}

.btn-login {
  background-color: #1f5d97;
  border: 1px solid #1f5d97;
  border-radius: 0px 3px 3px 0px;
  margin-left: -5px!important
}

.btn-login-home {
  background-color: #999;
  border: 1px solid #999;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-left: -5px
}

.pt15 {
  padding-top: 15px
}

.gmb-map {
  margin-top: 10%;
  margin-left: 50px
}

.mper25 {
  margin-left: 25%
}

.mt35 {
  margin-top: 35px
}

.pl15 {
  padding-left: 15px
}

.ml30 {
  margin-left: 30px
}

.pbt25 {
  padding-top: 25px;
  padding-bottom: 25px
}

.text-about {
  font-size: 16px;
  font-family: segoe;
  color: #666;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 60px
}

.dropdown-content a,
.form-searching{
  height: 50px;
  width: 300px;
  background-color: #ffffff;
  color: #b2b2b2;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  padding-left: 40px;
  font-family: 'roboto';
  font-size:16px;
  outline: -webkit-focus-ring-color auto 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.form-searching::-webkit-input-placeholder, .subcribe-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b2b2b2;
}
.form-searching::-moz-placeholder, .subcribe-input::-webkit-input-placeholder { /* Firefox 19+ */
  color: #b2b2b2;
}
.form-searching:-ms-input-placeholder, .subcribe-input::-webkit-input-placeholder{ /* IE 10+ */
  color: #b2b2b2;
}
.form-searching:-moz-placeholder, .subcribe-input::-webkit-input-placeholder { /* Firefox 18- */
  color: #b2b2b2;
}

.justify,
.sub-about {
  text-align: justify
}

.reason {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 42px
}

.h100 {
  height: 100px
}

.shadow {
  --box-shadow-color: #f2f2f2;
  -webkit-box-shadow: 0 4px 2px -2px var(--box-shadow-color);
  -moz-box-shadow: 0 4px 2px -2px var(--box-shadow-color);
  box-shadow: 0 4px 2px -2px var(--box-shadow-color)
}

.pt17 {
  padding-top: 1.7rem
}

.pt2l {
  padding-top: 2.5rem
}

.ml25 {
  margin-left: 2.5rem
}

.sub-about {
  width: 450px
}

.div-about {
  padding-top: 120px;
  padding-left: 50px
}

.pt3m {
  padding-top: 3rem
}

.border-about {
  border-radius: 10px;
  border-bottom: : 1px solid #ededed;
  border-right: 1px solid #ededed;
  -moz-box-shadow: 5px 5px 20px 0 #ededed;
  box-shadow: 5px 5px 20px 0 #ededed
}

.ml5 {
  margin-left: 5rem
}

.p-about {
  padding: 30px 0 30px 30px
}

.p30 {
  padding: 30px 0 40px 30px
}

.pd-img {
  padding: 0 0 40px 30px;
  margin-top: -20px
}

.pt30,
.py30 {
  padding-top: 30px!important
}

.text-right {
  text-align: right
}

.mt2v {
  margin-top: 1.5rem
}

.py30 {
  padding-bottom: 30px!important
}

.py35 {
  padding-top: 35px!important;
  padding-bottom: 35px!important
}

.pb20 {
  padding-bottom: 20px
}

.f48 {
  font-size: 48px
}

.subcribe-input {
  width: 375px;
  border-radius: 4px;
  border: none;
  font-size: 16px;
  color: #b2b2b2;
  padding-left: 20px;
  outline: -webkit-focus-ring-color auto 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.subcribe-btn {
  background-color: #278dcb;
  width: 155px;
  border: 1px solid #278dcb;
  color: #ffffff;
  font-size: 14px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  margin-left: -9px !important;
  /*padding: 11px 0px 10px;*/
  height:41.89px;
  /*margin-top: -2px;*/
}

.apply-btn {
  background-color: #fdb913;
  width: 155px;
  border: 1px solid #fdb913;
  color: #ffffff;
  font-size: 14px;
  border-radius:3px;
  padding: 10px 0px 11px;
}

.p2v{
  padding:1rem 3rem;
}

.apply-disabled{
  background-color: #868e96;
  width: 155px;
  border: 1px solid #868e96;
  color: #ffffff;
  font-size: 14px;
  border-radius:3px;
  padding: 10px 0px 11px;
}

.learn-more {
  background-color: #1f5d97;
  width: 160px;
  height: 40px;
  border: 1px solid #1f5d97;
  color: #fff;
  border-radius: 5px
}

.img-partner,
.p-partner {
  margin-left: 40px;
  margin-top: -10px
}

.p-service {
  margin-top: 25px;
  margin-bottom: 50px
}

.post {
  background-image: url(../img/position.png)
}

.location {
  background-image: url(../img/location.png)
}

.search {
  background-image: url("https://www.karirpad.com/img/employer/crowe/loop-yellow.png");
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: right 10px top 9px;
}

.form-searching {
  height: 40px;
  width: 400px;
  color: #b2b2b2;
  border: 1px solid #fdb913;
  border-radius: 2px;
  padding-left: 30px;
  font-size: 16px;
  outline: -webkit-focus-ring-color auto 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none
}

.px25,
.px25v {
  padding-left: 25px
}

.form-searching::-webkit-input-placeholder {
  color: #b2b2b2
}

.form-searching::-moz-placeholder {
  color: #b2b2b2
}

.form-searching:-ms-input-placeholder {
  color: #b2b2b2
}

.form-searching:-moz-placeholder {
  color: #b2b2b2
}

.jobs {
  width: 280px;
  min-height: 200px;
  border-bottom: 1px solid #278dcb;
  height: auto;
  margin: 0 15px
}

.jobs:hover {
  -moz-box-shadow: 5px 5px 20px 0 #ededed;
  box-shadow: 5px 5px 20px 0 #ededed
}

.px25 {
  padding-right: 25px
}

.py20 {
  padding-top: 15px;
  padding-bottom: 15px
}

.pt20,
.text-up {
  padding-top: 20px!important
}

.mr5 {
  margin-right: 35px
}

.bg-question {
  min-height: 720px;
  height: auto;
  background-image: url(../img/question.png)
}

.bg-job,
.bg-sign {
  height: 500px
}

.bg-job, .bg-sign {
  background-image: url("https://www.karirpad.com/img/employer/crowe/crowe-building.png?time=234234");
  margin-top: 100px;
  background-position: center;
  background-size: cover;
}

.bg-sign.login {
  background-image: url("https://www.karirpad.com/img/employer/crowe/crowe-building-blur.png?time=234234");
  height: 520px;
  margin-top: 100px;
  background-position: center;
  background-size: cover;
}

.bg-job {
  background-image: url("https://www.karirpad.com/img/employer/crowe/crowe-building.png?time=234234");
  margin-top: 100px;
  margin-bottom: 30px;
  background-position: center;
  background-size: cover;
  height: 300px;
}

.text-up {
  vertical-align: text-top
}

.file input {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  opacity: .01
}

.file label {
  background: #efefef;
  padding: 5px 10px;
  color: #666;
  font-weight: 700;
  transition: all .4s;
  font-size: 14px
}

.dropbtn {
  border: none
}

.dropdown {
  position: relative;
  display: inline-block
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #278dcb;
  min-width: 220px;
  z-index: 1;
  margin-top: 42px;
  margin-left: -14px;
  text-align: left
}

.dropdown-content a {
  color: #fff;
  padding: 12px 0 12px 35px;
  text-decoration: none;
  display: block;
  font-size: 16px
}

.dropdown-content a:hover {
  background-color: #1f5d97;
  font-family: roboto-bold
}

.dropdown:hover .dropdown-content {
  display: block
}

/* INCHANGE */
.submenu {
  padding: 10px 30px;
  /* box-shadow: 0px 3px 20px 2px rgba(0, 0, 0, 0.07); */
}

.submenu-title {
  padding: 20px 10px 15px 0px;
  /* max-width: 60px; */
  position: inline;
}

.title-image {
  background-color: rgba(102,102,102,.2);
  padding: 15px 18px;
  border-radius: 50%;
  display: inline-block;
}

.title-menu {
  display: inline-block;
  margin: 0px 15px;
}

.title-menu a {
  text-decoration: none;
  color: #002d62;
}

.submenu-list {
  padding: 30px 10px 40px 0px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid black;
}

.submenu-list2 {
  padding: 30px 10px 40px 0px;
  margin: 0px 0px 0px 0px;
}

.submenu-list a, .submenu-list2 a {
  display: inline-block;
  text-decoration: none;
  color: #002d62;
}

.pl155 {
  padding-left: 155px;
}

.pl152 {
  padding-left: 152px;
}

.pl140 {
  padding-left: 140px;
}

.pb10 {
  padding-bottom: 10px !important;
}

.mt28 {
  margin-top: 28px;
}

/* Aldo css */
.position-absolute{
  position:absolute !important;
}

.margin-top-100 {
  margin-top : 100px !important;
}

.margin-top-min102 {
  margin-top : -102px;
}

.margin-top-min161 {
  margin-top : -161px;
}

.display-flex{
  display: flex !important;
}

.justify-content{
  justify-content: center !important;
}

.footer-content {
  padding: 50px 112px;
  z-index: 22;

  background-image: url("https://www.karirpad.com/img/employer/crowe/footer-line-yellow.svg");
  background-repeat: no-repeat;
  background-position: right 10px top 148px;
  background-size: 300px;
}

.footer-content > .content > div {
  display: inline-block;
}

.footer-title {
  float: right;
  margin: 22px 0px 0px 0px;
  color: #ffffff;
}

.link-menu {
  color: #ffffff;
}

.link-menu span {
  color: #ffffff;
  margin: 0px 10px;
}

.link-menu a {
  color: #ffffff;
  text-decoration: none;
}

.link-menu a:hover {
  text-decoration: underline;
}

.content.description {
  margin-top: 70px;
}

.menu-breadcrumb, .menu-button {
  display: inline-block;
  color: #002d62;
}

.menu-button {
  float: right;
}

.menu-button > .login {
  border: 2px solid #627aad;
  padding: 10px 20px;
  color: #1686cc;
  background-color: white;
  margin: 0px 0px 0px 10px;
}

.yellow-line-exciting {
  border-top: 5px solid #fdb913;
  width: 200px;
  margin-top: 20px;
}

.career-description {
  text-align: justify;
  line-height: 1.7;
  font-size: 18px;
  margin: 0px 0px;
}

.quotes {
  background-image: url("https://www.karirpad.com/img/employer/crowe/quote.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1000px;
}

.quotes p {
  font-size: 24px;
  margin-block-start: 100px;
  margin-block-end: 100px;
  margin-left: 171px;
  margin-right: 171px;
  text-align: center;
}

.career-opp {
  margin: 33px 0px 0px 34px;
}

.career-opp > span {
  font-size: 28px;
  font-family: 'roboto-semi';
}

form#masuk {
  width: 430px;
  padding: 0px 0px 0px 0px;
  margin: 0px auto;
}

.submenu-parent {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
}

.submenu-child {
  text-align: center;
  border-bottom: 2px solid #ffe5b4;
  color: #b9b9b9;
  padding-bottom: 10px;
}

.submenu-child-active {
  text-align: center;
  border-bottom: 2px solid #fdb913;
  padding-bottom: 10px;
}

.institution_result:not(:empty), .major_result:not(:empty), .other_result:not(:empty), #domicile_result:not(:empty) {
  display: block;
  border: 1px solid #e9e9e9;
  margin-top: -8px;
  background-color: #f2f2f2;
  overflow-y: scroll;
  max-height: 125px;
  font-size: 14px;
  width: 424px;
}

.institution_result ul, .major_result ul, .other_result ul, #domicile_result ul {
  list-style: none;
  padding-left: 10px;
}

.institution_result a, .major_result a, .other_result a, #domicile_result a {
  color: #007fc9;
}

.institution_result li, .major_result li, .other_result li, #domicile_result li {
  margin-top: 3px;
}

.bc-yellow-blue, .bc-blue-yellow, .bd-yellow-blue, .bd-blue-yellow {
  width: 138px;
  height: 39px;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
}

.bc-yellow-blue {
  background-color: #fdb913;
  color: #002d62;
}

.bc-blue-yellow {
  background-color: #002d62;
  color: #fdb913;
}

.bd-yellow-blue {
  border: 1px solid #fdb913;
  color: #002d62 !important;
}

.bd-blue-yellow {
  border: 1px solid #002d62;
  color: #fdb913 !important;
}

.button_fb{
    width: 327px;
    height: 40px;
    background-color: white;
    border: #ebebeb 1px solid;
    border-radius: 3px;
}
.button_twitter_google_linkedin{
    width: 153px;
    height: 40px;
    background-color: white;
    border: #ebebeb 1px solid;
    border-radius: 3px;
}
.content_button_fb{
    display: flex;
    padding-top: 9px;
    padding-left: 50px;
    padding-right: 50px;
}
.content_button_twitter{
    display: flex;
    padding-top: 9px;
    padding-left: 35px;
    padding-right: 35px;
}
.content_button_google{
    display: flex;
    padding-top: 9px;
    padding-left: 32px;
    padding-right: 32px;
}
.content_button_linkedin{
    display: flex;
    padding-top: 9px;
    padding-left: 30px;
    padding-right: 30px;
}
.size_icon_socmed{
    height: 22px;
}
.jarak_button_fb{
    padding-left: 41px;
}
.jarak_button_twitter_google_linkedin{
    padding-left: 9px;
}
.jarak_content_fb{
    padding-left: 15px;
}
.jarak_content_fb_twitter_google_linkedin{
    padding-left: 10px;
}
.f14{
    font-size: 14px;
}