html {
  -webkit-transition:  500ms ease-out 1s;
  -moz-transition:  500ms ease-out 1s;
  -o-transition:  500ms ease-out 1s;
  transition:  500ms ease-out 1s;
}

body {
  background-color: #000;
}

.wide {
    max-width: 1200px;
    height: auto;
    padding:20px;
    margin:5em auto;
}

.alert {
  display: none;
  text-align: center;
  padding: 10px;
  background-color: cadetblue;
  color:white;
  margin:10px;
}

.title {
  color: cadetblue;
}

#newUser h1 {
  color:cadetblue;
}

.btn-primary {
  background-color:cadetblue;
}

.logoImage {
  width: 90%;
  height: auto;
}

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

.navbar {
  overflow: hidden;
  border-top: 3px solid #16d48d;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,1);
  border-bottom: 3px solid transparent;
}

.navbar-dark .navbar-nav .nav-link:active, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(22,212,141,1);
}

.topImage {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  border: 5px solid #dcdcdc;
}

h1 {
  color:  #007bff;
}

.midImage {
  width: 100%;
  height: auto;
  margin: 20px auto;

}

.jdImage {
  width: 100%;
  height: auto;
  margin: 20px 100px 20px 90px;

}

.footerImage {
  width: 100%;
  height: auto;
}

.videoWide {
  position: relative;
  background-color: black;
  height: 65vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.videoWide video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.videoWide .container {
  position: relative;
  z-index: 2;
}

.videoWide .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 1;
}

