/*[  GENERAL | NORMALIZE 8.0.1

––––––––––––––––––––––––––––––––––––––––––––––––– */

.job-vacancy.apply-cta {
  display: flex;
  justify-content: center;
}

a.btn {
    padding: 15px 25px;
    color: white;
    border-radius: 5px;
    position: relative;
    z-index: 22;
}

.apply-cta a:hover {
  opacity: .8;
}

a.indeed {
  background: #055bb3;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}

.linkedin {
  background: #0072b1;
  right: 0;
}

.none {
  display: none;
}

.vacancies {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.job-vacancy {
  margin: 20px 0;
  padding: 40px;
  border: 1px solid #ccc;
  border-radius: 5px;position: relative;
  width: 100%;
  
}

.job-vacancy__inner {
  position: relative;
  height: 300px;
  overflow: hidden;
}


.job-vacancy__overlay {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0.9) 46%, rgba(255,255,255,0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  z-index: 5;
  display: block
}

.job-vacancy__overlay.none {
  display: none;
}

.job-vacancy__toggle {
  position: relative;
  z-index: 10;
  padding: 15px 25px;
  background: #0554a3;
  color: #fff; 
  border-radius: 5px;
  margin: 10px 0;
}

.job-vacancy__inner.full{
  height: auto;
}

.job-vacancy__inner--full {
  display: none;
}

.job-vacancy__toggle:hover {
  cursor: pointer;
  color: #fff;
  opacity: 0.7;
}


.job-vacancy li {
  list-style: disc inside !important;
}

.job-vacancy a.btn-apply {
  position: relative;
  z-index: 10;
  padding: 15px 25px;
  background: #050f2d;
  color: #fff;
  border-radius: 5px;
}

.job-vacancy a.btn-apply:hover {
  cursor: pointer;
  color: #fff;
  opacity: 0.7;
}

.vacancy-form {
  width: 100%;
  background: #050f2d;
  padding: 60px;
  /* margin: 20px 0; */
  border-radius: 5px;
  margin: 20px auto; 
}

.vacancy-form h2{
  color: white;
}

form.hf-form-11989 {
 
}

form.hf-form-11989 label, form.hf-form-11989 p {
  color: white;
  font-weight: normal;
}

form.hf-form-11989 h4 {
  margin: 10px 0;
  color: #0cf;
  font-weight: 900;
  font-size: 22px;
}

form.hf-form-11989 .fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

form.hf-form-11989 .fields div {
 width: 100%;

}

form.hf-form-11989 div {
  margin-bottom: 20px;
  
}


form.hf-form-11989 label {
  margin-bottom: 10px;
  
}

form.hf-form-11989 div.question {
  margin: 10px 0; 
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


form.hf-form-11989 div.question label.question__inner {
  width: 100%;
}

form.hf-form-11989 div.question label {
 margin-left: 10px;
}

form.hf-form-11989 a.read-more{
  color: #0cf;
  font-size: 18px;
  cursor: pointer;
  margin-bottom: 10px;
 
}

form.hf-form-11989 a.read-more:hover{

  opacity: .5;
 
}

form.hf-form-11989 div.read-more__inner {
  display: none;
}

form.hf-form-11989 div.read-more__inner.block {
  display: block;
}


form.hf-form-11989 input[type="number"], input[type="file"] {
  -webkit-border-radius : 7px;
  -moz-border-radius : 7px;
  border-radius : 7px;
  height: 42px;
  line-height : initial;
  outline : none;
  padding : 0px 15px;
  border : solid 1px #e9e9e9;
  color : #737373;
  width : 100%;
        
}

form.hf-form-11989 input[type="file"] {
  padding: 7px;
}

form.hf-form-11989 input[type=submit] {
  background: #0554a3;
  -webkit-border-radius : 7px;
  -moz-border-radius : 7px;
  border-radius : 7px;
  height: 42px;
  line-height : initial;
  outline : none;
  padding : 0px 15px;
  border : solid 1px #e9e9e9;
  color : white;
  width : 30%;
  font-weight: 200;
  font-size: 15px;
}

form.hf-form-11989 input[type=submit]:hover {
  opacity: .7;
}


.benefits {
  background: #055bb3;
  padding: 60px;
  margin: 20px 0;
  width: 100%;
  border-radius: 5px;
  color: white !important;

}
.benefits ul {
  display: flex;
  flex-wrap: wrap;

}
.benefits ul li {
  color: #fff;
  text-align: center;
  width: 100%;
  margin: 20px;

}

.benefits ul li i {
  font-size: 35px;
  margin-bottom: 10px;
 

}

.benefits h2 {
  color: #fff;
}

.sister-companies {
  margin: 20px 0;

}

.sister-companies p {
  font-size: 30px;
  color: #055bb3;
  font-weight: 900;
  margin: 10px 0;
  

}

.sister-companies ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

}

.sister-companies ul li img {
  width: 100%;
  max-width: 200px;
  margin: 20px;

}
.sister-companies ul li a:hover {
  opacity: .5;

}


@media screen and (min-width: 800px) {

  .sister-companies ul {
    justify-content: space-between;

  }

  .benefits {
    background: #055bb3;
    padding: 40px;
    margin: 20px 0;
    border-radius: 5px;
    color: white;
  
  }

  .benefits ul {
    justify-content: space-between;
    margin-top: 40px;
  
  }

  .benefits ul li {
    width: 20%;
    margin: 0;
  
  
  }

  .vacancies {
  
  }

  .job-vacancy__toggle {
   
    margin-right: 10px;
  }

  .job-vacancy {
    width: 49%;
  }

  .vacancy-form {
    max-width: 1000px;
  }

  form.hf-form-11989 .fields div{
    width: 49%;
  
  }

  form.hf-form-11989 .fields div:last-of-type{
    width: 100%;
  
  }



  .job-vacancy {
    padding: 60px;
  }
}