@import url('https://fonts.googleapis.com/css?family=Work+Sans&display=swap');

html{
  scroll-behavior: smooth;
}

body{
  font-family: 'Open Sans', cursive;
}

.carousel-control-next,
.carousel-control-prev {
    font-size: 40px;
}

.big {
    font-size: 1.5rem;
}

.icon-block {
    position: relative;
    text-align: center;
}

.icon-block .icon {
    background-color: #007bff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100px;
    position: absolute;
    left: calc(50% - 25px);
    top: -25px;
    font-size: 30px;
    color: #fff;
    transform: rotate(0deg);
    transition: transform .5s ease-in-out;
}

.icon-block a {
    display: inline-block;
    padding: 50px;
    list-style: none;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #343a40;
    font-weight: bold;
    text-decoration: none;
}

.icon-block:hover a {
    color: #6c757d;
}

.icon-block:hover .icon {
    transform: rotate(360deg);
}

.masonry .masonry-item {
    cursor: pointer;
}

.modal-body.loading:after {
    content: "\f110";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 40px;
    animation: fa-spin 2s infinite linear;
    padding: 3rem;
}

.parallax{
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

h1, h2,h3,h4, h5, h6{
  color: #000033;
}

p{
  color: #555;
}
.btn{
  border-radius: 0;
}
.btn-primary{
  border-color: #000033;
  background-color: #000033;
}

.btn-primary:hover{
  border-color: #f37f20;
  background-color: #f37f20;
}

.home-carousel .item {
    height: 100vh;
    background-size: cover;
    background-position: center;
    max-height: 500px;
    user-select: none;
}

.home-carousel

.carousel-objects{
  transform: translateY(40%);
}

.home-carousel .owl-item.active h2, .home-carousel .owl-item.active h3, .home-carousel .owl-item.active a{
  opacity: 1;
  transform: translateY(0);
}

.home-carousel h2{
  font-size: 3rem;
  font-family: 'Ruda', sans-serif;
  font-weight: bold;
  opacity: 0;
  transform: translateY(-15px);
  transition: .75s ease;
  transition-delay: .5s;
}

.home-carousel h3{
  font-size: 2.5rem;
  font-family: 'Ruda', sans-serif;
  font-weight: 300;
  opacity: 0;
  transform: translateY(-15px);
  transition: .75s ease;
  transition-delay: .8s;
}

.home-carousel a{
  opacity: 0;
  transform: translateY(15px);
  transition: 1s ease;
  transition-delay: 1.5s;
  display: block;
  color: #ff9742 !important;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
}

.home-carousel a i{
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  text-align: center;
  background: #ff9742;
  border-radius: 100%;
  color: #020f48;
  padding-left: 4px;
  animation: pulse-orange 2s ease infinite;
}

@keyframes pulse-orange{
  from{ box-shadow: 0 0 0 0 rgba(255, 151, 66, 1) }
  to, 80%{ box-shadow: 0 0 0 20px rgba(255, 151, 66, 0) }
}

.home-carousel .owl-item .item{
  position: relative;
}

.home-carousel .owl-item .item:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(2, 14, 72, .5);
  opacity: 1;
  z-index: 1;
}

.carousel-objects{
  position: relative;
  z-index: 2;
}



/*------------------- TABLET ------------------*/
@media only screen and ( min-width: 600px ) and ( max-width: 999px ) {
	.custom_overlay h3 { font-size: 80%;}
	.custom_overlay p {
		font-size: 85%;
		line-height: 1.2em;
	}
}

/*------------------- MOBILE ------------------*/
@media only screen and ( max-width: 599px ) {
	.custom_overlay h3 { font-size: 100%;}
	.custom_overlay p { font-size: 100%;}
}


.vacatures .card{
  height: 100%;
}

.vacatures .card-header{
  background-color: #000033;
  color: white;
  border-radius: 0;
  border: none;
}

.vacatures .card-footer, .vacatures .card-body{
  background-color: white;
  border: none;
}

.vacatures .card{
  border: none;
}
.text-primary{
  color: #f37f20 !important;
}

.vacatures .w-100{
  border-top: solid 2px #555;
}
.vacatures .table{
  width: 20%;
}

.vacatures .span-text{
  color: #f37f20 !important;
}
.text-warning{
  color: #f37f20 !important;
}

.w-50{
  width: 50% !important;
}

.w-75{
  width: 75% !important;
}

.w-25{
  width: 25% !important;
}

.border-primary{
  border-color: #000033 !important;
}

div.rich-text a{
  color: #f37f20 !important;
}
/* .vacatures .card-body{
  background-color: red !important;
} */

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

.text-primary{
  color: #020e48 !important;
}

.btn-white.text-primary{
  color: #fff !important;
  text-transform: uppercase;
}

.parallax{
  overflow: hidden;
}

.quote{
  display: flex;
  min-height: 250px;
  background-color: white;
  position: relative;
}

.quote .quote_image{
  display: block;
  min-width: 250px;
  min-height: 100%;
  background-size: cover;
  background-position: center;
}

.quote .quote_lead{
  padding: 40px 20px;
}

.quotes .owl-dots .owl-dot{
  box-shadow: 0 !important;
  outline: none !important;
}

.quotes .owl-dots .owl-dot span{
  border-radius: 0;
  width: 20px;
  height: 20px;
  transition: .2s ease;
}

.quotes .owl-dots .owl-dot.active span{
  background-color: #020034;
}

.quotes .owl-dots .owl-dot:not(.active):hover span{
  background-color: #6e6b88; 
}

.quote_lead{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  z-index: 2;
}

.quotes .quote .quote_lead i{
  position: absolute;
  opacity: .1;
  color: #f37f20;
  font-size: 60px;
  z-index: 1;
}

.quotes .quote .quote_lead i.fa-quote-left{
  left: 10px;
  top: 5px;
}

.quotes .quote .quote_lead i.fa-quote-right{
  right: 10px;
  bottom: 5px;
}

.quote_name{
  font-weight: 600;
}

@media screen and (max-width: 991px){
  .quotes .quote{
    flex-direction: column;
  }
}

.header_overlay{
  position: relative;
}

.header_overlay .article{
  width: 100%;
  max-width: 800px;
  padding: 30px 15px;
  background-color: rgba(1, 6, 33, 0.4);
  backdrop-filter: blur(4px);
  display: block;
  margin: 0 auto;
}

.header_overlay article *{
  color: white !important;
}

.owl-vacatures .item{
  background-size: cover;
  background-position: center;
  position: relative;
}

.owl-vacatures .owl-item .item:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  opacity: 0;
  transition: 2s ease;
  transition-delay: .5s;
}

.owl-vacatures .owl-item.active .item:after{
  opacity: 1;
}

.owl-vacatures .owl-item .vacatures_lead{
  padding: 100px 0;
  position: relative;
  z-index: 4;
  opacity: 0;
  transform: translateX(-10px);
  transition: 1s ease;
  transition-delay: .75s;
}

.owl-vacatures .owl-item.active .vacatures_lead{
  opacity: 1;
  transform: translateX(0);
}

.owl-vacatures .vacatures_lead *{
  color: white;
}

.owl-vacatures .vacatures_lead h2{
  font-size: 40px;
  font-weight: 700;
}

.carousel-caption *{
  color: white;
}

.carousel-inner .carousel-item:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.2);
}

@media print{
  .printdis{
    display: block !important;
  }
  header, footer, .vacatures > *{
    display: none;
  }
}

.company_logo{
  width: 100%;
  max-width: 100px;
}

.jobcard {
  margin-bottom: 25px;
}