.chvron1,
.chvron2 {
    position: absolute
}

.card .card-body .breadcrumb li:before,
.chvron1 i.fa-chevron-down,
.chvron2 i.fa-chevron-down,
.owl-dots {
    display: none
}

.col-btn,
.col-tab,
.list-jobs .sc,
header.masthead {
    overflow: hidden
}

body {
    background: #fafafa;
    font-family: sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Catamaran;
    font-family: sans-serif
}

.title-job,
label.sub-title {
    font-family: Lato, sans-serif
}

.bg-transparant {
    background-color: transparent
}

.sticky-navbar {
    background-color: #fff;
}

.bg-transparan {
    background: 0 0
}

label.sub-title {
    font-size: 14px
}

.btn-xl {
    text-transform: uppercase;
    padding: 1.5rem 3rem;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .1rem
}

a:hover {
    color: #fff;
    text-decoration: none
}

.bg-black {
    background-color: #000!important
}

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

.bg-dark {
    background-color: #26272b!important
}

.bg-blue {
    background-color: #3498db
}

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

.bg-green {
    background-color: #2ecc71
}

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

.bg-smooth {
    background-color: #f4f8fb
}

.bg-whites {
    background-color: #fafbfd
}
/*.p-5 {
    margin-left: auto;
    margin-right: auto;
}*/

.form-login .p-5 {
    padding-left: 4rem!important;
    padding-right: 4rem!important;
}


.col-centered{
    float: none;
    margin: 0 auto;
}


.py-7 {
    padding-top: 1rem!important
}

.py-8 {
    padding-bottom: 7rem!important;
    padding-top: 7rem!important
}

.home .py-8 {
    padding-top: 8rem!important
}

.hnd {
    padding-right: 40px
}

.rounded-pill {
    border-radius: 5rem
}

.title-job {
    font-size: 20px;
    color: #55595c;
    margin-bottom: 3px;
    font-weight: 600!important
}

.no-padding-top {
    padding-top: 0
}

.no-padding-right {
    padding-right: 0
}

.no-padding-bottom {
    padding-bottom: 0
}

.sleck {
    margin-top: -55px
}

.footer-custome {
    margin-top: 150px
}

.sub-title {
    color: #c1c1c1
}

.btn-jobs {
    background-color: #21ccd4;
    color: #fff
}

.more a, .more-top a {
    font-size: 20px;
    font-family: Montserrat, sans-serif;
    width: 280px;
    padding: 9px 0;
    font-weight: 600;
    margin-top: 25px
}

.more-top a {
    width: 240px;
    padding: 12px 0;
}

.more a:hover, .more-top a:hover  {
    background: #46626e
}

#howitworks .lines,
.easy .line,
.why .line {
    height: 3px;
    background: #21ccd4
}

.easy h2 {
    color: #59717d;
    font-size: 50px;
    font-weight: 300;
    font-family: Muli, sans-serif
}

.easy p {
    color: #87888c;
    font-size: 19px;
    margin-bottom: 3px;
    font-family: Muli, sans-serif
}

#howitworks h2,
.why h2 {
    color: #59717d;
    font-size: 50px;
    font-weight: 300;
    font-family: Muli, sans-serif
}

.easy .line {
    width: 30px;
    margin-left: 3px
}

.why .line {
    width: 30px;
    margin: 0 auto;
    margin-bottom: 40px!important
}

.why img {
    width: 40%
}

#howitworks .lines {
    width: 30px;
    margin-top: 25px;
    margin-bottom: 35px!important
}

.chvron1 {
    left: 37%;
    /**/bottom: -145%
}

.chvron1,
.chvron2 i {
    color: #cacaca;
    font-size: 28px
}

.main-line {
    font-size: 28px;
}

.chvron2 {
    left: 62%;
    /**/bottom: -144%
}

.chvron1,.chvron2 {
    display: none;
}