.jobsWide {
  min-height: 400px;
    margin-top: 5px;
    padding-top: 7rem; 
    background-image: url('/images/jobs.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;

}

.applyWide {
  min-height: 400px;
  margin-top: 5px;
  padding-top: 7rem; 
  background-image: url('/images/jobs.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: repeat;
}


.serWide {
  min-height: 400px;
    margin-top: 5px;
    padding-top: 7rem; 
    background-image: url('/images/services.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;

}

.newsWide {
  min-height: 400px;
    margin-top: 5px;
    padding-top: 7rem; 
    background-image: url('/images/news.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;

}

.contactWide {
  min-height: 400px;
    margin-top: 5px;
    padding-top: 7rem; 
    background-image: url('/images/contact.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;

}

.privacyWide {
  min-height: 400px;
  margin-top: 5px;
  padding-top: 7rem; 
  background-image: url('/images/privacy.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: repeat;
}


.jobsWide, .serWide, .newsWide, .contactWide, .privacyWide, .applyWide,  h1 {
  position: relative;
  color:#fff;
}


.midImage {
  width: 100%;
  height: auto;
  margin: 0 auto;
}


.homeP ul {
  color:#fff;
}

@media (pointer: coarse) and (hover: none) {
  videoWide {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  videoWide video {
    display: none;
  }
}
.w-100 {
  width: 60% !important;
  height: auto;
  float:left;
}

.leftHeaderbtn {
  float:left;
  margin:1rem;
}
.display-3 {
  font-size:2.5rem;
  color: #fff;
  text-align: left;
  font-weight: bolder;
}

.lead {
  text-align: left;
}

.clear {
  clear: both;
}
hr {
  width: 100%;

}

.midPageBtn {
  width: 300px;
  height: auto;
  margin: 0 auto;
}

.btn {
  background-color: #16d48d;
  color: #fff;
}

.topBtn {
  background-color: #007bff;
  color: #fff !important;
}

#newUser h1{
  margin: 0 auto;
  color: #007bff;
}

.iconImage {
  width: 70%;
  height: auto;
  float: left;
  margin: 10px;
}

.Contactright {
  float:right;
  padding:1rem;
  text-align: right;
}

.submit {

}

.pInfoTitle {
  padding-left: 20px;
}

.continueBtn {
  
}

.stepOne {
  width: 100%;
  height: auto;
  margin: 1rem;
  padding: 1rem;
  border: 1px solid rgba(149, 147, 147, 0.2);
  border-radius: 10px;
}

.stepTwo {
  max-width: 600px;
  height: auto;
  margin: 2rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 1rem;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
}

.homeP {
  background-color: #000;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.homeP h2, p {
  color:#fff;
}

.homeP h1 {
  color: #16d48d;
}

.homeP h3 {
  color:#fff;
}

.spaceH {
  margin-bottom: 3rem;
}

.leftHome {
  padding:2rem;
}

.leftHomeApply {
  padding:2rem;
  padding-top:6.6rem;
}

.rightHome {
  border-left: 5px solid #16d48d;
  padding: 4rem;
}

.footerIcons img {
  width: 40%;
  height: auto;
  margin: 0 auto;
}

.column-4 {
  text-align: center;
}
.w-col-4 {
  width: 33.33333333%;
}

footer {
  background-color: #000;
  color:#fff;
  padding-top:2rem;
  padding-bottom: 2rem;
  border-top: solid 1px #262626;
  margin-top:100px;
}

footer a {
  color:#16d48d;
  text-decoration: underline;
}

.privacyLine {
  width: 100%;
  margin: 0 auto;
  margin-top:100px;
  text-align: center;
}

label {
  color:#fff;
}

.multiselect-search, .multiselect-clear-filter {
  display: none;
}

.multiselect-container {
  width: 100%;
  background-color: #000;
  border-left: 1px solid #16d48d;
  border-right: 1px solid #16d48d;
}

.multiselect-container .checkbox {
  width: 100%;
  border-bottom: 1px solid #16d48d;
  margin-top: 10px!important;
  padding-bottom: 10px!important;
}

.multiselect {
  width: 100%;
}
.clear {
  clear:both;
}



@media only screen and (max-width: 1180px) {
  .jdImage {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .stepTwo h4 {
    
    font-size: 1em;;
  }

  .col-sm {
    width: 30%;
    float: left;
    margin-left: 5px;
  }

  .Contactright {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;
    text-align: center;
  }

  .disclaimer {
    text-align: center;
  }

  .col-5 {
    max-width: 90%;
  }

  .smallP {
    max-width: 90%;
    text-align: left;
    margin: 10px;
  }

  .videoWide {
    height:25vh ;
    top: -2px;
  }
  

  .w-100 {
    width: 100% !important;
    height: auto;
    margin: 0 auto;
  }

  .leftHeaderbtn {
    width: 90%;
    height: auto;
    margin: 0 auto;
    margin: 1rem;
  }
  .display-3 {
    font-size:1.3rem;
    color: #fff;
    text-align: left;
    font-weight: bolder;
    margin: 0 auto;
    padding: 0;
  }
  
  .lead {
    text-align: left;
  }
}

@media only screen and (max-width: 1000px) {
  .logoImage {
    width: 90%;
    height: auto;
  }
  .navbar {
    margin-bottom: 2px;
  }

  .navbar-brand {
    max-width: 80%;
    height: auto;
    padding:0px;
    margin: 0;
  }

  .pInfo, p, h1, h2, h3, h4 {
    width: 80%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 10px;
  }
  h1, h2, h3, h4 {
    font-size: 1.5em;
  }

  .jdImage {
    width: 100%;
    height: auto;
    margin: 0 auto;  
  }

  #newUser .col-6 {
    min-width: 100%;
  }

  .footerIcons p {
    text-align: center;
  }
  
}

@media only screen and (max-width: 650px) {
  .stepOne {
    max-width: 100%;    
    margin: 0;
    margin-bottom:20px;   
    padding: .5rem;
  }
  
  .stepTwo {
    max-width: 100%;    
    margin: 0;   
    margin-bottom:20px; 
    padding: .5rem;
  }

  .footerIcons img {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  
  .w-col-4 {
    width: 70%;
    margin: 0 auto;
  }

  footer {
    margin-top:-2px;
  }
  .jobsWide, .serWide, .newsWide, .contactWide, .privacyWide, .applyWide {    
    min-height: 150px;
    margin-top: 5px;
    padding-top: 2rem; 
    text-align: left;
  }

  .jobsWide, .serWide, .newsWide, .contactWide, .privacyWide, .applyWide h1 {
    font-size: 3rem;
  }

  

  .homeP, h1 {
    font-size: 2rem;
  }

  .homeP, h3 {
    font-size: 1rem;
  }

  .homeP, p {
    font-size: 1rem;
  }

  p, .pInfo, h1, h2, h3, h4 {
    text-align: left;
  }

  footer {
    margin-top: 200px;
  }
  .fullMobile {
    width: 100%;
    height: auto;
    margin: 0;
  }
}