/*********** 
   General
***********/
.pt-10 {
    padding-top: 10px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
/***** Modal Video Bootstrap Adjustment *****/
.modal.fade .modal-dialog {
    -webkit-transform: unset !important;
        -ms-transform: unset !important;
            transform: unset !important;
    -webkit-transition: -webkit-transform 0.3s ease-out;
       -moz-transition: -moz-transform 0.3s ease-out;
         -o-transition: -o-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
  }
  
  .modal.in .modal-dialog {
    -webkit-transform: unset !important;
        -ms-transform: unset !important;
            transform: unset !important;
  }

/*********** 
    Home
***********/
.btn-video {
    max-width: 128px;
}

.header-white {
    color: white;
}
.careermap-container {
    position: relative; padding-bottom: 90%; padding-top: 35px; height: 0; overflow: hidden;
}

.careermap-container iframe {
    position: absolute; top:0; left: 0; width: 100%; height: 100%;
}

/*********** 
 Job Details
***********/
ul.job-requirements, ul.skills {
    margin: 15px 0;
    padding: 0;
}
ul.job-requirements li {
    list-style: none;
    display: block;
    padding: 7px 0;
    color: #8492a6;
}
ul.job-requirements li span {
    display: inline-block;
    width: 120px;
    font-weight: 500;
    color: #333333 !important;
}