.why .title-why h4 {
    color: #23c0c8;
    font-size: 25px;
    margin-bottom: 0;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.why .card-body p,
.why .title-why label {
    font-family: Muli, sans-serif
}

.why .title-why label {
    color: #b9b9b9
}

.why .card-body p {
    color: #87888c;
    font-size: 19px
}

span.label-title {
    color: #c1c1c1;
    font-weight: 600
}

.border {
    border: 1px solid #e0e0e0
}

.bg-crop {
    background-image: url(../img/logoicon_cropped.png);
    background-size: 20%;
    background-position-y: bottom;
    background-repeat: no-repeat!important
}

.navbar-custom {
    background-color: #1fbcc4;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.navbar-custom .navbar-brand {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700
}

.navbar-custom .navbar-nav .nav-item .nav-link {
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
}

.navbar-custom .navbar-nav .nav-item .nav-link:hover {
    color: #fcdb32;
}

.navbar-custom .navbar-nav li.bg-border a,
.navbar-custom .navbar-nav li.bg-custome a {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px!important;
    border-radius: 25px;
}

.navbar-custom .navbar-nav li.bg-custome {
    background-color: #1fbcc4;
    border-radius: 20px;
    margin-right: 10px
}

.navbar-custom .navbar-nav li.bg-border {
    border: 3px solid #fff;
    margin-left: 10px;
    border-radius: 20px
}

.navbar-custom .navbar-nav li.border-purple {
    border: 3px solid #1fbcc4
}

.navbar-custom .navbar-nav li.border-purple a {
    color: #1fbcc4
}

.navbar-brand img {
    max-width: 250px
}

header.masthead {
    position: relative;
    background: #1fbcc4
}

header.masthead .masthead-content {
    z-index: 1;
    position: relative
}

header.masthead .masthead-content .masthead-heading {
    font-size: 3rem
}

header.masthead .masthead-content .masthead-subheading {
    font-size: 2rem
}

header.masthead .masthead-content p {
    margin-top: 10px;
    font-size: 17px;
    font-family: Muli, sans-serif;
}

.header-home button,
.header-home h1,
.header-home h2 {
    font-family: Montserrat, sans-serif;
}

.dropdown-custome {
    left: 78.6%;
    min-width: 9rem;
    border-radius: 0;
    top: auto;
    background-color: rgba(255, 255, 255, .5)
}

.dropdown-custome a {
    color: #fff;
    font-size: 15px;
    padding: 2px 1.5rem;
    border-radius: 0
}

@media (min-width:992px) {
    header.masthead .masthead-content .masthead-heading {
        font-size: 4rem
    }
    header.masthead .masthead-content .masthead-subheading {
        font-size: 4rem
    }
    header.head-detail .head-profil {
        top: -115px
    }
    header.head-detail .masthead-content h1.masthead-heading {
        font-size: 36px
    }
 
    .header-home .col-custome2 {
        margin-top: -11px !important;
        margin-left: -8px !important;
    }

    .col-custome {
        margin-left: -8px !important;
    }
}

.bg-primary {
    background-color: #ee0979!important
}

.btn-primary {
    background-color: #21ccd4;
    border-color: #21ccd4
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #46626e!important;
    border-color: #46626e!important
}

.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(238, 9, 121, .5)
}

.btn-secondary {
    background-color: #ff6a00;
    border-color: #ff6a00
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #c50!important;
    border-color: #c50!important
}

.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .5)
}

.mar-top {
    margin-top: 35px
}

.header-home {
    padding-top: calc(8rem + 72px)!important;
    padding-bottom: 8rem!important
}

.header-home h1 {
    font-size: 28px!important; /* font-size: 52px!important; */
    font-weight: 100!important;
    margin-bottom: 3px!important
}

.header-home h2 {
    font-size: 1.5em!important;
    font-weight: 600!important;
    margin-bottom: 20px!important;
    text-shadow: 0 4px 5px #222
}

.header-home input {
    height: 50px;
    border-radius: 4px;
    border: 1px solid #1e9da8;
}

.header-home button {
    width: 160px;
    height: 48px;
    border-radius: 5px;
    letter-spacing: 1px;
    font-weight: 700;
    -webkit-box-shadow: 1px 1px 2px 2px ##13a2af;
    box-shadow: 1px 1px 2px 2px ##13a2af;
}

