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

body {
    background-color: #ffffff;
    font-family: SF UI Text;
    margin: 0;
    padding: 0;
    min-width: 1320px;
    height: 100%
}

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

.raleway-semi {
    font-family: 'SF UI Text' !important
}

.raleway,
.txt-required {
    font-family: 'SF UI Text' !important
}

.sf-ui-text,
.txt-required {
    font-family: 'SF UI Text' !important
}

input {
    height: 37px
}

input[type=radio] {
    height: auto
}

a,
button {
    cursor: pointer!important
}

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

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

.pr130 {
    padding-right: 130px
}

.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: #fafafa
}

.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-color: #333
}

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

.f48{
    font-size: 48px
}

.flighter {
    font-weight: lighter
}

.fbolder {
    font-weight: bolder
}

.pt26 {
    padding-top: 0
}
.pt10{
    padding-top:10px;
}
.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
}

.raleway-bold {
    font-family: SF UI Text
}

.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: 14px!important;
    color: #1f5d97!important;
    font-family: 'SF UI Text' !important
}

.menu:hover,.menu-footer:hover {
    color: #278dcb!important
}

.menu-border:hover {
    border-bottom: 5px solid #278dcb;
    height: 46px
}

.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: #4d4c44!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: 'SF UI Text';
    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 {
    border: 1px solid #278dcb;
    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 {
    background-color: #1F5B29;
    height: 35px
}

.btn-send {
    width: 360px;
    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: #f7f7f7;
    color: #b2b2b2;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    padding-left: 40px;
    font-family: 'SF UI Text';
    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: #1f5b29;
    width: 155px;
    border: 1px solid #1f5b29;
    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)
}

.form-searching {
    height: 50px;
    width: 300px;
    color: #b2b2b2;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    padding-left: 40px;
    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
}


.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: 'SF UI Text'
}

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


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