body { font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 400; color: #fff; line-height: 26px; background: #000; }

strong { font-weight: 700; }

a { color: rgba(255, 255, 255, 0.75); border-bottom: 1px dashed rgba(255, 255, 255, 0.5); text-decoration: none; transition: all .3s; }
a:hover, a:focus { color: #90bf21; border: 0; text-decoration: none; }

h1, h2 {font-size: 60px; font-weight: 700; line-height: 50px; margin-bottom: 0; font-family: 'Montserrat', sans-serif; letter-spacing: -0.03em; }
h3 {font-size: 30px; font-weight: 700; line-height: 30px; font-family: 'Montserrat', sans-serif; letter-spacing: -0.02em; margin-bottom: 20px; }
h4 {font-size: 24px; font-weight: 700; line-height: 30px; font-family: 'Montserrat', sans-serif; letter-spacing: -0.02em; margin-bottom: 20px; opacity: 0.75;}

.vacature h1 {line-height: 75px;}
.vacature h3 {color: #90bf21; line-height: 40px;}
.vacature .btn-primary {background-color: #90bf21;}
.vacature .btn-primary:hover {background-color:#7ea821 }

.vacature ul {padding-left: 14px; list-style: square;}

img { max-width: 100%; }

.medium-paragraph { font-size: 17px; line-height: 32px; }

::-moz-selection { background: #8542a0; color: #fff; text-shadow: none; }
::selection { background: #8542a0; color: #fff; text-shadow: none; }

.grecaptcha-badge {visibility: hidden;}

/***** General style, all sections *****/

.section-container { margin: 0 auto; padding-bottom: 80px; }

.section-container-gray-bg { background: #f8f8f8; }

.section-container-image-bg, 
.section-container-image-bg h2, 
.section-container-image-bg h3 { color: #fff; }

.section-container-image-bg .divider-1 span { border-color: #fff; }

.section-description { margin-top: 60px; padding-bottom: 10px; }

.section-description p { margin-top: 20px; padding: 0 120px; }
.section-container-image-bg .section-description p { opacity: 0.8; }

.section-bottom-button { padding-top: 60px; }


/***** Top menu *****/

.navbar { transition: all .6s; backface-visibility: hidden; background-color: rgba(0, 0, 0, 1); z-index: 10; position: relative; }
.front .navbar { background-color: rgba(0, 0, 0, 0); }

.navbar-dark .navbar-nav { font-size: 15px; color: #fff; text-transform: uppercase; }
.navbar-dark .navbar-nav .nav-link { color: #fff; color: rgba(255, 255, 255, 1); border: 0; }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
.navbar-dark .navbar-nav .nav-link:focus { color: #fff; outline: 0; }

.navbar-nav .nav-link { padding-left: 1rem !important; }

.navbar-brand {
	width: 200px;
	background: url(../img/logo.png) left center no-repeat;
	border: 0;
	min-height: 100px;
	text-indent: -99999px;
}

.navbar-dark .navbar-nav .nav-item.social {
	font-size: 24px;
	}


/***** Content *****/

.content { width: 100%; padding: 0; margin-top: -116px; }

.content .carousel-inner { display: flex; }

.content .carousel-item { height: 100vh; min-height: 400px; }
.content .carousel-item img { height: 100%; object-fit: cover; opacity: 0.25; }
.content .carousel-item > div { height: 90% !important; }

.content .carousel-control-prev { border-bottom: 0; }
.content .carousel-control-next { border-bottom: 0; }

.carousel-indicators { position: relative; margin: 0 auto; }

.content .carousel-indicators > div:hover,
.content .carousel-indicators > div.active { cursor: pointer; margin-top: -8px; transition: all 0.5s 0s ease;}

.btn-primary { background: #d61616; border: none; font-family: 'Montserrat', sans-serif; font-size: inherit; font-weight: 700; border-radius: 0; position: relative; }

.btn-primary:hover { background-color: inherit; }

.btn-primary:hover:after { background: rgba(0, 0, 0, 0.15); position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.btn-primary:hover span { position: relative; z-index: 2; }

.content .carousel-item .btn-primary { background: #d61616; }
.content .carousel-item-2 .btn-primary { background: #eb761a; }
.content .carousel-item-3 .btn-primary { background: #22b5dd; }
.content .carousel-item-4 .btn-primary { background: #7ab256; }
.content .carousel-item-5 .btn-primary { background: #f4b400; }
.content .carousel-item-6 .btn-primary { background: #b7348b; }
.content .carousel-item-7 .btn-primary { background: #d30074; }
.content .carousel-item-8 .btn-primary { background: #90bf21; }

.content .carousel-item > .video-wrapper {
   	position: fixed;
   	top: 0;
   	left: 0;
	object-fit: cover;
    width: 100vw;
    height: 100vh;
   	z-index: -1;
   	pointer-events: none;
   	overflow: hidden;
	opacity: 0.3;
	position: fixed;
	}
	
.vimeo-wrapper * {
   	width: 100vw;
   	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   	min-height: 100vh;
   	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   	position: absolute;
   	top: 50%;
   	left: 50%;
   	transform: translate(-50%, -50%);
	}

/***** Form *****/

.fcf-field {
	margin-bottom: 24px;
	}

label { margin: 0 0 0 8px; }

input[type="text"],
input[type="email"],
textarea {
	background: #fff;
	border: 2px solid #fff;
	padding: 16px;
	width: 100%;
	}

.fcf-button { background: #90bf21; }

.fcf-button:hover { background-color: #90bf21; }

.cfgen-submit:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary.focus, .btn-primary:focus { background: #7ea821 !important; }

.js-validate-error-field {
	border: 2px solid #ff0000 !important;
	}

.js-validate-error-label {
	color: #ff0000;
	}

/***** Footer *****/

.footer { font-size: 12px; color: rgba(255, 255, 255, 0.5); }
.footer a { color: rgba(255, 255, 255, 0.5); }

/***** Webfonts *****/

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../webfonts/roboto-slab-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/roboto-slab-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/roboto-slab-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/roboto-slab-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/roboto-slab-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/roboto-slab-v13-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../webfonts/roboto-slab-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/roboto-slab-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/roboto-slab-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/roboto-slab-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/roboto-slab-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/roboto-slab-v13-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../webfonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}