.header-home input::placeholder {
    color: #afb0b2;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.header-home input:-ms-input-placeholder {
    color: #afb0b2;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.header-home input::-ms-input-placeholder {
    color: #afb0b2;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.list-jobs h4,
.list-jobs p.location,
.list-jobs p.sub-title {
    font-family: Lato, sans-serif
}

.header-home .input-group-addon {
    position: absolute;
    width: 60px;
    text-align: center;
    height: 60px;
    line-height: 70px
}

.header-home .input-group-addon i {
    color: #c1c1c1;
    z-index: 2;
    position: relative;
    font-size: 25px
}

.list-jobs .my-7 {
    margin-top: 2rem!important
}

.list-jobs h2 {
    color: #5f7580
}

.list-jobs .img-media {
    margin-top: 4px;
    text-align: center;
    width: 100px
}

.list-jobs .p-13 {
    padding-top: 7px
}

.list-jobs h4 {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600!important;
    padding: 5px 0;
    width: 100px
}

.list-jobs p.sub-title {
    font-size: 20px
}

.list-jobs p.location {
    font-size: 17px;
    color: #c1c1c1
}

.list-jobs i {
    color: #55595c
}

.col-landing1 .landing-brief h2 {
    font-size: 30px;
    margin-bottom: 22px;
    font-family: Montserrat, sans-serif;
    color: #55595c;
    letter-spacing: -2px
}

.col-landing1 .landing-brief p.sub-title {
    margin-bottom: 5px;
    font-weight: 600;
    color: #c1c1c1;
    font-family: Lato, sans-serif
}

.col-landing1 .landing-brief p {
    font-size: 14px;
    color: #7e8890
}

.about .landing-brief p.sub-title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 18px;
    font-family: Lato, sans-serif
}

.about .landing-brief h2 {
    font-family: Montserrat, sans-serif;
    color: #5f7580;
    margin-bottom: 30px;
    letter-spacing: -2px;
    font-size: 36px
}

.about .landing-brief .icon-about {
    text-align: center;
    border: 2px solid #55595c;
    height: 85px;
    line-height: 100px
}

.about .landing-brief .icon-about i {
    font-size: 2.7em
}

.about .landing-brief .brief p {
    font-size: 14px;
    color: #55595c;
    font-family: Lato, sans-serif
}

.about .landing-brief .brief h4 {
    font-family: Montserrat, sans-serif;
    color: #55595c;
    letter-spacing: -1px;
    font-weight: 600!important;
    font-size: 18px;
    margin-bottom: 3px
}

.about .landing-brief .no-padd {
    padding: 0
}

.col-build .brief-body {
    padding: 5px 20px 40px 20px;
}

.col-build .brief-body h4 {
    color: #23c0c8;
    font-size: 25px;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.col-build .brief-body p,
.col-build h2 {
    font-family: Muli, sans-serif
}

.col-build .brief-body p {
    color: #87888c;
    font-size: 19px;
    font-weight: 500
}

.col-build h2 {
    color: #59717d;
    font-size: 50px;
    font-weight: 300
}

.header-acrodion a,
.header-acrodion a.collapsed {
    font-size: 20px;
    letter-spacing: 1px;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

.col-build .card-img-top {
    width: 70%
}

.col-build .line {
    height: 3px;
    background: #21ccd4;
    width: 30px;
    margin: 0 auto;
    margin-bottom: 40px!important
}

.img-brands .list-brands img,
.list-corp .img-media img {
    width: 100%
}

#accordion .bg-transparant {
    margin-top: 8px
}

.card-header {
    background: #fff
}

.header-acrodion {
    border: 2px solid #f3f3f3;
    border-radius: 7px 7px 0 0!important
}

.header-acrodion a {
    color: #21ccd4
}

.header-acrodion a.collapsed {
    color: #b9b9b9
}

.brief-dropdown {
    background: #fcfcfc;
    padding-left: 30px;
    border-radius: 0 0 7px 7px!important;
    color: #87888c;
    font-size: 19px;
    font-family: Muli, sans-serif
}

.header-acrodion .label-step,
.header-acrodion a.collapsed .label-step {
    float: left;
    font-size: 13px;
    padding: 3px 9px;
    border-radius: 5px;
    margin-right: 10px
}

.header-acrodion .label-step p,
.header-acrodion a.collapsed .label-step p {
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff
}

.header-acrodion a.collapsed .label-step {
    background: #b9b9b9
}

.header-acrodion .label-step {
    background: #21ccd4
}

.collapse-custome {
    border: 2px solid #f3f3f3;
    border-top: 0
}

.navbar-white {
    background: #fff
}

.navbar-white .navbar-nav .nav-item .nav-link {
    color: #86979f;
    letter-spacing: 0
}

.navbar-white .navbar-nav .border-purple .nav-link {
    color: #21ccd4
}

.form .form-group {
    margin-bottom: 10px
}

.form input::placeholder {
    color: #afb0b2;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

.form input:-ms-input-placeholder {
    color: #afb0b2;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.form input::-ms-input-placeholder {
    color: #afb0b2;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.form textarea::placeholder {
    color: #afb0b2;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

.form textarea:-ms-input-placeholder {
    color: #afb0b2;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.form textarea::-ms-input-placeholder {
    color: #afb0b2;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.form h2 {
    color: #21ccd4;
    /*margin-top: 20px;*/
    padding-bottom: 20px;
    letter-spacing: -2px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
    font-family: Montserrat, sans-serif
}

.form p {
    font-family: Muli, sans-serif;
    color: #87888c
}

.form button,
.img-brands h2,
header.header-list h1 {
    font-family: Montserrat, sans-serif
}

.form span a {
    color: #21ccd4
}

.form .form-control {
    padding: .7rem .75rem
}

.form button {
    font-size: 20px;
    width: 100%;
    padding: 9px 0;
    font-weight: 600;
    margin-top: 25px;
    background-color: #21ccd4;
    color: #fff;
    border: 0;
    border-radius: 25px
}

.form button:hover {
    background: #46626e!important
}

.invite-req-link { display: none; }
.invite-req-link2 {  
    color: white; /*#fcdb32;*/
    padding-left: 5px;
}

.img-brands p {
    margin-bottom: -5px;
    font-weight: 600;
    font-size: 18px
}

.img-brands h2 {
    color: #55595c;
    margin-bottom: 30px;
    letter-spacing: -2px;
    font-weight: 600!important;
    font-size: 36px
}

header.header-list {
    background-image: url(../img/bg-head.jpg);
    padding-bottom: 0
}

header.header-list h1 {
    font-size: 28px!important;
    font-weight: 600!important;
    text-shadow: 0 4px 5px #222;
    position: relative;
    top: -55px
}

.list-corp h3,
.list-corp h3 i {
    font-size: 17px!important
}

.attention p,
.biodata,
.list-corp h3,
.lists .bg-white span {
    font-family: Lato, sans-serif
}

header.header-list .bg-opacity {
    background-color: rgba(255, 255, 255, .7)
}

.list-corp .img-media {
    margin-right: 10px
}

.list-corp .col-title-job {
    padding-top: 30px!important
}

.list-corp h3 {
    color: #c1c1c1!important
}

.lists .bg-white {
    border-left: 1px solid #e0e0e0
}

.lists .bg-white:hover {
    border-left: 5px solid #c80984!important
}

.col-avatar .img-media {
    margin-right: 12px
}

.col-avatar .float-left {
    text-align: left
}

.col-avatar .float-left h2 {
    margin-bottom: 3px
}

.col-avatar .float-left p {
    margin-bottom: 0;
    font-size: 13px;
    color: #55595c
}

.attention {
    background: #c92182;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.attention p {
    margin-bottom: 28px;
    font-size: 14px
}

.attention .btn-edit {
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 11px 0;
    width: 68%;
    margin: 0 auto
}

.col-btn {
    background: #fafafa;
    border: 1px solid #ced4da;
    float: right;
    margin-top: 20px;
    height: 70px;
    width: 100%
}

.col-btn button {
    background: #c92182;
    border: 1px solid #c92182;
    width: 170px;
    border-radius: 20px;
    font-size: 14px;
    padding: 7px 0;
    margin-top: 16px;
    margin-right: 20px
}

header.header-profil {
    background-image: url(../img/bg-signup.jpg);
    padding-top: calc(12rem + 72px)
}

.biodata {
    background: #f5f5f5;
    text-align: center;
    color: #55595c;
    font-size: 14px
}

.card {
    border: 0;
    margin-top: 25px
}

.card .card-body h2 {
    color: #55595c;
    font-size: 18px;
    margin-bottom: 22px;
    font-family: Montserrat, sans-serif;
    font-weight: 600!important
}

.card .card-body .breadcrumb li a,
.card .card-body p {
    font-family: Lato, sans-serif
}

.card .card-body p {
    color: #c1c1c1;
    font-size: 14px;
    margin-bottom: 30px
}

.card .card-body .sc-3 h5 {
    color: #c1c1c1;
    font-size: 15px;
    font-weight: 600!important;
    margin-bottom: 0
}

.card .card-body .sc-3 p.majors {
    margin-bottom: 5px
}

.card .card-body .breadcrumb {
    padding: 0;
    background: 0 0
}

.card .card-body .breadcrumb li {
    background-color: #71c288;
    border-radius: 15px;
    width: 19%;
    padding: 3px 0;
    text-align: center;
    margin: 0 3px
}

.card .card-body .breadcrumb li a {
    font-size: 12px
}

.col-prof {
    margin-top: -175px
}

.col-prof .img-media {
    margin-right: 15px
}

.col-prof .brief-identitas {
    padding-top: 17px
}

.col-prof .brief-identitas h2.title-job {
    font-size: 24px;
    font-family: Montserrat, sans-serif
}

.col-prof .brief-identitas p.sub-title {
    text-align: left;
    font-size: 17px;
    font-family: Lato, sans-serif
}

.col-prof .bg-green,
.col-prof .brief-identitas .btn-download a,
.list-profile ul li a {
    font-size: 14px;
    font-family: Lato, sans-serif
}

.col-prof .brief-identitas .btn-download {
    background: #c92182;
    border-radius: 20px;
    height: 40px;
    text-align: center;
    line-height: 40px
}

.col-prof .brief-identitas .btn-download a {
    font-weight: 600
}

.col-prof .bg-green {
    font-weight: 400!important;
    padding: 5px 15px;
    color: #fff
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}

.img-rounded {
    border-radius: 3px
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ededf0;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    moz-transition: all .2s ease-in-out;
    o-transition: all .2s ease-in-out;
    padding: 2px;
    transition: all .2s ease-in-out;
    webkit-transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

.list-profile ul {
    padding-top: 15px
}

.list-profile ul li {
    margin: 5px 0
}

.list-profile ul li a {
    color: #c1c1c1;
    padding-left: 17px!important;
    border-left: 3px solid #fff
}

.list-profile ul li a .icon {
    float: left;
    width: 30px;
    margin-right: 8px;
    text-align: center
}

.list-profile ul li a .icon i {
    font-size: 20px
}

.list-profile ul li a:hover {
    color: #55595c;
    border-left: 3px solid #c80984!important
}

header.header-dashboard {
    padding-bottom: 6rem!important;
    padding-top: calc(11rem + 72px)!important
}

header.header-dashboard .mobile-section {
    display: none
}

.dashboard {
    margin-bottom: 25px
}

.dashboard .list-actifity {
    background: #fafafa;
    padding: 10px 25px;
    border-radius: 30px;
    margin-bottom: 20px;
    position: relative;
    z-index: 2
}

.dashboard .list-actifity p.date-actifity {
    margin-bottom: 0;
    font-size: 12px
}

.dashboard .list-actifity p.card-text {
    margin-bottom: 0;
    font-size: 14px
}

.dashboard .list-actifity p.place {
    margin-bottom: 0;
    font-size: 13px
}

/*.navbar-default {
    display: block
}

.navbar-scroll,
.sticky-navbar .navbar-default {
    display: none
}

.sticky-navbar .navbar-nav .nav-item .nav-link {
    color: #ffffff;
}

.sticky-navbar .navbar-nav .nav-item .nav-link:hover {
    color: #fcdb32
}

.sticky-navbar .navbar-scroll {
    display: block
}

.sticky-navbar .navbar-nav li.bg-border {
    border: 3px solid #fcdb32
}*/


/*.navbar-default {
  display: block; 
}
.navbar-scroll {
  display: none; 
}
.sticky-navbar .navbar-nav .nav-item .nav-link {
  color: #59717d; 
}
.sticky-navbar .navbar-nav .nav-item .nav-link:hover {
  color: #fcdb32; 
}
.sticky-navbar .navbar-default {
    display: none; 
}
.sticky-navbar .navbar-scroll {
      display: block; 
}
.sticky-navbar .navbar-nav li.bg-border {
  border: 3px solid #23c0c8; 
}*/

.sticky-navbar {
    background-color: #fff
}

.navbar-default {
    display: block
}

.navbar-scroll,
.sticky-navbar .navbar-default {
    display: none
}

.sticky-navbar .navbar-nav .nav-item .nav-link {
    color: #59717d
}

.sticky-navbar .navbar-nav .nav-item .nav-link:hover {
    color: #fcdb32
}

.sticky-navbar .navbar-scroll {
    display: block
}

.sticky-navbar .navbar-nav li.bg-border {
    border: 3px solid #23c0c8
}


.form-search-tab h2 {
    margin-bottom: 0;
    padding-top: 8px
}

.form-search-tab .input-group input {
    background: #fefefe;
    border: 1px solid #f3f3f3;
    border-radius: 0 30px 30px 0;
    border-left: 0;
    padding-left: 0
}

.form-search-tab .input-group #basic-addon1 {
    background: #fefefe;
    border: 1px solid #f3f3f3;
    border-radius: 30px 0 0 30px;
    border-right: 0
}

.form-search-tab .input-group #basic-addon1 i {
    color: #c1c1c1
}

.form-search-tab ::-webkit-input-placeholder {
    color: #dadada;
    font-size: 12px;
    font-style: italic
}

.form-search-tab ::-moz-placeholder {
    color: #dadada;
    font-size: 12px;
    font-style: italic
}

/*set for default background color*/
.contact-pg, .reset-pass, .login-pg, .reset-pg, .email-sent, .signup-pg {
    background-color: #f4f8fb
}

.icons {
    position: absolute;
    top: 50px;
    left: -10px;
    -webkit-transform: rotate(358deg);
    -moz-transform: rotate(358deg)
}

.icons-right {
    right: -16px;
    top: 47px;
    position: absolute;
    -webkit-transform: rotate(250deg);
    -moz-transform: rotate(250deg)
}

.step-num { 
    font-weight:normal; 
    color:#23c0c8;
}

.gs {
    position: relative
}

.col-tab {
    margin-left: -5px;
    padding-left: 0;
    padding-right: 0;
    background: #fafafa
}

.col-tab ul li.nav-item {
    padding: 0;
    position: relative;
    z-index: 5;
    width: 119px;
    text-align: center
}

.col-tab ul li.nav-item a .text-center {
    padding-top: 19px
}

.col-tab ul li.nav-item a .text-center i {
    font-size: 21px
}

.col-tab ul li.nav-item a {
    height: 80px;
    color: #c1c1c1;
    padding: 0;
    background: #fcfcfc
}

.col-tab ul li.nav-item a.active {
    background: #fff;
    color: #55595c
}

.col-tab ul li.nav-item a:hover {
    color: #222
}

.no-padding {
    padding: 0
}

.tab-skil .bread,
.tab-skil h2.titile-keahlian {
    padding-left: 15px
}

.tab-skil .brief-keahlian {
    text-align: center;
    margin-top: -155px
}

.tab-skil .brief-keahlian h2.titles {
    color: #fff;
    font-size: 23px;
    margin-bottom: 5px;
    font-family: Montserrat, sans-serif
}

.detail .brief-details p,
.tab-skil .brief-keahlian p {
    font-family: Lato, sans-serif
}

.tab-skil .brief-keahlian p {
    color: #fff;
    width: 70%;
    margin: 0 auto 25px;
    font-size: 14px;
    line-height: 16px
}

.tab-skil .bg-img-mobile img {
    width: 100%
}

.tab-skil .btn-verifi {
    background: #c92182;
    overflow: hidden;
    position: relative;
    width: 37%;
    margin: 0 auto;
    height: 42px;
    line-height: 42px;
    border-radius: 50px
}

.tab-skil .btn-verifi a {
    font-size: 12px;
    font-weight: 600
}

.tab-skil .bread {
    margin-top: 20px
}

.tab-skil .bread p {
    font-weight: 700;
    color: #55595c;
    margin-bottom: 10px
}

.tab-skil .bread .breadcrumb li {
    background: #2ecd71;
    border-radius: 0;
    width: 22%
}

.btn-sertifikasi {
    margin-top: 111px
}

.btn-riwayat {
    margin-top: 105px
}

header.head-detail {
    background-image: url(../img/bg-detail.jpg);
    padding-top: calc(12rem + 72px)
}

.detail .brief-details {
    padding-left: 25px
}

.detail .brief-details p {
    font-size: 18px;
    color: #c1c1c1
}

.detail .heading-detail {
    padding-left: 40px
}

.detail .heading-detail h2 {
    font-size: 18px;
    font-weight: 600!important;
    color: #55595c;
    font-family: Montserrat, sans-serif
}

.detail .col-prof {
    margin-top: -150px
}

.detail .table-responsive td span.bg-yellow {
    color: #fff;
    padding: 5px 20px;
    font-size: 13px
}

.detail .desc-brief p,
.detail .table td,
.detail .table th {
    color: #c1c1c1;
    font-family: Lato, sans-serif
}

.detail .table td,
.detail .table th {
    border: 0;
    font-size: 18px;
    padding: 5px 7px;
    font-weight: 400
}

.detail .content-detail {
    padding-left: 15px
}

.related .heading-detail h2,
.signin .brief-sign .texts h2,
.signin .form-sign form button {
    font-family: Montserrat, sans-serif
}

.detail .desc-brief .btn-download a {
    background-color: #2ecc71;
    border-radius: 20px;
    font-size: 14px;
    padding: 10px 40px
}

.overflow-custome {
    overflow: inherit!important
}

.overflow-custome .img-media {
    margin-top: -66px
}

.col-action {
    margin-bottom: 80px
}

.col-action .col-btn-detail {
    border: 1px solid #e0e0e0;
    height: 120px;
    line-height: 120px
}

.col-action .col-btn-detail .col-lg-6 ul {
    overflow: hidden;
    margin-top: 40px
}

.col-action .col-btn-detail .col-lg-6 ul li {
    list-style: none;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 5px;
    line-height: 40px;
    background: #f1f3f4
}

.col-action .col-btn-detail .col-lg-6 ul li a i {
    color: #707c88
}

.col-action .col-btn-detail .btnn {
    float: right;
    padding-right: 45px
}

.col-action .col-btn-detail .btnn button {
    background-color: #c80984;
    border-radius: 20px;
    font-size: 14px;
    padding: 10px 25px
}

.related .heading-detail h2 {
    font-size: 18px;
    font-weight: 600!important;
    color: #55595c
}

.signin {
    margin-top: 70px
}

.signin .padd-left {
    padding-left: 30px
}

.signin .form-sign .head h2 {
    text-align: center;
    font-size: 19px;
    color: #727475;
    margin-bottom: 3em;
    font-weight: 600!important
}

.signin .form-sign .head p {
    font-size: 14px;
    margin-bottom: 1.4rem
}

.signin .form-sign .head p span {
    color: #c92182;
    font-weight: 600;
    border-bottom: 1px solid;
    padding-bottom: 1px
}

.signin .form-sign form label {
    font-size: 14px;
    color: #727475;
    font-weight: 600
}

.signin .form-sign form input {
    height: 50px;
    border-radius: 0
}

.signin .form-sign form button {
    background: #c92182;
    border-color: #c92182;
    width: 50%;
    height: 45px;
    font-size: 15px;
    border-radius: 50px;
    font-weight: 600!important
}

.signin .form-sign form .form-check {
    width: 45%;
    padding-left: 0;
    float: left;
    padding-top: 20px
}

.signin .form-sign form .form-check a {
    color: #c92182;
    font-size: 14px;
    border-bottom: 1px solid;
    padding-bottom: 1px
}

.signin .brief-sign {
    position: absolute;
    height: 100%;
    padding: 20px
}

.signin .brief-sign .brands img {
    width: 165px
}

.signin .brief-sign .texts {
    margin-top: 10.7rem
}

.signin .brief-sign .texts h2 {
    color: #fff;
    font-size: 44px
}

.signin .bg-signin img {
    width: 100%
}

.signin .padd-right {
    padding-right: 0
}

header.header-signup {
    background-image: url(../img/bg-signup.jpg);
    padding-bottom: 0;
    padding-top: calc(10rem + 72px)
}

header.header-signup h1 {
    font-size: 2.3em!important;
    font-family: sans-serif;
    font-weight: 600!important;
    text-shadow: 0 4px 5px #222;
    position: relative;
    top: -55px
}

header.header-signup .bg-white h3 {
    color: #55595c;
    font-size: 17px
}

.signup {
    margin-bottom: 40px
}

.signup .bg-pattern {
    background-image: url(../img/pattern.jpg)
}

.signup .bg-pattern h2 {
    color: #fff;
    padding-top: 20px;
    text-align: right;
    font-size: 34px;
    font-weight: 600!important
}

.signup input {
    border-radius: 0
}

.signup .col-btn {
    overflow: hidden;
    border: 1px solid #ced4da;
    float: right;
    height: 100px
}

.signup .col-btn button {
    float: right;
    margin-top: 30px;
    background: #c92182;
    font-size: 14px;
    width: 30%;
    border-radius: 20px;
    height: 45px
}

form.form-list .form-control {
    border-radius: 0;
    padding: 10px 15px;
    color: #c1c1c1
}

form.form-list input::-webkit-input-placeholder {
    color: #c1c1c1;
    font-size: 14px
}

form.form-list input:-moz-input-placeholder {
    color: #c1c1c1;
    font-size: 14px
}

form.form-list .bg-white {
    overflow: hidden
}

form.form-list .bg-white .form-check {
    padding-top: 7px
}

form.form-list .bg-white .form-check label {
    color: #c1c1c1
}

.lists .bg-white {
    padding: 15px 0
}

.lists .bg-white h2.title-job,
.lists .bg-white p {
    margin-bottom: 3px
}

.lists .bg-white span {
    color: #c1c1c1;
    font-size: 17px
}

.lists .bg-white span i,
.lists h3 {
    color: #55595c
}

.lists h3 {
    width: 100%;
    font-size: 14px;
    font-family: Lato, sans-serif;
    font-weight: 100!important
}

.lists h3 i {
    font-size: 16px;
    position: relative;
    top: 2px
}

footer {
    background-color: #2d3e50;
    color: #fff;
    padding: 40px 0;
}

a,
footer p {
    color: #87888c;
    font-size: 14px;
    margin-bottom: 0
}

footer a:hover {
    color: #23c0c8
}

footer ul li {
    float: left;
    width: 22px;
    list-style: none
}

footer ul li a i.fa {
    font-size: 17px
}

.form-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
}

.btn-jobs, .btn-primary {
    border-radius: 5px !important;
}

#dimScreen
{
    position:fixed;
    padding:0;
    margin:0;
    display: none;
    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.8);
    z-index: 999999999;
}

.center-screen {

    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    min-width: 400px;
}

.boxy-style {
    border: 1px solid #fcdb32;
    border-radius: 8px;    
    padding: 30px;
    background: white;
    margin-left: 10px;
    margin-right: 10px !important;   
}

h3{
    color: #13a2af !important;
    padding-bottom: 10px;   
    font-weight: lighter; 
}

.cta, .cta:hover, .cta:active, .cta:visited {
    background-color: #fcdb32; /*#e38378;*/
}

.cta {
    color: #13a2af;
}


.close-msg {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: 35px;
    margin-top: 3px;
}

.close-modal:hover {
    color: #fcdb32;
}

.the-access {
    padding: 10px 0;
    padding-left: 10px;
}

.the-access::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d4d7db;
}

.the-access:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d4d7db;
}

.the-access::-ms-input-placeholder { /* Microsoft Edge */
    color: #d4d7db;
}